cmd/web/static/style.css

   1 @charset "UTF-8";
   2
   3 body {
   4   font-family: 'Fira Mono', 'Helvetica Neue', Arial, Helvetica, sans-serif;
   5   background-color: rgb(246, 248, 251);
   6 }
   7
   8 ul {
   9   list-style-type: none;
  10 }
  11
  12 a {
  13   text-decoration: none;
  14   color: inherit;
  15 }
  16
  17 a:hover {
  18   text-decoration: none;
  19   color: inherit;
  20 }
  21
  22 a:focus {
  23   text-decoration: none;
  24   color: inherit;
  25 }
  26
  27 i.cc {
  28 }
  29
  30 #logo {
  31   text-align: center;
  32   display: inline-block;
  33   color: white;
  34   background-color: rgb(20, 20, 20);
  35   border-radius: 4px;
  36   font-weight: bold;
  37   padding: 10px 10px 10px 10px;
  38   vertical-align: middle;
  39 }
  40
  41 #header {
  42   margin-top: 20px;
  43   margin-bottom: 30px;
  44 }
  45
  46 .header-menu-section {
  47   margin-right: 10px;
  48 }
  49
  50 h1 {
  51   font-size: 1.5em;
  52   margin-bottom: 5px;
  53   margin-top: 5px;
  54 }
  55
  56 .performance-up {
  57   color: green;
  58 }
  59
  60 .performance-down {
  61   color: red;
  62 }
  63
  64 .sign-in .form-control {
  65   margin-bottom: 20px;
  66   border-radius: 2px;
  67   border: none;
  68   background-color: white;
  69 }
  70
  71 .config-status {
  72   margin-bottom: 10px;
  73 }
  74
  75 .config-status .icon-cancel-circled {}
  76
  77 .config-status .icon-ok-circled {}
  78
  79 .config-status i {
  80   font-size: 1.2em;
  81 }
  82
  83 .sign-in .submit {
  84   background-color: rgb(20, 20, 20);
  85   color: white;
  86 }
  87
  88 .api-credentials-form .form-control {
  89   margin-bottom: 20px;
  90   border-radius: 2px;
  91   border: none;
  92   background-color: white;
  93 }
  94
  95 .api-credentials-form .submit {
  96   background-color: rgb(20, 20, 20);
  97   color: white;
  98 }
  99
 100 .otp-enroll .form-control {
 101   margin-bottom: 20px;
 102   border-radius: 2px;
 103   border: none;
 104   background-color: white;
 105 }
 106
 107 .otp-enroll .submit {
 108   background-color: rgb(20, 20, 20);
 109   color: white;
 110 }
 111 .form-message {
 112   background-color: rgba(255, 6, 6, .33);
 113   border-radius: 2px;
 114   line-height: 50px;
 115 }
 116
 117 .form-message.message-ok {
 118   background-color: rgba(33, 255, 72, .33);
 119 }
 120
 121 #main {
 122   padding-top: 100px;
 123 }
 124
 125 .balance > .variation {
 126   font-size: 1.2em;
 127 }
 128
 129 .balance > .row {
 130   margin-bottom: 10px;
 131 }
 132
 133 .assets > .row {
 134   margin-bottom: 10px;
 135 }
 136
 137 .balances > div {
 138   margin-bottom: 5px;
 139 }
 140
 141 .box {
 142   position: relative;
 143   background-color: rgb(250, 250, 250);
 144   box-shadow: 0 2px 6px 2px rgba(0,0,0,.05);
 145   border-radius: 4px;
 146   margin-bottom: 10px;
 147   margin-top: 10px;
 148   padding-top: 10px;
 149   padding-bottom: 10px;
 150 }
 151
 152 @font-face {
 153   font-family: 'fontello';
 154   src: url('fonts/fontello.eot?12278570');
 155   src: url('fonts/fontello.eot?12278570#iefix') format('embedded-opentype'),
 156        url('fonts/fontello.woff2?12278570') format('woff2'),
 157        url('fonts/fontello.woff?12278570') format('woff'),
 158        url('fonts/fontello.ttf?12278570') format('truetype'),
 159        url('fonts/fontello.svg?12278570#fontello') format('svg');
 160   font-weight: normal;
 161   font-style: normal;
 162 }
 163
 164  [class^="icon-"]:before, [class*=" icon-"]:before {
 165   font-family: "fontello";
 166   font-style: normal;
 167   font-weight: normal;
 168   speak: none;
 169
 170   display: inline-block;
 171   text-decoration: inherit;
 172   width: 1em;
 173   margin-right: .2em;
 174   text-align: center;
 175   /* opacity: .8; */
 176
 177   /* For safety - reset parent styles, that can break glyph codes*/
 178   font-variant: normal;
 179   text-transform: none;
 180
 181   /* fix buttons height, for twitter bootstrap */
 182   line-height: 1em;
 183
 184   /* Animation center compensation - margins should be symmetric */
 185   /* remove if not needed */
 186   margin-left: .2em;
 187
 188   /* you can be more comfortable with increased icons size */
 189   /* font-size: 120%; */
 190
 191   /* Font smoothing. That was taken from TWBS */
 192   -webkit-font-smoothing: antialiased;
 193   -moz-osx-font-smoothing: grayscale;
 194
 195   /* Uncomment for 3D effect */
 196   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 197 }