Skip to content

Commit 9ce1745

Browse files
walicewalice
committed
Upload custom CSS
1 parent 9f8263a commit 9ce1745

File tree

2 files changed

+198
-6
lines changed

2 files changed

+198
-6
lines changed

‎custom.css‎

Lines changed: 152 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,157 @@
11

22

3+
/* Extra CSS */
4+
.accent {
5+
color: #d49a89;
6+
}
7+
.white {
8+
color: #FFFFFF;
9+
}
10+
.small {
11+
font-size: 30%;
12+
}
13+
.h4 {
14+
font-size: 1.5rem;
15+
font-weight: 600;
16+
font-family: Montserrat;
17+
}
18+
.title-slide-custom .remark-slide-number {
19+
display: none;
20+
}
21+
.card {
22+
position: relative;
23+
display: inline-block;
24+
margin: auto;
25+
}
26+
.card .img-top {
27+
display: none;
28+
position: absolute;
29+
top: 0;
30+
left: 0;
31+
z-index: 99;
32+
}
33+
.card:hover .img-top {
34+
display: inline;
35+
}
36+
.circle {
37+
border-radius: 50%;
38+
}
39+
40+
41+
/* Extra CSS */
42+
.accent {
43+
color: #d49a89;
44+
}
45+
.white {
46+
color: #FFFFFF;
47+
}
48+
.small {
49+
font-size: 30%;
50+
}
51+
.h4 {
52+
font-size: 1.5rem;
53+
font-weight: 600;
54+
font-family: Montserrat;
55+
}
56+
.title-slide-custom .remark-slide-number {
57+
display: none;
58+
}
59+
.card {
60+
position: relative;
61+
display: inline-block;
62+
margin: auto;
63+
}
64+
.card .img-top {
65+
display: none;
66+
position: absolute;
67+
top: 0;
68+
left: 0;
69+
z-index: 99;
70+
}
71+
.card:hover .img-top {
72+
display: inline;
73+
}
74+
.circle {
75+
border-radius: 50%;
76+
}
77+
78+
79+
/* Extra CSS */
80+
.accent {
81+
color: #d49a89;
82+
}
83+
.white {
84+
color: #FFFFFF;
85+
}
86+
.small {
87+
font-size: 30%;
88+
}
89+
.h4 {
90+
font-size: 1.5rem;
91+
font-weight: 600;
92+
font-family: Montserrat;
93+
}
94+
.title-slide-custom .remark-slide-number {
95+
display: none;
96+
}
97+
.card {
98+
position: relative;
99+
display: inline-block;
100+
margin: auto;
101+
}
102+
.card .img-top {
103+
display: none;
104+
position: absolute;
105+
top: 0;
106+
left: 0;
107+
z-index: 99;
108+
}
109+
.card:hover .img-top {
110+
display: inline;
111+
}
112+
.circle {
113+
border-radius: 50%;
114+
}
115+
116+
117+
/* Extra CSS */
118+
.accent {
119+
color: #d49a89;
120+
}
121+
.white {
122+
color: #FFFFFF;
123+
}
124+
.small {
125+
font-size: 30%;
126+
}
127+
.h4 {
128+
font-size: 1.5rem;
129+
font-weight: 600;
130+
font-family: Montserrat;
131+
}
132+
.title-slide-custom .remark-slide-number {
133+
display: none;
134+
}
135+
.card {
136+
position: relative;
137+
display: inline-block;
138+
margin: auto;
139+
}
140+
.card .img-top {
141+
display: none;
142+
position: absolute;
143+
top: 0;
144+
left: 0;
145+
z-index: 99;
146+
}
147+
.card:hover .img-top {
148+
display: inline;
149+
}
150+
.circle {
151+
border-radius: 50%;
152+
}
153+
154+
3155
/* Extra CSS */
4156
.accent {
5157
color: #d49a89;

‎xaringan-themer.css‎

Lines changed: 46 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
* - xaringan wiki: https://github.com/yihui/xaringan/wiki
1616
* - remarkjs wiki: https://github.com/gnab/remark/wiki
1717
*
18-
* Version: 0.3.0
18+
* Version: 0.4.2
1919
*
2020
* ------------------------------------------------------- */
2121
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap);
@@ -31,6 +31,7 @@
3131
--text-font-base: sans-serif;
3232
--header-font-family: Montserrat;
3333
--header-font-is-google: 1;
34+
--header-font-family-fallback: Georgia, serif;
3435
--code-font-family: 'Source Code Pro';
3536
--code-font-is-google: 1;
3637
--base-font-size: 20px;
@@ -51,6 +52,7 @@
5152
--inverse-text-color: #000000;
5253
--inverse-background-color: #d49a89;
5354
--inverse-header-color: #000000;
55+
--inverse-link-color: #d49a89;
5456
--title-slide-background-color: #557571;
5557
--title-slide-text-color: #FFFFFF;
5658
--header-background-color: #557571;
@@ -71,7 +73,7 @@ body {
7173
color: var(--text-color);
7274
}
7375
h1, h2, h3 {
74-
font-family: var(--header-font-family);
76+
font-family: var(--header-font-family), var(--header-font-family-fallback);
7577
font-weight: 600;
7678
color: var(--header-color);
7779
}
@@ -104,9 +106,12 @@ h1, h2, h3 {
104106
.remark-slide-number {
105107
color: #557571;
106108
opacity: 1;
107-
font-size: 0.9em;
109+
font-size: 0.9rem;
110+
}
111+
strong {
112+
font-weight: bold;
113+
color: var(--text-bold-color);
108114
}
109-
strong { color: var(--text-bold-color); }
110115
a, a > code {
111116
color: var(--link-color);
112117
text-decoration: none;
@@ -128,6 +133,9 @@ a, a > code {
128133
.inverse h1, .inverse h2, .inverse h3 {
129134
color: var(--inverse-header-color);
130135
}
136+
.inverse a, .inverse a > code {
137+
color: var(--inverse-link-color);
138+
}
131139
.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
132140
color: var(--title-slide-text-color);
133141
}
@@ -162,7 +170,7 @@ a, a > code {
162170
float: right;
163171
width: 47%;
164172
}
165-
.pull-right ~ * {
173+
.pull-right + * {
166174
clear: both;
167175
}
168176
img, video, iframe {
@@ -183,7 +191,9 @@ blockquote {
183191
th, td {
184192
padding: 5px;
185193
}
186-
.remark-slide thead, .remark-slide tfoot, .remark-slide tr:nth-child(even) {
194+
.remark-slide table:not(.table-unshaded) thead,
195+
.remark-slide table:not(.table-unshaded) tfoot,
196+
.remark-slide table:not(.table-unshaded) tr:nth-child(even) {
187197
background: #F6EAE7;
188198
}
189199
table.dataTable tbody {
@@ -206,6 +216,36 @@ table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
206216
color: var(--text-color) !important;
207217
}
208218

219+
/* Horizontal alignment of code blocks */
220+
.remark-slide-content.left pre,
221+
.remark-slide-content.center pre,
222+
.remark-slide-content.right pre {
223+
text-align: start;
224+
width: max-content;
225+
max-width: 100%;
226+
}
227+
.remark-slide-content.left pre,
228+
.remark-slide-content.right pre {
229+
min-width: 50%;
230+
min-width: min(40ch, 100%);
231+
}
232+
.remark-slide-content.center pre {
233+
min-width: 66%;
234+
min-width: min(50ch, 100%);
235+
}
236+
.remark-slide-content.left pre {
237+
margin-left: unset;
238+
margin-right: auto;
239+
}
240+
.remark-slide-content.center pre {
241+
margin-left: auto;
242+
margin-right: auto;
243+
}
244+
.remark-slide-content.right pre {
245+
margin-left: auto;
246+
margin-right: unset;
247+
}
248+
209249
/* Slide Header Background for h1 elements */
210250
.remark-slide-content.header_background > h1 {
211251
display: block;

0 commit comments

Comments
 (0)