]>
jfr.im git - irc/unrealircd/unrealircd-webpanel.git/blob - css/unrealircd-admin.css
2 font-family: arial
, sans-serif
;
3 border-collapse: collapse
;
6 box-shadow: 0 0 20px rgba
(0, 0, 0, 0.15);
10 background-color: #4B86EE;
14 border: 10px solid
#4B86EE;
15 border-top-left-radius: 10px;
16 border-top-right-radius: 10px;
25 background-color: lightgray
;
28 box-shadow: 0 0 20px rgba
(0, 0, 0, 0.15);
32 .tkl_add_form_contents {
37 font-family: arial
, sans-serif
;
38 border-collapse: collapse
;
41 box-shadow: 0 0 20px rgba
(0, 0, 0, 0.15);
52 text-decoration: none
;
56 border-bottom-left-radius: 10px;
60 border-bottom-right-radius: 10px;
72 border: 3px solid darkgreen
;
73 background-color: rgba
(0, 255, 0, 0.1);
78 border: 3px solid brown
;
79 background-color: rgba
(255, 166, 0, 0.247);
83 border: 3px solid darkblue
;
84 background-color: rgba
(131, 78, 255, 0.295);
88 border: 3px solid darkred
;
89 background-color: rgba
(255, 78, 78, 0.295);
94 display: inline-block
;
98 .align_right_button_tkl_add {
100 display: inline-block
;
106 font-family: 'Heebo', sans-serif
;
109 letter-spacing: 0.025rem;
111 text-transform: uppercase
;
113 -webkit-border-radius: 1rem;
114 -moz-border-radius: 1rem;
115 padding: 0.20rem 0.50rem;
127 border-collapse: collapse
;
130 font-family: sans-serif
;
132 box-shadow: 0 0 20px rgba
(0, 0, 0, 0.15);
143 background-color: #4B86EE;
148 border-top-left-radius: 10px;
153 border-top-right-radius: 10px;
157 tr:last-of-type
td:first-of-type
{
158 border-bottom-left-radius: 10px;
162 tr:last-of-type
td:last-of-type
{
163 border-bottom-right-radius: 10px;
167 background-color: #bec8d3;
171 background-color: whitesmoke
;
176 /* for the page to take full window height */
177 box-sizing: border-box
;
179 /* to have the footer displayed at the bottom of the page without scrolling */
180 font-family: arial
, sans-serif
;
188 /* enable the "border-box effect" everywhere */
193 /* for the footer to move with the page size */
195 /* for the footer to be at the bottom */
199 font-family: Arial
, "Helvetica Neue", Helvetica
, sans-serif
;
204 background-color: #333;
224 background-color: #333;
226 font-family: Arial
, "Helvetica Neue", Helvetica
, sans-serif
;
230 /* Style the links inside the navigation bar */
236 text-decoration: none
;
240 /* Change the color of links on hover */
242 background-color: #ddd;
246 /* Add a color to the active/current link */
248 background-color: #4B86EE;
257 .active[data-tab-content] {
262 background-color: #AAA;
266 background-color: #AAA;
271 background-color: #4B86EE;
272 font-family: Arial
, "Helvetica Neue", Helvetica
, sans-serif
;
283 -webkit-box-shadow: 0 3px 3px .01px rgba
(0, 0, 0, 0.2);
284 box-shadow: 0 3px 3px .01px rgba
(0, 0, 0, 0.2);
287 #headerContainer:before
{
288 border-color: #034FD5 transparent
;
290 border-width: 1em 0 0 1em;
299 #headerContainer h2 small
{
300 color: white
!important
;
305 #headerContainer h2 small
{
306 font-weight: lighter
;
310 background-color: white
;
329 #headerTitle h2 small
{
335 background-image: url
("/img/linen.png");
337 flex-direction: column
;
344 background-color: #4B86EE;
345 background-size: calc
(100% + 20px) calc
(100% + 20px);
349 box-sizing: border-box
;
352 display: inline-flex
;
353 font-family: CircularStd
, sans-serif
;
356 justify-content: center
;
361 text-decoration: none
;
362 transition: background-color
.2s, background-position
.2s;
364 -webkit-user-select: none
;
365 touch-action: manipulation
;
376 background-position: -20px -20px;
377 background-color: #034FD5;
380 .cute_button:focus:not(:active) {
381 box-shadow: rgba
(40, 170, 255, 0.25) 0 0 0 .125em;
388 background-color: green
;
393 box-sizing: border-box
;
396 display: inline-flex
;
397 font-family: CircularStd
, sans-serif
;
399 justify-content: center
;
403 text-decoration: none
;
404 transition: background-color
.2s, background-position
.2s;
406 -webkit-user-select: none
;
407 touch-action: manipulation
;
411 .cute_button2:active
,
412 .cute_button2:focus {
416 .cute_button2:hover {
417 background-position: -20px -20px;
418 background-color: #353c47;
421 .cute_button2:focus:not(:active) {
422 box-shadow: rgba
(40, 170, 255, 0.25) 0 0 0 .125em;
427 background-color: #b62c22;
438 background-color: #208120;
449 background-color: #245788;
458 /* The close button */
473 border: 1px solid
#aaa;
481 /* Display CSS arrow to the right of the dropdown text */
482 .checkbox-dropdown:after {
487 border: 6px solid transparent
;
488 border-top-color: #000;
494 /* Reverse the CSS arrow when the dropdown is active */
495 .checkbox-dropdown.is-active:after {
496 border-bottom-color: #000;
497 border-top-color: #fff;
501 .checkbox-dropdown-list {
506 top: 100%; /* align the dropdown right below the dropdown text */
509 left: -1px; /* align the dropdown to the left */
510 right: -1px; /* align the dropdown to the right */
511 opacity: 0; /* hide the dropdown */
513 transition: opacity
0.4s ease-in-out
;
517 pointer-events: none
; /* avoid mouse click events inside the dropdown */
519 .is-active .checkbox-dropdown-list {
520 opacity: 1; /* display the dropdown */
521 pointer-events: auto
; /* make sure that the user still can select checkboxes */
524 .checkbox-dropdown-list li label {
526 border-bottom: 1px solid silver
;
529 transition: all
0.2s ease-out
;
532 .checkbox-dropdown-list li label:hover {
533 background-color: #555;