|
1 | | -html, body, div, span, applet, object, iframe, |
2 | | -h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
3 | | -a, abbr, acronym, address, big, cite, code, |
4 | | -del, dfn, em, img, ins, kbd, q, s, samp, |
5 | | -small, strike, strong, sub, sup, tt, var, |
6 | | -b, u, i, center, |
7 | | -dl, dt, dd, ol, ul, li, |
8 | | -fieldset, form, label, legend, |
9 | | -table, caption, tbody, tfoot, thead, tr, th, td, |
10 | | -article, aside, canvas, details, embed, |
11 | | -figure, figcaption, footer, header, hgroup, |
12 | | -menu, nav, output, ruby, section, summary, |
13 | | -time, mark, audio, video { |
| 1 | + /* Full Website changes in * mode */ |
| 2 | +*{ |
14 | 3 | margin: 0; |
15 | 4 | padding: 0; |
16 | 5 | border: 0; |
17 | 6 | font-size: 100%; |
18 | 7 | font: inherit; |
19 | 8 | vertical-align: baseline; |
20 | 9 | } |
21 | | - |
| 10 | + /* Body */ |
22 | 11 | body { |
23 | 12 | line-height: 1; |
24 | 13 | font-size: 14px; |
|
38 | 27 | flex: 1; |
39 | 28 | max-width: 700px; |
40 | 29 | } |
41 | | - |
| 30 | + /* Navbar Section */ |
42 | 31 | .navbar { |
43 | 32 | float: left; |
44 | 33 | text-align: left; |
@@ -172,86 +161,6 @@ aside { |
172 | 161 | #promo a { |
173 | 162 | color: #f14e32; |
174 | 163 | } |
175 | | - |
176 | | -#main { |
177 | | - background-color: #fcfcfa; |
178 | | - border: solid 1px #e2e0d8; |
179 | | - -webkit-border-radius: 5px; |
180 | | - -moz-border-radius: 5px; |
181 | | - -ms-border-radius: 5px; |
182 | | - -o-border-radius: 5px; |
183 | | - border-radius: 5px; |
184 | | - padding: 22px; |
185 | | -} |
186 | | -#main .two-column { |
187 | | - overflow: hidden; |
188 | | - *zoom: 1; |
189 | | -} |
190 | | -#main .two-column .column-left { |
191 | | - width: 47%; |
192 | | - float: left; |
193 | | -} |
194 | | -#main .two-column .column-right { |
195 | | - width: 47%; |
196 | | - float: right; |
197 | | -} |
198 | | -#main .callout, #main .bottom-nav, #main #logo-license { |
199 | | - background-color: #e9e8e0; |
200 | | - -webkit-border-radius: 3px; |
201 | | - -moz-border-radius: 3px; |
202 | | - -ms-border-radius: 3px; |
203 | | - -o-border-radius: 3px; |
204 | | - border-radius: 3px; |
205 | | - padding: 8px 14px 4px 14px; |
206 | | - margin-bottom: 1.4em; |
207 | | -} |
208 | | -#main .callout p, #main .bottom-nav p, #main #logo-license p { |
209 | | - margin-bottom: 0; |
210 | | -} |
211 | | -#main img { |
212 | | - max-width: 100%; |
213 | | -} |
214 | | - |
215 | | -#masthead { |
216 | | - height: 295px; |
217 | | - margin-top: -20px; |
218 | | - margin-bottom: 2em; |
219 | | - background: #f4f4f1 url(/images/bg/isometric-grid.png) 0 0 repeat-x; |
220 | | -} |
221 | | -#masthead .inner { |
222 | | - padding-top: 36px; |
223 | | -} |
224 | | -#masthead .inner p { |
225 | | - width: 558px; |
226 | | - font-size: 18px; |
227 | | - line-height: 26.4px; |
228 | | - margin-bottom: 1.2em; |
229 | | -} |
230 | | -#masthead .inner img.illustration { |
231 | | - position: absolute; |
232 | | - right: -30px; |
233 | | - top: 24px; |
234 | | -} |
235 | | - |
236 | | -header { |
237 | | - margin-top: 14px; |
238 | | - position: relative; |
239 | | - padding-bottom: 26px; |
240 | | -} |
241 | | -header #tagline { |
242 | | - display: block; |
243 | | - position: absolute; |
244 | | - top: 11px; |
245 | | - left: 120px; |
246 | | - margin-top: 1px; |
247 | | - color: #9a9994; |
248 | | - font-size: 24px; |
249 | | - line-height: 24px; |
250 | | -} |
251 | | -header #tagline em { |
252 | | - letter-spacing: 1px; |
253 | | -} |
254 | | - |
255 | 164 | .navigation ul { |
256 | 165 | list-style-type: none; |
257 | 166 | float: right; |
@@ -335,6 +244,87 @@ section.about .bottom-nav { |
335 | 244 | display: none; |
336 | 245 | } |
337 | 246 |
|
| 247 | + /* Main Section */ |
| 248 | +#main { |
| 249 | + background-color: #fcfcfa; |
| 250 | + border: solid 1px #e2e0d8; |
| 251 | + -webkit-border-radius: 5px; |
| 252 | + -moz-border-radius: 5px; |
| 253 | + -ms-border-radius: 5px; |
| 254 | + -o-border-radius: 5px; |
| 255 | + border-radius: 5px; |
| 256 | + padding: 22px; |
| 257 | +} |
| 258 | +#main .two-column { |
| 259 | + overflow: hidden; |
| 260 | + *zoom: 1; |
| 261 | +} |
| 262 | +#main .two-column .column-left { |
| 263 | + width: 47%; |
| 264 | + float: left; |
| 265 | +} |
| 266 | +#main .two-column .column-right { |
| 267 | + width: 47%; |
| 268 | + float: right; |
| 269 | +} |
| 270 | +#main .callout, #main .bottom-nav, #main #logo-license { |
| 271 | + background-color: #e9e8e0; |
| 272 | + -webkit-border-radius: 3px; |
| 273 | + -moz-border-radius: 3px; |
| 274 | + -ms-border-radius: 3px; |
| 275 | + -o-border-radius: 3px; |
| 276 | + border-radius: 3px; |
| 277 | + padding: 8px 14px 4px 14px; |
| 278 | + margin-bottom: 1.4em; |
| 279 | +} |
| 280 | +#main .callout p, #main .bottom-nav p, #main #logo-license p { |
| 281 | + margin-bottom: 0; |
| 282 | +} |
| 283 | +#main img { |
| 284 | + max-width: 100%; |
| 285 | +} |
| 286 | + |
| 287 | +#masthead { |
| 288 | + height: 295px; |
| 289 | + margin-top: -20px; |
| 290 | + margin-bottom: 2em; |
| 291 | + background: #f4f4f1 url(/images/bg/isometric-grid.png) 0 0 repeat-x; |
| 292 | +} |
| 293 | +#masthead .inner { |
| 294 | + padding-top: 36px; |
| 295 | +} |
| 296 | +#masthead .inner p { |
| 297 | + width: 558px; |
| 298 | + font-size: 18px; |
| 299 | + line-height: 26.4px; |
| 300 | + margin-bottom: 1.2em; |
| 301 | +} |
| 302 | +#masthead .inner img.illustration { |
| 303 | + position: absolute; |
| 304 | + right: -30px; |
| 305 | + top: 24px; |
| 306 | +} |
| 307 | + /* Header Section */ |
| 308 | +header { |
| 309 | + margin-top: 14px; |
| 310 | + position: relative; |
| 311 | + padding-bottom: 26px; |
| 312 | +} |
| 313 | +header #tagline { |
| 314 | + display: block; |
| 315 | + position: absolute; |
| 316 | + top: 11px; |
| 317 | + left: 120px; |
| 318 | + margin-top: 1px; |
| 319 | + color: #9a9994; |
| 320 | + font-size: 24px; |
| 321 | + line-height: 24px; |
| 322 | +} |
| 323 | +header #tagline em { |
| 324 | + letter-spacing: 1px; |
| 325 | +} |
| 326 | + |
| 327 | + |
338 | 328 | p.center { |
339 | 329 | text-align: center; |
340 | 330 | } |
@@ -462,7 +452,7 @@ a.dropdown-trigger.active { |
462 | 452 | float: left; |
463 | 453 | } |
464 | 454 |
|
465 | | - |
| 455 | + /* Footer Section */ |
466 | 456 | footer { |
467 | 457 | clear: both; |
468 | 458 | overflow: hidden; |
|
0 commit comments