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