]>
Commit | Line | Data |
---|---|---|
940227cb | 1 | body { |
9b5ac075 | 2 | padding-top: 45px; |
60024cc8 MT |
3 | } |
4 | ||
5 | .container-body { | |
940227cb | 6 | background-color: white; |
91a446f0 | 7 | |
60024cc8 MT |
8 | padding-top: 10px; |
9 | padding-left: 15px; | |
10 | padding-right: 15px; | |
11 | padding-bottom: 10px; | |
91a446f0 MT |
12 | } |
13 | ||
7771acea MT |
14 | .ac { |
15 | text-align: center; | |
16 | } | |
17 | ||
55b162d6 MT |
18 | .clear { |
19 | clear: both; | |
20 | } | |
21 | ||
22 | .separator { | |
23 | margin: 40px 0 39px; | |
24 | } | |
25 | ||
26 | .img-padding { | |
27 | padding: 10px; | |
28 | } | |
29 | ||
60024cc8 MT |
30 | table.table-fireinfo td.bar { |
31 | width: 70%; | |
91a446f0 | 32 | } |
54b8df1a | 33 | |
60024cc8 MT |
34 | table.table-fireinfo td.key { |
35 | width: 20%; | |
314d46c8 MT |
36 | } |
37 | ||
60024cc8 MT |
38 | table.table-fireinfo td.val { |
39 | width: 10%; | |
54b8df1a | 40 | } |
7771acea MT |
41 | |
42 | .wishes li div.thumbnail { | |
43 | padding: 1em; | |
44 | } | |
45 | ||
46 | .objectives .icon { | |
47 | padding: 1.2em; | |
48 | } | |
49 | ||
50 | .thumbnails .download-box { | |
51 | padding-top: 2em; | |
52 | padding-left: 2em; | |
53 | padding-right: 2em; | |
54 | } | |
55 | ||
9b5ac075 MT |
56 | section { |
57 | padding-top: 40px; | |
58 | } | |
59 | ||
60 | section > .page-header, section > .lead { | |
61 | color: #5a5a5a; | |
62 | } | |
63 | ||
64 | section > ul li { | |
65 | margin-bottom: 5px; | |
66 | } | |
67 | ||
68 | .jumbotron { | |
69 | position: relative; | |
70 | padding: 40px 0; | |
71 | color: #fff; | |
72 | text-align: center; | |
73 | text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075); | |
74 | background: #880400; /* Old browsers */ | |
75 | background: -moz-linear-gradient(45deg, #000000 0%, #880400 100%); /* FF3.6+ */ | |
76 | background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#000000), color-stop(100%,#880400)); /* Chrome,Safari4+ */ | |
77 | background: -webkit-linear-gradient(45deg, #000000 0%,#880400 100%); /* Chrome10+,Safari5.1+ */ | |
78 | background: -o-linear-gradient(45deg, #000000 0%, #880400 100%); /* Opera 11.10+ */ | |
79 | background: -ms-linear-gradient(45deg, #000000 0%, #880400 100%); /* IE10+ */ | |
80 | background: linear-gradient(45deg, #000000 0%, #880400 100%); /* W3C */ | |
81 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#880400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ | |
82 | -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); | |
83 | -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); | |
84 | box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2); | |
7771acea MT |
85 | margin-bottom: 1em; |
86 | } | |
9b5ac075 MT |
87 | |
88 | .jumbotron h1 { | |
89 | font-size: 80px; | |
90 | font-weight: bold; | |
91 | letter-spacing: -1px; | |
92 | line-height: 1; | |
93 | } | |
94 | ||
95 | .jumbotron p { | |
96 | font-size: 24px; | |
97 | font-weight: 300; | |
98 | line-height: 1.25; | |
99 | margin-bottom: 30px; | |
100 | } | |
101 | ||
102 | .jumbotron a { | |
103 | color: #fff; | |
104 | color: rgba(255,255,255,.5); | |
105 | } | |
106 | ||
107 | .jumbotron a:hover { | |
108 | color: #fff; | |
109 | text-shadow: 0 0 10px rgba(255,255,255,.25); | |
110 | } | |
111 | ||
112 | /* Download button */ | |
113 | .masthead .btn, .download-button { | |
114 | padding: 19px 24px; | |
115 | font-size: 24px; | |
116 | font-weight: 200; | |
117 | color: #fff; | |
118 | } | |
119 | ||
120 | .jumbotron .container { | |
121 | position: relative; | |
122 | z-index: 2; | |
123 | } | |
124 | ||
125 | .masthead { | |
126 | padding: 70px 0 60px; | |
127 | margin-bottom: 0; | |
128 | color: #fff; | |
129 | } | |
130 | ||
131 | .masthead h1 { | |
132 | font-size: 120px; | |
133 | line-height: 1; | |
134 | letter-spacing: -2px; | |
135 | } | |
136 | ||
137 | .masthead p { | |
138 | font-size: 40px; | |
139 | font-weight: 200; | |
140 | line-height: 1.25; | |
141 | } | |
142 | ||
143 | .masthead-links { | |
144 | margin: 0; | |
145 | list-style: none; | |
146 | } | |
147 | ||
148 | .masthead-links li { | |
149 | display: inline; | |
150 | padding: 0 10px; | |
151 | color: rgba(255,255,255,.5); | |
152 | } | |
153 | ||
154 | .subhead { | |
155 | text-align: left; | |
156 | border-bottom: 1px solid #ddd; | |
157 | } | |
158 | ||
159 | .subhead h1 { | |
160 | font-size: 60px; | |
161 | } | |
162 | ||
163 | .subhead p { | |
164 | margin-bottom: 20px; | |
165 | } | |
166 | ||
167 | .subhead .navbar { | |
168 | display: none; | |
169 | } | |
170 | ||
171 | .footer { | |
172 | /* text-align: center; */ | |
173 | padding: 30px 0; | |
174 | margin-top: 70px; | |
175 | border-top: 1px solid #e5e5e5; | |
176 | background-color: #f8f8f8; | |
177 | } | |
178 | ||
179 | .footer p { | |
180 | margin-bottom: 0; | |
181 | color: #777; | |
182 | } | |
183 | ||
184 | .footer-links { | |
185 | margin: 10px 0; | |
186 | } | |
187 | ||
188 | .footer-links li { | |
189 | display: inline; | |
190 | padding: 0 2px; | |
191 | } | |
192 | ||
193 | .footer-links li:first-child { | |
194 | padding-left: 0; | |
195 | } | |
196 | ||
197 | .sidenav { | |
198 | width: 228px; | |
199 | margin: 30px 0 0; | |
200 | padding: 0; | |
201 | background-color: #fff; | |
202 | -webkit-border-radius: 6px; | |
203 | -moz-border-radius: 6px; | |
204 | border-radius: 6px; | |
205 | -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); | |
206 | -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); | |
207 | box-shadow: 0 1px 4px rgba(0,0,0,.065); | |
208 | } | |
209 | ||
210 | .sidenav > li > a { | |
211 | display: block; | |
212 | width: 190px \9; | |
213 | margin: 0 0 -1px; | |
214 | padding: 8px 14px; | |
215 | border: 1px solid #e5e5e5; | |
216 | } | |
217 | ||
218 | .sidenav > li:first-child > a { | |
219 | -webkit-border-radius: 6px 6px 0 0; | |
220 | -moz-border-radius: 6px 6px 0 0; | |
221 | border-radius: 6px 6px 0 0; | |
222 | } | |
223 | ||
224 | .sidenav > li:last-child > a { | |
225 | -webkit-border-radius: 0 0 6px 6px; | |
226 | -moz-border-radius: 0 0 6px 6px; | |
227 | border-radius: 0 0 6px 6px; | |
228 | } | |
229 | ||
230 | .sidenav > .active > a { | |
231 | position: relative; | |
232 | z-index: 2; | |
233 | padding: 9px 15px; | |
234 | border: 0; | |
235 | text-shadow: 0 1px 0 rgba(0,0,0,.15); | |
236 | -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); | |
237 | -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); | |
238 | box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); | |
239 | } | |
240 | ||
241 | .sidenav .icon-chevron-left { | |
242 | float: left; | |
243 | margin-top: 2px; | |
244 | margin-left: -6px; | |
245 | opacity: .25; | |
246 | } | |
247 | ||
248 | .sidenav > li > a:hover { | |
249 | background-color: #f5f5f5; | |
250 | } | |
251 | ||
252 | .sidenav a:hover .icon-chevron-left { | |
253 | opacity: .5; | |
254 | } | |
255 | ||
256 | .sidenav .active .icon-chevron-left, .sidenav .active a:hover .icon-chevron-left { | |
257 | background-image: url(../img/glyphicons-halflings-white.png); | |
258 | opacity: 1; | |
259 | } | |
260 | ||
261 | .sidenav.affix { | |
262 | top: 40px; | |
263 | } | |
264 | ||
265 | .sidenav.affix-bottom { | |
266 | position: absolute; | |
267 | top: auto; | |
268 | bottom: 270px; | |
269 | } | |
270 | ||
f4bf90da MT |
271 | .download-box { |
272 | text-align: center; | |
273 | ||
274 | margin-top: 100px; | |
275 | margin-bottom: 100px; | |
276 | } | |
9b5ac075 MT |
277 | |
278 | @media (min-width: 768px) and (max-width: 979px) { | |
279 | body { | |
280 | padding-top: 0; | |
281 | } | |
282 | .jumbotron { | |
283 | margin-top: -25px; /* Offset bottom margin on .navbar */ | |
284 | } | |
285 | ||
286 | .sidenav { | |
287 | width: 166px; | |
288 | margin-top: 20px; | |
289 | } | |
290 | .sidenav.affix { | |
291 | top: 0; | |
292 | } | |
293 | } | |
294 | ||
295 | @media (max-width: 767px) { | |
296 | body { | |
297 | padding-top: 0; | |
298 | } | |
299 | ||
300 | .jumbotron { | |
301 | padding: 40px 20px; | |
302 | margin-top: -25px; /* Offset bottom margin on .navbar */ | |
303 | margin-right: -20px; | |
304 | margin-left: -20px; | |
305 | } | |
306 | ||
307 | .masthead h1 { | |
308 | font-size: 90px; | |
309 | } | |
310 | ||
311 | .masthead p, .masthead .btn { | |
312 | font-size: 24px; | |
313 | } | |
314 | ||
315 | .sidenav { | |
316 | width: auto; | |
317 | margin-bottom: 20px; | |
318 | } | |
319 | ||
320 | .sidenav.affix { | |
321 | position: static; | |
322 | width: auto; | |
323 | top: 0; | |
324 | } | |
325 | ||
326 | .footer { | |
327 | margin-left: -20px; | |
328 | margin-right: -20px; | |
329 | padding-left: 20px; | |
330 | padding-right: 20px; | |
331 | } | |
332 | ||
333 | .footer p { | |
334 | margin-bottom: 9px; | |
335 | } | |
336 | } | |
337 | ||
338 | @media (max-width: 480px) { | |
339 | body { | |
340 | padding-top: 0; | |
341 | } | |
342 | ||
343 | h2 small { | |
344 | display: block; | |
345 | } | |
346 | ||
347 | .jumbotron h1 { | |
348 | font-size: 45px; | |
349 | } | |
350 | ||
351 | .jumbotron p, .jumbotron .btn { | |
352 | font-size: 18px; | |
353 | } | |
354 | ||
355 | .jumbotron .btn { | |
356 | display: block; | |
357 | margin: 0 auto; | |
358 | } | |
359 | ||
360 | .subhead h1, .subhead p { | |
361 | text-align: center; | |
362 | } | |
363 | ||
364 | table code { | |
365 | white-space: normal; | |
366 | word-wrap: break-word; | |
367 | word-break: break-all; | |
368 | } | |
369 | ||
370 | .footer { | |
371 | padding-top: 20px; | |
372 | padding-bottom: 20px; | |
373 | } | |
374 | } | |
cc3b928d MT |
375 | |
376 | .planet-table td.date { | |
377 | width: 10em; | |
378 | } | |
379 | ||
380 | .planet-table td.author { | |
381 | width: 10em; | |
382 | } |