| 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 } | 
|  | 206 | 
|  | 207 .button:hover, | 
|  | 208 .button:active, | 
|  | 209 .button:focus | 
|  | 210 { | 
|  | 211   text-decoration: none; | 
|  | 212 } | 
|  | 213 | 
|  | 214 @media(max-width: 767px) | 
|  | 215 { | 
|  | 216   .button | 
|  | 217   { | 
|  | 218     display: block; | 
|  | 219     width: 100%; | 
|  | 220   } | 
|  | 221 } | 
|  | 222 | 
|  | 223 .button.primary | 
|  | 224 { | 
|  | 225   color: #fff; | 
|  | 226   background-color: #c70d2c; | 
|  | 227   box-shadow: 0px 2px 5px #95989A; | 
|  | 228 } | 
|  | 229 | 
|  | 230 .button.primary:hover | 
|  | 231 { | 
|  | 232   background-color: #E00F32; | 
|  | 233 } | 
|  | 234 | 
|  | 235 .button.primary:active | 
|  | 236 { | 
|  | 237   background-color: #AD102A; | 
|  | 238 } | 
|  | 239 | 
|  | 240 .bg-accent .button.secondary | 
|  | 241 { | 
|  | 242   background: none; | 
|  | 243   color: #fff; | 
|  | 244   margin-left: 2px; | 
|  | 245   margin-right: 2px; | 
|  | 246   border: 1px solid #fff; | 
|  | 247 } | 
|  | 248 | 
|  | 249 .bg-accent .button.secondary:hover, | 
|  | 250 .bg-accent .button.secondary:focus | 
|  | 251 { | 
|  | 252   box-shadow: inset 0 0 0 2px #fff; | 
|  | 253 } | 
|  | 254 | 
|  | 255 .bg-accent .button.secondary:active | 
|  | 256 { | 
|  | 257   color: #077CA6; | 
|  | 258   background-color: #fff; | 
|  | 259 } | 
|  | 260 | 
|  | 261 /******************************************************************************* | 
|  | 262  * .bg-* utilities | 
|  | 263  ******************************************************************************/ | 
|  | 264 | 
|  | 265 .bg-accent | 
|  | 266 { | 
|  | 267   color: #fff; | 
|  | 268   background-color: #077CA6; | 
|  | 269 } | 
|  | 270 | 
| 184 /******************************************************************************* | 271 /******************************************************************************* | 
| 185  * #navbar | 272  * #navbar | 
| 186  ******************************************************************************/ | 273  ******************************************************************************/ | 
| 187 | 274 | 
| 188 #navbar | 275 #navbar | 
| 189 { | 276 { | 
| 190   min-height: 4em; | 277   min-height: 4em; | 
| 191   background-color: #c70d2c; | 278   background-color: #c70d2c; | 
| 192 } | 279 } | 
| 193 | 280 | 
| (...skipping 256 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 450   } | 537   } | 
| 451 } | 538 } | 
| 452 | 539 | 
| 453 /******************************************************************************* | 540 /******************************************************************************* | 
| 454  * #footer | 541  * #footer | 
| 455  ******************************************************************************/ | 542  ******************************************************************************/ | 
| 456 | 543 | 
| 457 #footer | 544 #footer | 
| 458 { | 545 { | 
| 459   overflow: auto; | 546   overflow: auto; | 
| 460   margin-top: 2em; |  | 
| 461   padding: 2em 0em; | 547   padding: 2em 0em; | 
| 462   color: #ececec; | 548   color: #ececec; | 
| 463   background-color: #292929; | 549   background-color: #292929; | 
| 464   font-size: 0.9em; | 550   font-size: 0.9em; | 
| 465 } | 551 } | 
| 466 | 552 | 
| 467 /* #footer body | 553 /* #footer body | 
| 468  ******************************************************************************/ | 554  ******************************************************************************/ | 
| 469 | 555 | 
| 470 #footer h5 | 556 #footer h5 | 
| (...skipping 140 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 611   { | 697   { | 
| 612     display: none; | 698     display: none; | 
| 613   } | 699   } | 
| 614 | 700 | 
| 615   /* overriding display:none above */ | 701   /* overriding display:none above */ | 
| 616   #footer #social-list | 702   #footer #social-list | 
| 617   { | 703   { | 
| 618     display: block; | 704     display: block; | 
| 619   } | 705   } | 
| 620 } | 706 } | 
| OLD | NEW | 
|---|