| 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 | 
|  | 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 | 
|---|