c382fb228c4bc2569e46013b41a95601a70acf1a
[wiki.git] / style.css
1 html{ height:100%; }
2 body{
3         height:100%;
4         font-family: Tahoma, Sans, sans-serif;
5         font-size: 80%;
6         color: #333333;
7         line-height: 1.5em;
8         background: url('images/gradientbg.jpg') no-repeat center top #333333;
9         padding:0;
10         margin:0;
11 }
12 a:link, a:visited {
13         text-decoration: none;
14         color:#0066CC;
15 }
16 a:link:hover, a:visited:hover {
17         text-decoration:underline;
18 }
19 #content-block{
20         width: 867px;
21         min-height:100%;
22         margin:0 auto;
23         background: url('images/gradient.jpg') no-repeat center top #EEEEEE; 
24 }
25 #content-block h1{
26         float:right;
27         color:#ffffff;
28         font-size:2em;
29         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
30         font-weight: normal;
31         margin-top:-1em;
32         margin-bottom:0;
33         text-transform: uppercase;
34         padding:0;
35 }
36 #logo{
37         padding-left: 0px;
38         padding-top:18px;
39         }
40 #logo img{
41         display: inline-block;
42         vertical-align: top;
43
44 }
45 img#sipb-logo{
46         padding-top:23px;
47         padding-left:23px;
48 }
49 a img{
50         border:none;
51 }
52 ul#navigation{
53         list-style: none;
54         position:absolute;
55         top:48px;
56         margin-left:423px;
57 }
58 ul#navigation li{
59         display:block;
60         float:left;
61         width:124px;
62         height:75px;
63         margin-left:-18px;
64 }
65 ul#navigation li a{
66         font-weight:bold;
67         color:#ffffff;
68         text-decoration: none;
69         text-transform: uppercase;
70         font-size:1.2em;
71         display:block;
72         width:94px;
73         height:47px;
74         padding:0;
75         margin-top:10px;
76         margin-left:10px;
77         position:relative;
78         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
79 }
80 ul#navigation li a:hover{
81         background: url('images/nav-white.png') 0 0 no-repeat;
82         color:#000000;
83 }
84 ul#navigation .first-navbox{
85         background: transparent url('images/nav-blue.png') 0 0 no-repeat;
86 }
87 ul#navigation .first-navbox a:hover{
88         color:#1171D2;
89 }
90 ul#navigation .second-navbox{
91         background: transparent url('images/nav-green.png') 0 0 no-repeat;
92 }
93 ul#navigation .second-navbox a:hover{
94         color:#62B200;
95 }
96 ul#navigation .third-navbox{
97         background: transparent url('images/nav-orange.png') 0 0 no-repeat;
98 }
99 ul#navigation .third-navbox a:hover{
100         color:#FE6D06;
101 }
102 ul#navigation .fourth-navbox{
103         background: transparent url('images/nav-yellow.png') 0 0 no-repeat;
104 }
105 ul#navigation .fourth-navbox a:hover{
106         color:#FFA207;
107 }
108
109 ul#navigation li a span{
110         position:absolute;
111         bottom:8px;
112         padding-left:8px;
113 }
114 #breadcrumbs{
115         min-height:1em;
116         clear:both;
117         margin:0;
118 }
119 #breadcrumbs ul{
120         margin:0 1em;
121         float:right;
122         padding:0;
123         list-style: none;
124 }
125 #breadcrumbs ul li{
126         float:left;
127         line-height:2em;
128         font-size: 1.2em;
129         font-weight: bold;
130         margin-left:0.8em;
131         color: #15447D;
132 }
133 #breadcrumbs ul li a{
134         color: inherit;
135         font-weight: normal;
136         margin-right:0.8em;
137 }
138 .first-pagetype #breadcrumbs{ background-color: #4793E4; } 
139 .first-pagetype #breadcrumbs ul li { color:#15447D; }
140 .second-pagetype #breadcrumbs{ background-color: #60D61E; } 
141 .second-pagetype #breadcrumbs ul li { color:#263B08; }
142 .third-pagetype #breadcrumbs{ background-color: #F89129; } 
143 .third-pagetype #breadcrumbs ul li { color:#6F3F21; }
144 .fourth-pagetype #breadcrumbs{ background-color: #FECC28; } 
145 .fourth-pagetype #breadcrumbs ul li { color:#6F3F21; }
146
147 #featured-block{
148         margin: 1em 3em;
149 }
150 #featured-block.is-top {
151         margin-top: 3em;
152 }
153
154 #featured-block h2{
155         font-size:1.5em;
156         font-weight: bold;
157         margin: 1em 0;
158         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
159 }
160 #featured-block p{
161         margin: 1em 0;
162 }
163 #featured-block li{
164         margin: 0.5em 0;
165 }
166 dl.services{
167         margin:0 33px;
168         padding:0;
169         list-style: none;
170         line-height: 1.5em;
171 }
172 dl.services dt, dl.services dd{
173         display:inline-block;
174         width:140px;
175         vertical-align:top;
176         margin-bottom:20px;
177 }
178 dl.services dd{
179         width:170px;
180 }
181
182 .generic{
183         width: 644px !important;
184 }
185
186
187 #events-block{
188         width:212px;
189         float:left;
190         margin-left:37px;
191 }
192 #events-block h3{
193         background-color:#C3C4C9;
194         text-transform: uppercase;
195         color:#666666;
196         font-size:1.2em;
197         font-weight: normal;
198         padding-left:15px;
199         padding-top: 7px;
200         padding-bottom:5px;
201         margin:0;
202         margin-bottom:4px;
203         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
204 }
205 #events-block h4{
206         font-size:1.2em;
207         background-color:#EEEEEE;
208         padding-left:16px;
209         padding-top:18px;
210         padding-bottom:8px;
211         margin:0;
212         font-family: Arial, Helvetica, sans-serif;
213 }
214 #events-block p{
215         line-height: 1.6em;
216         font-size:0.95em;
217         background-color:#EEEEEE;
218         margin:0;
219         padding-left:16px;
220         padding-right:16px;
221         padding-bottom:12px;
222 }
223
224 #highlights-block{
225         width:180px;
226         float:right;
227         margin-right:35px;
228         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
229         font-weight: bold;
230         font-size:1.2em;
231 }
232 #highlights-block div{
233         margin-bottom: 8px;
234 }
235 .extra-large{
236         font-size:2em;
237         line-height:1em;
238 }
239 #highlights-block .solid-item{
240         background-color: #EEEEEE;
241         color: #666666;
242         text-transform: uppercase;
243         padding: 12px 20px;
244         font-size:.7em;
245 }
246 .iap{
247         background: url('images/IAP.png') 120px center no-repeat;
248 }
249 .cluedump{
250         background: url('images/cluedump.png') 140px center no-repeat;
251 }
252 .defcon{
253         color: #FFFFFF;
254         height:60px;
255 }
256 .defcon .status-text{
257         font-size:.8em;
258         font-weight: normal;
259 }
260 .defcon .status-level{
261         color: #666666;
262         background-color: #EEEEEE;
263         padding:10px 0;
264         text-align:center;
265         font-size:2.2em;
266         line-height:1em;
267         width:56px;
268         float:right;
269 }
270 .hackathon-note{
271         border:1px solid #EEEEEE;
272         color: #FFFFFF;
273         text-transform: uppercase;
274         
275 }
276 .hackathon-note span{
277         font-size:1.5em;
278         line-height: 1.5em;
279         padding:8px;
280 }
281 .hackathon-note .hack-date{
282         background-color: #EEEEEE;
283         color: #333333;
284         font-size: .8em;
285         padding:4px 0;
286         text-align:center;
287 }
288 .hackathon-note ul{
289         list-style-type: circle;
290         text-transform: none;
291         font-weight: normal;
292         font-size:.8em;
293         padding:0;
294         padding-left:25px;
295         margin:0;
296         margin-bottom:10px;
297         color: #333333;
298 }
299 .sipb-door{
300         background: url('images/opendoor.png') center no-repeat;
301         text-align:center;
302         padding:5px 0;
303         border:1px solid #FFFFFF;
304         color:#FFFFFF;
305         font-size: .8em;
306 }
307 .sipb-door span{
308         font-size: 1.4em;
309 }
310
311 #hidden-title{
312         display:none;
313 }
314 #prefooter{
315         height: 140px;
316         clear:both;
317 }
318 #footer{
319         font-size:.8em;
320         clear:both;
321         margin: 0 auto;
322         margin-top:-130px;
323         text-align:center;
324         color: #666666; 
325         width:867px;
326         height:130px;
327         background-color:#1F1F1F;
328         
329 }
330 #footer p{
331         width:800px;
332         margin:0 auto;
333         padding:1em 0;
334         line-height:1.4em;
335         text-align:left;
336 }
337 .actions ul{
338         list-style: none;
339         background-color:#696969;
340         padding:0;
341         margin:0;
342 }
343 .actions ul li{
344         display: inline;
345         padding: 0 .5em;
346         line-height:3em;
347 }
348 .actions ul li a{
349         text-decoration: none;
350         color: #ffffff;
351 }
352 .actions ul li a:hover{
353         text-decoration:underline;
354 }
355
356
357 .cols:after {
358 content: "";
359 display: block;
360 height: 0;
361 clear: both;
362 }
363 .col1 {
364 position: relative;
365 float: left;
366 width: 50%;
367 }
368 .col2 {
369 position: relative;
370 float: right;
371 align: left;
372 width: 50%;
373 }
374
375 .right {
376 float: right;
377 margin-left: 2em;
378 clear: right;
379 }
380
381 .rex {
382 line-height: 0;
383 }
384
385 .link-mailto
386 {
387     background: url(images/mail_icon.gif) center right no-repeat;
388     padding: 0 18px;
389 }
390