forked from mine-cetinkaya-rundel/feed-me-back
-
Notifications
You must be signed in to change notification settings - Fork 0
/
slides-style.css
116 lines (104 loc) · 2.29 KB
/
slides-style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
/* Custom fonts */
@import url('https://fonts.googleapis.com/css?family=Gochi+Hand|Handlee&display=swap');
/* colors */
/* From: https://www.pantone.com/color-intelligence/color-of-the-year/color-of-the-year-2020-palette-exploration */
:root {
--classic-blue: #0F4C81;
--provence: #638CC7;
--baby-blue: #B6CADA;
--baby-blue-30: #B6CADA30;
--monument: #7A8387;
--monument-30: #7A838730;
--stucco: #A58D7F;
--peach-quartz: #F5B895;
--peach-quartz-30: #F5B89530;
--cornhusk: #F4DBB3;
--cornhusk-30: #F4DBB330;
}
/* Font sizes */
.huge { font-size: 400% }
.larger { font-size: 280% }
.large { font-size: 130% }
.midi { font-size: 85% }
.small { font-size: 70% }
.xsmall { font-size: 60% }
.xxsmall { font-size: 55% }
.tiny { font-size: 50% }
/* Custom text formatting */
.todo {
color: red;
font-weight: bold;
background-color: yellow;
}
.hand{
font-family: 'Gochi Hand', cursive;
font-size: 125%;
}
.hand-blue{
font-family: 'Gochi Hand', cursive;
color: var(--classic-blue);
font-size: 125%;
}
/* Custom boxes */
.sample-question, .sample-answer, .sample-feedback {
padding: 2px 2px;
}
.sample-question{
border-left: solid 5px var(--baby-blue);
background-color: var(--baby-blue-30);
}
.sample-question:before{
content: "Sample question:";
font-size: 100%;
font-weight: bold;
color: var(--monument);
}
.sample-answer {
border-left: solid 5px var(--cornhusk);
background-color: var(--cornhusk-30);
}
.sample-answer:before{
content: "Sample answer:";
font-size: 100%;
font-weight: bold;
color: var(--monument);
}
.sample-feedback {
border-left: solid 5px var(--monument);
background-color: var(--monument-30);
}
.sample-feedback:before{
content: "Sample feedback:";
font-size: 100%;
font-weight: bold;
color: var(--monument);
}
/* Unequal width two column layout */
.pull-left-wide {
float: left;
width: 67%;
}
.pull-right-narrow {
float: right;
width: 27%;
}
.pull-right ~ * {
clear: both;
}
/* Progress bar */
/* https://github.com/yihui/xaringan/wiki/Progressbar */
.remark-slide-number {
position: inherit;
}
.remark-slide-number .progress-bar-container {
position: absolute;
top: 0;
height: 4px;
display: block;
left: 0;
right: 0;
}
.remark-slide-number .progress-bar {
height: 100%;
background-color: var(--classic-blue);
}