git.r.bdr.sh - rbdr/fyr/blob - css/application.css

   1 body {
   2   font-family: "Hiragino Mincho ProN W3", serif;
   3   background-color: #fff;
   4   color: #0F261F;
   5 }
   6
   7 h1 {
   8   font-family: "Hiragino Mincho ProN W6", serif;
   9   color: #FA2B00;
  10 }
  11
  12 h1 img {
  13   width: 100px;
  14   margin-right: 10px;
  15 }
  16
  17 a {
  18   color: #4F8FE6;
  19 }
  20
  21 .color-editor {
  22   position: relative;
  23   height: 230px;
  24 }
  25
  26 .color {
  27   width: 200px;
  28   height: 200px;
  29   background: #fff;
  30   margin-left: 20px;
  31 }
  32
  33 .light {
  34   width: 20px;
  35   height: 20px;
  36   background: #FA2B00;
  37   position: absolute;
  38   left: 220px;
  39 }
  40
  41 .x-label, .y-label, .z-label {
  42   margin: 0;
  43   padding: 0;
  44   color: #FA2B00;
  45   width: 100px;
  46   position: absolute;
  47   top: 200px;
  48 }
  49
  50 .y-label {
  51   transform: rotate(-90deg);
  52   left: -45px;
  53   top: 135px;
  54 }
  55
  56 .z-label {
  57   left: 125px;
  58 }
  59
  60 .timeline {
  61   width: 200px;
  62   height: 50px;
  63   background: black;
  64   margin: 0 0 0 20px;
  65 }
  66
  67 @media (prefers-color-scheme: dark) {
  68   body {
  69     color: #fff;
  70     background: #0F261F;
  71   }
  72 }