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
 108 body {
 109         padding-top: 45px;
 110         background-image: url("../img/linen.png");
 111         display: flex;
 112         flex-direction: column;
 113 }
 114
 115
 116 .alert-short {
 117         width: 40%;
 118 }
 119
 120 /* The close button */
 121 .closebtn {
 122         color: black;
 123         font-weight: bold;
 124         float: right;
 125         font-size: 22px;
 126         line-height: 20px;
 127         cursor: pointer;
 128         transition: 0.3s;
 129 }
 130
 131
 132 .checkbox-dropdown {
 133         width: 200px;
 134         border: 1px solid #aaa;
 135         padding: 10px;
 136         position: relative;
 137         margin: 0 auto;
 138
 139         user-select: first;
 140 }
 141
 142 /* Display CSS arrow to the right of the dropdown text */
 143 .checkbox-dropdown:after {
 144         content:'';
 145         height: 0;
 146         position: absolute;
 147         width: 0;
 148         border: 6px solid transparent;
 149         border-top-color: #000;
 150         top: 50%;
 151         right: 10px;
 152         margin-top: -3px;
 153 }
 154
 155 /* Reverse the CSS arrow when the dropdown is active */
 156 .checkbox-dropdown.is-active:after {
 157         border-bottom-color: #000;
 158         border-top-color: #fff;
 159         margin-top: -9px;
 160 }
 161
 162 .checkbox-dropdown-list {
 163         list-style: none;
 164         margin: 0;
 165         padding: 0;
 166         position: absolute;
 167         top: 100%; /* align the dropdown right below the dropdown text */
 168         border: inherit;
 169         border-top: none;
 170         left: -1px; /* align the dropdown to the left */
 171         right: -1px; /* align the dropdown to the right */
 172         opacity: 0; /* hide the dropdown */
 173
 174         transition: opacity 0.4s ease-in-out;
 175         height: 100px;
 176         overflow: scroll;
 177         overflow-x: hidden;
 178         pointer-events: none; /* avoid mouse click events inside the dropdown */
 179 }
 180 .is-active .checkbox-dropdown-list {
 181         opacity: 1; /* display the dropdown */
 182         pointer-events: auto; /* make sure that the user still can select checkboxes */
 183 }
 184
 185 .checkbox-dropdown-list li label {
 186         display: block;
 187         border-bottom: 1px solid silver;
 188         padding: 10px;
 189
 190         transition: all 0.2s ease-out;
 191 }
 192
 193 .checkbox-dropdown-list li label:hover {
 194         background-color: #555;
 195         color: white;
 196 }
 197
 198 .table-striped>tbody>tr:nth-child(even)>td,
 199 .table-striped>tbody>tr:nth-child(even)>th {
 200    background-color: #c9c9c949;
 201  }
 202  .table-striped>tbody>tr:nth-child(odd)>td,
 203  .table-striped>tbody>tr:nth-child(odd)>th {
 204         background-color: #ffffff;
 205   }
 206