base.css 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. @charset "utf-8";
  2. /*
  3. @ 名称: CSS重置和常用基础排版
  4. @ 作者: 子夜听雨
  5. @ URL: www.nettong.cn;
  6. @ 来源: 来自阿里巴巴CSS和网易前端CSS;
  7. */
  8. *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  9. html{color:#000;background:#fff;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
  10. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;box-sizing: border-box;}
  11. article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
  12. audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;}
  13. body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53;}
  14. input,select,textarea{font-size:100%;outline:0;resize: none;}
  15. label{vertical-align: middle;}
  16. table{border-collapse:collapse;border-spacing:0;}
  17. th{text-align:inherit;}
  18. fieldset,img{border:0;}
  19. img{vertical-align:top;}
  20. iframe{display:block;}
  21. abbr,acronym{border:0;font-variant:normal;}
  22. del {text-decoration:line-through;}
  23. address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:400;}
  24. ol,ul,li{margin:0;padding:0;border:0;list-style-type:none;}
  25. caption,th {text-align:left;}
  26. h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:500;}
  27. q:before,q:after {content:'';}
  28. sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
  29. sup {top: -0.5em;}sub {bottom: -0.25em;}
  30. /*@ 名称: 基础样式 */
  31. ins,a,a:hover{text-decoration:none;}/* 默认不显示下划线*/
  32. code,kbd,pre,samp {font-family: monospace, serif;font-size: 1em;}/* 代码字体 */
  33. a{text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
  34. .auto{margin: auto;}
  35. /*@ 名称: Function*/
  36. .bug{box-shadow: 0 1px 0 #000 inset, 0 -1px 0 #000 inset, 1px 0 0 #000 inset, -1px 0 0 #000 inset;} /*调试*/
  37. .fn-clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}/* 清理浮动 */
  38. .fn-clear {zoom:1; /* for IE6 IE7 */}
  39. .fn-left,.fn-right{display:inline;}.fn-left {float:left;}.fn-right{ float:right;}/* 设置内联, 减少浮动带来的bug */
  40. .fn-hide {display:none;}/* 隐藏, 通常用来与 JS 配合 */
  41. .fn-text-overflow {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}/* 单行文字溢出时出现省略号,需设定宽度 */
  42. .fn-linear {background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f1));background: -moz-linear-gradient(top, #fcfcfc, #f1f1f1);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1');background:-o-linear-gradient(top, #fcfcfc, #f1f1f1);background:-ms-linear-gradient(top, #fcfcfc, #f1f1f1);background: linear-gradient(to bottom, #fcfcfc, #f1f1f1);}/* 简单的渐变 */
  43. .fn-linear-light {background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f9f9f9));background: -moz-linear-gradient(top, #fcfcfc, #f9f9f9);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f9f9f9');background:-o-linear-gradient(top, #fcfcfc, #f9f9f9);background:-ms-linear-gradient(top, #fcfcfc, #f9f9f9);background: linear-gradient(to bottom, #fcfcfc, #f9f9f9);}
  44. /* 浅色的渐变 */
  45. .fn-rmb {font-family: arial;font-style: normal;padding-right: 4px;}/* 人民币符号 */
  46. .fn-cp{cursor:pointer;}
  47. .fn-webkit-adjust {-webkit-text-size-adjust: none;}/* chrome 下字体过小的问题 */
  48. .fn-tin{text-indent:2em!important;}.fn-ptin p{text-indent:2em!important;}/* 首行缩进2个字符 */
  49. .fn-pngfix{background:#555 url(./png8_aphla.png) no-repeat 0 0;background:#555 none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./png8_aphla.png', sizingMethod='scale');width:150px;height:150px;line-height:30px;text-align: center;margin-bottom: 10px;font-size:20px;color:#fff;}/* <IE8的PNG透明处理 */
  50. .fn-oh{overflow:hidden;}
  51. .fn-f12{font-size:12px!important;}.fn-f14{font-size:14px!important;}.fn-f16{font-size:16px!important;}.fn-f18{font-size:18px!important;}.fn-f20{font-size:20px!important;}.fn-f22{font-size:22px!important;}.fn-f24{font-size:24px!important;}
  52. .fn-fn{font-weight:normal;}.fn-fb{font-weight:bold;}
  53. .fn-tal{text-align:left;}.fn-tac{text-align:center;}.fn-tar{text-align:right;}
  54. .fn-taj{text-align:justify;text-justify:inter-ideograph;}
  55. /*@ 名称: 去除虚线框 IE:<input hidefocus="true" />*/
  56. input[type=submit]::-moz-focus-inner,input[type=button]::-moz-focus-inner{border:0px;}
  57. input[type=submit]:focus,input[type=button]:focus{outline:none;}
  58. button,input[type=button]{overflow:visible;width:auto;outline:none;}
  59. /*@ 名称: 标题设置*/
  60. h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility}
  61. h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999}
  62. h1,h2,h3{line-height:40px}h1{font-size:38.5px}h2{font-size:31.5px}h3{font-size:24.5px}h4{font-size:17.5px}h5{font-size:14px}h6{font-size:11.9px}
  63. h1 small{font-size:24.5px}h2 small{font-size:17.5px}h3 small{font-size:14px}h4 small{font-size:14px}