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