frontend/css/style.css

   1
   2 html, body {
   3     min-height: 100%;
   4     width: 100%;
   5     height: 100%;
   6     padding: 0;
   7     margin: 0;
   8 }
   9
  10 body {
  11     padding-bottom: 70px;
  12 }
  13
  14 .wrapper {
  15     display: table;
  16     width: 100%;
  17     height: 100%;
  18 }
  19
  20 .content {
  21     display: table-cell;
  22     width: 100%;
  23     height: 100%;
  24     text-align: center;
  25     vertical-align: middle;
  26 }
  27
  28 pre {
  29     margin: auto;
  30     text-align: left;
  31     width: 400px;
  32 }
  33
  34 [v-cloak] {
  35   display: none;
  36 }
  37
  38 .hand {
  39     cursor: pointer;
  40 }
  41
  42 .main {
  43     margin-bottom: 40px;
  44 }
  45
  46 footer {
  47     position: fixed;
  48     background-color: #efefef;
  49     bottom: 0;
  50     width: 100%;
  51     color: #555;
  52     font-size: 14px;
  53     padding: 5px;
  54     z-index: 13;
  55     opacity: .5;
  56     -webkit-transition: all .25s;
  57     transition: all .25s;
  58 }
  59
  60 footer:hover {
  61     opacity: 1;
  62 }
  63
  64 td {
  65     vertical-align: middle !important;
  66     overflow: hidden;
  67 }
  68
  69 .entry-toolbar {
  70     opacity: 0;
  71     transition: opacity .25s;
  72 }
  73
  74 tr:hover .entry-toolbar {
  75     opacity: 1;
  76 }
  77
  78 table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
  79     content: " \25B4\25BE"
  80 }
  81
  82 th {
  83     cursor: pointer;
  84 }