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   user-select: none;
   6 }
   7 /* 日本語のフォント */
   8 @font-face {
   9         font-family: 'MyFont';
  10         src: url('NotoSansJP-Regular.otf') format('opentype');
  11
  12 }
  13 /* 英語のフォント */
  14 @font-face {
  15         font-family: 'MyFont2';
  16         src: url('Renner_ 400 Book.ttf') format('truetype');
  17
  18 }
  19 /* 時計のフォント */
  20 @font-face {
  21         font-family: 'MyFont3';
  22         src: url('Lato-Regular.ttf') format('truetype');
  23
  24 }
  25 /* .gaussfade-out{
  26   animation: rotation 2s ease 0s 1 alternate none running;
  27 } */
  28 @keyframes rotation {
  29   0% {
  30     filter: blur(0px);
  31   }
  32
  33   50% {
  34     filter: blur(100px);
  35   }
  36
  37   100% {
  38     filter: blur(0px);
  39   }
  40 }
  41 body {
  42   display: flex;
  43   min-height: 100vh;
  44   flex-direction: column;
  45   color: white;
  46   background-color: #0b2d49;
  47   overflow: hidden;
  48         font-family: 'MyFont2','MyFont';
  49   background-image: url("../images/16-9.png");
  50   background-position:center center;
  51   background-size:contain;
  52   width:100%;
  53   height:100vh;
  54 }
  55 body::before {
  56   content: '';
  57   position: absolute;
  58   top: -5px;
  59   bottom: -5px;
  60   left: -5px;
  61   right: -5px;
  62   background: inherit;
  63   z-index: -1;
  64   filter: blur(5px);
  65 }
  66 main {
  67   flex: 1 0 auto;
  68 }
  69 input {
  70   color: white;
  71 }
  72
  73 .caret {
  74   fill: grey !important;
  75 }
  76 /* .row{
  77   margin: 0 auto 30px;
  78 } */
  79 .col.right{
  80   position: fixed;
  81   right: 10px;
  82   bottom: 20px;
  83   height: 25px;
  84 }
  85 .col.right .row{
  86   margin: 0;
  87 }
  88 .power-button {
  89   vertical-align: bottom;
  90   margin-bottom: 40px;
  91   fill: #bdc3c7;
  92 }
  93 .power-button:hover {
  94   fill: #ecf0f1;
  95 }
  96 .power-button:active {
  97   fill: white;
  98   transform: scale(0.95);
  99 }
 100 .input-field.col.s2.offset-s1{
 101   position: fixed;
 102   width: 280px;
 103   left: 10px;
 104   bottom: 30px;
 105   height: 25px;
 106   margin-bottom: 0;
 107 }
 108 div#console {
 109   z-index: 9999;
 110   position: absolute;
 111   top: 10px;
 112 }
 113 div#console .terminal {
 114   overflow-y: scroll;
 115   background-color: rgba(0,0,0,0.8);
 116   font-size: 14pt;
 117   color: white;
 118   height: 30vh;
 119   width: 85vw;
 120   resize: both;
 121 }
 122 div#console .terminal text {
 123   display: block;
 124   padding: 0;
 125   margin: 0;
 126 }
 127 .welcome-text {
 128   font-size: 20px;
 129   font-weight: lighter;
 130 }
 131 .logo-ubuntu {
 132   height: 10vh;
 133 }
 134 .logo-alter {
 135   width: 50%;
 136   height: auto;
 137 }