]>
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 box-shadow: 0 0 20px rgba
(0, 0, 0, 0.15);
43 display: inline-block
;
48 padding-bottom: 120px;
51 font-family: Arial
, "Helvetica Neue", Helvetica
, sans-serif
;
56 display: none
!important
;
60 background-color: #333;
62 font-family: Arial
, "Helvetica Neue", Helvetica
, sans-serif
;
66 /* Style the links inside the navigation bar */
72 text-decoration: none
;
79 background-image: url
("../img/background.jpg");
81 flex-direction: column
;
89 /* The close button */
103 border: 1px solid
#aaa;
111 /* Display CSS arrow to the right of the dropdown text */
112 .checkbox-dropdown:after {
117 border: 6px solid transparent
;
118 border-top-color: #000;
124 /* Reverse the CSS arrow when the dropdown is active */
125 .checkbox-dropdown.is-active:after {
126 border-bottom-color: #000;
127 border-top-color: #fff;
131 .checkbox-dropdown-list {
136 top: 100%; /* align the dropdown right below the dropdown text */
139 left: -1px; /* align the dropdown to the left */
140 right: -1px; /* align the dropdown to the right */
141 opacity: 0; /* hide the dropdown */
143 transition: opacity
0.4s ease-in-out
;
147 pointer-events: none
; /* avoid mouse click events inside the dropdown */
149 .is-active .checkbox-dropdown-list {
150 opacity: 1; /* display the dropdown */
151 pointer-events: auto
; /* make sure that the user still can select checkboxes */
154 .checkbox-dropdown-list li label {
156 border-bottom: 1px solid silver
;
159 transition: all
0.2s ease-out
;
162 .checkbox-dropdown-list li label:hover {
163 background-color: #555;
167 .table-striped
>tbody
>tr:nth-child
(even
)>td
,
168 .table-striped>tbody>tr:nth-child(even)>th {
169 background-color: #a5a5a549;
171 .table-striped
>tbody
>tr:nth-child
(odd
)>td
,
172 .table-striped>tbody>tr:nth-child(odd)>th {
173 background-color: #ffffff;
176 /* Small screens (max-width: 576px) */
177 @media (max-width: 576px) {
178 /* Change the font size for all headings */
179 h1
, h2
, h3
, h4
, h5
, h6
{
183 /* Hide the sidebar */
188 /* Make the main content take up the full width of the screen */
194 /* Medium screens (min-width: 577px) and (max-width: 768px) */
195 @media (min-width: 577px) and
(max-width: 768px) {
196 /* Change the font size for all headings */
200 /* Large screens (min-width: 769px) */
201 @media (min-width: 769px) {
202 /* CSS rules for large screens go here */
204 /* Portrait screens (max-width: 576px) */
205 @media (max-width: 576px) and
(max-height: 812px) {
206 /* CSS rules for portrait screens go here */
209 /* Landscape screens (min-width: 577px) and (max-height: 812px) */
210 @media (min-width: 577px) and
(max-height: 812px) {
211 /* CSS rules for landscape screens go here */
214 .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
218 .card-header .badge {
233 display: inline-block
;
235 border: solid
1px #ccc;
238 #top-country li
.drag
{
242 #top-country li
.count
{
247 #top-country li
.count span
{
253 /* Show version and 4-icons "footer" at bottom-left,
254 * if screen height is sufficient.
256 @media only screen and
(min-height: 650px) and
(min-width: 768px) {
261 display: block
!important
;
265 height: calc
(100% - 60px - 50px);