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