diff --git a/index.php b/index.php index 17d0d4f8..e460fbf4 100644 --- a/index.php +++ b/index.php @@ -20,20 +20,23 @@ require_once 'scripts/pi-hole/php/gravity.php';
-
+
-

Total queries (- clients)

+

Total queries

---

+ + - active clients +
-
+

Queries Blocked

---

@@ -41,6 +44,9 @@ require_once 'scripts/pi-hole/php/gravity.php';
+ + List blocked queries +
@@ -54,12 +60,15 @@ require_once 'scripts/pi-hole/php/gravity.php';
+ + List all queries +
-
+

Domains on Adlists

---

@@ -67,6 +76,9 @@ require_once 'scripts/pi-hole/php/gravity.php';
+ + Manage adlists +
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;