LEFT | RIGHT |
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; |
(...skipping 177 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
188 .content h1 { font-size: 2.4em; } | 188 .content h1 { font-size: 2.4em; } |
189 .content h2 { font-size: 1.6em; } | 189 .content h2 { font-size: 1.6em; } |
190 } | 190 } |
191 | 191 |
192 .content a, | 192 .content a, |
193 .content a:visited | 193 .content a:visited |
194 { | 194 { |
195 color: #c70d2c; | 195 color: #c70d2c; |
196 } | 196 } |
197 | 197 |
198 .content .lead | 198 /* Buttons |
199 { | 199 ******************************************************************************/ |
200 font-size: 1.1em; | 200 |
201 font-weight: bolder; | 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 |
| 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; |
202 } | 265 } |
203 | 266 |
204 /******************************************************************************* | 267 /******************************************************************************* |
205 * .bg-* utilities | 268 * .bg-* utilities |
206 ******************************************************************************/ | 269 ******************************************************************************/ |
207 | 270 |
208 .bg-accent | 271 .bg-accent |
209 { | 272 { |
210 color: #fff; | 273 color: #fff; |
211 background-color: #5982B0; | 274 background-color: #077CA6; |
212 } | 275 } |
213 | 276 |
214 /******************************************************************************* | 277 /******************************************************************************* |
215 * #navbar | 278 * #navbar |
216 ******************************************************************************/ | 279 ******************************************************************************/ |
217 | 280 |
218 #navbar | 281 #navbar |
219 { | 282 { |
220 min-height: 4em; | 283 min-height: 4em; |
221 background-color: #c70d2c; | 284 background-color: #c70d2c; |
(...skipping 418 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
640 { | 703 { |
641 display: none; | 704 display: none; |
642 } | 705 } |
643 | 706 |
644 /* overriding display:none above */ | 707 /* overriding display:none above */ |
645 #footer #social-list | 708 #footer #social-list |
646 { | 709 { |
647 display: block; | 710 display: block; |
648 } | 711 } |
649 } | 712 } |
LEFT | RIGHT |