frontend/css/style.css

   1
   2 body {
   3     margin: 0;
   4     font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
   5     font-weight: 400;
   6     color: rgb(96, 98, 102);
   7 }
   8
   9 .el-container {
  10     height: 100%;
  11 }
  12
  13 .el-main {
  14     padding: 10px;
  15 }
  16
  17 .el-header {
  18     padding: 10px 20px;
  19     box-shadow: 0 1px 7px rgba(0,0,0,0.3);
  20     height: 52px !important;
  21 }
  22
  23 .el-footer {
  24     padding: 3px 20px;
  25     font-size: 14px;
  26     height: 38px !important;
  27 }
  28
  29 a {
  30     color: #66b1ff;
  31     text-decoration: none;
  32 }
  33
  34 a:hover, a:focus {
  35     color: #409EFF;
  36     text-decoration: none;
  37 }
  38
  39 .el-table a {
  40     color: rgb(96, 98, 102);
  41 }
  42
  43 .el-table a:hover {
  44     color: #66b1ff;
  45 }
  46
  47 .el-table td {
  48     padding: 5px 0;
  49     cursor: pointer;
  50     font-size: 14px;
  51 }
  52
  53 .el-table th {
  54     font-size: 12px;
  55 }
  56
  57 .el-table__row .list-actions .el-button {
  58     visibility: hidden;
  59 }
  60
  61 .el-table__row:hover .list-actions .el-button {
  62     visibility: visible;
  63 }
  64
  65 .el-progress-bar__inner {
  66     transition: width 250ms;
  67 }
  68
  69 .el-breadcrumb {
  70     border: 1px solid #ebeef5;
  71     border-radius: 5px;
  72     padding: 7px;
  73 }
  74
  75 /* old */
  76
  77 .wrapper {
  78     display: table;
  79     width: 100%;
  80     height: 100%;
  81 }
  82
  83 .content {
  84     display: table-cell;
  85     width: 100%;
  86     height: 100%;
  87     text-align: center;
  88     vertical-align: middle;
  89 }
  90
  91 pre {
  92     margin: auto;
  93     text-align: left;
  94     width: 400px;
  95 }
  96
  97 [v-cloak] {
  98   display: none;
  99 }
 100
 101 .hand {
 102     cursor: pointer;
 103 }
 104
 105 .main {
 106     margin-bottom: 40px;
 107 }
 108
 109 td {
 110     vertical-align: middle !important;
 111     overflow: hidden;
 112 }
 113
 114 .entry-toolbar {
 115     opacity: 0;
 116     transition: opacity .25s;
 117 }
 118
 119 tr:hover .entry-toolbar {
 120     opacity: 1;
 121 }
 122
 123 table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
 124     content: " \25B4\25BE"
 125 }
 126
 127 th {
 128     cursor: pointer;
 129 }