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