-
-
Save Megic/9181194 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /*BY megic */ | |
| /*normalize.css重置部分 */ | |
| /*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} | |
| /*默认设置部分*/ | |
| body,html{font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif;background-color: #fff; color: #444;} | |
| html{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} /***去除点击蓝色块***/ | |
| /*avalonjs使用部分*/ | |
| .ms-controller,.ms-important,[ms-controller],[ms-important]{visibility: hidden;} | |
| body.ms-controller,body.ms-important,body[ms-controller],body[ms-important]{visibility:visible}/***配合body的VM***/ | |
| /*input 默认样式*/ | |
| textarea,input{width: 92%; padding-left: 4%; padding-right: 4%; line-height: 35px; height: 35px; border: 1px solid #ddd; font-size: 14px; display: block;border-radius: 4px;} textarea{line-height: 22px;} input:-moz-read-write{text-indent:4%;} textarea.error,input.error{border: 1px solid #ed0049;} textarea.success,input.success{border: 1px solid #69b838;} | |
| /*select默认样式*/ | |
| select{ width:100%; line-height: 35px; height: 35px;border-radius: 4px; border: 1px solid #ddd;} textarea{height: 150px;} | |
| /*常用基础样式部分 */ | |
| .f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";} .f-cb,.f-cbli li{zoom:1;} .f-bc{margin: 0 auto;} .f-dn{display:none;} .f-db{display:block;} .f-fl{float:left;} .f-fr{float:right;} .f-pr{position:relative;} .f-pa{position: absolute;} .f-pf{position: fixed;}.f-oh{overflow:hidden;} .f-f12{font-size:12px;} .f-f14{font-size:14px;} .f-f16{font-size: 16px;}.f-fwb{font-weight:bold;} .f-fwn{font-weight:normal;} .f-tal{text-align:left;} .f-tac{text-align:center;} .f-tar{text-align:right;} .f-w{width: 100%;} | |
| /*常用间距辅助样式 */ | |
| .f-pt5{padding-top: 5px;} .f-pt10{padding-top: 10px;} .f-pt15{padding-top: 15px;}.f-pt20{padding-top: 20px;} .f-pl5{padding-left: 5px;} .f-pl10{padding-left: 10px;} .f-pl15{padding-left: 15px;}.f-pl20{padding-left: 20px;} .f-pr5{padding-right: 5px;} .f-pr10{padding-right: 10px;} .f-pr15{padding-right: 15px;}.f-pr20{padding-right: 20px;} .f-pb5{padding-bottom: 5px;} .f-pb10{padding-bottom: 10px;} .f-pb15{padding-bottom: 15px;} .f-pb20{padding-bottom: 20px;}.f-p5{padding: 5px;} .f-p10{padding: 10px;} .f-p15{padding: 15px;}.f-p20{padding: 20px;}.f-mt5{margin-top: 5px;} .f-mt10{margin-top: 10px;} .f-mt15{margin-top: 15px;} .f-mt20{margin-top: 20px;} .f-ml5{margin-left: 5px;} .f-ml10{margin-left: 10px;} .f-ml15{margin-left: 15px;} .f-ml20{margin-left: 20px;} .f-mr5{margin-right: 5px;} .f-mr10{margin-right: 10px;} .f-mr15{margin-right: 15px;} .f-mr20{margin-right: 20px;}.f-mb5{margin-bottom: 5px;} .f-mb10{margin-bottom: 10px;} .f-mb15{margin-bottom: 15px;} .f-mb20{margin-bottom: 20px;}.f-m5{margin: 5px;} .f-m10{margin: 10px;} .f-m15{margin: 15px;}.f-m20{margin: 20px;} | |
| /*简单布局样式*/ | |
| .f-w80{display: inline-block;width: 80%;} .f-w70{display: inline-block;width: 70%;} .f-w60{display: inline-block;width: 60%;} .f-w50{display: inline-block;width: 50%;} .f-w40{display: inline-block;width: 40%;} .f-w30{display: inline-block;width: 30%;} .f-w20{display: inline-block;width:20%;} .f-w10{display: inline-block;width: 10%;} | |
| /*基础颜色*/ | |
| .f-bgc-primary{background-color: #337ab7;} .f-bgc-success{background-color: #5cb85c;} .f-bgc-info{background-color: #5bc0de;} .f-bgc-warning{background-color: #f0ad4e;} .f-bgc-danger{background-color: #d9534f;}.f-bgc-white{background-color: #fff;} | |
| .f-c-white{color: #fff;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment