df9f424f565171f931b49205a72cf775f4b08418
[hacks/simpleWebSlides.git] / themes / uPsud.css
1 @import url(https://fonts.googleapis.com/css?family=Armata&subset=latin,latin-ext);
2 @import url(https://fonts.googleapis.com/css?family=Inconsolata:400,700&subset=latin,latin-ext);
3
4 /* No header in this theme */
5 .sws-header {
6     display: none;
7 }
8
9 /* Title of the slide */
10 .sws-title {
11     padding: 2vh 0 2vh 0;
12     height: 5vh;
13 }
14
15 h1 {
16     color: #00486c;
17     font-size: 5vh;
18     text-align:center;
19 }
20
21 .sws-canvas {
22     color: #696968;
23     background: white;
24     padding: 0 0 0 0;
25     margin: 0 0 0 0;
26 }
27
28 .sws-footer {
29     height: 5vh;
30     text-align: right;
31 }
32
33 .sws-canvas:after {
34     position:absolute;
35     bottom: 1vh;
36     left:1vh;
37     display:block;
38     width:10vh;
39     height:10vh;
40     content:"";
41     background-size: 10vh;
42     background-image: url("upsud.png");
43     background-repeat: no-repeat;
44 }
45
46 .sws-slide-num-sep:after {
47     content: "/";
48 }
49
50 @font-face {
51   src: url("DIN-Medium.ttf") format("truetype");
52   font-family: "DIN";
53   font-style: "normal";
54   font-weight: "medium";
55 }
56
57 @font-face {
58   src: url("DIN-Bold.ttf") format("truetype");
59   font-family: "DIN";
60   font-style: "normal";
61   font-weight: "bold";
62 }
63
64
65 body {
66     font-family: 'DIN',sans-serif;
67     font-size: 3.5vh;
68     background-color: white;
69     color: #696968;
70 }
71
72 p {
73     display:block;
74     width:92%;
75     padding: 0 4% 0 4%;
76     text-align:justify;
77
78 }
79 code, pre, tt {
80     font-family: 'Inconsolata', monospace;
81     color: #494948;
82 }
83 code {
84     white-space: pre;
85 }
86
87 ul  {
88     list-style-type: square;
89 }
90
91 ul,il {
92     list-style-position: inside;
93     width: 92%;
94     padding: 0 4% 0 4%;
95 }
96
97 ul.empty {
98     list-style-type: none;
99 }
100
101 .hl {
102     color:    #92b938;
103 }
104
105 .done:after {
106     content: " ✔";
107 }
108
109 li {
110     margin-top:0.5vh;
111 }
112
113 tt em, code em {
114     color: #729918;
115 }
116
117 em { color: #92b938;
118      font-style:normal;
119    }
120
121 a {
122     color: #92b938;
123     text-decoration:none;
124     font-style:normal;
125 }
126
127 table.desc {
128     width: 100%;
129     padding: 0% 4% 0% 4%;
130     margin: 0 0 0 0;
131 }
132
133 table.desc tr {
134 }
135 table.desc td {
136     vertical-align: top;
137     text-align: justify;
138     padding-bottom: 3vh;
139 }
140
141 table.desc tr:last-child td {
142     padding-bottom:0;
143 }
144
145 table.desc td:first-child {
146     color: #92b938;
147 }
148
149 table.desc td:first-child:after {
150     content: " : ";
151 }
152
153
154
155 .centerbox {
156     text-align: center;
157 }
158
159 table.rounded {
160     border-collapse: separate;
161     border-spacing: 0.5em 0.5em ;
162 }
163 .rounded td {
164     padding: 0.5em 0 0.5em 0;
165
166     text-align: center;
167     vertical-align:top;
168     border-style:solid;
169     border-color: #696968;
170     border-width: 2pt;
171     border-radius: 0.5em;
172 }
173 .rounded tr {
174     display:table-row;
175     width: 100%;
176     margin: 1em;
177 }
178
179 table.btable {
180     border-collapse: collapse;
181 }
182
183 .btable td {
184     border: solid 1pt #696968;
185 }
186
187 dl {
188     padding: 1vh 1vh 1vh 1vh;
189 }
190
191 dt { display: inline;
192      color: #92b938;
193    }
194
195 dt:after {
196     display:inline;
197     content: " : ";
198 }
199
200 dd { display:inline-block;
201      padding: 0 0 0 0;
202      text-indent: 0;
203      margin: 0 0 0 0;
204    }
205
206 table.simple {
207     table-layout:fixed;
208     padding: 0 4% 0 4%;
209     text-align:left;
210     border-spacing: 2em 0;
211 }
212
213 table.simple th{
214  color: #92b938;
215  font-weight: normal;
216  text-align:left;
217 }
218 table.simple th,
219 table.simple tr {
220     vertical-align:top;
221 }