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 .form-control {
  19         height: 10px;
  20         margin: 5px;
  21 }
  22
  23 .short-form-control {
  24         width: 70%;
  25 }
  26
  27 .nav-item {
  28         margin-left: 2px;
  29         margin-right: 2px;
  30 }
  31 .navbar-nav li> {
  32         border-radius: 4px;
  33 }
  34 .navbar-nav li>a:hover,.navbar-nav li.active {
  35         color: white;
  36         background-color: #4B86EE;
  37         border-radius: 4px;
  38 }
  39 .navbar-nav li>a:hover,.navbar-nav li>a:focus {
  40         color: white;
  41         background-color: #6ca0f8;
  42         border-radius: 4px;
  43 }
  44
  45 .align_right {
  46         width: 10px;
  47         text-align: right;
  48 }
  49
  50 .input_text {
  51         border-radius: 7px;
  52 }
  53
  54 .filter-fields {
  55         height: 30px;
  56         width: 400px;
  57         padding: 5px 5px;
  58         margin: 8px 0;
  59         border-radius: 7px;
  60 }
  61
  62
  63 .align_label {
  64         width: 80px;
  65         display: inline-block;
  66         text-align: right;
  67 }
  68
  69
  70
  71
  72 *,
  73 *:before,
  74 *:after {
  75         box-sizing: inherit;
  76         /* enable the "border-box effect" everywhere */
  77 }
  78 body {
  79     padding-bottom: 120px;
  80 }
  81 footer {
  82         font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  83         position: absolute;
  84         bottom: 0;
  85         width: 100%;
  86         height: 55px;
  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
 107 body {
 108         padding-top: 45px;
 109         background-image: url("../img/background.jpg");
 110         display: flex;
 111         flex-direction: column;
 112 }
 113
 114
 115 .alert-short {
 116         width: 40%;
 117 }
 118
 119 /* The close button */
 120 .closebtn {
 121         color: black;
 122         font-weight: bold;
 123         float: right;
 124         font-size: 22px;
 125         line-height: 20px;
 126         cursor: pointer;
 127         transition: 0.3s;
 128 }
 129
 130
 131 .checkbox-dropdown {
 132         width: 200px;
 133         border: 1px solid #aaa;
 134         padding: 10px;
 135         position: relative;
 136         margin: 0 auto;
 137
 138         user-select: first;
 139 }
 140
 141 /* Display CSS arrow to the right of the dropdown text */
 142 .checkbox-dropdown:after {
 143         content:'';
 144         height: 0;
 145         position: absolute;
 146         width: 0;
 147         border: 6px solid transparent;
 148         border-top-color: #000;
 149         top: 50%;
 150         right: 10px;
 151         margin-top: -3px;
 152 }
 153
 154 /* Reverse the CSS arrow when the dropdown is active */
 155 .checkbox-dropdown.is-active:after {
 156         border-bottom-color: #000;
 157         border-top-color: #fff;
 158         margin-top: -9px;
 159 }
 160
 161 .checkbox-dropdown-list {
 162         list-style: none;
 163         margin: 0;
 164         padding: 0;
 165         position: absolute;
 166         top: 100%; /* align the dropdown right below the dropdown text */
 167         border: inherit;
 168         border-top: none;
 169         left: -1px; /* align the dropdown to the left */
 170         right: -1px; /* align the dropdown to the right */
 171         opacity: 0; /* hide the dropdown */
 172
 173         transition: opacity 0.4s ease-in-out;
 174         height: 100px;
 175         overflow: scroll;
 176         overflow-x: hidden;
 177         pointer-events: none; /* avoid mouse click events inside the dropdown */
 178 }
 179 .is-active .checkbox-dropdown-list {
 180         opacity: 1; /* display the dropdown */
 181         pointer-events: auto; /* make sure that the user still can select checkboxes */
 182 }
 183
 184 .checkbox-dropdown-list li label {
 185         display: block;
 186         border-bottom: 1px solid silver;
 187         padding: 10px;
 188
 189         transition: all 0.2s ease-out;
 190 }
 191
 192 .checkbox-dropdown-list li label:hover {
 193         background-color: #555;
 194         color: white;
 195 }
 196
 197 .table-striped>tbody>tr:nth-child(even)>td,
 198 .table-striped>tbody>tr:nth-child(even)>th {
 199    background-color: #a5a5a549;
 200  }
 201  .table-striped>tbody>tr:nth-child(odd)>td,
 202  .table-striped>tbody>tr:nth-child(odd)>th {
 203         background-color: #ffffff;
 204   }
 205
 206   /* Small screens (max-width: 576px) */
 207 @media (max-width: 576px) {
 208    /* Change the font size for all headings */
 209    h1, h2, h3, h4, h5, h6 {
 210     font-size: 18px;
 211   }
 212
 213   /* Hide the sidebar */
 214   .sidebar {
 215     display: none;
 216   }
 217
 218   /* Make the main content take up the full width of the screen */
 219   .main-content {
 220     width: 100%;
 221   }
 222 }
 223
 224 /* Medium screens (min-width: 577px) and (max-width: 768px) */
 225 @media (min-width: 577px) and (max-width: 768px) {
 226   /* Change the font size for all headings */
 227
 228 }
 229
 230 /* Large screens (min-width: 769px) */
 231 @media (min-width: 769px) {
 232   /* CSS rules for large screens go here */
 233 }
 234 /* Portrait screens (max-width: 576px) */
 235 @media (max-width: 576px) and (max-height: 812px) {
 236   /* CSS rules for portrait screens go here */
 237 }
 238
 239 /* Landscape screens (min-width: 577px) and (max-height: 812px) */
 240 @media (min-width: 577px) and (max-height: 812px) {
 241   /* CSS rules for landscape screens go here */
 242 }