選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

style.css 1.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. .title, .reveal h3.title {
  2. font-weight: bold;
  3. margin-top: 0;
  4. color: #ffffff;
  5. text-shadow: 1px 1px 2px #000000;
  6. text-transform: none;
  7. }
  8. #custom-nav {
  9. background-color: #0000003f;
  10. padding: 4px;
  11. }
  12. #custom-nav a[disabled] {
  13. opacity: 0.5;
  14. }
  15. .reveal table thead th,
  16. .reveal table thead td,
  17. .reveal table tbody th,
  18. .reveal table tbody td {
  19. text-align: center !important;
  20. vertical-align: top !important;
  21. }
  22. .reveal .slides section section {
  23. font-size: 90%;
  24. }
  25. .reveal .slides p {
  26. margin-top: 0.25em;
  27. text-align: justify;
  28. }
  29. .reveal .slides p.title {
  30. margin-bottom: 0.1em;
  31. }
  32. .reveal .slides p.small a {
  33. text-decoration: underline;
  34. }
  35. .reveal .slides .title,
  36. .modal .title {
  37. text-align: center;
  38. font-weight: bold;
  39. }
  40. .reveal .slides .small,
  41. .modal .small {
  42. font-size: 75%;
  43. }
  44. .reveal .slides ul {
  45. max-width: 85%
  46. }
  47. .slide-number {
  48. border-radius: 0.5em;
  49. }
  50. .float-left {
  51. float: left;
  52. margin-right: 1em !important;
  53. }
  54. .float-right {
  55. float: right;
  56. margin-left: 1em !important;
  57. }
  58. .centered {
  59. display: block;
  60. margin: 0.5em auto !important;
  61. }
  62. .w-50 {
  63. width: 50%;
  64. }
  65. .w-66 {
  66. width: 66%;
  67. }
  68. .w-33 {
  69. width: 33%;
  70. }
  71. .w-25 {
  72. width: 25%;
  73. }
  74. .scrollable {
  75. overflow-y: auto !important;
  76. overflow-x: hidden !important;
  77. height: 50vh;
  78. background-color: #ffffff5f;
  79. border-radius: 1rem;
  80. padding: 1rem;
  81. font-size: 80%;
  82. }
  83. .prompt {
  84. width:97%;
  85. font-size: 1.5rem;
  86. border-radius: 1rem;
  87. margin: 0.5rem 0;
  88. padding: 0.2rem 0.5rem;
  89. }
  90. .iframe-container-16x9 iframe,
  91. .iframe-container-4x3 iframe {
  92. margin: 0;
  93. border-radius: 1rem;
  94. width: 98%;
  95. height:98%;
  96. }
  97. .iframe-container-16x9,
  98. .iframe-container-4x3 {
  99. /* background-image: url('../misc/wood-background.jpg'); */
  100. /* background-size: cover; */
  101. margin: 0.4em 0.4em 0 0;
  102. float: left;
  103. }
  104. .iframe-container-16x9 {
  105. width: 64vh;
  106. height: 36vh;
  107. }
  108. .iframe-container-4x3 {
  109. width: 48vh;
  110. height: 36vh;
  111. }