Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2025-12-24 20:55:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Reduce CSS duplication a bit

Browse Source 
Signed-off-by: XhmikosR <xhmikosr@gmail.com>
This commit is contained in:
XhmikosR
2020-05-24 11:10:08 +03:00
parent ac8ece7d05
commit a25cb8a838
3 changed files with 18 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
db_queries.php
View File

@@ -79,7 +79,7 @@ $token = $_SESSION['token'];
<div class="row">
<div class="col-lg-3 col-xs-12">
<!-- small box -->
<div class="small-box bg-aqua">
<div class="small-box bg-aqua no-user-select">
<div class="inner">
<h3 class="statistic" id="ads_blocked_exact">---</h3>
<p>Queries Blocked</p>
@@ -92,7 +92,7 @@ $token = $_SESSION['token'];
<!-- ./col -->
<div class="col-lg-3 col-xs-12">
<!-- small box -->
<div class="small-box bg-aqua">
<div class="small-box bg-aqua no-user-select">
<div class="inner">
<h3 class="statistic" id="ads_wildcard_blocked">---</h3>
<p>Queries Blocked (Wildcards)</p>
@@ -105,7 +105,7 @@ $token = $_SESSION['token'];
<!-- ./col -->
<div class="col-lg-3 col-xs-12">
<!-- small box -->
<div class="small-box bg-green">
<div class="small-box bg-green no-user-select">
<div class="inner">
<h3 class="statistic" id="dns_queries">---</h3>
<p>Queries Total</p>
@@ -118,7 +118,7 @@ $token = $_SESSION['token'];
<!-- ./col -->
<div class="col-lg-3 col-xs-12">
<!-- small box -->
<div class="small-box bg-yellow">
<div class="small-box bg-yellow no-user-select">
<div class="inner">
<h3 class="statistic" id="ads_percentage_today">---</h3>
<p>Queries Blocked</p>

14
index.php
View File

@@ -31,7 +31,7 @@
<div class="row">
<div class="col-lg-3 col-sm-6">
<!-- small box -->
<div class="small-box bg-green" id="total_queries" title="only A + AAAA queries">
<div class="small-box bg-green no-user-select" id="total_queries" title="only A + AAAA queries">
<div class="inner">
<p>Total queries (<span id="unique_clients">-</span> clients)</p>
<h3 class="statistic"><span id="dns_queries_today">---</span></h3>
@@ -44,7 +44,7 @@
<!-- ./col -->
<div class="col-lg-3 col-sm-6">
<!-- small box -->
<div class="small-box bg-aqua">
<div class="small-box bg-aqua no-user-select">
<div class="inner">
<p>Queries Blocked</p>
<h3 class="statistic"><span id="queries_blocked_today">---</span></h3>
@@ -57,7 +57,7 @@
<!-- ./col -->
<div class="col-lg-3 col-sm-6">
<!-- small box -->
<div class="small-box bg-yellow">
<div class="small-box bg-yellow no-user-select">
<div class="inner">
<p>Percent Blocked</p>
<h3 class="statistic"><span id="percentage_blocked_today">---</span></h3>
@@ -70,7 +70,7 @@
<!-- ./col -->
<div class="col-lg-3 col-sm-6">
<!-- small box -->
<div class="small-box bg-red" title="<?php echo gravity_last_update(); ?>">
<div class="small-box bg-red no-user-select" title="<?php echo gravity_last_update(); ?>">
<div class="inner">
<p>Domains on Blocklist</p>
<h3 class="statistic"><span id="domains_being_blocked">---</span></h3>
@@ -116,7 +116,7 @@
</div>
<div class="box-body">
<div class="chart">
<canvas id="clientsChart" width="800" height="140" class="extratooltipcanvas"></canvas>
<canvas id="clientsChart" width="800" height="140" class="extratooltipcanvas no-user-select"></canvas>
</div>
</div>
<div class="overlay">
@@ -154,10 +154,10 @@
</div>
<div class="box-body">
<div class="pull-left" style="width:50%">
<canvas id="forwardDestinationPieChart" width="120" height="120" class="extratooltipcanvas"></canvas>
<canvas id="forwardDestinationPieChart" width="120" height="120" class="extratooltipcanvas no-user-select"></canvas>
</div>
<div class="pull-left" style="width:50%">
<div id="forward-destinations-legend" class="chart-legend" class="extratooltipcanvas"></div>
<div id="forward-destinations-legend" class="chart-legend" class="extratooltipcanvas no-user-select"></div>
</div>
</div>
<div class="overlay">

21
style/pi-hole.css
View File

@@ -9,13 +9,6 @@
background: url("../img/boxed-bg.jpg") repeat fixed;
}
.small-box {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.small-box span {
transition-duration: 0.5s;
}
@@ -149,13 +142,6 @@
animation: fa-spin 1s infinite linear;
}
.extratooltipcanvas {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.chartjs-tooltip {
opacity: 0;
position: absolute;
@@ -264,6 +250,13 @@
word-wrap: break-word;
}
.no-user-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pointer {
cursor: pointer;
}