put up FOSDEM 2022 on main page
[slides.git] / linuxwochen2010 / slides.css
1 /**************************
2  * styles for talk slides *
3  *    by Robert Kaiser    *
4  *    <kairo@kairo.at>    *
5  * (for Linuxwochen 2009) *
6  **************************/
7
8
9 /***** base style *****/
10
11 body {
12   margin: 0px;
13   padding: 0px;
14   border: 0px;
15   font-family: Arial,Helvetica,sans-serif;
16   font-size: 2em;
17   color: white;
18   background-color: black;
19 }
20
21 ul {
22   padding-left: 1.2em;
23   margin-bottom: 0.5em;
24 }
25
26 ul:first-child,
27 ul:last-child {
28   margin-top: 0;
29 }
30
31 #header {
32   height: 38px;
33   position: relative;
34   border-bottom: 1px solid #781412;
35   background: #000000 url("template/header-background.png") top left repeat-x;
36   padding: 0 15px 0 0;
37   z-index: 1;
38 }
39
40 #headerlogo {
41   height: 38px;
42   width: 186px;
43 }
44
45 #header-text {
46   float: right;
47   padding: 7px 20px;
48   font-size: 24px;
49   font-weight: bold;
50   color: #FFCCCC;
51 }
52
53 #header-text.neartime {
54   color: #CCCCFF;
55 }
56
57 #header-text.ontime {
58   color: #CCFFCC;
59 }
60
61 #header-text.overtime {
62   color: #FF8080;
63 }
64
65 #slidenav {
66   background: #f02925 url("template/breadcrumbs-background.png") bottom repeat-x;
67   padding: 4px 15px 30px 55px;
68   font-size: 10px;
69   color: #FFCCCC;
70 }
71
72 #slidenav a:link,
73 #slidenav a:visited {
74   color: #FFFFFF;
75 }
76
77 #slidenav a:hover,
78 #slidenav a:active {
79   color: #FFCCCC;
80 }
81
82 #slidenav .nolink {
83   color: #AA8080;
84 }
85
86 #subheader-text {
87   float: right;
88   padding: 0 20px;
89 }
90
91 /***** headers *****/
92
93 h1 {
94   margin: 0 0 0.5em 0;
95   font-size: 1.7em;
96   font-weight: bold;
97   text-align: center;
98   text-shadow: #AA8080 3px 3px 5px;
99 }
100
101 h2 {
102   margin: 0.5em 0;
103   font-size: 1.3em;
104   font-weight: bold;
105   text-align: center;
106   text-shadow: #AA8080 2px 2px 3px;
107 }
108
109 h3 {
110   margin: 0.5em 0;
111   font-size: 1.1em;
112   font-weight: bold;
113   text-align: center;
114 }
115
116 h4 {
117   margin: 0.5em 0;
118   font-size: 1em;
119   font-weight: bold;
120   text-align: left;
121 }
122
123 /***** boxes *****/
124
125 .simplebox {
126   padding: 0.5em;
127 }
128
129 .captionedbox {
130   padding: 0px;
131 }
132
133 .simplebox,
134 .captionedbox {
135   margin: 1em;
136   border: 1px solid #FF8080;
137   background-color: #400000;
138   -moz-border-radius: .5em;
139   -moz-box-shadow: #AA8080 1px 1px 3px 2px;
140 }
141
142 .captionedbox-content {
143   margin: 0px;
144   padding: 0.5em;
145   border: 0px;
146   border-top: 2px solid #9FCBF7;
147   -moz-border-top-colors: #FFFFFF #FF8080;
148   -moz-border-radius: 0 0 .5em .5em;
149 }
150
151 .captionedbox-caption {
152   margin: 0.5em;
153   font-weight: bold;
154   text-shadow: #804040 1px 1px 2px;
155 }
156
157 /***** misc formatting *****/
158
159 .hilite {
160   font-weight: bold;
161   color: #0060C0;
162   text-shadow: #5959ec 1px 1px 1px;
163 }
164
165 .border {
166   border: 1px solid #FF8080;
167   padding: 0.5em;
168 }
169
170 ul > li {
171   margin: 0.5em 0;
172 }
173
174 .cent {
175   text-align: center;
176 }
177
178 .akey {
179   text-decoration: underline;
180 }
181
182 a:link { color: #CCCCFF; text-decoration: none; }
183 a:visited { color: #EECCFF; text-decoration: none; }
184 a:hover, a:active { color: #FFCCCC; text-decoration: underline; }
185
186 /***** small stuff *****/
187
188 .small {
189   font-size: 0.75em;
190 }
191
192 ul.small,
193 .small ul {
194   padding: 0px;
195   border: 0px;
196   margin: 0px 0px 0px 1em;
197 }
198
199 ul.small > li
200 .small ul > li {
201   margin: 0px;
202   padding: 0px;
203   border: 0px;
204 }
205
206 /***** end slide *****/
207
208 #donthurt {
209   width: 341px;
210   height: 400px;
211 }
212
213 #eventbox {
214   display: none;
215   position: absolute;
216   top: 230px;
217   margin-top: 5em;
218   width: 50%;
219   height: 4em;
220   left: 25%;
221   border: 1px solid #FF8080;
222   background-color: #AA8080;
223   opacity: 0.8;
224   -moz-border-radius: .5em;
225   -moz-box-shadow: #AA8080 1px 1px 3px 2px;
226 }
227
228 #eventtext {
229   display: none;
230   position: absolute;
231   top: 230px;
232   margin-top: 5.2em;
233   width: 50%;
234   height: 4em;
235   left: 25%;
236   text-align: center;
237   font-weight: bold;
238   color: #000000;
239   opacity: 1;
240   text-shadow: #FFFFFF 2px 2px 2px;
241 }