/
mycss.css
124 lines (101 loc) · 2.35 KB
/
mycss.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
117
118
119
120
121
122
123
:root {
/*Color palette*/
--snow: #fbf5f3ff; /*letter*/
--fulvous: #e28413ff; /*title background & link highlight*/
--oxford-blue: #000022ff; /*background*/
--celadon-blue: #407899ff; /*blue contrast */
--venetian-red: #bf211eff; /*red contrast*/
/* General background color */
--bkg_pres_color: var(--oxford-blue);
/* Title background color */
--bkg_title: var(--fulvous);
/* Color for all the letters in the presentation */
--letter_color: var(--snow);
/* Color for link highlight */
--highlight: var(--fulvous);
/* Colors that contrasts with the background,
used to give emphasis to a text. */
--bkg_contrastR: var(--venetian-red);
--bkg_contrastB: var(--celadon-blue);
}
.reveal {
background-color: var(--bkg_pres_color);
}
a {
color: var(--highlight) !important;
}
p, h3 {
color: var(--letter_color) !important;
}
p {
font-size: 0.8em;
font-weight: bold;
}
li {font-size: 0.7em;
margin: 4% 0;
}
li.bkg_B{
display: inline;
padding: 0 5px;
background-color: var(--bkg_contrastB);
border-radius: 10px;
}
.table,
.monthview-datetable td,
.monthview-datetable th {
border: none !important;
}
/* First Slide */
.first_slide {
min-height: 100% !important;
display: grid !important;
grid-template-rows: 25% 45% 25% !important;
grid-template-columns: auto auto auto auto !important;
grid-template-areas:
"header header header header"
"main main . sidebar"
"footer footer footer footer";
}
.first_slide p {
font-size: 0.7em;
line-height: 0.65em;
}
.presentation_title {
grid-area: header;
display: grid;
justify-content: center
align-self: center;
text-align: center;
border-radius: 5px;
background-color: var(--bkg_title);
}
/* Broad */
/* Break the slide in three parts */
.with_body_footer {
min-height: 100% !important;
display: grid !important;
grid-template-rows: 13.5% auto 10% !important;
grid-template-areas:
"header"
"main"
"footer";
}
/* Contrast to the background */
.bkg_contrastR{
display: inline;
padding: 0 5px;
background-color: var(--bkg_contrastR);
border-radius: 10px;
}
.bkg_contrastB{
display: inline;
padding: 0 5px;
background-color: var(--bkg_contrastB);
border-radius: 10px;
}
table.kms td {
background-color: #000022ff;
}
table.kms td:hover {
background-color: #000022ff;
}