universe

Universe
git clone https://git.dasho.dev/universe.git
Log | Files | Refs | Submodules | README

notes.css (4549B)


      1 .notes {
      2  background-color: var(--lv3-col);
      3 }
      4 
      5 .notes h2 {
      6  color: var(--accent);
      7  font-family: Arial, Helvetica, sans-serif;
      8 }
      9 
     10 .notes  textarea {
     11  background-color: var(--lv2-col);
     12  border: solid var(--accent);
     13  border-radius: 0.2em;
     14  border-width: 0.1em;
     15  text-align: left;
     16  max-width: 100%;
     17  padding: 0.3em;
     18 }
     19 
     20 .notes small {
     21  font-family: Arial, Helvetica, sans-serif;
     22 }
     23 
     24 .notes input[value="Admin Notes"] {
     25  background-color: var(--accent2);
     26  padding: 0.3em;
     27  font-family: Arial, Helvetica, sans-serif;
     28  border: solid #ddd;
     29  border-radius: 0.2em;
     30  border-width: 0.1em;
     31  color: var(--button-text-col);
     32  transition: background-color, color, 0.3s;
     33  transition-timing-function: ease-in-out;
     34 }
     35 
     36 .notes input[value="Admin Notes"]:hover {
     37  background-color: var(--accent);
     38  padding: 0.3em;
     39  font-family: Arial, Helvetica, sans-serif;
     40  border: solid #ffffff;
     41  border-radius: 0.2em;
     42  border-width: 0.1em;
     43  color: var(--accent2);
     44 }
     45 
     46 .notes input[value="Staff notes"] {
     47  background-color: var(--accent2);
     48  padding: 0.3em;
     49  font-family: Arial, Helvetica, sans-serif;
     50  border: solid #ddd;
     51  border-radius: 0.2em;
     52  border-width: 0.1em;
     53  color: var(--button-text-col);
     54  transition: background-color, color, 0.3s;
     55  transition-timing-function: ease-in-out;
     56 }
     57 
     58 .notes input[value="Staff notes"]:hover {
     59  background-color: var(--accent);
     60  padding: 0.3em;
     61  font-family: Arial, Helvetica, sans-serif;
     62  border: solid #ffffff;
     63  border-radius: 0.2em;
     64  border-width: 0.1em;
     65  color: var(--accent2);
     66 }
     67 
     68 .notes input[value="Senior Member notes"] {
     69  background-color: var(--accent2);
     70  padding: 0.3em;
     71  font-family: Arial, Helvetica, sans-serif;
     72  border: solid #ddd;
     73  border-radius: 0.2em;
     74  border-width: 0.1em;
     75  color: var(--button-text-col);
     76  transition: background-color, color, 0.3s;
     77  transition-timing-function: ease-in-out;
     78 }
     79 
     80 .notes input[value="Senior Member notes"]:hover {
     81  background-color: var(--accent);
     82  padding: 0.3em;
     83  font-family: Arial, Helvetica, sans-serif;
     84  border: solid #ffffff;
     85  border-radius: 0.2em;
     86  border-width: 0.1em;
     87  color: var(--accent2);
     88 }
     89 
     90 .notes input[value="Personal notes"] {
     91  background-color: var(--accent2);
     92  padding: 0.3em;
     93  font-family: Arial, Helvetica, sans-serif;
     94  border: solid #ddd;
     95  border-radius: 0.2em;
     96  border-width: 0.1em;
     97  color: var(--button-text-col);
     98  transition: background-color, color, 0.3s;
     99  transition-timing-function: ease-in-out;
    100 }
    101 
    102 .notes input[value="Personal notes"]:hover {
    103  background-color: var(--accent);
    104  padding: 0.3em;
    105  font-family: Arial, Helvetica, sans-serif;
    106  border: solid #ffffff;
    107  border-radius: 0.2em;
    108  border-width: 0.1em;
    109  color: var(--accent2);
    110 }
    111 
    112 .notes input[value="Member notes"] {
    113  background-color: var(--accent2);
    114  padding: 0.3em;
    115  font-family: Arial, Helvetica, sans-serif;
    116  border: solid #ddd;
    117  border-radius: 0.2em;
    118  border-width: 0.1em;
    119  color: var(--button-text-col);
    120  transition: background-color, color, 0.3s;
    121  transition-timing-function: ease-in-out;
    122 }
    123 
    124 .notes input[value="Member notes"]:hover {
    125  background-color: var(--accent);
    126  padding: 0.3em;
    127  font-family: Arial, Helvetica, sans-serif;
    128  border: solid #ffffff;
    129  border-radius: 0.2em;
    130  border-width: 0.1em;
    131  color: var(--accent2);
    132 }
    133 
    134 .notes input[value="Reload"] {
    135  background-color: var(--accent2);
    136  padding: 0.3em;
    137  font-family: Arial, Helvetica, sans-serif;
    138  border: solid #ddd;
    139  border-radius: 0.2em;
    140  border-width: 0.1em;
    141  color: var(--button-text-col);
    142  transition: background-color, color, 0.3s;
    143  transition-timing-function: ease-in-out;
    144 }
    145 
    146 .notes input[value="Reload"]:hover {
    147  background-color: var(--accent);
    148  padding: 0.3em;
    149  font-family: Arial, Helvetica, sans-serif;
    150  border: solid #ffffff;
    151  border-radius: 0.2em;
    152  border-width: 0.1em;
    153  color: var(--accent2);
    154 }
    155 
    156 .notes input[value="Save Notes"] {
    157  background-color: var(--accent2);
    158  padding: 0.3em;
    159  font-family: Arial, Helvetica, sans-serif;
    160  border: solid #ddd;
    161  border-radius: 0.2em;
    162  border-width: 0.1em;
    163  color: var(--button-text-col);
    164  transition: background-color, color, 0.3s;
    165  transition-timing-function: ease-in-out;
    166 }
    167 
    168 .notes input[value="Save Notes"]:hover {
    169  background-color: var(--accent);
    170  padding: 0.3em;
    171  font-family: Arial, Helvetica, sans-serif;
    172  border: solid #ffffff;
    173  border-radius: 0.2em;
    174  border-width: 0.1em;
    175  color: var(--accent2);
    176 }