Skip to content

Commit 04e2d14

Browse files
benkeserbenkeser
committedMar 1, 2021
move around css
1 parent 71f6bbb commit 04e2d14

File tree

2 files changed

+293
-266
lines changed

2 files changed

+293
-266
lines changed
 

‎docs/20210301_talk.html

-266
This file was deleted.

‎docs/xaringan-themer.css

+293
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,293 @@
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::style_xaringan
15+
* - xaringan wiki: https://github.com/yihui/xaringan/wiki
16+
* - remarkjs wiki: https://github.com/gnab/remark/wiki
17+
*
18+
* Version: 0.3.0
19+
*
20+
* ------------------------------------------------------- */
21+
@import url(https://fonts.googleapis.com/css?family=DM+Sans:400,400i&display=swap);
22+
@import url(https://fonts.googleapis.com/css?family=DM+Sans&display=swap);
23+
@import url(https://fonts.googleapis.com/css?family=Courier+Prime&display=swap);
24+
25+
26+
:root {
27+
/* Fonts */
28+
--text-font-family: 'DM Sans';
29+
--text-font-is-google: 1;
30+
--text-font-family-fallback: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial;
31+
--text-font-base: sans-serif;
32+
--header-font-family: 'DM Sans';
33+
--header-font-is-google: 1;
34+
--code-font-family: 'Courier Prime';
35+
--code-font-is-google: 1;
36+
--base-font-size: 20px;
37+
--text-font-size: 1rem;
38+
--code-font-size: 0.9rem;
39+
--code-inline-font-size: 1em;
40+
--header-h1-font-size: 2.75rem;
41+
--header-h2-font-size: 2.25rem;
42+
--header-h3-font-size: 1.75rem;
43+
44+
/* Colors */
45+
--text-color: #272822;
46+
--header-color: #012169;
47+
--background-color: #FFFFFF;
48+
--link-color: #012169;
49+
--text-bold-color: #012169;
50+
--code-highlight-color: rgba(255,255,0,0.5);
51+
--inverse-text-color: #FFFFFF;
52+
--inverse-background-color: #012169;
53+
--inverse-header-color: #FFFFFF;
54+
--title-slide-background-color: #012169;
55+
--title-slide-text-color: #FFFFFF;
56+
--header-background-color: #012169;
57+
--header-background-text-color: #FFFFFF;
58+
--base: #012169;
59+
--white: #FFFFFF;
60+
--black: #272822;
61+
}
62+
63+
html {
64+
font-size: var(--base-font-size);
65+
}
66+
67+
body {
68+
font-family: var(--text-font-family), var(--text-font-family-fallback), var(--text-font-base);
69+
font-weight: 400;
70+
color: var(--text-color);
71+
}
72+
h1, h2, h3 {
73+
font-family: var(--header-font-family);
74+
font-weight: 600;
75+
color: var(--header-color);
76+
}
77+
.remark-slide-content {
78+
background-color: var(--background-color);
79+
font-size: 1rem;
80+
padding: 16px 64px 16px 64px;
81+
width: 100%;
82+
height: 100%;
83+
}
84+
.remark-slide-content h1 {
85+
font-size: var(--header-h1-font-size);
86+
}
87+
.remark-slide-content h2 {
88+
font-size: var(--header-h2-font-size);
89+
}
90+
.remark-slide-content h3 {
91+
font-size: var(--header-h3-font-size);
92+
}
93+
.remark-code, .remark-inline-code {
94+
font-family: var(--code-font-family), Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
95+
}
96+
.remark-code {
97+
font-size: var(--code-font-size);
98+
}
99+
.remark-inline-code {
100+
font-size: var(--code-inline-font-size);
101+
color: #012169;
102+
}
103+
.remark-slide-number {
104+
color: #012169;
105+
opacity: 1;
106+
font-size: 0.9em;
107+
}
108+
strong { color: var(--text-bold-color); }
109+
a, a > code {
110+
color: var(--link-color);
111+
text-decoration: none;
112+
}
113+
.footnote {
114+
position: absolute;
115+
bottom: 60px;
116+
padding-right: 4em;
117+
font-size: 0.9em;
118+
}
119+
.remark-code-line-highlighted {
120+
background-color: var(--code-highlight-color);
121+
}
122+
.inverse {
123+
background-color: var(--inverse-background-color);
124+
color: var(--inverse-text-color);
125+
126+
}
127+
.inverse h1, .inverse h2, .inverse h3 {
128+
color: var(--inverse-header-color);
129+
}
130+
.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
131+
color: var(--title-slide-text-color);
132+
}
133+
.title-slide {
134+
background-color: var(--title-slide-background-color);
135+
}
136+
.title-slide .remark-slide-number {
137+
display: none;
138+
}
139+
/* Two-column layout */
140+
.left-column {
141+
width: 20%;
142+
height: 92%;
143+
float: left;
144+
}
145+
.left-column h2, .left-column h3 {
146+
color: #01216999;
147+
}
148+
.left-column h2:last-of-type, .left-column h3:last-child {
149+
color: #012169;
150+
}
151+
.right-column {
152+
width: 75%;
153+
float: right;
154+
padding-top: 1em;
155+
}
156+
.pull-left {
157+
float: left;
158+
width: 47%;
159+
}
160+
.pull-right {
161+
float: right;
162+
width: 47%;
163+
}
164+
.pull-right ~ * {
165+
clear: both;
166+
}
167+
img, video, iframe {
168+
max-width: 100%;
169+
}
170+
blockquote {
171+
border-left: solid 5px #01216980;
172+
padding-left: 1em;
173+
}
174+
.remark-slide table {
175+
margin: auto;
176+
border-top: 1px solid #666;
177+
border-bottom: 1px solid #666;
178+
}
179+
.remark-slide table thead th {
180+
border-bottom: 1px solid #ddd;
181+
}
182+
th, td {
183+
padding: 5px;
184+
}
185+
.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) {
186+
background: #CCD2E1;
187+
}
188+
table.dataTable tbody {
189+
background-color: var(--background-color);
190+
color: var(--text-color);
191+
}
192+
table.dataTable.display tbody tr.odd {
193+
background-color: var(--background-color);
194+
}
195+
table.dataTable.display tbody tr.even {
196+
background-color: #CCD2E1;
197+
}
198+
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
199+
background-color: rgba(255, 255, 255, 0.5);
200+
}
201+
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
202+
color: var(--text-color);
203+
}
204+
.dataTables_wrapper .dataTables_paginate .paginate_button {
205+
color: var(--text-color) !important;
206+
}
207+
208+
/* Slide Header Background for h1 elements */
209+
.remark-slide-content.header_background > h1 {
210+
display: block;
211+
position: absolute;
212+
top: 0;
213+
left: 0;
214+
width: 100%;
215+
background: var(--header-background-color);
216+
color: var(--header-background-text-color);
217+
padding: 2rem 64px 1.5rem 64px;
218+
margin-top: 0;
219+
box-sizing: border-box;
220+
}
221+
.remark-slide-content.header_background {
222+
padding-top: 7rem;
223+
}
224+
225+
@page { margin: 0; }
226+
@media print {
227+
.remark-slide-scaler {
228+
width: 100% !important;
229+
height: 100% !important;
230+
transform: scale(1) !important;
231+
top: 0 !important;
232+
left: 0 !important;
233+
}
234+
}
235+
236+
.base {
237+
color: var(--base);
238+
}
239+
.bg-base {
240+
background-color: var(--base);
241+
}
242+
.white {
243+
color: var(--white);
244+
}
245+
.bg-white {
246+
background-color: var(--white);
247+
}
248+
.black {
249+
color: var(--black);
250+
}
251+
.bg-black {
252+
background-color: var(--black);
253+
}
254+
255+
256+
257+
/* Extra CSS */
258+
.monobox {
259+
display: inline-block;
260+
width: 90%;
261+
height: 400px;
262+
padding: 5px;
263+
border: 1px solid #012169;
264+
background-color: #d9d9d6;
265+
font-family: Courier Prime;
266+
align-items: left;
267+
vertical-align: middle;
268+
}
269+
.grey {
270+
color: #d0d0ce;
271+
}
272+
.green {
273+
color: #348338;
274+
}
275+
.red {
276+
color: #da291c;
277+
font-weight: 600;
278+
}
279+
.small {
280+
font-size: 80%;
281+
}
282+
.large {
283+
font-size: 150%;
284+
}
285+
ul li {
286+
margin-bottom: 10px;
287+
}
288+
a {
289+
color: #007dba;
290+
}
291+
a:hover {
292+
text-decoration: underline;
293+
}

0 commit comments

Comments
 (0)
Please sign in to comment.