+[v-cloak] {
+ display: none;
+}
+
html, body {
- min-height: 100%;
+ margin: 0;
+ font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
+ font-weight: 400;
+ color: rgb(96, 98, 102);
+ height: 100%;
width: 100%;
+}
+
+.el-container {
height: 100%;
- padding: 0;
- margin: 0;
}
-body {
- padding-bottom: 70px;
+.el-main {
+ padding: 10px;
}
-.wrapper {
- display: table;
- width: 100%;
- height: 100%;
+.el-header {
+ padding: 10px 20px;
+ box-shadow: 0 1px 7px rgba(0,0,0,0.3);
+ height: 52px !important;
}
-.content {
- display: table-cell;
- width: 100%;
- height: 100%;
- text-align: center;
- vertical-align: middle;
+.el-footer {
+ padding: 3px 20px;
+ font-size: 14px;
+ height: 38px !important;
}
-pre {
- margin: auto;
- text-align: left;
- width: 400px;
+a {
+ color: #66b1ff;
+ text-decoration: none;
}
-[v-cloak] {
- display: none;
+a:hover, a:focus {
+ color: #409EFF;
+ text-decoration: none;
}
-.hand {
+.el-table a {
+ color: rgb(96, 98, 102);
+}
+
+.el-table a:hover {
+ color: #66b1ff;
+}
+
+.el-table td {
+ padding: 5px 0;
cursor: pointer;
+ font-size: 14px;
}
-th {
- vertical-align: middle !important;
+.el-table th {
+ font-size: 12px;
}
-.main {
- margin-bottom: 40px;
+.el-table__row .list-actions .el-button {
+ visibility: hidden;
}
-footer {
- position: fixed;
- background-color: #efefef;
- bottom: 0;
- width: 100%;
- color: #555;
- font-size: 14px;
- padding: 5px;
- z-index: 13;
- opacity: .5;
- -webkit-transition: all .25s;
- transition: all .25s;
+.el-table__row:hover .list-actions .el-button {
+ visibility: visible;
+}
+
+.el-progress-bar__inner {
+ transition: width 250ms;
+}
+
+.el-breadcrumb {
+ border: 1px solid #ebeef5;
+ border-radius: 5px;
+ padding: 7px;
}
-footer:hover {
- opacity: 1;
-}
\ No newline at end of file
+.el-switch__label {
+ height: auto;
+}
+
+/* welcome and 404 page */
+.container-center {
+ display: flex;
+ height: 100%;
+ align-items: center;
+ justify-content: center;
+}