add slides for berlin
[slides.git] / eumozcamp-prague2009 / slides.css
1 /**************************
2  * styles for talk slides *
3  *    by Robert Kaiser    *
4  *    <kairo@kairo.at>    *
5  *   (for FOSDEM 2008)    *
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: 1.75em;
17   color: black;
18   background-color: #FFFFFF;
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 #9FCBF7;
35   background: #F6FAFE 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: 260px;
43 }
44
45 #header-text {
46   float: right;
47   padding: 7px 20px;
48   font-size: 24px;
49   font-weight: bold;
50   color: #7f7c45;
51 }
52
53 #header-text.neartime {
54   color: #000080;
55 }
56
57 #header-text.ontime {
58   color: #008000;
59 }
60
61 #header-text.overtime {
62   color: #800000;
63 }
64
65 #slidenav {
66   background: #000089 url("template/breadcrumbs-background.png") bottom repeat-x;
67   padding: 4px 15px 30px 55px;
68   padding-top: 4px;
69   font-size: 10px;
70   color: #C8E0FA;
71 }
72
73 #slidenav a:link,
74 #slidenav a:visited {
75   color: #B7D8F9;
76 }
77
78 #slidenav a:hover,
79 #slidenav a:active {
80   color: #F2F8FE;
81 }
82
83 #slidenav .nolink {
84   color: #7f7c45;
85 }
86
87 #subheader-text {
88   float: right;
89   padding: 0 20px;
90 }
91
92 /***** headers *****/
93
94 h1 {
95   margin: 0 0 0.5em 0;
96   font-size: 1.7em;
97   font-weight: bold;
98   text-align: center;
99   text-shadow: #b7d8f9 3px 3px 5px;
100 }
101
102 h2 {
103   margin: 0.5em 0;
104   font-size: 1.3em;
105   font-weight: bold;
106   text-align: center;
107   text-shadow: #b7d8f9 2px 2px 3px;
108 }
109
110 h3 {
111   margin: 0.5em 0;
112   font-size: 1.1em;
113   font-weight: bold;
114   text-align: center;
115 }
116
117 h4 {
118   margin: 0.5em 0;
119   font-size: 1em;
120   font-weight: bold;
121   text-align: left;
122 }
123
124 /***** boxes *****/
125
126 .simplebox {
127   padding: 0.5em;
128 }
129
130 .captionedbox {
131   padding: 0px;
132 }
133
134 .simplebox,
135 .captionedbox {
136   margin: 1em;
137   border: 1px solid #0060C0;
138   background-color: #E0E9E9;
139   -moz-border-radius: .5em;
140   -moz-box-shadow: #b7d8f9 1px 1px 3px 2px;
141 }
142
143 .captionedbox-content {
144   margin: 0px;
145   padding: 0.5em;
146   border: 0px;
147   border-top: 2px solid #9FCBF7;
148   -moz-border-top-colors: #FFFFFF #0060C0;
149   -moz-border-radius: 0 0 .5em .5em;
150 }
151
152 .captionedbox-caption {
153   margin: 0.5em;
154   font-weight: bold;
155   text-shadow: #60afff 1px 1px 2px;
156 }
157
158 /***** misc formatting *****/
159
160 .hilite {
161   font-weight: bold;
162   color: #0060C0;
163   text-shadow: #5959ec 1px 1px 1px;
164 }
165
166 .border {
167   border: 1px solid #FF8080;
168   padding: 0.5em;
169 }
170
171 ul > li {
172   margin: 0.5em 0;
173 }
174
175 .cent {
176   text-align: center;
177 }
178
179 .akey {
180   text-decoration: underline;
181 }
182
183 a:link { color: #000080; text-decoration: none; }
184 a:visited { color: #400080; text-decoration: none; }
185 a:hover, a:active { color: #800000; text-decoration: underline; }
186
187 /***** small stuff *****/
188
189 .small {
190   font-size: 0.75em;
191 }
192
193 ul.small,
194 .small ul {
195   padding: 0px;
196   border: 0px;
197   margin: 0px 0px 0px 1em;
198 }
199
200 ul.small > li
201 .small ul > li {
202   margin: 0px;
203   padding: 0px;
204   border: 0px;
205 }