44051b9de4b2bf85cf7607740b40145d9f741c85
[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         line-height:1.2em;
114         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
115         padding-bottom:10px;
116         border-bottom: 1px solid #A8A9AD;
117         margin: 0 22px;
118         margin-bottom:1em;
119         text-transform: uppercase;
120 }
121 #featured-block h2{
122         font-size:1.3em;
123         font-weight: bold;
124         margin: 1em 22px;
125         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
126 }
127 #featured-block p{
128         margin: 1em 33px;
129         line-height: 1.5em;
130 }
131 dl.services{
132         margin:0 33px;
133         padding:0;
134         list-style: none;
135         line-height: 1.5em;
136 }
137 dl.services dt, dl.services dd{
138         display:inline-block;
139         width:140px;
140         vertical-align:top;
141         margin-bottom:20px;
142 }
143 dl.services dd{
144         width:170px;
145 }
146
147 .generic{
148         width: 644px !important;
149 }
150
151
152 #events-block{
153         width:212px;
154         float:left;
155         margin-left:37px;
156 }
157 #events-block h3{
158         background-color:#C3C4C9;
159         text-transform: uppercase;
160         color:#666666;
161         font-size:1.2em;
162         font-weight: normal;
163         padding-left:15px;
164         padding-top: 7px;
165         padding-bottom:5px;
166         margin:0;
167         margin-bottom:4px;
168         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
169 }
170 #events-block h4{
171         font-size:1.2em;
172         background-color:#EEEEEE;
173         padding-left:16px;
174         padding-top:18px;
175         padding-bottom:8px;
176         margin:0;
177         font-family: Arial, Helvetica, sans-serif;
178 }
179 #events-block p{
180         line-height: 1.6em;
181         font-size:0.95em;
182         background-color:#EEEEEE;
183         margin:0;
184         padding-left:16px;
185         padding-right:16px;
186         padding-bottom:12px;
187 }
188
189 #highlights-block{
190         width:180px;
191         float:right;
192         margin-right:35px;
193         font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
194         font-weight: bold;
195         font-size:1.2em;
196 }
197 #highlights-block div{
198         margin-bottom: 8px;
199 }
200 .extra-large{
201         font-size:2em;
202         line-height:1em;
203 }
204 #highlights-block .solid-item{
205         background-color: #EEEEEE;
206         color: #666666;
207         text-transform: uppercase;
208         padding: 12px 20px;
209         font-size:.7em;
210 }
211 .iap{
212         background: url('images/IAP.png') 120px center no-repeat;
213 }
214 .cluedump{
215         background: url('images/cluedump.png') 140px center no-repeat;
216 }
217 .defcon{
218         color: #FFFFFF;
219         height:60px;
220 }
221 .defcon .status-text{
222         font-size:.8em;
223         font-weight: normal;
224 }
225 .defcon .status-level{
226         color: #666666;
227         background-color: #EEEEEE;
228         padding:10px 0;
229         text-align:center;
230         font-size:2.2em;
231         line-height:1em;
232         width:56px;
233         float:right;
234 }
235 .hackathon-note{
236         border:1px solid #EEEEEE;
237         color: #FFFFFF;
238         text-transform: uppercase;
239         
240 }
241 .hackathon-note span{
242         font-size:1.5em;
243         line-height: 1.5em;
244         padding:8px;
245 }
246 .hackathon-note .hack-date{
247         background-color: #EEEEEE;
248         color: #333333;
249         font-size: .8em;
250         padding:4px 0;
251         text-align:center;
252 }
253 .hackathon-note ul{
254         list-style-type: circle;
255         text-transform: none;
256         font-weight: normal;
257         font-size:.8em;
258         padding:0;
259         padding-left:25px;
260         margin:0;
261         margin-bottom:10px;
262         color: #333333;
263 }
264 .sipb-door{
265         background: url('images/opendoor.png') center no-repeat;
266         text-align:center;
267         padding:5px 0;
268         border:1px solid #FFFFFF;
269         color:#FFFFFF;
270         font-size: .8em;
271 }
272 .sipb-door span{
273         font-size: 1.4em;
274 }
275
276 #hidden-title{
277         display:none;
278 }
279 #prefooter{
280         height: 80px;
281         clear:both;
282 }
283 #admin-nav{
284         width:100%;
285 }
286 #footer{
287         font-size:.9em;
288         clear:both;
289         width:951px;
290         margin: 0 auto;
291         margin-top:-30px;
292         text-align:center;
293         color: #545557;
294 }