Implement table of content.
[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     /* allows the canvas to cover the logo needed */
27     z-index:2;
28 }
29
30 .sws-footer {
31     height: 5vh;
32     text-align: right;
33 }
34
35 .sws-canvas:after {
36     position:absolute;
37     bottom: 1vh;
38     left:1vh;
39     display:block;
40     width:10vh;
41     height:10vh;
42     color:red;
43     content:"";
44     background-size: 10vh;
45     background-image: url("upsud.png");
46     background-repeat: no-repeat;
47     z-index: -1;
48 }
49
50 .sws-slide-num-sep:after {
51     content: "/";
52 }
53
54 @font-face {
55   src: url("DIN-Medium.ttf") format("truetype");
56   font-family: "DIN";
57   font-style: "normal";
58   font-weight: "medium";
59 }
60
61 @font-face {
62   src: url("DIN-Bold.ttf") format("truetype");
63   font-family: "DIN";
64   font-style: "normal";
65   font-weight: "bold";
66 }
67
68
69 body {
70     font-family: 'DIN',sans-serif;
71     font-size: 3.5vh;
72     background-color: white;
73     color: #696968;
74 }
75
76 p {
77     display:block;
78     width:92%;
79     padding: 0 4% 0 4%;
80     text-align:justify;
81
82 }
83
84
85 code, pre, tt {
86     font-family: 'Inconsolata', monospace;
87     color: #494948;
88 }
89 code {
90     white-space: pre;
91 }
92
93 ul  {
94     list-style-type: square;
95 }
96
97 ul,il {
98     list-style-position: inside;
99     width: 92%;
100     padding: 0 4% 0 4%;
101 }
102
103 ul.empty {
104     list-style-type: none;
105 }
106
107 .hl {
108     color:    #92b938;
109 }
110
111 .done:after {
112     content: " ✔";
113 }
114
115 li {
116     margin-top:0.5vh;
117 }
118
119 tt em, code em {
120     color: #729918;
121 }
122
123 em { color: #92b938;
124      font-style:normal;
125    }
126
127 a {
128     color: #92b938;
129     text-decoration:none;
130     font-style:normal;
131 }
132
133 table.desc {
134     width: 100%;
135     padding: 0% 4% 0% 4%;
136     margin: 0 0 0 0;
137 }
138
139 table.desc tr {
140     margin: 0 0 0 0;
141     padding: 0 0 0 0;
142
143 }
144 table.desc td {
145     vertical-align: top;
146     text-align: justify;
147     margin: 0 0 0 0;
148 }
149
150 table.desc td:first-child {
151     color: #92b938;
152 }
153
154 table.desc td:first-child:after {
155     content: " : ";
156 }
157
158
159
160 .centerbox {
161     text-align: center;
162 }
163
164 table.rounded {
165     border-collapse: separate;
166     border-spacing: 0.5em 0.5em ;
167 }
168 .rounded td {
169     padding: 0.5em 0 0.5em 0;
170
171     text-align: center;
172     vertical-align:top;
173     border-style:solid;
174     border-color: #696968;
175     border-width: 2pt;
176     border-radius: 0.5em;
177 }
178 .rounded tr {
179     display:table-row;
180     width: 100%;
181     margin: 1em;
182 }
183
184 table.btable {
185     border-collapse: collapse;
186 }
187
188 .btable td {
189     border: solid 1pt #696968;
190 }
191
192 dl {
193     padding: 1vh 1vh 1vh 1vh;
194 }
195
196 dt { display: inline;
197      color: #92b938;
198    }
199
200 dt:after {
201     display:inline;
202     content: " : ";
203 }
204
205 dd { display:inline-block;
206      padding: 0 0 0 0;
207      text-indent: 0;
208      margin: 0 0 0 0;
209    }
210
211 table.simple {
212     table-layout:fixed;
213     padding: 0 4% 0 4%;
214     text-align:left;
215     border-spacing: 2em 0;
216 }
217
218 table.simple th{
219  color: #92b938;
220  font-weight: normal;
221  text-align:left;
222 }
223 table.simple th,
224 table.simple tr {
225     vertical-align:top;
226 }
227 .css3:after {
228     content:"CSS3";
229     color:white;
230     background: #0a64a4;
231     border-radius:0.25em;
232     font-size:small;
233     margin: 0.25em;
234     padding:0.1em;
235 }