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