59 lines
3.3 KiB
CSS
59 lines
3.3 KiB
CSS
|
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
|
||
|
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
|
||
|
|
*, ::after, ::before {box-sizing: border-box;}
|
||
|
|
|
||
|
|
a{text-decoration:none;color:#0072c6;}a:hover{text-decoration:none;color:#004d8c;}
|
||
|
|
body{text-align:center;font-size:14px;line-height:24px;font-family:Microsoft YaHei, '宋体', sans-serif;color:#454545;overflow-y:scroll;_overflow-y:auto;*overflow-y:auto}
|
||
|
|
.page{width:960px;margin:0 auto;padding:10px;text-align:left;}
|
||
|
|
h2,h3{font-family:Microsoft YaHei}
|
||
|
|
h1{font-size:40px;line-height:60px;font-weight:100;margin:20px 0 15px;}
|
||
|
|
h2{font-size:20px;line-height:25px;font-weight:100;margin:10px 0;}
|
||
|
|
h3{font-weight:bold}
|
||
|
|
|
||
|
|
code{padding: 2px 4px;font-size: 95%;color: #c7254e;background-color: #f9f2f4;border-radius: 4px;}
|
||
|
|
pre code{white-space: pre-wrap;word-break:break-word;display:inline-block;word-break:break-all;}
|
||
|
|
ul{padding:0 1em;}
|
||
|
|
ul li{list-style-type:disc;list-style-position:inside;}
|
||
|
|
|
||
|
|
b,strong{font-weight:bold}
|
||
|
|
em{color:red}
|
||
|
|
|
||
|
|
p{margin-bottom:10px}
|
||
|
|
hr, .hr{margin:20px 0;border:0;width:100%;height:1px;overflow:hidden;background-color:#ccc}
|
||
|
|
|
||
|
|
.text-right{text-align:right}
|
||
|
|
.clearboth{clear:both;width:100%;content: "";}
|
||
|
|
.clearleft{clear:left;width:100%;content: "";}
|
||
|
|
.clearright{clear:right;width:100%;content: "";}
|
||
|
|
|
||
|
|
.browser-list{margin:16px 0 10px;padding:0;height:42px;_overflow:hidden}
|
||
|
|
.browser{display:block;width:155px;height:34px;line-height:22px;float:left;list-style:none;}
|
||
|
|
.browser.clearleft{height:1px}
|
||
|
|
.browser span{display:block;font-size:12px;line-height:1.2;}
|
||
|
|
.browser img{width:34px;height:34px;border:0;float:left;margin-right:10px;}
|
||
|
|
.browser.firefox{width:150px}
|
||
|
|
.browser.edge{width:150px}
|
||
|
|
.browser.safari{width:150px}
|
||
|
|
.browser.se360{width:160px}
|
||
|
|
.browser.qqbrowser{width:140px}
|
||
|
|
.small-alert{font-size:12px;margin:15px 0 8px;color:#90949c}
|
||
|
|
.small-alert:not(.hide)+hr{margin-top:0}
|
||
|
|
.hide{display:none}
|
||
|
|
.alert-danger{display:block;color:#777;background-color:#f1f1f1;padding:6px 12px;_padding:8px 12px 6px;clear:both;}
|
||
|
|
.alert-info{color:#000;background-color:#f1f6fc;margin-top:12px}
|
||
|
|
.alert-info img{vertical-align:text-top;}
|
||
|
|
#win-danger{margin-top:12px;position: relative;}
|
||
|
|
#win-danger .arrow{background:url(/images/arrow.png) no-repeat;border:0;position:absolute;display:block;width:20px;height:12px;left:325px;top:-12px}
|
||
|
|
|
||
|
|
.targetline, #referrer a{word-break:break-all;}
|
||
|
|
.top-alert {background:#f2f2f2;}
|
||
|
|
.top-alert-content {font-size:14px;}
|
||
|
|
|
||
|
|
@media only screen and (max-width: 959px) {
|
||
|
|
.page {max-width:100%;padding:20px;font-size:16px;line-height:26px;}
|
||
|
|
h1 {font-size:26px;line-height:1.8;font-weight:bold;margin-top:0}
|
||
|
|
.browser-list {height:auto}
|
||
|
|
.browser {margin:0 20px 20px 0}
|
||
|
|
code {word-break: break-word;}
|
||
|
|
}
|