Left: | ||
Right: |
OLD | NEW |
---|---|
1 * | 1 * |
2 { | 2 { |
3 font-family: Arial, sans; | 3 font-family: Arial, sans; |
4 font-size: 16px; | 4 font-size: 16px; |
5 } | 5 } |
6 | 6 |
7 body | 7 body |
8 { | 8 { |
9 margin: 0; | 9 margin: 0; |
10 line-height: 1.5; | 10 line-height: 1.5; |
11 } | 11 } |
12 | 12 |
13 #content | |
14 { | |
15 padding-bottom: 2em; | |
16 } | |
17 | |
13 a img | 18 a img |
14 { | 19 { |
15 border: none; | 20 border: none; |
16 } | 21 } |
17 | 22 |
18 a:link, a:visited | 23 a:link, a:visited |
19 { | 24 { |
20 color: #555; | 25 color: #555; |
21 } | 26 } |
22 | 27 |
(...skipping 119 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
142 { | 147 { |
143 border-left: 5px solid #d14841; | 148 border-left: 5px solid #d14841; |
144 } | 149 } |
145 | 150 |
146 [dir="rtl"] .alert | 151 [dir="rtl"] .alert |
147 { | 152 { |
148 border-right: 5px solid #d14841; | 153 border-right: 5px solid #d14841; |
149 } | 154 } |
150 | 155 |
151 /****************************************************************************** | 156 /****************************************************************************** |
157 * .section | |
158 *****************************************************************************/ | |
159 | |
160 .section | |
161 { | |
162 padding: 2em 0; | |
163 } | |
164 | |
165 /****************************************************************************** | |
152 * .content | 166 * .content |
153 *****************************************************************************/ | 167 *****************************************************************************/ |
154 | 168 |
155 .content h1, | 169 .content h1, |
156 .content h2, | 170 .content h2, |
157 .content h3, | 171 .content h3, |
158 .content h4, | 172 .content h4, |
159 .content h5 | 173 .content h5 |
160 { | 174 { |
161 font-weight: bold; | 175 font-weight: bold; |
(...skipping 12 matching lines...) Expand all Loading... | |
174 .content h1 { font-size: 2.4em; } | 188 .content h1 { font-size: 2.4em; } |
175 .content h2 { font-size: 1.6em; } | 189 .content h2 { font-size: 1.6em; } |
176 } | 190 } |
177 | 191 |
178 .content a, | 192 .content a, |
179 .content a:visited | 193 .content a:visited |
180 { | 194 { |
181 color: #c70d2c; | 195 color: #c70d2c; |
182 } | 196 } |
183 | 197 |
198 /* Buttons | |
199 ******************************************************************************/ | |
200 | |
201 .button | |
202 { | |
203 padding: 0.5em 2em; | |
204 border: none; | |
205 text-align: center; | |
206 } | |
207 | |
208 .button:hover, | |
209 .button:active, | |
210 .button:focus | |
211 { | |
212 text-decoration: none; | |
213 } | |
214 | |
215 @media(max-width: 767px) | |
216 { | |
217 .button | |
218 { | |
219 display: block; | |
220 width: 100%; | |
221 } | |
222 } | |
223 | |
224 .button.primary | |
225 { | |
226 color: #fff; | |
227 background-color: #c70d2c; | |
228 box-shadow: 0px 2px 5px #95989A; | |
229 } | |
230 | |
231 .button.primary:hover | |
232 { | |
233 background-color: #E00F32; | |
234 } | |
235 | |
236 .button.primary:active | |
237 { | |
238 background-color: #AD102A; | |
239 } | |
240 | |
241 .button.inverse, | |
242 a.button.inverse | |
juliandoucette
2017/12/08 16:49:52
necessary to be more specific than `.content a` :/
ire
2017/12/11 15:53:49
Acknowledged.
| |
243 { | |
244 background: none; | |
245 color: #fff; | |
246 margin-left: 2px; | |
247 margin-right: 2px; | |
248 border: 1px solid #fff; | |
249 } | |
250 | |
251 .button.inverse:hover, | |
252 .button.inverse:focus | |
253 { | |
254 box-shadow: inset 0 0 0 2px #fff; | |
255 } | |
256 | |
257 .button.inverse:active | |
258 { | |
259 background-color: #fff; | |
260 } | |
261 | |
262 .bg-accent .button.inverse:active | |
263 { | |
264 color: #077CA6; | |
265 } | |
266 | |
267 /******************************************************************************* | |
268 * .bg-* utilities | |
269 ******************************************************************************/ | |
270 | |
271 .bg-accent | |
272 { | |
273 color: #fff; | |
274 background-color: #077CA6; | |
275 } | |
276 | |
184 /******************************************************************************* | 277 /******************************************************************************* |
185 * #navbar | 278 * #navbar |
186 ******************************************************************************/ | 279 ******************************************************************************/ |
187 | 280 |
188 #navbar | 281 #navbar |
189 { | 282 { |
190 min-height: 4em; | 283 min-height: 4em; |
191 background-color: #c70d2c; | 284 background-color: #c70d2c; |
192 } | 285 } |
193 | 286 |
(...skipping 256 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
450 } | 543 } |
451 } | 544 } |
452 | 545 |
453 /******************************************************************************* | 546 /******************************************************************************* |
454 * #footer | 547 * #footer |
455 ******************************************************************************/ | 548 ******************************************************************************/ |
456 | 549 |
457 #footer | 550 #footer |
458 { | 551 { |
459 overflow: auto; | 552 overflow: auto; |
460 margin-top: 2em; | |
461 padding: 2em 0em; | 553 padding: 2em 0em; |
462 color: #ececec; | 554 color: #ececec; |
463 background-color: #292929; | 555 background-color: #292929; |
464 font-size: 0.9em; | 556 font-size: 0.9em; |
465 } | 557 } |
466 | 558 |
467 /* #footer body | 559 /* #footer body |
468 ******************************************************************************/ | 560 ******************************************************************************/ |
469 | 561 |
470 #footer h5 | 562 #footer h5 |
(...skipping 140 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
611 { | 703 { |
612 display: none; | 704 display: none; |
613 } | 705 } |
614 | 706 |
615 /* overriding display:none above */ | 707 /* overriding display:none above */ |
616 #footer #social-list | 708 #footer #social-list |
617 { | 709 { |
618 display: block; | 710 display: block; |
619 } | 711 } |
620 } | 712 } |
OLD | NEW |