pref-matrix

Web interface to coordinate preferences
git clone https://git.instinctive.eu/pref-matrix.git
Log | Files | Refs | README | LICENSE

style-tmpl.css (1065B)

      1 .spinner {
      2     display: inline;
      3     width: 1em;
      4     height: 1em;
      5     vertical-align: middle;
      6 }
      7 
      8 button, input, select, textarea {
      9   font-family: inherit;
     10   font-size: 100%;
     11 }
     12 
     13 table {
     14   margin: 1em auto;
     15   text-align: center;
     16 }
     17 
     18 td {
     19   padding: 0.2ex 1ex;
     20 }
     21 
     22 th {
     23   position: sticky;
     24   top: 2px;
     25 }
     26 
     27 td.date {
     28   position:sticky;
     29   left: 2px;
     30 }
     31 
     32 .val0 {
     33   font-size: 80%;
     34 }
     35 
     36 .val1 {
     37   font-weight: bold;
     38 }
     39 
     40 .val5 {
     41   font-weight: bold;
     42 }
     43 
     44 body {
     45   background: $BG_0_LIGHT;
     46   color: $FG_0_LIGHT;
     47 }
     48 
     49 h1, h2 {
     50   color: $FG_1_LIGHT;
     51 }
     52 
     53 button, input, select, textarea {
     54   background: $BG_1_LIGHT;
     55   color: $EMPH_LIGHT;
     56 }
     57 
     58 input[type=button], input[type=submit] {
     59   color: $IMPORTANT_LIGHT;
     60 }
     61 
     62 @media (prefers-color-scheme: dark) {
     63   #spinnercover, body {
     64     background: $BG_0_DARK;
     65     color: $FG_0_DARK;
     66   }
     67 
     68   h1, h2 {
     69     color: $FG_1_DARK;
     70   }
     71 
     72   button, input, select, textarea {
     73     background: $BG_1_DARK;
     74     color: $EMPH_DARK;
     75   }
     76 
     77   input[type=button], input[type=submit] {
     78     color: $IMPORTANT_DARK;
     79   }
     80 
     81   svg.spinner circle {
     82     stroke: $FG_1_DARK;
     83   }
     84 }