cloudtrek-reset-css-web
Version:
web端初始化样式
120 lines (119 loc) • 2.25 kB
CSS
body {
height: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: "Helvetica Neue", Helvetica, Arial, "Source Han Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei", "WenQuanYi Micro Hei, sans-serif", "Heiti SC";
}
html {
height: 100%;
}
#app {
height: 100%;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
a,
a:focus,
a:hover {
outline: none;
text-decoration: none;
}
div:focus {
outline: none;
}
label {
font-weight: 700;
}
.app-container {
padding: 24px;
margin-bottom: 12px;
border-radius: 4px;
background: #fff;
overflow: hidden;
}
.components-container {
margin: 30px 50px;
position: relative;
}
.upload-container .el-upload {
width: 100%;
}
.upload-container .el-upload .el-upload-dragger {
width: 100%;
height: 200px;
}
aside {
background: #eef1f6;
color: #2c3e50;
margin-bottom: 20px;
border-radius: 2px;
display: block;
line-height: 32px;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
aside a {
color: #337ab7;
cursor: pointer;
}
aside a:hover {
color: #20a0ff;
}
.fixed-width .el-button--mini {
padding: 7px 10px;
width: 60px;
}
.filter-container {
padding-bottom: 10px;
}
.filter-container .filter-item {
display: inline-block;
vertical-align: middle;
margin-bottom: 10px;
}
.link-type,
.link-type:focus {
color: #337ab7;
cursor: pointer;
}
.link-type:hover,
.link-type:focus:hover {
color: #20a0ff;
}
.status-col .cell {
padding: 0 10px;
text-align: center;
}
.text-center {
text-align: center;
}
.sub-navbar {
height: 50px;
line-height: 50px;
position: relative;
width: 100%;
text-align: right;
padding-right: 20px;
transition: 600ms ease position;
background: linear-gradient(90deg, #20b6f9 0%, #20b6f9 0%, #2178f1 100%, #2178f1 100%);
}
.sub-navbar .subtitle {
font-size: 20px;
color: #fff;
}
.sub-navbar.draft {
background: #d0d0d0;
}
.sub-navbar.deleted {
background: #d0d0d0;
}
.no-padding {
padding: 0px ;
}
.navbar-dropdown-ul .navbar-dropdown-li {
line-height: 34px ;
}