css/unrealircd-admin.css

   1 .unrealircd_overview {
   2         font-family: arial, sans-serif;
   3         border-collapse: collapse;
   4         border-radius: 7px;
   5         width: 25%;
   6         box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
   7 }
   8
   9 .badge-pill {
  10         box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  11 }
  12
  13 .curvy {
  14         border-radius: 7px;
  15         margin: 2px;
  16 }
  17
  18 .short-form-control {
  19         width: 70%;
  20 }
  21
  22
  23 .align_right {
  24         width: 10px;
  25         text-align: right;
  26 }
  27
  28 .input_text {
  29         border-radius: 7px;
  30 }
  31
  32 .filter-fields {
  33         height: 30px;
  34         width: 400px;
  35         padding: 5px 5px;
  36         margin: 8px 0;
  37         border-radius: 7px;
  38 }
  39
  40
  41 .align_label {
  42         width: 80px;
  43         display: inline-block;
  44         text-align: right;
  45 }
  46
  47 body {
  48     padding-bottom: 120px;
  49 }
  50 footer {
  51         font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  52         position: absolute;
  53         bottom: 0;
  54         width: 100%;
  55         height: 55px;
  56         display: none !important;
  57   }
  58
  59 .topnav {
  60         background-color: #333;
  61         overflow: hidden;
  62         font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  63
  64 }
  65
  66 /* Style the links inside the navigation bar */
  67 .topnav a {
  68         float: left;
  69         color: #f2f2f2;
  70         text-align: center;
  71         padding: 14px 16px;
  72         text-decoration: none;
  73         font-size: 17px;
  74 }
  75
  76
  77 body {
  78         padding-top: 45px;
  79         background-image: url("../img/background.jpg");
  80         display: flex;
  81         flex-direction: column;
  82 }
  83
  84
  85 .alert-short {
  86         width: 40%;
  87 }
  88
  89 /* The close button */
  90 .closebtn {
  91         color: black;
  92         font-weight: bold;
  93         float: right;
  94         font-size: 22px;
  95         line-height: 20px;
  96         cursor: pointer;
  97         transition: 0.3s;
  98 }
  99
 100
 101 .checkbox-dropdown {
 102         width: 200px;
 103         border: 1px solid #aaa;
 104         padding: 10px;
 105         position: relative;
 106         margin: 0 auto;
 107
 108         user-select: first;
 109 }
 110
 111 /* Display CSS arrow to the right of the dropdown text */
 112 .checkbox-dropdown:after {
 113         content:'';
 114         height: 0;
 115         position: absolute;
 116         width: 0;
 117         border: 6px solid transparent;
 118         border-top-color: #000;
 119         top: 50%;
 120         right: 10px;
 121         margin-top: -3px;
 122 }
 123
 124 /* Reverse the CSS arrow when the dropdown is active */
 125 .checkbox-dropdown.is-active:after {
 126         border-bottom-color: #000;
 127         border-top-color: #fff;
 128         margin-top: -9px;
 129 }
 130
 131 .checkbox-dropdown-list {
 132         list-style: none;
 133         margin: 0;
 134         padding: 0;
 135         position: absolute;
 136         top: 100%; /* align the dropdown right below the dropdown text */
 137         border: inherit;
 138         border-top: none;
 139         left: -1px; /* align the dropdown to the left */
 140         right: -1px; /* align the dropdown to the right */
 141         opacity: 0; /* hide the dropdown */
 142
 143         transition: opacity 0.4s ease-in-out;
 144         height: 100px;
 145         overflow: scroll;
 146         overflow-x: hidden;
 147         pointer-events: none; /* avoid mouse click events inside the dropdown */
 148 }
 149 .is-active .checkbox-dropdown-list {
 150         opacity: 1; /* display the dropdown */
 151         pointer-events: auto; /* make sure that the user still can select checkboxes */
 152 }
 153
 154 .checkbox-dropdown-list li label {
 155         display: block;
 156         border-bottom: 1px solid silver;
 157         padding: 10px;
 158
 159         transition: all 0.2s ease-out;
 160 }
 161
 162 .checkbox-dropdown-list li label:hover {
 163         background-color: #555;
 164         color: white;
 165 }
 166
 167 .table-striped>tbody>tr:nth-child(even)>td,
 168 .table-striped>tbody>tr:nth-child(even)>th {
 169    background-color: #a5a5a549;
 170  }
 171  .table-striped>tbody>tr:nth-child(odd)>td,
 172  .table-striped>tbody>tr:nth-child(odd)>th {
 173         background-color: #ffffff;
 174   }
 175
 176   /* Small screens (max-width: 576px) */
 177 @media (max-width: 576px) {
 178    /* Change the font size for all headings */
 179    h1, h2, h3, h4, h5, h6 {
 180     font-size: 18px;
 181   }
 182
 183   /* Hide the sidebar */
 184   .sidebar {
 185     display: none;
 186   }
 187
 188   /* Make the main content take up the full width of the screen */
 189   .main-content {
 190     width: 100%;
 191   }
 192 }
 193
 194 /* Medium screens (min-width: 577px) and (max-width: 768px) */
 195 @media (min-width: 577px) and (max-width: 768px) {
 196   /* Change the font size for all headings */
 197
 198 }
 199
 200 /* Large screens (min-width: 769px) */
 201 @media (min-width: 769px) {
 202   /* CSS rules for large screens go here */
 203 }
 204 /* Portrait screens (max-width: 576px) */
 205 @media (max-width: 576px) and (max-height: 812px) {
 206   /* CSS rules for portrait screens go here */
 207 }
 208
 209 /* Landscape screens (min-width: 577px) and (max-height: 812px) */
 210 @media (min-width: 577px) and (max-height: 812px) {
 211   /* CSS rules for landscape screens go here */
 212 }
 213
 214 .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
 215         width: inherit;
 216 }
 217
 218 .card-header .badge {
 219         top:-10px;
 220         left:20px;
 221 }
 222
 223 .card-header i.fa {
 224         line-height: 74px;
 225 }
 226
 227 #top-country ul {
 228         list-style: none;
 229 }
 230
 231 #top-country li {
 232   padding: 5px;
 233   display: inline-block;
 234   margin: 9px;
 235   border: solid 1px #ccc;
 236 }
 237
 238 #top-country li .drag {
 239   text-align: center;
 240 }
 241
 242 #top-country li .count {
 243   text-align: center;
 244   font-size: 2.2rem;
 245 }
 246
 247 #top-country li .count span {
 248   display:block;
 249   text-align: center;
 250   font-size: 1rem;
 251 }
 252
 253 /* Show version and 4-icons "footer" at bottom-left,
 254  * if screen height is sufficient.
 255  */
 256 @media only screen and (min-height: 650px) and (min-width: 768px) {
 257     footer {
 258         float: left;
 259         width: 160px;
 260         height: 60px;
 261         display: block !important;
 262     }
 263
 264     #sidebarlol {
 265         height: calc(100% - 60px - 50px);
 266     }
 267 }
 268
 269 /* Virtual link - hover effect (eg on Server Bans) */
 270 .virtuallink {
 271         text-decoration: none;
 272 }
 273 .virtuallink:hover {
 274         text-decoration: underline;
 275         cursor: pointer;
 276 }
 277
 278 /* TD that may wrap - eg for Reason / Topic */
 279 .tdwrap {
 280   white-space: normal !important;
 281 }