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 .unrealircd_overview thead {
  10     background-color: #4e50c2;
  11     color: #ffffff;
  12     text-align: left;
  13 }
  14
  15 table {
  16     border-collapse: collapse;
  17     margin: 25px 0;
  18     font-size: 0.9em;
  19     font-family: sans-serif;
  20     min-width: 400px;
  21     box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  22 }
  23
  24 td,
  25 th {
  26     text-align: left;
  27     padding: 8px;
  28 }
  29
  30 th:first-of-type {
  31     border-top-left-radius: 10px;
  32     color: white;
  33     background-color: #4B86EE
  34 }
  35
  36 th:last-of-type {
  37     border-top-right-radius: 10px;
  38     color: white;
  39     background-color: #4B86EE
  40 }
  41
  42 tr:last-of-type td:first-of-type {
  43     border-bottom-left-radius: 10px;
  44
  45 }
  46
  47 tr:last-of-type td:last-of-type {
  48     border-bottom-right-radius: 10px;
  49 }
  50
  51 tr:nth-child(even) {
  52     background-color: #bec8d3;
  53 }
  54
  55 tr:nth-child(odd) {
  56     background-color: whitesmoke;
  57 }
  58
  59
  60 .row {
  61     display: flex;
  62 }
  63
  64 .column {
  65     flex: 50%;
  66     padding: 5px;
  67 }
  68
  69 .topnav {
  70     background-color: #333;
  71     overflow: hidden;
  72     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  73
  74 }
  75
  76 /* Style the links inside the navigation bar */
  77 .topnav a {
  78     float: left;
  79     color: #f2f2f2;
  80     text-align: center;
  81     padding: 14px 16px;
  82     text-decoration: none;
  83     font-size: 17px;
  84 }
  85
  86 /* Change the color of links on hover */
  87 .topnav a:hover {
  88     background-color: #ddd;
  89     color: black;
  90 }
  91
  92 /* Add a color to the active/current link */
  93 .topnav a.active {
  94     background-color: #4B86EE;
  95     color: white;
  96 }
  97
  98
  99 [data-tab-content] {
 100     display: none;
 101 }
 102
 103 .active[data-tab-content] {
 104     display: block;
 105 }
 106
 107 .tab.active {
 108     background-color: #AAA;
 109 }
 110
 111 .tab:hover {
 112     background-color: #AAA;
 113 }
 114
 115 #headerContainer,
 116 #headerTitle {
 117     background-color: #4B86EE;
 118     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
 119     height: 62px;
 120     margin-top: -10px;
 121     padding: 10px 25px;
 122     position: relative;
 123 }
 124
 125 #headerContainer {
 126     margin-left: -15px;
 127     z-index: 10;
 128
 129     -webkit-box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2);
 130     box-shadow: 0 3px 3px .01px rgba(0, 0, 0, 0.2);
 131 }
 132
 133 #headerContainer:before {
 134     border-color: #034FD5 transparent;
 135     border-style: solid;
 136     border-width: 1em 0 0 1em;
 137     bottom: -1em;
 138     content: '';
 139     display: block;
 140     left: 0;
 141     position: absolute;
 142 }
 143
 144 #headerContainer h2,
 145 #headerContainer h2 small {
 146     color: white !important;
 147     margin-bottom: 0px;
 148 }
 149
 150 #headerContainer h2 small {
 151     font-weight: lighter;
 152 }
 153
 154 #headerTitle {
 155     background-color: white;
 156     margin-right: 15px;
 157     z-index: 9;
 158 }
 159
 160 #headerTitle h2 {
 161     line-height: 1.5;
 162     margin-bottom: 0px;
 163 }
 164
 165 #headerTitle h2 i {
 166     color: #f2f2f2;
 167     font-size: 80px;
 168     position: absolute;
 169     right: 0;
 170     top: -30px;
 171     z-index: -1;
 172 }
 173
 174 #headerTitle h2 small {
 175     color: #bbb;
 176 }
 177
 178 body {
 179     background-image: url("/img/linen.png");
 180 }