universe

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

chatmute.css (2639B)

      1 .chatMuteList {
      2  display: block;
      3  width: 100%;
      4 }
      5 
      6 .chatMuteList > .standardBtn {
      7  display: block;
      8  width: 100%;
      9  position: relative;
     10 }
     11 
     12 .chatMuteList > .standardBtn > span {
     13  position: absolute;
     14  width: 18px;
     15  height: 18px;
     16  top: 50%;
     17  margin: -9px auto 0;
     18  left: 0;
     19  right: 0;
     20  display: block;
     21  opacity: 0;
     22  visibility: hidden;
     23 }
     24 
     25 .chatMuteList > .standardBtn > span:before {
     26  width: 18px;
     27  height: 18px;
     28  border-left: 2px solid #fff;
     29  border-top: 2px solid #fff;
     30  border-bottom: 2px solid transparent;
     31  border-right: 2px solid transparent;
     32  content: "";
     33  border-radius: 100%;
     34  display: block;
     35  animation: rotating 0.75s linear infinite;
     36 }
     37 
     38 .chatMuteList > .standardBtn:active,
     39 .chatMuteList > .standardBtn:focus {
     40  animation: hidetext 0.5s linear forwards;
     41  animation-delay: 0s;
     42 }
     43 
     44 .chatMuteList > .standardBtn:active > span,
     45 .chatMuteList > .standardBtn:focus > span {
     46  animation: displayreload 0.5s linear forwards;
     47  animation-delay: 0s;
     48 }
     49 
     50 .chatMuteList > .list {
     51  display: block;
     52  width: 100%;
     53 }
     54 
     55 .chatMuteList > .list > .mute {
     56  display: block;
     57  width: 100%;
     58  font-size: 0;
     59  background: #fff;
     60  padding: 5px 10px;
     61 }
     62 
     63 .chatMuteList > .list > .mute:nth-child(even) {
     64  background: #efefef;
     65 }
     66 
     67 .chatMuteList > .list > .mute > .username {
     68  font-weight: bold;
     69  font-size: 16px;
     70  color: #000;
     71  display: inline-block;
     72  vertical-align: middle;
     73  width: calc(100% - 100px);
     74  padding-right: 10px;
     75 }
     76 
     77 .chatMuteList > .list > .mute > .standardBtn {
     78  display: inline-block;
     79  vertical-align: middle;
     80  width: 100px;
     81  margin: 0;
     82  position: relative;
     83 }
     84 
     85 .chatMuteList > .list > .mute > .standardBtn > span {
     86  position: absolute;
     87  width: 18px;
     88  height: 18px;
     89  top: 50%;
     90  margin: -9px auto 0;
     91  left: 0;
     92  right: 0;
     93  display: block;
     94  opacity: 0;
     95  visibility: hidden;
     96 }
     97 
     98 .chatMuteList > .list > .mute > .standardBtn > span:before {
     99  width: 18px;
    100  height: 18px;
    101  border-left: 2px solid #fff;
    102  border-top: 2px solid #fff;
    103  border-bottom: 2px solid transparent;
    104  border-right: 2px solid transparent;
    105  content: "";
    106  border-radius: 100%;
    107  display: block;
    108  animation: rotating 0.75s linear infinite;
    109 }
    110 
    111 .chatMuteList > .list > .mute > .standardBtn:active,
    112 .chatMuteList > .list > .mute > .standardBtn:focus {
    113  animation: hidetext 0.5s linear forwards;
    114  animation-delay: 0s;
    115 }
    116 
    117 .chatMuteList > .list > .mute > .standardBtn:active > span,
    118 .chatMuteList > .list > .mute > .standardBtn:focus > span {
    119  animation: displayreload 0.5s linear forwards;
    120  animation-delay: 0s;
    121 }