aebb074cebb6d7a009a4333d0380e4667100b6ea
[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-color: #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: 951px;
21         min-height:100%;
22         background: url('images/gradient.png') no-repeat 0 0 #A8A9AD;
23         margin:0 auto;
24 }
25
26 .cols:after{
27         content: "";
28         display: block;
29         height: 0;
30         clear: both;
31 }
32 .col1{
33         position: relative;
34         float: left;
35         width: 50%;
36 }
37 .col2{
38         position: relative;
39         float: right;
40         align: left;
41         width: 50%;
42 }
43
44 #featured-block img{
45         float: right;
46 }
47 #logo{
48         padding-left: 47px;
49         padding-top:18px;
50         }
51 #logo img{
52         display: inline-block;
53         vertical-align: top;
54
55 }
56 img#sipb-logo{
57         padding-top:23px;
58         padding-left:23px;
59 }
60 a img{
61         border:none;
62 }
63 ul#navigation{
64         list-style: none;
65         position:absolute;
66         top:121px;
67         margin-left:298px;
68 }
69 ul#navigation li{
70         display:block;
71         float:left;
72         width:124px;
73         height:75px;
74         margin-left:-18px;
75 }
76 ul#navigation li a{
77         font-weight:bold;
78         color:#ffffff;
79         text-decoration: none;
80         text-transform: uppercase;
81         font-size:1.2em;
82         display:block;
83         width:94px;
84         height:47px;
85         padding:0;
86         margin-top:10px;
87         margin-left:10px;
88         position:relative;
89         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
90 }
91 ul#navigation li a:hover{
92         background: url('images/nav-white.png') 0 0 no-repeat;
93         color:#000000;
94 }
95 ul#navigation .blue{
96         background: transparent url('images/nav-blue.png') 0 0 no-repeat;
97 }
98 ul#navigation .blue a:hover{
99         color:#1171D2;
100 }
101 ul#navigation .green{
102         background: transparent url('images/nav-green.png') 0 0 no-repeat;
103 }
104 ul#navigation .green a:hover{
105         color:#62B200;
106 }
107 ul#navigation .orange{
108         background: transparent url('images/nav-orange.png') 0 0 no-repeat;
109 }
110 ul#navigation .orange a:hover{
111         color:#FE6D06;
112 }
113 ul#navigation .yellow{
114         background: transparent url('images/nav-yellow.png') 0 0 no-repeat;
115 }
116 ul#navigation .yellow a:hover{
117         color:#FFA207;
118 }
119
120 ul#navigation li a span{
121         position:absolute;
122         bottom:8px;
123         padding-left:8px;
124 }
125
126 #featured-block{
127         width:430px;
128         background-color:#EEEEEE;
129         margin-left:277px;
130         padding: 27px 0;
131         
132 }
133 #featured-block h1{
134         font-size:2em;
135         line-height:1.2em;
136         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
137         padding-bottom:10px;
138         border-bottom: 1px solid #A8A9AD;
139         margin: 0 22px;
140         margin-bottom:1em;
141         text-transform: uppercase;
142 }
143 #featured-block h2{
144         font-size:1.3em;
145         font-weight: bold;
146         margin: 1em 22px;
147         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
148 }
149 #featured-block p{
150         margin: 1em 33px;
151         line-height: 1.5em;
152 }
153 dl.services{
154         margin:0 33px;
155         padding:0;
156         list-style: none;
157         line-height: 1.5em;
158 }
159 dl.services dt, dl.services dd{
160         display:inline-block;
161         width:140px;
162         vertical-align:top;
163         margin-bottom:20px;
164 }
165 dl.services dd{
166         width:170px;
167 }
168
169 .generic{
170         width: 644px !important;
171 }
172
173
174 #events-block{
175         width:212px;
176         float:left;
177         margin-left:37px;
178 }
179 #events-block h3{
180         background-color:#C3C4C9;
181         text-transform: uppercase;
182         color:#666666;
183         font-size:1.2em;
184         font-weight: normal;
185         padding-left:15px;
186         padding-top: 7px;
187         padding-bottom:5px;
188         margin:0;
189         margin-bottom:4px;
190         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
191 }
192 #events-block h4{
193         font-size:1.2em;
194         background-color:#EEEEEE;
195         padding-left:16px;
196         padding-top:18px;
197         padding-bottom:8px;
198         margin:0;
199         font-family: Arial, Helvetica, sans-serif;
200 }
201 #events-block p{
202         line-height: 1.6em;
203         font-size:0.95em;
204         background-color:#EEEEEE;
205         margin:0;
206         padding-left:16px;
207         padding-right:16px;
208         padding-bottom:12px;
209 }
210
211 #highlights-block{
212         width:180px;
213         float:right;
214         margin-right:35px;
215         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
216         font-weight: bold;
217         font-size:1.2em;
218 }
219 #highlights-block div{
220         margin-bottom: 8px;
221 }
222 .extra-large{
223         font-size:2em;
224         line-height:1em;
225 }
226 #highlights-block .solid-item{
227         background-color: #EEEEEE;
228         color: #666666;
229         text-transform: uppercase;
230         padding: 12px 20px;
231         font-size:.7em;
232 }
233 .iap{
234         background: url('images/IAP.png') 120px center no-repeat;
235 }
236 .cluedump{
237         background: url('images/cluedump.png') 140px center no-repeat;
238 }
239 .defcon{
240         color: #FFFFFF;
241         height:60px;
242 }
243 .defcon .status-text{
244         font-size:.8em;
245         font-weight: normal;
246 }
247 .defcon .status-level{
248         color: #666666;
249         background-color: #EEEEEE;
250         padding:10px 0;
251         text-align:center;
252         font-size:2.2em;
253         line-height:1em;
254         width:56px;
255         float:right;
256 }
257 .hackathon-note{
258         border:1px solid #EEEEEE;
259         color: #FFFFFF;
260         text-transform: uppercase;
261         
262 }
263 .hackathon-note span{
264         font-size:1.5em;
265         line-height: 1.5em;
266         padding:8px;
267 }
268 .hackathon-note .hack-date{
269         background-color: #EEEEEE;
270         color: #333333;
271         font-size: .8em;
272         padding:4px 0;
273         text-align:center;
274 }
275 .hackathon-note ul{
276         list-style-type: circle;
277         text-transform: none;
278         font-weight: normal;
279         font-size:.8em;
280         padding:0;
281         padding-left:25px;
282         margin:0;
283         margin-bottom:10px;
284         color: #333333;
285 }
286 .sipb-door{
287         background: url('images/opendoor.png') center no-repeat;
288         text-align:center;
289         padding:5px 0;
290         border:1px solid #FFFFFF;
291         color:#FFFFFF;
292         font-size: .8em;
293 }
294 .sipb-door span{
295         font-size: 1.4em;
296 }
297
298 #hidden-title{
299         display:none;
300 }
301 #prefooter{
302         height: 120px;
303         clear:both;
304 }
305 #footer{
306         font-size:.9em;
307         clear:both;
308         width:951px;
309         margin: 0 auto;
310         margin-top:-65px;
311         text-align:center;
312         color: #545557;
313 }
314 .actions ul{
315         list-style: none;
316         background-color:#696969;
317         padding:.5em 0;
318 }
319 .actions ul li{
320         display: inline;
321         padding: 0 .5em;
322 }
323 .actions ul li a{
324         text-decoration: none;
325         color: #ffffff;
326 }
327 .actions ul li a:hover{
328         text-decoration:underline;
329 }