make index page useful and somewhat decent to view and link FOSDEM 2013
[slides.git] / linuxwochen2009 / slides.css
CommitLineData
dfd0fabc 1/**************************
2 * styles for talk slides *
3 * by Robert Kaiser *
4 * <kairo@kairo.at> *
b35d154a 5 * (for Linuxwochen 2009) *
dfd0fabc 6 **************************/
7
8
9/***** base style *****/
10
11body {
12 margin: 0px;
13 padding: 0px;
14 border: 0px;
15 font-family: Arial,Helvetica,sans-serif;
b35d154a 16 font-size: 2em;
b86ca6e0 17 color: white;
18 background-color: black;
dfd0fabc 19}
20
21ul {
22 padding-left: 1.2em;
23 margin-bottom: 0.5em;
24}
25
26ul:first-child,
27ul:last-child {
28 margin-top: 0;
29}
30
31#header {
32 height: 38px;
33 position: relative;
b86ca6e0 34 border-bottom: 1px solid #781412;
35 background: #000000 url("template/header-background.png") top left repeat-x;
dfd0fabc 36 padding: 0 15px 0 0;
37 z-index: 1;
38}
39
b86ca6e0 40#headerlogo {
41 height: 38px;
42 width: 186px;
43}
44
dfd0fabc 45#header-text {
46 float: right;
47 padding: 7px 20px;
48 font-size: 24px;
49 font-weight: bold;
b86ca6e0 50 color: #FFCCCC;
dfd0fabc 51}
52
53#header-text.neartime {
b86ca6e0 54 color: #CCCCFF;
dfd0fabc 55}
56
57#header-text.ontime {
b86ca6e0 58 color: #CCFFCC;
dfd0fabc 59}
60
61#header-text.overtime {
b86ca6e0 62 color: #FF8080;
dfd0fabc 63}
64
65#slidenav {
b86ca6e0 66 background: #f02925 url("template/breadcrumbs-background.png") bottom repeat-x;
dfd0fabc 67 padding: 4px 15px 30px 55px;
dfd0fabc 68 font-size: 10px;
b86ca6e0 69 color: #FFCCCC;
dfd0fabc 70}
71
72#slidenav a:link,
73#slidenav a:visited {
b86ca6e0 74 color: #FFFFFF;
dfd0fabc 75}
76
77#slidenav a:hover,
78#slidenav a:active {
b86ca6e0 79 color: #FFCCCC;
dfd0fabc 80}
81
82#slidenav .nolink {
b86ca6e0 83 color: #AA8080;
dfd0fabc 84}
85
86#subheader-text {
87 float: right;
88 padding: 0 20px;
89}
90
91/***** headers *****/
92
93h1 {
94 margin: 0 0 0.5em 0;
95 font-size: 1.7em;
96 font-weight: bold;
97 text-align: center;
b86ca6e0 98 text-shadow: #AA8080 3px 3px 5px;
dfd0fabc 99}
100
101h2 {
102 margin: 0.5em 0;
103 font-size: 1.3em;
104 font-weight: bold;
105 text-align: center;
b86ca6e0 106 text-shadow: #AA8080 2px 2px 3px;
dfd0fabc 107}
108
109h3 {
110 margin: 0.5em 0;
111 font-size: 1.1em;
112 font-weight: bold;
113 text-align: center;
114}
115
116h4 {
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;
b86ca6e0 136 border: 1px solid #FF8080;
137 background-color: #400000;
dfd0fabc 138 -moz-border-radius: .5em;
b86ca6e0 139 -moz-box-shadow: #AA8080 1px 1px 3px 2px;
dfd0fabc 140}
141
142.captionedbox-content {
143 margin: 0px;
144 padding: 0.5em;
145 border: 0px;
146 border-top: 2px solid #9FCBF7;
b86ca6e0 147 -moz-border-top-colors: #FFFFFF #FF8080;
dfd0fabc 148 -moz-border-radius: 0 0 .5em .5em;
149}
150
151.captionedbox-caption {
152 margin: 0.5em;
153 font-weight: bold;
b86ca6e0 154 text-shadow: #804040 1px 1px 2px;
dfd0fabc 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
170ul > li {
171 margin: 0.5em 0;
172}
173
174.cent {
175 text-align: center;
176}
177
178.akey {
179 text-decoration: underline;
180}
181
b86ca6e0 182a:link { color: #CCCCFF; text-decoration: none; }
183a:visited { color: #EECCFF; text-decoration: none; }
184a:hover, a:active { color: #FFCCCC; text-decoration: underline; }
dfd0fabc 185
186/***** small stuff *****/
187
188.small {
189 font-size: 0.75em;
190}
191
192ul.small,
193.small ul {
194 padding: 0px;
195 border: 0px;
196 margin: 0px 0px 0px 1em;
197}
198
199ul.small > li
200.small ul > li {
201 margin: 0px;
202 padding: 0px;
203 border: 0px;
51e0c25c 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}