xaringan-themer.css 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  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(https://fonts.googleapis.com/css?family=Ubuntu);
  20. @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
  21. @import url(https://cdn.rawgit.com/tonsky/FiraCode/1.204/distr/fira_code.css);
  22. body {
  23. font-family: Ubuntu, 'Palatino Linotype', 'Book Antiqua', Palatino, 'Microsoft YaHei', 'Songti SC', serif;
  24. font-weight: ;
  25. color: #272822;
  26. }
  27. h1, h2, h3 {
  28. font-family: 'Yanone Kaffeesatz';
  29. font-weight: normal;
  30. color: #43418A;
  31. }
  32. .remark-slide-content {
  33. background-color: #FFFFFF;
  34. font-size: 20px;
  35. padding: 1em 4em 1em 4em;
  36. }
  37. .remark-slide-content h1 {
  38. font-size: 55px;
  39. }
  40. .remark-slide-content h2 {
  41. font-size: 45px;
  42. }
  43. .remark-slide-content h3 {
  44. font-size: 35px;
  45. }
  46. .remark-code, .remark-inline-code {
  47. font-family: 'Fira Code', 'Lucida Console', Monaco, monospace;
  48. }
  49. .remark-code {
  50. font-size: 0.9em;
  51. }
  52. .remark-inline-code {
  53. font-size: 1em;
  54. color: #43418A;
  55. }
  56. .remark-slide-number {
  57. color: #43418A;
  58. opacity: 1;
  59. font-size: 0.9em;
  60. }
  61. strong{color:#43418A;}
  62. a, a > code {
  63. color: #43418A;
  64. text-decoration: none;
  65. }
  66. .footnote {
  67. position: absolute;
  68. bottom: 3em;
  69. padding-right: 4em;
  70. font-size: 0.9em;
  71. }
  72. .remark-code-line-highlighted {
  73. background-color: rgba(255,255,0,0.5);
  74. }
  75. .inverse {
  76. background-color: #43418A;
  77. color: #FFFFFF;
  78. }
  79. .inverse h1, .inverse h2, .inverse h3 {
  80. color: #FFFFFF;
  81. }
  82. .title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
  83. color: #FFFFFF;
  84. }
  85. .title-slide {
  86. background-color: #43418A;
  87. }
  88. .title-slide .remark-slide-number {
  89. display: none;
  90. }
  91. /* Two-column layout */
  92. .left-column {
  93. width: 20%;
  94. height: 92%;
  95. float: left;
  96. }
  97. .left-column h2, .left-column h3 {
  98. color: #43418A99;
  99. }
  100. .left-column h2:last-of-type, .left-column h3:last-child {
  101. color: #43418A;
  102. }
  103. .right-column {
  104. width: 75%;
  105. float: right;
  106. padding-top: 1em;
  107. }
  108. .pull-left {
  109. float: left;
  110. width: 47%;
  111. }
  112. .pull-right {
  113. float: right;
  114. width: 47%;
  115. }
  116. .pull-right ~ * {
  117. clear: both;
  118. }
  119. img, video, iframe {
  120. max-width: 100%;
  121. }
  122. blockquote {
  123. border-left: solid 5px #43418A80;
  124. padding-left: 1em;
  125. }
  126. .remark-slide table {
  127. margin: auto;
  128. border-top: 1px solid #666;
  129. border-bottom: 1px solid #666;
  130. }
  131. .remark-slide table thead th { border-bottom: 1px solid #ddd; }
  132. th, td { padding: 5px; }
  133. .remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) { background: #C6C6DB }
  134. table.dataTable tbody {
  135. background-color: #FFFFFF;
  136. color: #272822;
  137. }
  138. table.dataTable.display tbody tr.odd {
  139. background-color: #FFFFFF;
  140. }
  141. table.dataTable.display tbody tr.even {
  142. background-color: #C6C6DB;
  143. }
  144. table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  145. background-color: rgba(255, 255, 255, 0.5);
  146. }
  147. .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
  148. color: #272822;
  149. }
  150. .dataTables_wrapper .dataTables_paginate .paginate_button {
  151. color: #272822 !important;
  152. }
  153. @page { margin: 0; }
  154. @media print {
  155. .remark-slide-scaler {
  156. width: 100% !important;
  157. height: 100% !important;
  158. transform: scale(1) !important;
  159. top: 0 !important;
  160. left: 0 !important;
  161. }
  162. }