Source/UBCS-WEB/dist/src/styles/normalize.scss

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,502 @@
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/*
/*! æˆ‘就是自己看看，然后翻译下下，让大家看看 */

/* ==========================================================================
   HTML5 display definitions

   HTML5 æ–°å¢žå…ƒç´ å®šä¹‰

   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 *
 * ä¿®æ­£IE 8/9 ä¸­æœªå®šä¹‰çš„块级元素。
 */

 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section,
 summary {
     display: block;
 }
 
 /**
  * Correct `inline-block` display not defined in IE 8/9.
  *
  * ä¿®æ­£åœ¨ IE 8/9 ä¸­æœªå®šä¹‰çš„ 'inline-block' å…ƒç´ ã€‚
  */
 
 audio,
 canvas,
 video {
     display: inline-block;
 }
 
 /**
  * Prevent modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  *
  * é˜»æ­¢çŽ°åœ¨æµè§ˆå™¨æ˜¾ç¤ºæœªå®šä¹‰ control æ’­æ”¾æŽ§ä»¶çš„ 'audio' å£°éŸ³å…ƒç´ ã€‚
  * åˆ é™¤ IOS 5 è®¾å¤‡ä¸­æ˜¾ç¤ºçš„多余的高度。
  */
 
 audio:not([controls]) {
     display: none;
     height: 0;
 }
 
 /**
  * Address styling not present in IE 8/9.
  *
  * å¤„理 IE 8/9 ä¸­ä¸å­˜åœ¨çš„样式。
  */
 
 [hidden] {
     display: none;
 }
 
 /* ==========================================================================
    Base
 
    åŸºæœ¬è®¾ç½®
    ========================================================================== */
 
 /**
  * 1. Set default font family to sans-serif.
  * 2. Prevent iOS text size adjust after orientation change, without disabling
  *    user zoom.
  *
  * 1. è®¾ç½®é»˜è®¤å­—体类型为 sans-serif.
  * 2. å½“用户放大或缩小页面时不改变字体大小。
  */
 
 html {
     font-family: sans-serif; /* 1 */
     -ms-text-size-adjust: 100%; /* 2 */
     -webkit-text-size-adjust: 100%; /* 2 */
 }
 
 /**
  * Remove default margin.
  *
  * åˆ é™¤é»˜è®¤è¾¹è·ã€‚
  */
 
 body {
     margin: 0;
 }
 
 /* ==========================================================================
    Links
 
    é“¾æŽ¥
    ========================================================================== */
 
 /**
  * Address `outline` inconsistency between Chrome and other browsers.
  *
  * å¤„理 Chrome ä¸Žå…¶å®ƒæµè§ˆå™¨ä¸­å…³äºŽ 'outline' çš„不一致性。
  */
 
 a:focus {
     outline: thin dotted;
 }
 
 /**
  * Improve readability when focused and also mouse hovered in all browsers.
  *
  * ä¸ºæ‰€æœ‰æµè§ˆå™¨æ”¹å–„当激活或悬停在元素上时元素内容的可读性。
  */
 
 a:active,
 a:hover {
     outline: 0;
 }
 
 /* ==========================================================================
    Typography
 
    æŽ’版
    ========================================================================== */
 
 /**
  * Address variable `h1` font-size and margin within `section` and `article`
  * contexts in Firefox 4+, Safari 5, and Chrome.
  *
  * å¤„理多变的 'h1' å­—体大小及其在 Firefox 4+, Safari 5, åŠ Chrome时浏览器中的 
  * 'section' ä¸Žã€€'article' å…ƒç´ ä¸­çš„边距。
  */
 
 h1 {
     font-size: 2em;
     margin: 0.67em 0;
 }
 
 /**
  * Address styling not present in IE 8/9, Safari 5, and Chrome.
  *
  * å¤„理在 IE 8/9, Safari 5, åŠ Chrome æ²¡æœ‰çš„样式。
  */
 
 abbr[title] {
     border-bottom: 1px dotted;
 }
 
 /**
  * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  *
  * å¤„理 Firefox 4+, Safari 5, åŠ Chrome ä¸­é»˜è®¤çš„ 'bolder' æ ·å¼ä¸ºã€€'bold'.
  */
 
 b,
 strong {
     font-weight: bold;
 }
 
 /**
  * Address styling not present in Safari 5 and Chrome.
  *
  * å¤„理在 Safari 5 å’Œ Chrome æ²¡æœ‰çš„样式。
  */
 
 dfn {
     font-style: italic;
 }
 
 /**
  * Address differences between Firefox and other browsers.
  *
  * å¤„理　Firefox　与其它浏览器的差异。
  */
 
 hr {
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
 }
 
 /**
  * Address styling not present in IE 8/9.
  *
  * å¤„理在 IE 8/9 ä¸­æ²¡æœ‰çš„样式。
  */
 
 mark {
     background: #ff0;
     color: #000;
 }
 
 /**
  * Correct font family set oddly in Safari 5 and Chrome.
  *
  * ä¿®æ­£ç¡® Safari 5 å’Œ Chrome ä¸­å¤æ€ªçš„默认字体。
  */
 
 code,
 kbd,
 pre,
 samp {
     font-family: monospace, serif;
     font-size: 1em;
 }
 
 /**
  * Improve readability of pre-formatted text in all browsers.
  *
  * ä¸ºæ‰€æœ‰æµè§ˆå™¨æ”¹å–„预格式化文本的可读性。
  */
 
 pre {
     white-space: pre-wrap;
 }
 
 /**
  * Set consistent quote types.
  *
  * è®¾ç½®ä¸€è‡´çš„引用格式。
  */
 
 q {
     quotes: "\201C" "\201D" "\2018" "\2019";
 }
 
 /**
  * Address inconsistent and variable font size in all browsers.
  *
  * å¤„理所有浏览器中字体大小的不一致性[译者注：原文直译为：处理所有
  * æµè§ˆå™¨ä¸­çš„不一致和多变的字体大小]。
  */
 
 small {
     font-size: 80%;
 }
 
 /**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  *
  * é˜»æ­¢æ‰€æœ‰æµè§ˆå™¨ä¸­ 'sub' å’Œ 'sup' å…ƒç´ å½±å“ 'line-height'. 
  * [译者注：就是不让上标与下标影响行高。]
  */
 
 sub,
 sup {
     font-size: 75%;
     line-height: 0;
     position: relative;
     vertical-align: baseline;
 }
 
 sup {
     top: -0.5em;
 }
 
 sub {
     bottom: -0.25em;
 }
 
 /* ==========================================================================
    Embedded content
 
    åµŒå…¥çš„内容
    ========================================================================== */
 
 /**
  * Remove border when inside `a` element in IE 8/9.
  *
  * åˆ é™¤ IE 8/9 ä¸­å½“内容位于 'a' ä¸­å‡ºçŽ°çš„边框。
  */
 
 img {
     border: 0;
 }
 
 /**
  * Correct overflow displayed oddly in IE 9.
  *
  * ä¿®æ­£ IE 9 ä¸­æ˜¾ç¤ºå¤æ€ªçš„溢出内容。
  */
 
 svg:not(:root) {
     overflow: hidden;
 }
 
 /* ==========================================================================
    Figures
 
    Figure å›¾åƒ/图表/代码等
    ========================================================================== */
 
 /**
  * Address margin not present in IE 8/9 and Safari 5.
  *
  * å¤„理在 IE 8/9 å’Œ Safari 5 æ²¡æœ‰çš„边距。
  */
 
 figure {
     margin: 0;
 }
 
 /* ==========================================================================
    Forms
    ========================================================================== */
 
 /**
  * Define consistent border, margin, and padding.
  *
  * å®šä¹‰ä¸€è‡´çš„边框、外边距及内边距。
  */
 
 fieldset {
     border: 1px solid #c0c0c0;
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em;
 }
 
 /**
  * 1. Correct `color` not being inherited in IE 8/9.
  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  * 1. ä¿®æ­£åœ¨ã€€IE 8/9 ä¸­æ²¡æœ‰ç»§æ‰¿çš„ 'color'. 
  *
  *    [译者注：说是修正颜色嘛，可下面没有关于颜色的呀，这也行？求大神解释！]
  * 2. åŽ»æŽ‰å†…边距，避免当用户清空表单组时认为出错了。
  */
 
 legend {
     border: 0; /* 1 */
     padding: 0; /* 2 */
 }
 
 /**
  * 1. Correct font family not being inherited in all browsers.
  * 2. Correct font size not being inherited in all browsers.
  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  *
  * 1. ä¿®æ­£æ‰€æœ‰æµè§ˆå™¨ä¸­æœªè¢«ç»§æ‰¿çš„字体类型。
  * 2. ä¿®æ­£æ‰€æœ‰æµè§ˆå™¨ä¸­æœªè¢«ç»§æ‰¿çš„字体大小。
  * 3. å¤„理 Firefox 4+, Safari 5, åŠ Chrome ä¸­é»˜è®¤è®¾ç½®ä¸åŒçš„外边距。
  */
 
 button,
 input,
 select,
 textarea {
     font-family: inherit; /* 1 */
     font-size: 100%; /* 2 */
     margin: 0; /* 3 */
 }
 
 /**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  *
  * å¤„理 Firefox 4+ ä¸­çš„客户端样式表里使用 '!important' è®¾ç½®çš„ 'line-height'.
  */
 
 button,
 input {
     line-height: normal;
 }
 
 /**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  * All other form control elements do not inherit `text-transform` values.
  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
  * Correct `select` style inheritance in Firefox 4+ and Opera.
  * 
  * å¤„理 'button' å’Œ 'select' çš„ 'text-transform' ç»§æ‰¿çš„不一致性。
  * æ‰€æœ‰å…¶å®ƒè¡¨å•æŽ§ä»¶å…ƒç´ ä¸ç»§æ‰¿ 'text-transform' çš„值。
  * ä¿®æ­£ Chrome, Safari 5+, åŠ IE 8+ ä¸­ 'button' çš„继承样式。
  * ä¿®æ­£ Firefox 4+ å’Œ Opera ä¸­ 'select' çš„继承样式。
  */
 
 button,
 select {
     text-transform: none;
 }
 
 /**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  *    and `video` controls.
  * 2. Correct inability to style clickable `input` types in iOS.
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
  *
  * 1. é¿å… Android 4.0.* ä¸­ WebKit çš„一个bug, é˜²æ­¢ 'audio' ä¸Ž 'video' çš„播放控件失效。
  * 2. ä¿®æ­£ iOS ä¸­ä¸å¯ç‚¹å‡»çš„ 'input' æ ·å¼ã€‚
  * 3. æ”¹å–„图片类型的 'input' ç­‰å…‰æ ‡æ ·å¼çš„可用性与一致性。
  */
 
 button,
 html input[type="button"], /* 1 */
 input[type="reset"],
 input[type="submit"] {
     -webkit-appearance: button; /* 2 */
     cursor: pointer; /* 3 */
 }
 
 /**
  * Re-set default cursor for disabled elements.
  * 
  * é‡ç½®ä¸å¯ç”¨å…ƒç´ çš„默认光标样式。
  */
 
 button[disabled],
 html input[disabled] {
     cursor: default;
 }
 
 /**
  * 1. Address box sizing set to `content-box` in IE 8/9.
  * 2. Remove excess padding in IE 8/9.
  *
  * 1. å¤„理 IE 8/9 ä¸­è®¾ç½®ä¸º 'content-box' çš„盒子模型。
  * 2. åˆ é™¤ IE 8/9 ä¸­å¤šä½™çš„内边距。
  */
 
 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box; /* 1 */
     padding: 0; /* 2 */
 }
 
 /**
  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  *    (include `-moz` to future-proof).
  *
  * 1. å¤„理 Safari 5 å’Œ Chrome ä¸­é»˜è®¤è®¾ç½®ä¸º 'appearance' çš„ 'searchfield'.
  * 2. å¤„理 Safari 5 å’Œ Chrome ä¸­é»˜è®¤è®¾ç½®ä¸º 'box-sizing' çš„ 'border-box'
  *    (包括不会过时的 '-moz').
  */
 
 input[type="search"] {
     -webkit-appearance: textfield; /* 1 */
     -moz-box-sizing: content-box;
     -webkit-box-sizing: content-box; /* 2 */
     box-sizing: content-box;
 }
 
 /**
  * Remove inner padding and search cancel button in Safari 5 and Chrome
  * on OS X.
  *
  * åˆ é™¤ Safari 5 å’Œ OS X ä¸Šçš„ Chrome ä¸­çš„输入框上的内边距和搜索取消按钮。
  */
 
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
 /**
  * Remove inner padding and border in Firefox 4+.
  *
  * åˆ é™¤ Firefox 4+ button ä¸Ž input ä¸Šçš„内边距。
  */
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
 }
 
 /**
  * 1. Remove default vertical scrollbar in IE 8/9.
  * 2. Improve readability and alignment in all browsers.
  *
  * 1. åˆ é™¤ IE8/9 ä¸­é»˜è®¤çš„垂直滚动条。
  * 2. æ”¹å–„所有浏览器中的可读性并使文本垂直对齐。
  */
 
 textarea {
     overflow: auto; /* 1 */
     vertical-align: top; /* 2 */
 }
 
 /* ==========================================================================
    Tables
 
    è¡¨æ ¼
    ========================================================================== */
 
 /**
  * Remove most spacing between table cells.
  *
  * åˆ é™¤è¡¨æ ¼é‡Œå•å…ƒæ ¼é—´çš„间距。
  */
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }