+
Domains on Adlists
---
@@ -67,6 +76,9 @@ require_once 'scripts/pi-hole/php/gravity.php';
+
diff --git a/style/pi-hole.css b/style/pi-hole.css
index 7d030b62..40eaaa1d 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -9,14 +9,6 @@
background: url("../img/boxed-bg.png") repeat fixed;
}
-.small-box span {
- transition-duration: 0.5s;
-}
-
-.small-box span.glow {
- text-shadow: 0 0 5px currentColor;
-}
-
@-webkit-keyframes Pulse {
from {
opacity: 0;
@@ -424,19 +416,61 @@ td.lookatme {
padding: 1px;
}
-.box,
+.box {
+ border-radius: 10px;
+}
+
.small-box {
border-radius: 10px;
z-index: 0; /* fix the small-box z-index (related to '.small-box .icon') */
+ overflow: hidden;
+}
+
+.small-box span {
+ transition-duration: 0.5s;
+}
+
+.small-box-footer span {
+ transition-duration: 0s;
+}
+
+.small-box span.glow {
+ text-shadow: 0 0 5px currentColor;
+}
+
+.small-box p {
+ margin: 0 0 5px;
+}
+
+.small-box > .inner {
+ padding: 10px 10px 0;
+}
+
+.small-box > .small-box-footer {
+ color: rgba(255, 255, 255, 0.5);
+ transition: all 0.5s;
+}
+
+@media screen and (min-width: 768px) {
+ .small-box > .small-box-footer {
+ text-align: right;
+ padding: 3px 7px;
+ }
+}
+
+.small-box-footer svg {
+ margin: 0 5px;
+ font-size: 13px;
}
.small-box .icon {
+ font-size: 76px;
z-index: -1; /* sends the icon behind the text */
}
/*** Icons grow on hover, but remain centered ***/
.small-box:hover .icon {
- font-size: 90px; /* keep the same font-size, to avoid shifting the position */
+ font-size: 80px; /* keep the same font-size, to avoid shifting the position */
transform: scale(1.06);
}
diff --git a/style/themes/lcars.css b/style/themes/lcars.css
index e5f26ae0..94247eef 100644
--- a/style/themes/lcars.css
+++ b/style/themes/lcars.css
@@ -1999,6 +1999,14 @@ td.highlight {
color: #000 !important;
}
+.small-box > .small-box-footer:hover {
+ color: #000;
+}
+
+.small-box > .small-box-footer {
+ color: rgba(0, 0, 0, 0.5);
+}
+
.small-box .icon,
.select2-selection__clear {
font-family: sans-serif;