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   }
  57
  58 .topnav {
  59         background-color: #333;
  60         overflow: hidden;
  61         font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  62
  63 }
  64
  65 /* Style the links inside the navigation bar */
  66 .topnav a {
  67         float: left;
  68         color: #f2f2f2;
  69         text-align: center;
  70         padding: 14px 16px;
  71         text-decoration: none;
  72         font-size: 17px;
  73 }
  74
  75
  76 body {
  77         padding-top: 45px;
  78         background-image: url("../img/background.jpg");
  79         display: flex;
  80         flex-direction: column;
  81 }
  82
  83
  84 .alert-short {
  85         width: 40%;
  86 }
  87
  88 /* The close button */
  89 .closebtn {
  90         color: black;
  91         font-weight: bold;
  92         float: right;
  93         font-size: 22px;
  94         line-height: 20px;
  95         cursor: pointer;
  96         transition: 0.3s;
  97 }
  98
  99
 100 .checkbox-dropdown {
 101         width: 200px;
 102         border: 1px solid #aaa;
 103         padding: 10px;
 104         position: relative;
 105         margin: 0 auto;
 106
 107         user-select: first;
 108 }
 109
 110 /* Display CSS arrow to the right of the dropdown text */
 111 .checkbox-dropdown:after {
 112         content:'';
 113         height: 0;
 114         position: absolute;
 115         width: 0;
 116         border: 6px solid transparent;
 117         border-top-color: #000;
 118         top: 50%;
 119         right: 10px;
 120         margin-top: -3px;
 121 }
 122
 123 /* Reverse the CSS arrow when the dropdown is active */
 124 .checkbox-dropdown.is-active:after {
 125         border-bottom-color: #000;
 126         border-top-color: #fff;
 127         margin-top: -9px;
 128 }
 129
 130 .checkbox-dropdown-list {
 131         list-style: none;
 132         margin: 0;
 133         padding: 0;
 134         position: absolute;
 135         top: 100%; /* align the dropdown right below the dropdown text */
 136         border: inherit;
 137         border-top: none;
 138         left: -1px; /* align the dropdown to the left */
 139         right: -1px; /* align the dropdown to the right */
 140         opacity: 0; /* hide the dropdown */
 141
 142         transition: opacity 0.4s ease-in-out;
 143         height: 100px;
 144         overflow: scroll;
 145         overflow-x: hidden;
 146         pointer-events: none; /* avoid mouse click events inside the dropdown */
 147 }
 148 .is-active .checkbox-dropdown-list {
 149         opacity: 1; /* display the dropdown */
 150         pointer-events: auto; /* make sure that the user still can select checkboxes */
 151 }
 152
 153 .checkbox-dropdown-list li label {
 154         display: block;
 155         border-bottom: 1px solid silver;
 156         padding: 10px;
 157
 158         transition: all 0.2s ease-out;
 159 }
 160
 161 .checkbox-dropdown-list li label:hover {
 162         background-color: #555;
 163         color: white;
 164 }
 165
 166 .table-striped>tbody>tr:nth-child(even)>td,
 167 .table-striped>tbody>tr:nth-child(even)>th {
 168    background-color: #a5a5a549;
 169  }
 170  .table-striped>tbody>tr:nth-child(odd)>td,
 171  .table-striped>tbody>tr:nth-child(odd)>th {
 172         background-color: #ffffff;
 173   }
 174
 175   /* Small screens (max-width: 576px) */
 176 @media (max-width: 576px) {
 177    /* Change the font size for all headings */
 178    h1, h2, h3, h4, h5, h6 {
 179     font-size: 18px;
 180   }
 181
 182   /* Hide the sidebar */
 183   .sidebar {
 184     display: none;
 185   }
 186
 187   /* Make the main content take up the full width of the screen */
 188   .main-content {
 189     width: 100%;
 190   }
 191 }
 192
 193 /* Medium screens (min-width: 577px) and (max-width: 768px) */
 194 @media (min-width: 577px) and (max-width: 768px) {
 195   /* Change the font size for all headings */
 196
 197 }
 198
 199 /* Large screens (min-width: 769px) */
 200 @media (min-width: 769px) {
 201   /* CSS rules for large screens go here */
 202 }
 203 /* Portrait screens (max-width: 576px) */
 204 @media (max-width: 576px) and (max-height: 812px) {
 205   /* CSS rules for portrait screens go here */
 206 }
 207
 208 /* Landscape screens (min-width: 577px) and (max-height: 812px) */
 209 @media (min-width: 577px) and (max-height: 812px) {
 210   /* CSS rules for landscape screens go here */
 211 }
 212
 213 .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
 214         width: inherit;
 215 }
 216
 217 .card-header .badge {
 218         top:-10px;
 219         left:20px;
 220         line-height: 74px;
 221 }