mirror of
https://github.com/silverstripe/silverstripe-simple
synced 2024-10-22 11:05:50 +02:00
5efbb7586b
ENHANCEMENT:added inline comments to Simple CSS to help new users when they are completing the tutorial. Added a couple of style fixes for the search form and navigation.
68 lines
3.4 KiB
CSS
68 lines
3.4 KiB
CSS
/* This reset is loosely derived from HTML5 boilerplate
|
||
for more information visit http://html5boilerplate.com/ */
|
||
|
||
/* Every browser has its own default ‘user agent’ stylesheet, that it uses to make unstyled websites appear more legible.
|
||
Using a CSS Reset, CSS authors can force every browser to have all its styles reset to null, thus avoiding cross-browser differences as much as possible.
|
||
From the consistent base that you’ve set up via your reset, you can then go on to re-style your document,
|
||
safe in the knowledge that the browsers’ differences in their default rendering of HTML can’t touch you! */
|
||
|
||
html, body, div, span, object, iframe,
|
||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
|
||
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
|
||
fieldset, form, label, legend,
|
||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||
article, aside, canvas, details, figcaption, figure,
|
||
footer, header, hgroup, menu, nav, section, summary,
|
||
time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
|
||
|
||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
|
||
|
||
html{overflow-y:scroll;}
|
||
body{-webkit-text-size-adjust:none;}
|
||
|
||
.clear:before, .clear:after {content: "\0020"; display: block; height: 0; overflow: hidden; }
|
||
.clear:after {clear:both;}
|
||
.clear{zoom:1;}
|
||
|
||
sub, sup{font-size:75%; line-height:0; position:relative;}
|
||
sup{top:-0.5em;}
|
||
sub{bottom:-0.25em;}
|
||
|
||
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}
|
||
textarea {overflow:auto;}
|
||
.ie6 legend, .ie7 legend {margin-left:-7px;}
|
||
input[type="radio"], input.radio {vertical-align:text-bottom;}
|
||
input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;}
|
||
.ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;}
|
||
.ie6 input {vertical-align: text-bottom;}
|
||
label, input[type="button"], input[type="submit"], input[type="image"], button, .btn {cursor:pointer;}
|
||
button, input, select, textarea {margin:0;}
|
||
/* .checkbox, .radio {float:left; width:13px; height:13px; margin-right:6px; padding:0;} */
|
||
|
||
button {width:auto; overflow:visible;}
|
||
.ie7 img {-ms-interpolation-mode: bicubic;}
|
||
|
||
.ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }
|
||
.hidden {display:none; visibility:hidden; }
|
||
.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
|
||
.visuallyhidden.focusable:active,
|
||
.visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}
|
||
.invisible {visibility:hidden;}
|
||
|
||
blockquote, q {quotes:none;}
|
||
blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}
|
||
ins {background-color:#ff9; color:#000; text-decoration:none;}
|
||
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
|
||
del {text-decoration: line-through; }
|
||
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
|
||
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
|
||
input, select {vertical-align:middle;}
|
||
|
||
a:hover, a:active {outline: none;}
|
||
.content ul, .content ol {margin-left:2em;}
|
||
ol {list-style-type:decimal;}
|
||
ul li {list-style-type:none;}
|
||
nav ul, nav li {margin:0; list-style:none; list-style-image:none;}
|
||
strong, b, th {font-weight:bold;}
|