| @@ -1,10 +1,9 @@ | ||
| 1 | 1 | /*! |
| 2 | 2 | * CleanSlate |
| 3 | 3 | * github.com/premasagar/cleanslate |
| 4 | 4 | * |
| 5 | -*/ | |
| 6 | -/* | |
| 5 | +*/ /* | |
| 7 | 6 | An extreme CSS reset stylesheet, for normalising the styling of a container element and its children. |
| 8 | 7 | |
| 9 | 8 | by Premasagar Rose |
| 10 | 9 | dharmafly.com |
| @@ -22,15 +21,13 @@ | ||
| 22 | 21 | .cleanslate, .cleanslate h1, .cleanslate h2, .cleanslate h3, .cleanslate h4, .cleanslate h5, .cleanslate h6, .cleanslate p, .cleanslate td, .cleanslate dl, .cleanslate tr, .cleanslate dt, .cleanslate ol, .cleanslate form, .cleanslate select, .cleanslate option, .cleanslate pre, .cleanslate div, .cleanslate table, .cleanslate th, .cleanslate tbody, .cleanslate tfoot, .cleanslate caption, .cleanslate thead, .cleanslate ul, .cleanslate li, .cleanslate address, .cleanslate blockquote, .cleanslate dd, .cleanslate fieldset, .cleanslate li, .cleanslate iframe, .cleanslate strong, .cleanslate legend, .cleanslate em, .cleanslate summary, .cleanslate cite, .cleanslate span, .cleanslate input, .cleanslate sup, .cleanslate label, .cleanslate dfn, .cleanslate object, .cleanslate big, .cleanslate q, .cleanslate samp, .cleanslate acronym, .cleanslate small, .cleanslate img, .cleanslate strike, .cleanslate code, .cleanslate sub, .cleanslate ins, .cleanslate textarea, .cleanslate button, .cleanslate var, .cleanslate a, .cleanslate abbr, .cleanslate applet, .cleanslate del, .cleanslate kbd, .cleanslate tt, .cleanslate b, .cleanslate i, .cleanslate hr, |
| 23 | 22 | .cleanslate article, .cleanslate aside, .cleanslate figure, .cleanslate figcaption, .cleanslate footer, .cleanslate header, .cleanslate menu, .cleanslate nav, .cleanslate section, .cleanslate time, .cleanslate mark, .cleanslate audio, .cleanslate video, .cleanslate abbr, .cleanslate address, .cleanslate area, .cleanslate blockquote, .cleanslate canvas, .cleanslate caption, .cleanslate cite, .cleanslate code, .cleanslate colgroup, .cleanslate col, .cleanslate datalist, .cleanslate fieldset, .cleanslate main, .cleanslate map, .cleanslate meta, .cleanslate optgroup, .cleanslate output, .cleanslate progress, .cleanslate svg { |
| 24 | 23 | background-attachment: scroll !important; |
| 25 | 24 | background-color: transparent !important; |
| 26 | - background-image: none !important; | |
| 27 | - /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */ | |
| 25 | + background-image: none !important; /* This rule affects the use of pngfix JavaScript http://dillerdesign.com/experiment/DD_BelatedPNG for IE6, which is used to force the browser to recognise alpha-transparent PNGs files that replace the IE6 lack of PNG transparency. (The rule overrides the VML image that is used to replace the given CSS background-image). If you don't know what that means, then you probably haven't used the pngfix script, and this comment may be ignored :) */ | |
| 28 | 26 | background-position: 0 0 !important; |
| 29 | 27 | background-repeat: repeat !important; |
| 30 | 28 | border-color: black !important; |
| 31 | - border-color: currentColor !important; | |
| 32 | - /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */ | |
| 29 | + border-color: currentColor !important; /* `border-color` should match font color. Modern browsers (incl. IE9) allow the use of "currentColor" to match the current font 'color' value <http://www.w3.org/TR/css3-color/#currentcolor>. For older browsers, a default of 'black' is given before this rule. Guideline to support older browsers: if you haven't already declared a border-color for an element, be sure to do so, e.g. when you first declare the border-width. */ | |
| 33 | 30 | border-radius: 0 !important; |
| 34 | 31 | border-style: none !important; |
| 35 | 32 | border-width: medium !important; |
| 36 | 33 | bottom: auto !important; |
| @@ -42,10 +39,9 @@ | ||
| 42 | 39 | cursor: auto !important; |
| 43 | 40 | direction: inherit !important; |
| 44 | 41 | display: inline !important; |
| 45 | 42 | float: none !important; |
| 46 | - font-family: inherit !important; | |
| 47 | - /* As with other inherit values, this needs to be set on the root container element */ | |
| 43 | + font-family: inherit !important; /* As with other inherit values, this needs to be set on the root container element */ | |
| 48 | 44 | font-size: inherit !important; |
| 49 | 45 | font-style: inherit !important; |
| 50 | 46 | font-variant: normal !important; |
| 51 | 47 | font-weight: inherit !important; |
| @@ -52,10 +48,9 @@ | ||
| 52 | 48 | height: auto !important; |
| 53 | 49 | left: auto !important; |
| 54 | 50 | letter-spacing: normal !important; |
| 55 | 51 | line-height: inherit !important; |
| 56 | - list-style-type: inherit !important; | |
| 57 | - /* Could set list-style-type to none */ | |
| 52 | + list-style-type: inherit !important; /* Could set list-style-type to none */ | |
| 58 | 53 | list-style-position: outside !important; |
| 59 | 54 | list-style-image: none !important; |
| 60 | 55 | margin: 0 !important; |
| 61 | 56 | max-height: none !important; |
| @@ -85,9 +80,8 @@ | ||
| 85 | 80 | /* CSS3 */ |
| 86 | 81 | /* Including all prefixes according to http://caniuse.com/ */ |
| 87 | 82 | /* CSS Animations don't cascade, so don't require resetting */ |
| 88 | 83 | background-origin: padding-box !important; |
| 89 | - -webkit-background-clip: border-box !important; | |
| 90 | 84 | background-clip: border-box !important; |
| 91 | 85 | background-size: auto !important; |
| 92 | 86 | border-image: none !important; |
| 93 | 87 | border-radius: 0 !important; |
| @@ -94,16 +88,14 @@ | ||
| 94 | 88 | box-shadow: none !important; |
| 95 | 89 | box-sizing: content-box !important; |
| 96 | 90 | column-count: auto !important; |
| 97 | 91 | column-gap: normal !important; |
| 98 | - column-rule: medium none black !important; | |
| 99 | - /* doesn't exist yet but probably will */ | |
| 92 | + column-rule: medium none black !important; /* doesn't exist yet but probably will */ | |
| 100 | 93 | column-span: 1 !important; |
| 101 | 94 | column-width: auto !important; |
| 102 | 95 | font-feature-settings: normal !important; |
| 103 | 96 | overflow-x: visible !important; |
| 104 | 97 | overflow-y: visible !important; |
| 105 | - -webkit-hyphens: manual !important; | |
| 106 | 98 | hyphens: manual !important; |
| 107 | 99 | -ms-perspective: none !important; |
| 108 | 100 | -o-perspective: none !important; |
| 109 | 101 | perspective: none !important; |
| @@ -228,10 +220,9 @@ | ||
| 228 | 220 | display: list-item !important; |
| 229 | 221 | /* Fixes IE7 issue with positioning of nested bullets */ |
| 230 | 222 | min-height: auto !important; |
| 231 | 223 | min-width: auto !important; |
| 232 | - padding-left: 20px !important; | |
| 233 | - /* replace -webkit-padding-start: 40px; */ | |
| 224 | + padding-left: 20px !important; /* replace -webkit-padding-start: 40px; */ | |
| 234 | 225 | } |
| 235 | 226 | |
| 236 | 227 | .cleanslate strong { |
| 237 | 228 | font-weight: bold !important; |
| @@ -268,21 +259,12 @@ | ||
| 268 | 259 | background: white !important; |
| 269 | 260 | -webkit-appearance: push-button !important; |
| 270 | 261 | color: buttontext !important; |
| 271 | 262 | border: 1px #a6a6a6 solid !important; |
| 272 | - background: lightgrey !important; | |
| 273 | - /* Old browsers */ | |
| 274 | - background: white; | |
| 275 | - /* Old browsers */ | |
| 276 | - /* FF3.6+ */ | |
| 277 | - /* Chrome,Safari4+ */ | |
| 278 | - /* Chrome10+,Safari5.1+ */ | |
| 279 | - /* Opera 11.10+ */ | |
| 280 | - /* IE10+ */ | |
| 281 | - background: linear-gradient(to bottom, white 0%, #dddddd 100%, #d1d1d1 100%, #dddddd 100%) !important; | |
| 282 | - /* W3C */ | |
| 283 | - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#dddddd",GradientType=0 ) !important; | |
| 284 | - /* IE6-9 */ | |
| 263 | + background: lightgrey !important; /* Old browsers */ | |
| 264 | + background: rgb(255, 255, 255); /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ | |
| 265 | + background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(221, 221, 221) 100%, rgb(209, 209, 209) 100%, rgb(221, 221, 221) 100%) !important; /* W3C */ | |
| 266 | + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ) !important; /* IE6-9 */ | |
| 285 | 267 | -o-box-shadow: 1px 1px 0px #eee !important; |
| 286 | 268 | box-shadow: 1px 1px 0px #eee !important; |
| 287 | 269 | outline: initial !important; |
| 288 | 270 | } |
| @@ -287,17 +269,10 @@ | ||
| 287 | 269 | outline: initial !important; |
| 288 | 270 | } |
| 289 | 271 | |
| 290 | 272 | .cleanslate button:active, .cleanslate input[type=submit]:active, .cleanslate input[type=button]:active, .cleanslate button:active { |
| 291 | - background: #3b679e !important; | |
| 292 | - /* Old browsers */ | |
| 293 | - /* FF3.6+ */ | |
| 294 | - /* Chrome,Safari4+ */ | |
| 295 | - /* Chrome10+,Safari5.1+ */ | |
| 296 | - /* Opera 11.10+ */ | |
| 297 | - /* IE10+ */ | |
| 298 | - background: linear-gradient(to bottom, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%) !important; | |
| 299 | - /* W3C */ | |
| 273 | + background: rgb(59, 103, 158) !important; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ | |
| 274 | + background: linear-gradient(to bottom, rgb(59, 103, 158) 0%, rgb(43, 136, 217) 50%, rgb(32, 124, 202) 51%, rgb(125, 185, 232) 100%) !important; /* W3C */ | |
| 300 | 275 | border-color: #5259b0 !important; |
| 301 | 276 | } |
| 302 | 277 | |
| 303 | 278 | .cleanslate button { |
| @@ -373,10 +348,9 @@ | ||
| 373 | 348 | text-decoration: line-through !important; |
| 374 | 349 | } |
| 375 | 350 | |
| 376 | 351 | .cleanslate blockquote, .cleanslate q { |
| 377 | - quotes: none !important; | |
| 378 | - /* HTML5 */ | |
| 352 | + quotes: none !important; /* HTML5 */ | |
| 379 | 353 | } |
| 380 | 354 | |
| 381 | 355 | .cleanslate blockquote:before, .cleanslate blockquote:after, .cleanslate q:before, .cleanslate q:after, .cleanslate li:before, .cleanslate li:after { |
| 382 | 356 | content: "" !important; |
| @@ -458,12 +432,10 @@ | ||
| 458 | 432 | .cleanslate { |
| 459 | 433 | font-size: medium !important; |
| 460 | 434 | line-height: 1 !important; |
| 461 | 435 | direction: ltr !important; |
| 462 | - text-align: left !important; | |
| 463 | - /* for IE, Opera */ | |
| 464 | - text-align: start !important; | |
| 465 | - /* recommended W3C Spec */ | |
| 436 | + text-align: left !important; /* for IE, Opera */ | |
| 437 | + text-align: start !important; /* recommended W3C Spec */ | |
| 466 | 438 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important; |
| 467 | 439 | color: black !important; |
| 468 | 440 | font-style: normal !important; |
| 469 | 441 | font-weight: normal !important; |
