diff options
Diffstat (limited to '97suifangqa/sass/sass/normalize.scss')
| -rw-r--r-- | 97suifangqa/sass/sass/normalize.scss | 729 |
1 files changed, 729 insertions, 0 deletions
diff --git a/97suifangqa/sass/sass/normalize.scss b/97suifangqa/sass/sass/normalize.scss new file mode 100644 index 0000000..bb88693 --- /dev/null +++ b/97suifangqa/sass/sass/normalize.scss @@ -0,0 +1,729 @@ +@charset "UTF-8"; +/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ + +/* ============================================================================= + Normalize.css is intended to be used as an alternative to CSS resets. + + It is suggested that you read through the normalize.css file and customise it + to meet the design requirements of a project rather including it as a "black + box". @see http://nicolasgallagher.com/about-normalize-css/ + + Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/ + @see http://snook.ca/archives/html_and_css/no_css_reset/ + ========================================================================== */ + +@import "base"; + +/* ============================================================================= + HTML5 display definitions + ========================================================================== */ + +/* + * Corrects block display not defined in IE6/7/8/9 & FF3 + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section, +summary { + display: block; +} + +/* + * Corrects inline-block display not defined in IE6/7/8/9 & FF3 + */ + +audio, +canvas, +video { + display: inline-block; + @if $legacy-support-for-ie6 or $legacy-support-for-ie7 { + *display: inline; + *zoom: 1; + } +} + +/* + * Prevents modern browsers from displaying 'audio' without controls + * Remove excess height in iOS5 devices + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/* + * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 + * Known issue: no IE6 support + */ + +[hidden] { + display: none; +} + + +/* ============================================================================= + Base + ========================================================================== */ + +/* Instead of relying on the fonts that are available on a user's computer, you + can use web fonts which, like images, are resources downloaded to the user's + browser. Because of the bandwidth and rendering resources required, web fonts + should be used with care. + + Numerous resources for web fonts can be found on Google. Here are a few + websites where you can find Open Source fonts to download: + - http://www.fontsquirrel.com/fontface + - http://www.theleagueofmoveabletype.com + + In order to use these fonts, you will need to convert them into formats + suitable for web fonts. We recommend the free-to-use Font Squirrel's + Font-Face Generator: + http://www.fontsquirrel.com/fontface/generator + + The following is an example @font-face declaration. This font can then be + used in any ruleset using a property like this: font-family: Example, serif; + + Since we're using Sass, you'll need to declare your font faces here, then you + can add them to the font variables in the _base.scss partial. +*/ + +/* +@font-face { + font-family: 'Example'; + src: url('../fonts/example.eot'); + src: url('../fonts/example.eot?iefix') format('eot'), + url('../fonts/example.woff') format('woff'), + url('../fonts/example.ttf') format('truetype'), + url('../fonts/example.svg#webfontOkOndcij') format('svg'); + font-weight: normal; + font-style: normal; +} +*/ + +/* + * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units + * http://clagnut.com/blog/348/#c790 + * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom + * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ + */ + +html { + font-size: 100% * ($base-font-size / 16px); /* 1 */ + -webkit-text-size-adjust: 100%; /* 2 */ + -ms-text-size-adjust: 100%; /* 2 */ + /* Establishes a vertical rhythm unit using $base-line-height. */ + color: $base-font-color; + @include adjust-leading-to(1); +} + +/* + * Addresses font-family inconsistency between 'textarea' and other form elements. + */ + +html, +button, +input, +select, +textarea { + font-family: $base-font-family; +} + +/* + * Addresses margins handled incorrectly in IE6/7 + */ + +body { + margin: 0; +} + + +/* ============================================================================= + Links + ========================================================================== */ + +/* + * The order of link states are based on Eric Meyer's article: + * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states + */ + +a:link { +} + +a { + color: $base-link-color; + text-decoration: none; +} + +a:visited { + color: $base-link-color; +} + +a:hover, +a:focus { + text-decoration: underline; +} + +a:active { + +} + +/* + * Addresses outline displayed oddly in Chrome + */ + +a:focus { + outline: thin dotted; +} + +/* + * Improves readability when focused and also mouse hovered in all browsers + * people.opera.com/patrickl/experiments/keyboard/test + */ + +a:hover, +a:active { + outline: 0; +} + + +/* ============================================================================= + Typography + + To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins + so that the line height of our base font becomes the basic unit of vertical + measurement. We use multiples of that unit to set the top and bottom margins + for our block level elements and to set the line heights of any fonts. + For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm + ========================================================================== */ + +/* + * Addresses font sizes and margins set differently in IE6/7 + * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 + */ + +h1 { + /* Sets the font-size and line-height while keeping a proper vertical rhythm. */ + @include adjust-font-size-to( $h1-font-size, 30/20 ); + + /* Sets 1 unit of vertical rhythm on the top and bottom margins. */ + @include leader(0.5, $h1-font-size); + @include trailer(0.8, $h1-font-size); +} + +h2 { + @include adjust-font-size-to( $h2-font-size ); + @include leader(0.5, $h2-font-size); + @include trailer(0.3, $h2-font-size); +} + +h3 { + @include adjust-font-size-to( $h3-font-size ); + @include leader(1, $h3-font-size); + @include trailer(0.3, $h3-font-size); +} + +h4 { + @include adjust-font-size-to( $h4-font-size ); + @include leader(0.8, $h4-font-size); + @include trailer(0.4, $h4-font-size); +} + +h5 { + @include adjust-font-size-to( $h5-font-size ); + @include leader(0.3, $h5-font-size); + @include trailer(0.5, $h5-font-size); +} + +h6 { + @include adjust-font-size-to( $h6-font-size ); + @include leader(0.3, $h6-font-size); + @include trailer(0.5, $h6-font-size); +} + +/* Thematic break */ +hr { + height: 1px; + border: 1px solid #666; + padding-bottom: -1px; + margin: rhythm(1) 0; +} + +/* + * Addresses styling not present in IE7/8/9, S5, Chrome + */ + +abbr[title] { + border-bottom: 1px dotted; + cursor: help; + white-space: nowrap; +} + +/* + * Addresses style set to 'bolder' in FF3+, S4/5, Chrome +*/ + +b, +strong { + font-weight: bold; +} + +blockquote { + /* Sets 1 unit of vertical rhythm on the top and bottom margin. */ + margin: rhythm(1) $indent-amount; +} + +/* + * Addresses styling not present in S5, Chrome + */ + +dfn { + font-style: italic; +} + +/* + * Addresses styling not present in IE6/7/8/9 + */ + +mark { + background: #ff0; + color: #000; +} + +/* + * Addresses margins set differently in IE6/7 + */ + +p, +pre { + /* Sets 1 unit of vertical rhythm on the top and bottom margin. */ + margin-bottom: rhythm(0.5); + margin-top: 0; +} + +/* + * Corrects font family set oddly in IE6, S4/5, Chrome + * en.wikipedia.org/wiki/User:Davidgothberg/Test59 + */ + +pre, +code, +kbd, +samp, +tt, +var { + font-family: $font-monospace; /* The $font-monospace value ends with ", serif". */ + @if $legacy-support-for-ie6 { + _font-family: 'courier new', monospace; + } + @include adjust-font-size-to( 1 * $base-font-size ); +} + +/* + * Improves readability of pre-formatted text in all browsers + */ + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +/* + * 1. Addresses CSS quotes not supported in IE6/7 + * 2. Addresses quote property not supported in S4 + */ + +/* 1 */ + +q { + quotes: none; +} + +/* 2 */ + +q:before, +q:after { + content: ''; + content: none; +} + +/* @todo Determine how big element affects vertical rhythm. */ +small { + font-size: 75%; +} + +/* + * Prevents sub and sup affecting line-height in all browsers + * gist.github.com/413930 + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + + +/* ============================================================================= + Lists + ========================================================================== */ + +/* + * Addresses margins set differently in IE6/7 + */ + +dl, +menu, +ol, +ul, +.item-list ul /* Drupal override */ { + /* Sets 1 unit of vertical rhythm on the top and bottom margin. */ + margin: rhythm(1) 0; +} + +.item-list ul li { /* Drupal override */ + margin: 0; +} + +dd { + margin: 0 0 0 $indent-amount; /* LTR */ +} + +ul, ol, .item-list ul, .item-list ol { + ul, ol { + margin: 0; /* Turn off margins on nested lists. */ + } +} + +/* + * Addresses paddings set differently in IE6/7 + */ + +menu, +ol, +ul, +.item-list ul /* Drupal override */ { + padding: 0 0 0 $indent-amount; /* LTR */ +} + +/* + * Corrects list images handled incorrectly in IE7 + */ + +nav ul, +nav ol { + list-style: none; + list-style-image: none; +} + + +/* ============================================================================= + Embedded content + ========================================================================== */ + +/* + * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 + * 2. Improves image quality when scaled in IE7 + * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ + */ + +img { + border: 0; /* 1 */ + -ms-interpolation-mode: bicubic; /* 2 */ + + /* vertical-align: bottom; */ /* Suppress the space beneath the baseline */ + + /* Responsive images */ + /* @todo Add responsive embedded video. */ + max-width: 100%; + height: auto; +} + +/* + * Corrects overflow displayed oddly in IE9 + */ + +svg:not(:root) { + overflow: hidden; +} + + +/* ============================================================================= + Figures + ========================================================================== */ + +/* + * Addresses margin not present in IE6/7/8/9, S5, O11 + */ + +figure { + margin: 0; +} + + +/* ============================================================================= + Forms + ========================================================================== */ + +/* + * Corrects margin displayed oddly in IE6/7 + */ + +form { + margin: 0; +} + +/* + * Define consistent border, margin, and padding + */ + +fieldset { + border-color: #c0c0c0; + margin: 0 2px; + /* Apply borders and padding that keep the vertical rhythm. */ + @include apply-side-rhythm-border(top, $width: 1px, $lines: 0.35); + @include apply-side-rhythm-border(bottom, $width: 1px, $lines: 0.65); + @include apply-side-rhythm-border(left, $width: 1px, $lines: 0.65); + @include apply-side-rhythm-border(right, $width: 1px, $lines: 0.65); +} + +/* + * 1. Corrects color not being inherited in IE6/7/8/9 + * 2. Corrects text not wrapping in FF3 + * 3. Corrects alignment displayed oddly in IE6/7 + */ + +legend { + border: 0; /* 1 */ + padding: 0; + white-space: normal; /* 2 */ + @if $legacy-support-for-ie6 or $legacy-support-for-ie7 { + *margin-left: -7px; /* 3 */ /* LTR */ + } +} + +/* + * 1. Corrects font size not being inherited in all browsers + * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome + * 3. Improves appearance and consistency in all browsers + */ + +button, +input, +select, +textarea { + font-size: 100%; /* 1 */ + margin: 0; /* 2 */ + vertical-align: baseline; /* 3 */ + @if $legacy-support-for-ie6 or $legacy-support-for-ie7 { + *vertical-align: middle; /* 3 */ + } +} + +/* + * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet + */ + +button, +input { + line-height: normal; /* 1 */ +} + +/* + * 1. Improves usability and consistency of cursor style between image-type 'input' and others + * 2. Corrects inability to style clickable 'input' types in iOS + * 3. Removes inner spacing in IE7 without affecting normal text inputs + * Known issue: inner spacing remains in IE6 + */ + +button, +input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; /* 1 */ + -webkit-appearance: button; /* 2 */ + @if $legacy-support-for-ie6 or $legacy-support-for-ie7 { + *overflow: visible; /* 3 */ + } +} + +.button, +button, +input[type="submit"], +input[type="button"], +input[type="reset"] { + cursor: pointer; + -webkit-appearance: none; + background-color: $base-green; + border: 1px solid #f3f2f0; + @include box-shadow(0px 0px 2px white); + @include border-radius(3px); + color: white; + padding: { + left: 0.8em; + right: 0.8em; + } + height: 2.1em; + //line-height: 2.1em; + &:hover { + background-color: darken($base-green, 2); + } + &:active { + background-color: darken($base-green, 5); + @include box-shadow(inset 0px 0px 10px rgba(#555,0.5)); + } + &.disabled { + cursor: default; + &:active, + &:hover { + background-color: $base-green; + @include box-shadow(none); + } + } + vertical-align: middle; + +} + +//a Fixes +a.button, +a.button:hover, +a.button:active, +a.button:visited { + text-decoration: none; +} + +.button { + text-align: center; + line-height: 2.1em; +} + +input[type="text"], +input[type="password"] { + padding: { + left: 0.5em; + right: 0.5em; + top: 0; + bottom: 0; + } + //line-height: 1.95em; + height: 1.95em; +} + +/* + * Re-set default cursor for disabled elements + */ + +button[disabled], +input[disabled] { + cursor: default; +} + +/* + * 1. Addresses box sizing set to content-box in IE8/9 + * 2. Removes excess padding in IE8/9 + * 3. Removes excess padding in IE7 + Known issue: excess padding remains in IE6 + */ + +input[type="checkbox"], +input[type="radio"] { + @include box-sizing(border-box); /* 1 */ + padding: 0; /* 2 */ + @if $legacy-support-for-ie6 or $legacy-support-for-ie7 { + *height: 13px; /* 3 */ + *width: 13px; /* 3 */ + } +} + +/* + * 1. Addresses appearance set to searchfield in S5, Chrome + * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + @include box-sizing(content-box); /* 2 */ +} + +/* + * Removes inner padding and search cancel button in S5, Chrome on OS X + */ + +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +/* + * Removes inner padding and border in FF3+ + * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/* + * 1. Removes default vertical scrollbar in IE6/7/8/9 + * 2. Improves readability and alignment in all browsers + */ + +textarea { + overflow: auto; /* 1 */ + vertical-align: top; /* 2 */ +} + + +/* ============================================================================= + Tables + ========================================================================== */ + +/* + * Remove most spacing between table cells + */ + +table { + border-collapse: collapse; + border-spacing: 0; + /* width: 100%; */ /* Prevent cramped-looking tables */ + /* Add vertical rhythm margins. */ + @include leader(1); + @include trailer(1); +} + +/* + * Drupal provides table styling which is only useful for its admin section + * forms, so we override this default CSS. (We set it back in forms.css.) + */ + +th { + text-align: left; /* LTR */ + padding: 0; + border-bottom: none; +} + +tbody { + border-top: none; +} |