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-top: 2em; |
| 163 padding-bottom: 2em; |
| 164 } |
| 165 |
| 166 /****************************************************************************** |
152 * .content | 167 * .content |
153 *****************************************************************************/ | 168 *****************************************************************************/ |
154 | 169 |
155 .content h1, | 170 .content h1, |
156 .content h2, | 171 .content h2, |
157 .content h3, | 172 .content h3, |
158 .content h4, | 173 .content h4, |
159 .content h5 | 174 .content h5 |
160 { | 175 { |
161 font-weight: bold; | 176 font-weight: bold; |
(...skipping 12 matching lines...) Expand all Loading... |
174 .content h1 { font-size: 2.4em; } | 189 .content h1 { font-size: 2.4em; } |
175 .content h2 { font-size: 1.6em; } | 190 .content h2 { font-size: 1.6em; } |
176 } | 191 } |
177 | 192 |
178 .content a, | 193 .content a, |
179 .content a:visited | 194 .content a:visited |
180 { | 195 { |
181 color: #c70d2c; | 196 color: #c70d2c; |
182 } | 197 } |
183 | 198 |
| 199 /* Buttons |
| 200 ******************************************************************************/ |
| 201 |
| 202 .button |
| 203 { |
| 204 padding: 0.5em 2em; |
| 205 border: none; |
| 206 min-width: 200px; |
| 207 } |
| 208 |
| 209 .button:hover, |
| 210 .button:active, |
| 211 .button:focus |
| 212 { |
| 213 text-decoration: none; |
| 214 } |
| 215 |
| 216 @media(max-width: 767px) |
| 217 { |
| 218 .button |
| 219 { |
| 220 display: block; |
| 221 width: 100%; |
| 222 } |
| 223 } |
| 224 |
| 225 .button.primary |
| 226 { |
| 227 color: #fff; |
| 228 background-color: #c70d2c; |
| 229 box-shadow: 0px 2px 5px #95989A; |
| 230 } |
| 231 |
| 232 .button.primary:hover |
| 233 { |
| 234 background-color: #E00F32; |
| 235 } |
| 236 |
| 237 .button.primary:active |
| 238 { |
| 239 background-color: #AD102A; |
| 240 } |
| 241 |
| 242 .bg-accent .button.secondary |
| 243 { |
| 244 background: none; |
| 245 color: #fff; |
| 246 margin-left: 2px; |
| 247 margin-right: 2px; |
| 248 border: 1px solid #fff; |
| 249 } |
| 250 |
| 251 .bg-accent .button.secondary:hover, |
| 252 .bg-accent .button.secondary:focus |
| 253 { |
| 254 box-shadow: inset 0 0 0 2px #fff; |
| 255 } |
| 256 |
| 257 .bg-accent .button.secondary:active |
| 258 { |
| 259 color: #077CA6; |
| 260 background-color: #fff; |
| 261 } |
| 262 |
| 263 /******************************************************************************* |
| 264 * .bg-* utilities |
| 265 ******************************************************************************/ |
| 266 |
| 267 .bg-accent |
| 268 { |
| 269 color: #fff; |
| 270 background-color: #077CA6; |
| 271 } |
| 272 |
184 /******************************************************************************* | 273 /******************************************************************************* |
185 * #navbar | 274 * #navbar |
186 ******************************************************************************/ | 275 ******************************************************************************/ |
187 | 276 |
188 #navbar | 277 #navbar |
189 { | 278 { |
190 min-height: 4em; | 279 min-height: 4em; |
191 background-color: #c70d2c; | 280 background-color: #c70d2c; |
192 } | 281 } |
193 | 282 |
(...skipping 256 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
450 } | 539 } |
451 } | 540 } |
452 | 541 |
453 /******************************************************************************* | 542 /******************************************************************************* |
454 * #footer | 543 * #footer |
455 ******************************************************************************/ | 544 ******************************************************************************/ |
456 | 545 |
457 #footer | 546 #footer |
458 { | 547 { |
459 overflow: auto; | 548 overflow: auto; |
460 margin-top: 2em; | |
461 padding: 2em 0em; | 549 padding: 2em 0em; |
462 color: #ececec; | 550 color: #ececec; |
463 background-color: #292929; | 551 background-color: #292929; |
464 font-size: 0.9em; | 552 font-size: 0.9em; |
465 } | 553 } |
466 | 554 |
467 /* #footer body | 555 /* #footer body |
468 ******************************************************************************/ | 556 ******************************************************************************/ |
469 | 557 |
470 #footer h5 | 558 #footer h5 |
(...skipping 140 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
611 { | 699 { |
612 display: none; | 700 display: none; |
613 } | 701 } |
614 | 702 |
615 /* overriding display:none above */ | 703 /* overriding display:none above */ |
616 #footer #social-list | 704 #footer #social-list |
617 { | 705 { |
618 display: block; | 706 display: block; |
619 } | 707 } |
620 } | 708 } |
OLD | NEW |