86900d64e59663004c3135aa4c28eedf11556b15
[wiki.git] / style.css
1 html{ height:100%; }
2 body{
3         height:100%;
4         font-family: Verdana, Arial, Helvetica, sans-serif;
5         font-size: 12px;
6         color: #333333;
7         line-height: 1.2em;
8         background: url('images/gradientbg.jpg') no-repeat center top #333333;
9         padding:0;
10         margin:0;
11 }
12 a{
13         text-decoration: none;
14         color:#0066CC;
15 }
16 a: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: 2em 0 1em 2.5em;
149         width:51em;
150 }
151
152 #featured-block h2{
153         font-size:1.3em;
154         font-weight: bold;
155         margin: 1em 0;
156         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
157 }
158 #featured-block p{
159         margin: 1em 0;
160         line-height: 1.9em;
161 }
162 dl.services{
163         margin:0 33px;
164         padding:0;
165         list-style: none;
166         line-height: 1.5em;
167 }
168 dl.services dt, dl.services dd{
169         display:inline-block;
170         width:140px;
171         vertical-align:top;
172         margin-bottom:20px;
173 }
174 dl.services dd{
175         width:170px;
176 }
177
178 .generic{
179         width: 644px !important;
180 }
181
182
183 #events-block{
184         width:212px;
185         float:left;
186         margin-left:37px;
187 }
188 #events-block h3{
189         background-color:#C3C4C9;
190         text-transform: uppercase;
191         color:#666666;
192         font-size:1.2em;
193         font-weight: normal;
194         padding-left:15px;
195         padding-top: 7px;
196         padding-bottom:5px;
197         margin:0;
198         margin-bottom:4px;
199         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
200 }
201 #events-block h4{
202         font-size:1.2em;
203         background-color:#EEEEEE;
204         padding-left:16px;
205         padding-top:18px;
206         padding-bottom:8px;
207         margin:0;
208         font-family: Arial, Helvetica, sans-serif;
209 }
210 #events-block p{
211         line-height: 1.6em;
212         font-size:0.95em;
213         background-color:#EEEEEE;
214         margin:0;
215         padding-left:16px;
216         padding-right:16px;
217         padding-bottom:12px;
218 }
219
220 #highlights-block{
221         width:180px;
222         float:right;
223         margin-right:35px;
224         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
225         font-weight: bold;
226         font-size:1.2em;
227 }
228 #highlights-block div{
229         margin-bottom: 8px;
230 }
231 .extra-large{
232         font-size:2em;
233         line-height:1em;
234 }
235 #highlights-block .solid-item{
236         background-color: #EEEEEE;
237         color: #666666;
238         text-transform: uppercase;
239         padding: 12px 20px;
240         font-size:.7em;
241 }
242 .iap{
243         background: url('images/IAP.png') 120px center no-repeat;
244 }
245 .cluedump{
246         background: url('images/cluedump.png') 140px center no-repeat;
247 }
248 .defcon{
249         color: #FFFFFF;
250         height:60px;
251 }
252 .defcon .status-text{
253         font-size:.8em;
254         font-weight: normal;
255 }
256 .defcon .status-level{
257         color: #666666;
258         background-color: #EEEEEE;
259         padding:10px 0;
260         text-align:center;
261         font-size:2.2em;
262         line-height:1em;
263         width:56px;
264         float:right;
265 }
266 .hackathon-note{
267         border:1px solid #EEEEEE;
268         color: #FFFFFF;
269         text-transform: uppercase;
270         
271 }
272 .hackathon-note span{
273         font-size:1.5em;
274         line-height: 1.5em;
275         padding:8px;
276 }
277 .hackathon-note .hack-date{
278         background-color: #EEEEEE;
279         color: #333333;
280         font-size: .8em;
281         padding:4px 0;
282         text-align:center;
283 }
284 .hackathon-note ul{
285         list-style-type: circle;
286         text-transform: none;
287         font-weight: normal;
288         font-size:.8em;
289         padding:0;
290         padding-left:25px;
291         margin:0;
292         margin-bottom:10px;
293         color: #333333;
294 }
295 .sipb-door{
296         background: url('images/opendoor.png') center no-repeat;
297         text-align:center;
298         padding:5px 0;
299         border:1px solid #FFFFFF;
300         color:#FFFFFF;
301         font-size: .8em;
302 }
303 .sipb-door span{
304         font-size: 1.4em;
305 }
306
307 #hidden-title{
308         display:none;
309 }
310 #prefooter{
311         height: 140px;
312         clear:both;
313 }
314 #footer{
315         font-size:.8em;
316         clear:both;
317         margin: 0 auto;
318         margin-top:-130px;
319         text-align:center;
320         color: #666666; 
321         width:867px;
322         height:130px;
323         background-color:#1F1F1F;
324         
325 }
326 #footer p{
327         width:800px;
328         margin:0 auto;
329         padding:1em 0;
330         line-height:1.4em;
331         text-align:left;
332 }
333 .actions ul{
334         list-style: none;
335         background-color:#696969;
336         padding:0;
337         margin:0;
338 }
339 .actions ul li{
340         display: inline;
341         padding: 0 .5em;
342         line-height:3em;
343 }
344 .actions ul li a{
345         text-decoration: none;
346         color: #ffffff;
347 }
348 .actions ul li a:hover{
349         text-decoration:underline;
350 }
351 .cols:after{
352         content: "";
353         display: block;
354         height: 0;
355         clear: both;
356 }
357 .col1{
358         position: relative;
359         float: left;
360         width: 50%;
361 }
362 .col2{
363         position: relative;
364         float: right;
365         align: left;
366         width: 50%;
367 }