]>
jfr.im git - irc/unrealircd/unrealircd-webpanel.git/blob - css/unrealircd-admin.css
6 font-family: arial
, sans-serif
;
7 border-collapse: collapse
;
10 box-shadow: 0 0 20px rgba
(0, 0, 0, 0.15);
14 box-shadow: 0 0 20px rgba
(0, 0, 0, 0.15);
43 .navbar-nav li>a:hover,.navbar-nav li.active {
45 background-color: #4B86EE;
48 .navbar-nav li>a:hover,.navbar-nav li>a:focus {
50 background-color: #6ca0f8;
57 background-color: #4B86EE;
61 border: 10px solid
#4B86EE;
62 border-top-left-radius: 10px;
63 border-top-right-radius: 10px;
72 background-color: lightgray
;
75 box-shadow: 0 0 20px rgba
(0, 0, 0, 0.15);
79 .tkl_add_form_contents {
84 font-family: arial
, sans-serif
;
85 border-collapse: collapse
;
88 box-shadow: 0 0 20px rgba
(0, 0, 0, 0.15);
105 display: inline-block
;
109 .align_right_button_tkl_add {
111 display: inline-block
;
131 /* enable the "border-box effect" everywhere */
136 /* for the footer to move with the page size */
138 /* for the footer to be at the bottom */
142 font-family: Arial
, "Helvetica Neue", Helvetica
, sans-serif
;
147 background-color: #333;
158 background-color: #333;
160 font-family: Arial
, "Helvetica Neue", Helvetica
, sans-serif
;
164 /* Style the links inside the navigation bar */
170 text-decoration: none
;
174 /* Change the color of links on hover */
176 background-color: #ddd;
180 /* Add a color to the active/current link */
182 background-color: #4B86EE;
191 .active[data-tab-content] {
196 background-color: #AAA;
200 background-color: #AAA;
205 background-color: #4B86EE;
206 font-family: Arial
, "Helvetica Neue", Helvetica
, sans-serif
;
217 -webkit-box-shadow: 0 3px 3px .01px rgba
(0, 0, 0, 0.2);
218 box-shadow: 0 3px 3px .01px rgba
(0, 0, 0, 0.2);
221 #headerContainer:before
{
222 border-color: #034FD5 transparent
;
224 border-width: 1em 0 0 1em;
233 #headerContainer h2 small
{
234 color: white
!important
;
239 #headerContainer h2 small
{
240 font-weight: lighter
;
244 background-color: white
;
263 #headerTitle h2 small
{
270 background-image: url
("/img/linen.png");
272 flex-direction: column
;
275 @media screen and
(max-width: 768px) {
276 body
{ padding-top: 0px; }
283 background-color: #4B86EE;
284 background-size: calc
(100% + 20px) calc
(100% + 20px);
288 box-sizing: border-box
;
291 display: inline-flex
;
292 font-family: CircularStd
, sans-serif
;
295 justify-content: center
;
300 text-decoration: none
;
301 transition: background-color
.2s, background-position
.2s;
303 -webkit-user-select: none
;
304 touch-action: manipulation
;
315 background-position: -20px -20px;
316 background-color: #034FD5;
319 .cute_button:focus:not(:active) {
320 box-shadow: rgba
(40, 170, 255, 0.25) 0 0 0 .125em;
327 background-color: green
;
332 box-sizing: border-box
;
335 display: inline-flex
;
336 font-family: CircularStd
, sans-serif
;
338 justify-content: center
;
342 text-decoration: none
;
343 transition: background-color
.2s, background-position
.2s;
345 -webkit-user-select: none
;
346 touch-action: manipulation
;
350 .cute_button2:active
,
351 .cute_button2:focus {
355 .cute_button2:hover {
356 background-position: -20px -20px;
357 background-color: #353c47;
360 .cute_button2:focus:not(:active) {
361 box-shadow: rgba
(40, 170, 255, 0.25) 0 0 0 .125em;
366 /* The close button */
381 border: 1px solid
#aaa;
389 /* Display CSS arrow to the right of the dropdown text */
390 .checkbox-dropdown:after {
395 border: 6px solid transparent
;
396 border-top-color: #000;
402 /* Reverse the CSS arrow when the dropdown is active */
403 .checkbox-dropdown.is-active:after {
404 border-bottom-color: #000;
405 border-top-color: #fff;
409 .checkbox-dropdown-list {
414 top: 100%; /* align the dropdown right below the dropdown text */
417 left: -1px; /* align the dropdown to the left */
418 right: -1px; /* align the dropdown to the right */
419 opacity: 0; /* hide the dropdown */
421 transition: opacity
0.4s ease-in-out
;
425 pointer-events: none
; /* avoid mouse click events inside the dropdown */
427 .is-active .checkbox-dropdown-list {
428 opacity: 1; /* display the dropdown */
429 pointer-events: auto
; /* make sure that the user still can select checkboxes */
432 .checkbox-dropdown-list li label {
434 border-bottom: 1px solid silver
;
437 transition: all
0.2s ease-out
;
440 .checkbox-dropdown-list li label:hover {
441 background-color: #555;