universe

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

messages.css (1662B)


      1 .msg {
      2  padding: 0.5em 0.5em;
      3  background-color: var(--lv2-col);
      4  border: solid var(--lv3-col);
      5  width: 80%;
      6  margin-left: 1em;
      7  margin-right: 2em;
      8 }
      9 
     10 .msglink{
     11  text-decoration: none;
     12 }
     13 
     14 a .nicklink {
     15  text-decoration: underline dotted var(--accent);
     16 }
     17 
     18 .msglink:hover{
     19  text-decoration: underline var(--accent);
     20 }
     21 
     22 #messages small {
     23  color: #989898;
     24 }
     25 .messages #topic {
     26  font-weight: bold;
     27  padding: 1em;
     28  color: #091e23;
     29  text-shadow: -0.5px -0.5px 0 var(--accent), 0.5px -0.5px 0 var(--accent),
     30    -0.5px 0.5px 0 var(--accent), 0.5px 0.5px 0 var(--accent);
     31 }
     32 
     33 .messages #topic,
     34 #notifications {
     35  display: block;
     36  width: 60%;
     37 }
     38 
     39 .messages {
     40  background-color: var(--lv3-col);
     41 }
     42 
     43 .msg small {
     44  color: var(--color-msg-small) !important;
     45 }
     46 
     47 .msg .sysmsg {
     48  display: inline-block;
     49  background-color: var(--accent2);
     50  padding: 0.5em;
     51  width: max-content;
     52  color: var(--accent) !important;
     53 }
     54 
     55 a#bottom_link {
     56  color: var(--accent);
     57  text-decoration: underline dotted;
     58  overflow: hidden;
     59 }
     60 
     61 a#top_link {
     62  color: var(--accent);
     63  text-decoration: underline dotted;
     64  overflow: hidden;
     65 }
     66 
     67 .pinned.item {
     68  background-color: var(--accent);
     69  background-image: url(../images/sticky.png);
     70  background-size: 70% 70%;
     71  background-position: center center;
     72  background-repeat: no-repeat;
     73  height: 18px;
     74  width: 18px;
     75  padding: 0;
     76 }
     77 
     78 .pinned {
     79  color: #000;
     80  display: inline-block;
     81  font-size: 12px;
     82  vertical-align: middle;
     83  margin-left: 3px;
     84  -webkit-border-radius: 3px;
     85  -moz-border-radius: 3px;
     86  border-radius: 3px;
     87  font-weight: normal;
     88 }