/talk/css/common.css

https://code.google.com/p/cuddle/ · CSS · 101 lines · 100 code · 1 blank · 0 comment · 0 complexity · 403402d2b738d1dcd606ab3bee9f6a65 MD5 · raw file

  1. #speaker-note {
  2. position:absolute;
  3. left: 0;
  4. top: 80%;
  5. width: 100%;
  6. height: 20%;
  7. z-index: 8;
  8. opacity: 0.75;
  9. background-color: white;
  10. overflow: auto;
  11. padding: 2px 20px;
  12. -webkit-transition: top 0.5s ease-in-out;
  13. -moz-transition: top 0.5s ease-in-out;
  14. -o-transition: top 0.5s ease-in-out;
  15. transition: top 0.5s ease-in-out;
  16. }
  17. #speaker-note.invisible {
  18. top: 101%;
  19. }
  20. .sidebar {
  21. z-index: 999;
  22. box-sizing: border-box;
  23. height: 100%;
  24. overflow: hidden;
  25. top: 0;
  26. position: absolute;
  27. display: block;
  28. margin: 0;
  29. padding: 10px 16px;
  30. overflow: auto;
  31. -webkit-transition: margin 0.2s ease-in-out;
  32. -moz-transition: margin 0.2s ease-in-out;
  33. -o-transition: margin 0.2s ease-in-out;
  34. transition: margin 0.2s ease-in-out;
  35. }
  36. .sidebar.invisible {
  37. margin-left: -400px;
  38. }
  39. .sidebar table {
  40. border-collapse: collapse;
  41. }
  42. .sidebar caption {
  43. text-shadow: rgba(0, 0, 0, 0.2) 0 2px 5px;
  44. font-size: 24px;
  45. font-weight: bold;
  46. line-height: 55px;
  47. }
  48. .sidebar tr {
  49. margin: 2px 0;
  50. border-bottom: 1px solid #CCC;
  51. }
  52. .sidebar th{
  53. text-align: left;
  54. max-width: 300px;
  55. }
  56. .sidebar td {
  57. text-align: right;
  58. padding-left: 20px;
  59. padding-right: 5px;
  60. font-family: Monospace;
  61. }
  62. nav#helpers {
  63. border-top-left-radius: 5px;
  64. border-top-right-radius: 5px;
  65. text-align: center;
  66. position: fixed;
  67. bottom: 0;
  68. z-index: 10;
  69. left: 50%;
  70. margin-left: -200px;
  71. width: 400px;
  72. background-color: black;
  73. opacity: 0.1;
  74. }
  75. nav#helpers:hover {
  76. opacity: 0.5;
  77. }
  78. nav#helpers button {
  79. background: none;
  80. border: none;
  81. color: white;
  82. cursor: pointer;
  83. }
  84. .toc {
  85. font-size: 10px;
  86. position: relative;
  87. top: -3px;
  88. }
  89. nav#helpers button#slide-no {
  90. font-size: 10px;
  91. border: 1px solid white;
  92. padding: 4px;
  93. margin-bottom: 4px;
  94. }
  95. #nav-next {
  96. margin-right: 20px;
  97. }
  98. menu {
  99. display: inline;
  100. }