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 body > .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     text-align: center;
  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-breadcrumb {
  66     border: 1px solid #ebeef5;
  67     border-radius: 5px;
  68     padding: 7px;
  69 }
  70
  71 /* old */
  72
  73 .wrapper {
  74     display: table;
  75     width: 100%;
  76     height: 100%;
  77 }
  78
  79 .content {
  80     display: table-cell;
  81     width: 100%;
  82     height: 100%;
  83     text-align: center;
  84     vertical-align: middle;
  85 }
  86
  87 pre {
  88     margin: auto;
  89     text-align: left;
  90     width: 400px;
  91 }
  92
  93 [v-cloak] {
  94   display: none;
  95 }
  96
  97 .hand {
  98     cursor: pointer;
  99 }
 100
 101 .main {
 102     margin-bottom: 40px;
 103 }
 104
 105 td {
 106     vertical-align: middle !important;
 107     overflow: hidden;
 108 }
 109
 110 .entry-toolbar {
 111     opacity: 0;
 112     transition: opacity .25s;
 113 }
 114
 115 tr:hover .entry-toolbar {
 116     opacity: 1;
 117 }
 118
 119 table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
 120     content: " \25B4\25BE"
 121 }
 122
 123 th {
 124     cursor: pointer;
 125 }