universe

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

profileheader.css (2768B)


      1 .profileHeader {
      2  display: block;
      3  width: 100%;
      4  padding: 10px;
      5  margin-bottom: 10px;
      6 }
      7 
      8 .profileHeader > .inside {
      9  display: block;
     10  width: 100%;
     11  padding: 20px;
     12  background: #fff;
     13 }
     14 
     15 .profileHeader > .inside > .left {
     16  display: inline-block;
     17  vertical-align: middle;
     18  font-size: 14px;
     19  padding-left: 65px;
     20  position: relative;
     21  height: 50px;
     22 }
     23 
     24 .profileHeader > .inside > .left > .username {
     25  font-size: 18px;
     26  font-weight: bold;
     27  color: #9b59b6;
     28  text-decoration: none;
     29  margin-bottom: 5px;
     30  display: inline-block;
     31  height: 22px;
     32  line-height: 22px;
     33  margin-top: 5px;
     34 }
     35 
     36 .profileHeader > .inside > .left > .username.admin {
     37  color: #e74c3c;
     38 }
     39 
     40 .profileHeader > .inside > .left > .username.moderator {
     41  color: #2ecc71;
     42 }
     43 
     44 .profileHeader > .inside > .left > .username > .flair {
     45  background-color: #efefef;
     46  color: #000;
     47  display: inline-block;
     48  font-size: 12px;
     49  padding: 0 5px;
     50  vertical-align: middle;
     51  margin-left: 3px;
     52  -webkit-border-radius: 3px;
     53  -moz-border-radius: 3px;
     54  border-radius: 3px;
     55  font-weight: normal;
     56  height: 18px;
     57  line-height: 18px;
     58 }
     59 
     60 .profileHeader > .inside > .left > .userscore {
     61  font-size: 12px;
     62  height: 14px;
     63  line-height: 14px;
     64 }
     65 
     66 .profileHeader > .inside > .right {
     67  float: right;
     68  display: inline-block;
     69  vertical-align: middle;
     70  position: relative;
     71  padding-right: 55px;
     72  height: 50px;
     73 }
     74 
     75 .profileHeader > .inside > .right > .stat {
     76  display: inline-block;
     77  vertical-align: middle;
     78  height: 50px;
     79  line-height: 50px;
     80  margin-right: 20px;
     81  color: #666;
     82  font-size: 14px;
     83 }
     84 
     85 .profileHeader > .inside > .right > .action {
     86  position: absolute;
     87  right: 0;
     88  top: 50%;
     89  margin-top: -20px;
     90  height: 40px;
     91  width: 40px;
     92 }
     93 
     94 .profileHeader > .inside > .right > .action > .event:hover {
     95  cursor: pointer;
     96 }
     97 
     98 .profileHeader > .inside > .right > .action > .event:hover ~ .dropdown {
     99  display: block !important;
    100 }
    101 
    102 .profileHeader > .inside > .right > .action > .dropdown {
    103  display: none;
    104  position: absolute;
    105  top: 100%;
    106  right: 0;
    107  width: 100px;
    108  background: #fff;
    109  -webkit-border-radius: 3px;
    110  -moz-border-radius: 3px;
    111  border-radius: 3px;
    112  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    113  overflow: hidden;
    114 }
    115 
    116 .profileHeader > .inside > .right > .action > .dropdown:hover {
    117  display: block;
    118 }
    119 
    120 .profileHeader > .inside > .right > .action > .dropdown > a {
    121  display: block;
    122  width: 100%;
    123  height: 30px;
    124  line-height: 30px;
    125  color: #000;
    126  font-size: 14px;
    127  padding: 0 10px;
    128  text-decoration: none;
    129  text-align: center;
    130 }
    131 
    132 .profileHeader > .inside > .right > .action > .dropdown > a:hover {
    133  background: #9b59b6;
    134  color: #fff;
    135 }