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