You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
2.1 KiB
CSS
55 lines
2.1 KiB
CSS
/**
|
|
* 基本样式
|
|
* @author 鹿文学
|
|
*/
|
|
/* common */
|
|
html{overflow:auto;overflow-x:hidden;line-height:1.4;color:#333;font-size:625%;font-family:Helvetica Neue,'苹方',Roboto,Noto,Microsoft YaHei,'微软雅黑',Tahoma,Verdana,Arial,'宋体',sans-serif;}
|
|
img{border:none;vertical-align:middle;}
|
|
a{color:inherit;text-decoration:none;}
|
|
body{overflow:auto;font-size:inherit;overflow-x:hidden;margin:0;background:#EDEDED;-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-highlight:none;-webkit-tap-highlight-color:transparent;}
|
|
body::-webkit-scrollbar{width:3px;height:4px;}
|
|
body::-webkit-scrollbar-button{display:none;background-color:#f4f4f4;}
|
|
body::-webkit-scrollbar-track,body::-webkit-scrollbar-track-piece{background:#f4f4f4;}
|
|
body::-webkit-scrollbar-thumb{border-radius:4px;background:#ababab;}
|
|
body::-webkit-scrollbar-corner{background:#f4f4f4;}
|
|
body::-webkit-scrollbar-resizer{background:#ababab;}
|
|
body{scrollbar-arrow-color:#f4f4f4;scrollbar-face-color:#f4f4f4;scrollbar-3dlight-color:#f4f4f4;scrollbar-highlight-color:#f4f4f4;scrollbar-shadow-color:#f4f4f4;scrollbar-darkshadow-color:#f4f4f4;scrollbar-track-color:#f4f4f4;scrollbar-base-color:#ababab;}
|
|
.clearfix{zoom:1;}
|
|
.clearfix:after{clear:both;display:block;overflow:hidden;height:0;content:"";font-size:0;}
|
|
.inner{position:relative;margin:0 auto;max-width:1242px;}
|
|
button,input,select,textarea{outline:0;font-size:inherit;font-family:inherit;}
|
|
|
|
|
|
@media screen and (max-width:1240px) {
|
|
html{font-size:623%;}
|
|
}
|
|
@media screen and (max-width:992px) {
|
|
html{font-size:500%;}
|
|
}
|
|
@media screen and (max-width:768px) {
|
|
html{font-size:385%;}
|
|
}
|
|
@media screen and (max-width:720px) {
|
|
html{font-size:362%;}
|
|
}
|
|
@media screen and (max-width:660px) {
|
|
html{font-size:332%;}
|
|
}
|
|
@media screen and (max-width:600px) {
|
|
html{font-size:301%;}
|
|
}
|
|
@media screen and (max-width:540px) {
|
|
html{font-size:271%;}
|
|
}
|
|
@media screen and (max-width:480px) {
|
|
html{font-size:241%;}
|
|
}
|
|
@media screen and (max-width:420px) {
|
|
html{font-size:211%;}
|
|
}
|
|
@media screen and (max-width:360px) {
|
|
html{font-size:181%;}
|
|
}
|
|
@media screen and (max-width:320px) {
|
|
html{font-size:161%;}
|
|
} |