]>
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
;
70 background-image: url
("../img/background.jpg");
71 background-attachment: fixed
;
73 flex-direction: column
;
81 /* The close button */
95 border: 1px solid
#aaa;
103 /* Display CSS arrow to the right of the dropdown text */
104 .checkbox-dropdown:after {
109 border: 6px solid transparent
;
110 border-top-color: #000;
116 /* Reverse the CSS arrow when the dropdown is active */
117 .checkbox-dropdown.is-active:after {
118 border-bottom-color: #000;
119 border-top-color: #fff;
123 .checkbox-dropdown-list {
128 top: 100%; /* align the dropdown right below the dropdown text */
131 left: -1px; /* align the dropdown to the left */
132 right: -1px; /* align the dropdown to the right */
133 opacity: 0; /* hide the dropdown */
135 transition: opacity
0.4s ease-in-out
;
139 pointer-events: none
; /* avoid mouse click events inside the dropdown */
141 .is-active .checkbox-dropdown-list {
142 opacity: 1; /* display the dropdown */
143 pointer-events: auto
; /* make sure that the user still can select checkboxes */
146 .checkbox-dropdown-list li label {
148 border-bottom: 1px solid silver
;
151 transition: all
0.2s ease-out
;
154 .checkbox-dropdown-list li label:hover {
155 background-color: #555;
159 .table-striped
>tbody
>tr:nth-child
(even
)>td
,
160 .table-striped>tbody>tr:nth-child(even)>th {
161 background-color: #a5a5a549;
163 .table-striped
>tbody
>tr:nth-child
(odd
)>td
,
164 .table-striped>tbody>tr:nth-child(odd)>th {
165 background-color: #ffffff;
168 /* Small screens (max-width: 576px) */
169 @media (max-width: 576px) {
170 /* Change the font size for all headings */
171 h1
, h2
, h3
, h4
, h5
, h6
{
175 /* Hide the sidebar */
180 /* Make the main content take up the full width of the screen */
186 /* Medium screens (min-width: 577px) and (max-width: 768px) */
187 @media (min-width: 577px) and
(max-width: 768px) {
188 /* Change the font size for all headings */
192 /* Large screens (min-width: 769px) */
193 @media (min-width: 769px) {
194 /* CSS rules for large screens go here */
196 /* Portrait screens (max-width: 576px) */
197 @media (max-width: 576px) and
(max-height: 812px) {
198 /* CSS rules for portrait screens go here */
201 /* Landscape screens (min-width: 577px) and (max-height: 812px) */
202 @media (min-width: 577px) and
(max-height: 812px) {
203 /* CSS rules for landscape screens go here */
206 .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
210 .card-header .badge {
225 display: inline-block
;
227 border: solid
1px #ccc;
230 #top-country li
.drag
{
234 #top-country li
.count
{
239 #top-country li
.count span
{
245 /* Show version and 4-icons "footer" at bottom-left,
246 * if screen height is sufficient.
248 @media only screen and
(min-height: 650px) and
(min-width: 768px) {
253 display: block
!important
;
257 height: calc
(100% - 60px - 50px);
261 /* Virtual link - hover effect (eg on Server Bans) */
263 text-decoration: none
;
266 text-decoration: underline
;
270 /* TD that may wrap - eg for Reason / Topic */
272 white-space: normal
!important
;