mirror of
https://github.com/pi-hole/web.git
synced 2024-12-06 19:36:21 +01:00
Mark Drobnak
118 lines
3.1 KiB
CSS
118 lines
3.1 KiB
CSS
/* Pi-hole: A black hole for Internet advertisements
|
|
* (c) 2017 Pi-hole, LLC (https://pi-hole.net)
|
|
* Network-wide ad blocking via your own hardware.
|
|
*
|
|
* This file is copyright under the latest version of the EUPL.
|
|
* Please see LICENSE file for your rights under this license. */
|
|
|
|
.small-box {
|
|
cursor: default;
|
|
-webkit-user-select: none; /* Chrome/Safari */
|
|
-moz-user-select: none; /* Firefox */
|
|
-ms-user-select: none; /* IE10+ */
|
|
|
|
/* Rules below not implemented in browsers yet */
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.skin-blue .list-group-item:hover {
|
|
background: #ddd;
|
|
}
|
|
@-webkit-keyframes Pulse{
|
|
from {color:#630030;-webkit-text-shadow:0 0 2px transparent;}
|
|
50% {color:#e33100;-webkit-text-shadow:0 0 5px #e33100;}
|
|
to {color:#630030;-webkit-text-shadow:0 0 2px transparent;}
|
|
}
|
|
@keyframes Pulse{
|
|
from {color:#630030;text-shadow:0 0 2px transparent;}
|
|
50% {color:#e33100;text-shadow:0 0 5px #e33100;}
|
|
to {color:#630030;text-shadow:0 0 2px transparent;}
|
|
}
|
|
a.lookatme {
|
|
-webkit-animation-name: Pulse;
|
|
animation-name: Pulse;
|
|
-webkit-animation-duration: 2s;
|
|
animation-duration: 2s;
|
|
-webkit-animation-iteration-count: infinite;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
|
|
.table-responsive {
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
/* Optimize Queries-Table for small screens */
|
|
#all-queries td:nth-of-type(1), /* Time column */
|
|
#all-queries td:nth-of-type(5) { /* Status column */
|
|
white-space: nowrap;
|
|
}
|
|
#all-queries td:nth-of-type(3) { /* Domain column */
|
|
min-width: 200px;
|
|
word-break: break-all;
|
|
white-space: pre-wrap;
|
|
}
|
|
#all-queries_info { /* Allow Info String to wrap (useful while filtering entries on small screen) */
|
|
white-space: unset;
|
|
}
|
|
#all-queries_wrapper .pagination > li > a { /* adjust the buttons width */
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
min-width: 34px;
|
|
text-align: center;
|
|
}
|
|
@media screen and (max-width: 500px),
|
|
screen and (min-width: 767px) and (max-width: 1000px) {
|
|
/* Hide "Previous" & "Next"-Buttons in Pagination */
|
|
#all-queries_wrapper .pagination > li.previous,
|
|
#all-queries_wrapper .pagination > li.next {
|
|
display: none;
|
|
}
|
|
#all-queries_wrapper .pagination > li:nth-of-type(2) a {
|
|
border-top-left-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
#all-queries_wrapper .pagination > li:nth-last-of-type(2) a {
|
|
border-top-right-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
}
|
|
|
|
.main-header>.navbar {
|
|
height: 50px;
|
|
}
|
|
|
|
#resetButton {
|
|
color: red;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.vertical-alignment-helper {
|
|
display: table;
|
|
width: 100%;
|
|
height: 100%;
|
|
pointer-events: none;
|
|
}
|
|
.vertical-alignment-helper > .vertical-align-center {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
}
|
|
.vertical-alignment-helper > .vertical-align-center > .modal-content {
|
|
width: 250px;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
word-wrap: break-word;
|
|
pointer-events: all;
|
|
}
|
|
|
|
.alSpinner {
|
|
top: 0.1em;
|
|
left: 0.1em;
|
|
width: 0.8em;
|
|
height: 0.8em;
|
|
border-radius: 50%;
|
|
border: 4px solid silver;
|
|
border-right-color: transparent;
|
|
-webkit-animation: fa-spin 1s infinite linear;
|
|
animation: fa-spin 1s infinite linear;
|
|
}
|