css/unrealircd-admin.css

   1 .unrealircd_overview {
   2     font-family: arial, sans-serif;
   3     border-collapse: collapse;
   4     border-radius: 15px;
   5     width: 25%;
   6     box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
   7 }
   8
   9 .users_overview {
  10     font-family: arial, sans-serif;
  11     border-collapse: collapse;
  12     border-radius: 15px;
  13     width: 100%;
  14     box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  15 }
  16
  17 table {
  18     border-collapse: collapse;
  19     margin: 25px 0;
  20     font-size: 0.9em;
  21     font-family: sans-serif;
  22     min-width: 400px;
  23     box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  24 }
  25
  26 td {
  27     text-align: left;
  28     padding: 8px;
  29 }
  30
  31 th {
  32     text-align: left;
  33     padding: 8px;
  34     background-color: #4B86EE;
  35     color: white;
  36 }
  37
  38 th:first-of-type {
  39     border-top-left-radius: 10px;
  40     color: white;
  41 }
  42
  43 th:last-of-type {
  44     border-top-right-radius: 10px;
  45     color: white;
  46 }
  47
  48 tr:last-of-type td:first-of-type {
  49     border-bottom-left-radius: 10px;
  50
  51 }
  52
  53 tr:last-of-type td:last-of-type {
  54     border-bottom-right-radius: 10px;
  55 }
  56
  57 tr:nth-child(even) {
  58     background-color: #bec8d3;
  59 }
  60
  61 tr:nth-child(odd) {
  62     background-color: whitesmoke;
  63 }
  64
  65 .footer {
  66     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  67     position: fixed;
  68     left: 0;
  69     bottom: 0;
  70     width: 100%;
  71     background-color: #333;
  72     color: white;
  73     text-align: center;
  74 }
  75
  76 .footer a {
  77     color: #4B86EE;
  78 }
  79
  80 .row {
  81     display: flex;
  82 }
  83
  84 .column {
  85     flex: 50%;
  86     padding: 5px;
  87 }
  88
  89 .topnav {
  90     background-color: #333;
  91     overflow: hidden;
  92     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  93
  94 }
  95
  96 /* Style the links inside the navigation bar */
  97 .topnav a {
  98     float: left;
  99     color: #f2f2f2;
 100     text-align: center;
 101     padding: 14px 16px;
 102     text-decoration: none;
 103     font-size: 17px;
 104 }
 105
 106 /* Change the color of links on hover */
 107 .topnav a:hover {
 108     background-color: #ddd;
 109     color: black;
 110 }
 111
 112 /* Add a color to the active/current link */
 113 .topnav a.active {
 114     background-color: #4B86EE;
 115     color: white;
 116 }
 117
 118
 119 [data-tab-content] {
 120     display: none;
 121 }
 122
 123 .active[data-tab-content] {
 124     display: block;
 125 }
 126
 127 .tab.active {
 128     background-color: #AAA;
 129 }
 130
 131 .tab:hover {
 132     background-color: #AAA;
 133 }
 134
 135 #headerContainer,
 136 #headerTitle {
 137     background-color: #4B86EE;
 138     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
 139     height: 62px;
 140     margin-top: -10px;
 141     padding: 10px 25px;
 142     position: relative;
 143 }
 144
 145 #headerContainer {
 146     margin-left: -15px;
 147     z-index: 10;
 148
 149     -webkit-box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2);
 150     box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2);
 151 }
 152
 153 #headerContainer:before {
 154     border-color: #034FD5 transparent;
 155     border-style: solid;
 156     border-width: 1em 0 0 1em;
 157     bottom: -1em;
 158     content: '';
 159     display: block;
 160     left: 0;
 161     position: absolute;
 162 }
 163
 164 #headerContainer h2,
 165 #headerContainer h2 small {
 166     color: white !important;
 167     margin-bottom: 0px;
 168 }
 169
 170 #headerContainer h2 small {
 171     font-weight: lighter;
 172 }
 173
 174 #headerTitle {
 175     background-color: white;
 176     margin-right: 15px;
 177     z-index: 9;
 178 }
 179
 180 #headerTitle h2 {
 181     line-height: 1.5;
 182     margin-bottom: 0px;
 183 }
 184
 185 #headerTitle h2 i {
 186     color: #f2f2f2;
 187     font-size: 80px;
 188     position: absolute;
 189     right: 0;
 190     top: -30px;
 191     z-index: -1;
 192 }
 193
 194 #headerTitle h2 small {
 195     color: #bbb;
 196 }
 197
 198 body {
 199     background-image: url("/img/linen.png");
 200 }
 201
 202 /* CSS */
 203 .cute_button {
 204     align-items: center;
 205     appearance: none;
 206     background-color: #4B86EE;
 207     background-size: calc(100% + 20px) calc(100% + 20px);
 208     border-radius: 100px;
 209     border-width: 0;
 210     box-shadow: none;
 211     box-sizing: border-box;
 212     color: #FFFFFF;
 213     cursor: pointer;
 214     display: inline-flex;
 215     font-family: CircularStd, sans-serif;
 216     font-size: 1rem;
 217     height: auto;
 218     justify-content: center;
 219     line-height: 1.5;
 220     padding: 6px 20px;
 221     position: relative;
 222     text-align: center;
 223     text-decoration: none;
 224     transition: background-color .2s, background-position .2s;
 225     user-select: none;
 226     -webkit-user-select: none;
 227     touch-action: manipulation;
 228     vertical-align: top;
 229     white-space: nowrap;
 230 }
 231
 232 .button-21:active,
 233 .button-21:focus {
 234     outline: none;
 235 }
 236
 237 .button-21:hover {
 238     background-position: -20px -20px;
 239 }
 240
 241 .button-21:focus:not(:active) {
 242     box-shadow: rgba(40, 170, 255, 0.25) 0 0 0 .125em;
 243 }