universe

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

sidebar.css (2190B)

      1 #chatters > * {
      2  padding-left: 7px;
      3  line-height: 20px;
      4 }
      5 
      6 #chatters > a {
      7  display: block;
      8 }
      9 #chatters > span.group {
     10  padding: 0.5em;
     11  border-bottom: 1px solid var(--accent);
     12  display: block;
     13  margin-bottom: 5px;
     14  font-family: Arial, Helvetica, sans-serif;
     15 }
     16 #chatters .rank:hover {
     17  margin-left: -20px;
     18  margin-top: -25px;
     19 }
     20 
     21 .messages #chatters {
     22  display: block;
     23  float: right;
     24  width: 20%;
     25  overflow-y: auto;
     26  position: fixed;
     27  right: 0px;
     28  max-height: 100%;
     29  bottom: 2em;
     30  top: 2em;
     31  background-color: var(--lv1-col);
     32 }
     33 
     34 .messages #chatters td,
     35 #chatters tr,
     36 #chatters th {
     37  display: table-row;
     38  width: 100% !important;
     39 }
     40 
     41 .messages #chatters table a {
     42  display: inline-block;
     43  float: left;
     44  margin-right: 5px;
     45 }
     46 
     47 .messages #chatters a {
     48  text-decoration: none;
     49 }
     50 
     51 div#room {
     52    display: block !important;
     53    width: 20% !important;
     54    overflow-y: auto !important;
     55    position: fixed !important;
     56    right: -30px !important;
     57    bottom: 40px !important;
     58 }
     59 
     60 div#room h4 {
     61    color:var(--accent) !important;
     62 }
     63 
     64 div#room select[name="room"] {
     65  background-color: var(--accent);
     66  color: var(--accent2);
     67  padding: 0.3em;
     68  text-align: left;
     69  font-family: Arial, Helvetica, sans-serif;
     70  border: solid var(--accent);
     71  border-radius: 0.2em;
     72  border-width: 0.1em;
     73 }
     74 
     75 div#room select[name="room"]:hover {
     76  padding: 0.3em;
     77  text-align: left;
     78  color: var(--accent);
     79  background-color: var(--accent2);
     80  font-family: Arial, Helvetica, sans-serif;
     81  border: solid var(--accent);
     82  border-radius: 0.2em;
     83  border-width: 0.1em;
     84 }
     85 
     86 div#room input[type="submit"] {
     87  background-color: var(--accent2);
     88  color: var(--button-text-col);
     89  padding: 0.1em;
     90  text-align: left;
     91  font-family: Arial, Helvetica, sans-serif;
     92  border: solid var(--accent);
     93  border-radius: 0.2em;
     94  border-width: 0.1em;
     95 }
     96 
     97 .post input[type="submit"]:hover {
     98  padding: 0.1em;
     99  text-align: left;
    100  color: var(--accent2);
    101  background-color: var(--accent);
    102  font-family: Arial, Helvetica, sans-serif;
    103  border: solid var(--accent2);
    104  border-radius: 0.2em;
    105  border-width: 0.1em;
    106 }