mirror of
https://github.com/fergalmoran/DnsServer.git
synced 2026-02-24 00:37:08 +00:00
wwwdoh: updated the index page and css.
This commit is contained in:
Shreyas Zare
@@ -16,43 +16,6 @@ a {
|
||||
color: #6699ff;
|
||||
}
|
||||
|
||||
#header {
|
||||
background-color: #6699ff;
|
||||
height: 32px;
|
||||
margin-bottom: -32px;
|
||||
box-shadow: 0px 1px 15px 0px #888888;
|
||||
width: 100%;
|
||||
min-width: 970px;
|
||||
}
|
||||
|
||||
#header .title {
|
||||
margin: 0 auto;
|
||||
color: #ffffff;
|
||||
padding: 0px 15px 0px 15px;
|
||||
}
|
||||
|
||||
#header .title img {
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
#header .title .text {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
font-family: Arial;
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
#header .menu {
|
||||
float: right;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
#header .menu .menu-title {
|
||||
color: #ffffff;
|
||||
font-family: Arial;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
#content {
|
||||
min-height: 100%;
|
||||
}
|
||||
@@ -62,7 +25,6 @@ a {
|
||||
margin-right: auto;
|
||||
padding: 55px 15px 60px 15px;
|
||||
word-wrap: break-word;
|
||||
min-width: 970px;
|
||||
}
|
||||
|
||||
.container .pageLogin {
|
||||
@@ -76,6 +38,37 @@ a {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.features {
|
||||
margin: 80px auto 40px auto;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
.features .pull-left {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.features .pull-right {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.features h3 {
|
||||
font-size: 22px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.features p {
|
||||
color: rgb(119, 119, 119);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.features li {
|
||||
color: rgb(119, 119, 119);
|
||||
}
|
||||
|
||||
.shadow-screenshot {
|
||||
box-shadow: 2px 3px 15px 1px #888888;
|
||||
}
|
||||
|
||||
.auto-resize-img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
@@ -84,48 +77,6 @@ a {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.center-iframe {
|
||||
display: block;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
max-width: 640px;
|
||||
max-height: 480px;
|
||||
}
|
||||
|
||||
.center-iframe iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#footer {
|
||||
background-color: rgb(243, 243, 243);
|
||||
padding: 20px 0px 20px 0px;
|
||||
margin-top: -55px;
|
||||
box-shadow: 0px 2px 15px 1px #888888;
|
||||
clear: both;
|
||||
position: relative;
|
||||
height: 55px;
|
||||
min-width: 970px;
|
||||
}
|
||||
|
||||
#footer .content {
|
||||
margin: 0 auto;
|
||||
color: rgb(119,119,119);
|
||||
font-family: Arial, sans-serif;
|
||||
font-size: 11px;
|
||||
font-weight: 600;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#footer .content a {
|
||||
color: #6699ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#footer .content a:hover {
|
||||
color: #6699ff;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#header .title, .container, #footer .content {
|
||||
width: 970px;
|
||||
@@ -141,183 +92,3 @@ a {
|
||||
padding: 6px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.form-inline .form-group {
|
||||
margin-right: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.AlertPlaceholder {
|
||||
position: fixed;
|
||||
width: 800px;
|
||||
margin: auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 45px;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.zone-list-pane {
|
||||
float: left;
|
||||
width: 24%;
|
||||
}
|
||||
|
||||
.zones {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.zones .zone {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.zone-viewer-pane {
|
||||
float: right;
|
||||
width: 75%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.log-list-pane {
|
||||
float: left;
|
||||
width: 17%;
|
||||
}
|
||||
|
||||
.logs {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.logs .log {
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.log-viewer-pane {
|
||||
float: right;
|
||||
width: 82%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
.stats-panel {
|
||||
height: 80px;
|
||||
padding: 6px 0 6px 0;
|
||||
}
|
||||
|
||||
.stats-panel .total-queries {
|
||||
background-color: rgba(102, 153, 255, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.stats-panel .no-error {
|
||||
background-color: rgba(92, 184, 92, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.stats-panel .server-failure {
|
||||
background-color: rgba(217, 83, 79, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.stats-panel .name-error {
|
||||
background-color: rgba(7, 7, 7, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.stats-panel .refused {
|
||||
background-color: rgba(91, 192, 222, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.stats-panel .auth-hit {
|
||||
background-color: rgba(150, 150, 0, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.stats-panel .cache-hit {
|
||||
background-color: rgba(111, 84, 153, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.stats-panel .blocked {
|
||||
background-color: rgba(255, 165, 0, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.stats-panel .recursions {
|
||||
background-color: rgba(23, 162, 184, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.stats-panel .clients {
|
||||
background-color: rgba(51, 122, 183, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.stats-panel .stats-item {
|
||||
width: 9.7%;
|
||||
float: left;
|
||||
padding: 4px;
|
||||
margin-right: 0.3%;
|
||||
}
|
||||
|
||||
.stats-panel .stats-item .number {
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.stats-panel .stats-item .percentage {
|
||||
font-size: 10px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.stats-panel .stats-item .title {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.zone-stats-panel {
|
||||
height: 70px;
|
||||
padding: 6px 0 6px 4px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.zone-stats-panel .zones {
|
||||
background-color: rgba(51, 122, 183, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.zone-stats-panel .allowed-zones {
|
||||
background-color: rgba(51, 122, 183, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.zone-stats-panel .blocked-zones {
|
||||
background-color: rgba(51, 122, 183, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.zone-stats-panel .block-list-zones {
|
||||
background-color: rgba(51, 122, 183, 0.7);
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.zone-stats-panel .stats-item {
|
||||
width: 24%;
|
||||
float: left;
|
||||
padding: 6px 10px;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
.zone-stats-panel .stats-item .number {
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.zone-stats-panel .stats-item .title {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.about p {
|
||||
color: rgb(119, 119, 119);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@@ -1,92 +0,0 @@
|
||||
|
||||
.container .download {
|
||||
margin: 70px 0px 50px 0px;
|
||||
text-align: center;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
.container .download .product {
|
||||
margin: 30px 0px 30px 0px;
|
||||
}
|
||||
|
||||
.container .download .product h1 {
|
||||
font-size: 44px;
|
||||
font-weight: 600;
|
||||
margin-right: 10px;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.container .download .btn {
|
||||
margin: 26px auto 0px auto;
|
||||
}
|
||||
|
||||
.container .download h2 {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.container .download h3 {
|
||||
color: rgb(119,119,119);
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.container .download h4 {
|
||||
color: rgb(119,119,119);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.container .download p {
|
||||
color: rgb(119, 119, 119);
|
||||
}
|
||||
|
||||
.container .download .info {
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.container .download .info .item {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.container .download .info .label {
|
||||
font-weight: 600;
|
||||
color: #646464;
|
||||
font-size: 12px;
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.container .download .info .value {
|
||||
color: rgb(119, 119, 119);
|
||||
}
|
||||
|
||||
.shadow-screenshot {
|
||||
box-shadow: 2px 3px 15px 1px #888888;
|
||||
}
|
||||
|
||||
.features {
|
||||
margin: 80px auto 40px auto;
|
||||
font-family: Arial;
|
||||
}
|
||||
|
||||
.features .pull-left {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.features .pull-right {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.features h3 {
|
||||
font-size: 22px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.features p {
|
||||
color: rgb(119, 119, 119);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.features li {
|
||||
color: rgb(119, 119, 119);
|
||||
}
|
||||
@@ -6,9 +6,8 @@
|
||||
|
||||
<title>Technitium DNS Server</title>
|
||||
|
||||
<link href="/css/bootstrap.min.css" rel="stylesheet" />
|
||||
<link href="/css/main.css" rel="stylesheet" />
|
||||
<link href="/css/product.css" rel="stylesheet" />
|
||||
<link href="/css/bootstrap.min.css" rel="stylesheet" />
|
||||
|
||||
<script src="/js/jquery.min.js"></script>
|
||||
<script src="/js/main.js"></script>
|
||||
@@ -25,7 +24,7 @@
|
||||
|
||||
<h3 style="margin-top: 40px;">The Encrypted DNS Service URL</h3>
|
||||
<p>
|
||||
Use the following URL to configure your clients for consuming the DoH service.
|
||||
Use the following URL to configure your clients for consuming the DNS-over-HTTPS service.
|
||||
</p>
|
||||
<p style="font-size: 16px; font-weight: bold;">
|
||||
<a id="lnkDoH" href=""></a>
|
||||
@@ -33,9 +32,9 @@
|
||||
|
||||
<h3 style="margin-top: 40px;">Mozilla Firefox Configuration</h3>
|
||||
<p style="max-width: 800px; margin-right: auto; margin-left: auto;">
|
||||
To configure Firefox with custom DoH, go to <b>Options > General</b> and scroll down to find <b>Network Settings</b>. Click on the <b>Settings</b> button and find the DoH option at the bottom as shown below:
|
||||
To configure Firefox, go to <b>Options > General</b> and scroll down to find <b>Network Settings</b>. Click on the <b>Settings</b> button, find the DNS-over-HTTPS option at the bottom (as shown below), and use the encrypted DNS service URL given above.
|
||||
</p>
|
||||
<img class="auto-resize-img shadow-screenshot" style="margin-top: 20px; margin-bottom: 20px;" src="img/firefox-doh.png" alt="Mozilla Firefox Custom DoH Option" />
|
||||
<img class="auto-resize-img shadow-screenshot" style="margin-top: 20px; margin-bottom: 20px;" src="img/firefox-doh.png" alt="Mozilla Firefox Custom DNS-over-HTTPS Option" />
|
||||
<p style="max-width: 800px; margin-right: auto; margin-left: auto;">
|
||||
Note! This will work only for Firefox and all other applications on your computer will keep using the default DNS server configured in your network settings.
|
||||
</p>
|
||||
|
||||
Reference in New Issue
Block a user