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   text-align: center;
   7 }
   8
   9 ul {
  10   list-style-type: none;
  11 }
  12
  13 a {
  14   text-decoration: none;
  15   color: inherit;
  16 }
  17
  18 a:hover {
  19   text-decoration: none;
  20   color: inherit;
  21 }
  22
  23 a:focus {
  24   text-decoration: none;
  25   color: inherit;
  26 }
  27
  28 #logo {
  29   text-align: center;
  30   display: inline-block;
  31   color: white;
  32   font-size: 28px;
  33   background-color: rgb(20, 20, 20);
  34   border-radius: 4px;
  35   font-weight: bold;
  36   padding: 10px 10px 10px 10px;
  37   vertical-align: middle;
  38   margin-bottom: 30px;
  39   margin-top: 20px;
  40 }
  41
  42 .sign-in .form-control {
  43   margin-bottom: 20px;
  44   border-radius: 2px;
  45   border: none;
  46   background-color: white;
  47 }
  48
  49 .sign-in .submit {
  50   background-color: rgb(20, 20, 20);
  51   color: white;
  52 }
  53
  54 .api-credentials-form .form-control {
  55   margin-bottom: 20px;
  56   border-radius: 2px;
  57   border: none;
  58   background-color: white;
  59 }
  60
  61 .api-credentials-form .submit {
  62   background-color: rgb(20, 20, 20);
  63   color: white;
  64 }
  65
  66 .otp-enroll .form-control {
  67   margin-bottom: 20px;
  68   border-radius: 2px;
  69   border: none;
  70   background-color: white;
  71 }
  72
  73 .otp-enroll .submit {
  74   background-color: rgb(20, 20, 20);
  75   color: white;
  76 }
  77 .form-message {
  78   background-color: rgba(255, 6, 6, .33);
  79   border-radius: 2px;
  80   line-height: 50px;
  81 }
  82
  83 .form-message.message-ok {
  84   background-color: rgba(33, 255, 72, .33);
  85 }
  86
  87 #main {
  88   padding-top: 100px;
  89 }
  90
  91 .box {
  92   position: relative;
  93   background-color: rgb(250, 250, 250);
  94   box-shadow: 0 2px 6px 2px rgba(0,0,0,.05);
  95   border-radius: 4px;
  96 }
  97
  98 .box:hover {
  99   box-shadow: 0 4px 15px 2px rgba(0,0,0,.20);
 100 }