css/theme.css

   1 /* Simple example of css used to stylize the login screen */
   2 * {
   3   /* webkit2 is very slow, this is supposed to speed up animations */
   4   backface-visibility: hidden;
   5 }
   6 body {
   7   display: flex;
   8   min-height: 100vh;
   9   flex-direction: column;
  10   color: white;
  11   background-color: #34495e;
  12   /* background: radial-gradient(center, ellipse cover, #455a64 10%, #263238 100%); */
  13   overflow: hidden;
  14 }
  15 main {
  16   flex: 1 0 auto;
  17 }
  18 input {
  19   color: white;
  20 }
  21 .caret {
  22   fill: grey !important;
  23 }
  24 .power-button {
  25   fill: #bdc3c7;
  26 }
  27 .power-button:hover {
  28   fill: #ecf0f1;
  29 }
  30 .power-button:active {
  31   fill: white;
  32   transform: scale(0.95);
  33 }
  34 div#console {
  35   z-index: 9999;
  36   position: absolute;
  37   top: 10px;
  38 }
  39 div#console .terminal {
  40   overflow-y: scroll;
  41   background-color: rgba(0,0,0,0.8);
  42   font-size: 14pt;
  43   color: white;
  44   height: 30vh;
  45   width: 85vw;
  46   resize: both;
  47 }
  48 div#console .terminal text {
  49   display: block;
  50   padding: 0;
  51   margin: 0;
  52 }
  53 .welcome-text {
  54   font-size: 3vh;
  55   font-weight: lighter;
  56 }
  57 .logo-ubuntu {
  58   height: 10vh;
  59 }
  60 .logo-arch {
  61   height: 15vh;
  62 }