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

188 lines
5.3KB

  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. * ------------------------------------------------------- */
  19. @import url({{text_font_url}});
  20. @import url({{header_font_url}});
  21. @import url({{code_font_url}});
  22. {{#extra_font_imports}}{{extra_font_imports}}{{/extra_font_imports}}
  23. body {
  24. font-family: {{body_font_family}};
  25. font-weight: {{text_font_weight}};
  26. color: {{text_color}};
  27. }
  28. h1, h2, h3 {
  29. font-family: {{header_font_family}};
  30. font-weight: {{header_font_weight}};
  31. color: {{header_color}};
  32. }
  33. .remark-slide-content {
  34. background-color: {{background_color}};
  35. font-size: {{text_font_size}};
  36. {{#background_image}}
  37. background-image: url({{background_image}});
  38. {{#background_size}}background-size: {{background_size}};{{/background_size}}
  39. {{#background_position}}background-position: {{background_position}};{{/background_position}}
  40. {{/background_image}}
  41. padding: {{padding}};
  42. }
  43. .remark-slide-content h1 {
  44. font-size: {{header_h1_font_size}};
  45. }
  46. .remark-slide-content h2 {
  47. font-size: {{header_h2_font_size}};
  48. }
  49. .remark-slide-content h3 {
  50. font-size: {{header_h3_font_size}};
  51. }
  52. .remark-code, .remark-inline-code {
  53. font-family: {{code_font_family}}, {{code_font_family_fallback}}, monospace;
  54. }
  55. .remark-code {
  56. font-size: {{code_font_size}};
  57. }
  58. .remark-inline-code {
  59. {{#code_inline_color}}color: {{code_inline_color}};{{/code_inline_color}}
  60. {{#code_inline_background_color}}
  61. background-color: {{code_inline_background_color}};
  62. padding: 2px;
  63. {{/code_inline_background_color}}
  64. font-size: {{code_inline_font_size}};
  65. }
  66. .remark-slide-number {
  67. color: {{text_slide_number_color}};
  68. opacity: 1;
  69. font-size: {{text_slide_number_font_size}};
  70. }
  71. {{#text_bold_color}}
  72. strong { color: {{text_bold_color}}; }
  73. {{/text_bold_color}}
  74. a, a > code {
  75. color: {{link_color}};
  76. text-decoration: none;
  77. }
  78. .footnote {
  79. {{#footnote_color}}color: {{footnote_color}};{{/footnote_color}}
  80. position: absolute;
  81. bottom: {{footnote_position_bottom}};
  82. padding-right: 4em;
  83. font-size: {{footnote_font_size}};
  84. }
  85. .remark-code-line-highlighted {
  86. background-color: {{code_highlight_color}};
  87. }
  88. .inverse {
  89. background-color: {{inverse_background_color}};
  90. color: {{inverse_text_color}};
  91. {{#inverse_text_shadow}}text-shadow: 0 0 20px #333;{{/inverse_text_shadow}}
  92. }
  93. .inverse h1, .inverse h2, .inverse h3 {
  94. color: {{inverse_header_color}};
  95. }
  96. .title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
  97. color: {{title_slide_text_color}};
  98. }
  99. .title-slide {
  100. background-color: {{title_slide_background_color}};
  101. {{#title_slide_background_image}}background-image: url("{{title_slide_background_image}}");{{/title_slide_background_image}}
  102. {{#title_slide_background_size}}background-size: {{title_slide_background_size}};{{/title_slide_background_size}}
  103. {{#title_slide_background_position}}background-position: {{title_slide_background_position}};{{/title_slide_background_position}}
  104. }
  105. .title-slide .remark-slide-number {
  106. display: none;
  107. }
  108. /* Two-column layout */
  109. .left-column {
  110. width: 20%;
  111. height: 92%;
  112. float: left;
  113. }
  114. .left-column h2, .left-column h3 {
  115. color: {{left_column_subtle_color}};
  116. }
  117. .left-column h2:last-of-type, .left-column h3:last-child {
  118. color: {{left_column_selected_color}};
  119. }
  120. .right-column {
  121. width: 75%;
  122. float: right;
  123. padding-top: 1em;
  124. }
  125. .pull-left {
  126. float: left;
  127. width: 47%;
  128. }
  129. .pull-right {
  130. float: right;
  131. width: 47%;
  132. }
  133. .pull-right ~ * {
  134. clear: both;
  135. }
  136. img, video, iframe {
  137. max-width: 100%;
  138. }
  139. blockquote {
  140. border-left: solid 5px {{blockquote_left_border_color}};
  141. padding-left: 1em;
  142. }
  143. .remark-slide table {
  144. margin: auto;
  145. border-top: 1px solid {{table_border_color}};
  146. border-bottom: 1px solid {{table_border_color}};
  147. }
  148. .remark-slide table thead th {
  149. border-bottom: 1px solid {{table_row_border_color}};
  150. }
  151. th, td {
  152. padding: 5px;
  153. }
  154. .remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) {
  155. background: {{table_row_even_background_color}};
  156. }
  157. table.dataTable tbody {
  158. background-color: {{background_color}};
  159. color: {{text_color}};
  160. }
  161. table.dataTable.display tbody tr.odd {
  162. background-color: {{background_color}};
  163. }
  164. table.dataTable.display tbody tr.even {
  165. background-color: {{table_row_even_background_color}};
  166. }
  167. table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  168. background-color: rgba(255, 255, 255, 0.5);
  169. }
  170. .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  171. color: {{text_color}};
  172. }
  173. .dataTables_wrapper .dataTables_paginate .paginate_button {
  174. color: {{text_color}} !important;
  175. }
  176. @page { margin: 0; }
  177. @media print {
  178. .remark-slide-scaler {
  179. width: 100% !important;
  180. height: 100% !important;
  181. transform: scale(1) !important;
  182. top: 0 !important;
  183. left: 0 !important;
  184. }
  185. }