😎 Give your xaringan slides some style
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

179 lines
3.9KB

  1. /* -------------------------------------------------------
  2. *
  3. * !! This file was generated by xaringanthemer !!
  4. *
  5. * Changes made to this file directly will be overwritten
  6. * if you used xaringanthemer in your xaringan slides Rmd
  7. *
  8. * Issues or likes?
  9. * - https://github.com/gadenbuie/xaringanthemer
  10. * - https://www.garrickadenbuie.com
  11. *
  12. * Need help? Try:
  13. * - vignette(package = "xaringanthemer")
  14. * - ?xaringanthemer::write_xaringan_theme
  15. * - xaringan wiki: https://github.com/yihui/xaringan/wiki
  16. * - remarkjs wiki: https://github.com/gnab/remark/wiki
  17. *
  18. * Version: a.b.c.d.eeee
  19. *
  20. * ------------------------------------------------------- */
  21. @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic);
  22. @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
  23. @import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700);
  24. body {
  25. font-family: 'Droid Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif;
  26. font-weight: normal;
  27. color: #839496;
  28. }
  29. h1, h2, h3 {
  30. font-family: 'Yanone Kaffeesatz';
  31. font-weight: normal;
  32. color: #dc322f;
  33. }
  34. .remark-slide-content {
  35. background-color: #002b36;
  36. font-size: 20px;
  37. padding: 1rem 4rem 1rem 4rem;
  38. }
  39. .remark-slide-content h1 {
  40. font-size: 55px;
  41. }
  42. .remark-slide-content h2 {
  43. font-size: 45px;
  44. }
  45. .remark-slide-content h3 {
  46. font-size: 35px;
  47. }
  48. .remark-code, .remark-inline-code {
  49. font-family: 'Source Code Pro', 'Lucida Console', Monaco, monospace;
  50. }
  51. .remark-code {
  52. font-size: 0.9em;
  53. }
  54. .remark-inline-code {
  55. color: #6c71c4;
  56. font-size: 1em;
  57. }
  58. .remark-slide-number {
  59. color: #586e75;
  60. opacity: 1;
  61. font-size: 0.9em;
  62. }
  63. strong { color: #d33682; }
  64. a, a > code {
  65. color: #b58900;
  66. text-decoration: none;
  67. }
  68. .footnote {
  69. position: absolute;
  70. bottom: 3em;
  71. padding-right: 4em;
  72. font-size: 0.9em;
  73. }
  74. .remark-code-line-highlighted {
  75. background-color: #268bd240;
  76. }
  77. .inverse {
  78. background-color: #fdf6e3;
  79. color: #002b36;
  80. }
  81. .inverse h1, .inverse h2, .inverse h3 {
  82. color: #002b36;
  83. }
  84. .title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
  85. color: #002b36;
  86. }
  87. .title-slide {
  88. background-color: #fdf6e3;
  89. }
  90. .title-slide .remark-slide-number {
  91. display: none;
  92. }
  93. /* Two-column layout */
  94. .left-column {
  95. width: 20%;
  96. height: 92%;
  97. float: left;
  98. }
  99. .left-column h2, .left-column h3 {
  100. color: #586e75;
  101. }
  102. .left-column h2:last-of-type, .left-column h3:last-child {
  103. color: #93a1a1;
  104. }
  105. .right-column {
  106. width: 75%;
  107. float: right;
  108. padding-top: 1em;
  109. }
  110. .pull-left {
  111. float: left;
  112. width: 47%;
  113. }
  114. .pull-right {
  115. float: right;
  116. width: 47%;
  117. }
  118. .pull-right ~ * {
  119. clear: both;
  120. }
  121. img, video, iframe {
  122. max-width: 100%;
  123. }
  124. blockquote {
  125. border-left: solid 5px #cb4b16;
  126. padding-left: 1em;
  127. }
  128. .remark-slide table {
  129. margin: auto;
  130. border-top: 1px solid #657b83;
  131. border-bottom: 1px solid #657b83;
  132. }
  133. .remark-slide table thead th {
  134. border-bottom: 1px solid #657b83;
  135. }
  136. th, td {
  137. padding: 5px;
  138. }
  139. .remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) {
  140. background: #073642;
  141. }
  142. table.dataTable tbody {
  143. background-color: #002b36;
  144. color: #839496;
  145. }
  146. table.dataTable.display tbody tr.odd {
  147. background-color: #002b36;
  148. }
  149. table.dataTable.display tbody tr.even {
  150. background-color: #073642;
  151. }
  152. table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  153. background-color: rgba(255, 255, 255, 0.5);
  154. }
  155. .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  156. color: #839496;
  157. }
  158. .dataTables_wrapper .dataTables_paginate .paginate_button {
  159. color: #839496 !important;
  160. }
  161. @page { margin: 0; }
  162. @media print {
  163. .remark-slide-scaler {
  164. width: 100% !important;
  165. height: 100% !important;
  166. transform: scale(1) !important;
  167. top: 0 !important;
  168. left: 0 !important;
  169. }
  170. }