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