ip6.biz/src/css/connectivity.css

127 lines
2.2 KiB
CSS

@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
src: local(''),
url('../fonts/noto-sans-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/noto-sans-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
url('../fonts/noto-sans-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
body {
padding-top: 40px;
padding-bottom: 20px;
}
* {
font-family: "Noto Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.proto_supported4 > span, .proto_supported > span, .browser_default > span {
padding-bottom: 3px;
}
.proto_icmp > span, .browser_fallback > span, .dns_dns4_ip4 > span, .dns_dns4_ip6 > span, .dns_dns6_ip4 > span, .dns_dns6_ip6 > span {
padding-top: 5px;
padding-bottom: 3px;
}
.progress {
margin-bottom: 0;
}
.progress-bar {
transition: width 0s;
}
.img-flag {
padding-right: 6px;
margin-top: -3.8px;
height: 2em !important;
}
.address {
color: #FFFAA0;
background-color: #ffffff18;
padding-left: 4px;
padding-right: 4px;
padding-top: 1px;
padding-bottom: 1px;
border-radius: 0;
position: relative;
top: 2px;
}
.label-success {
background-color: #6fa96f;
}
.connectivity table {
table-layout: fixed;
font-size: 1.1em;
margin-bottom: 0;
}
.connectivity table th {
width: 7em;
}
.connectivity table td {
word-wrap: break-word;
overflow-wrap: break-word;
}
.connectivity table .addr {
width: 100%;
}
.connectivity table td:last-child {
width: 3em;
text-align: right;
}
.connectivity table tr > * {
border-top: none !important;
}
.connectivity .glyphicon-question-sign {
color: #ffffff;
cursor: default;
opacity: 0.2;
}
.connectivity .glyphicon-question-sign:hover {
opacity: 0.75;
}
.connectivity span.refresh {
font-size: 1.15em;
cursor: pointer;
}
.connectivity td img {
height: 1em;
}
.noscript-warning {
padding: 2px 8px;
font-family: Monospace;
font-size: 90%;
color: #ffffff;
background-color: #ffffff30;
border-radius: 0;
}
@media (max-width: 767px) {
.connectivity .row > div {
padding: 0;
}
.connectivity .panel {
margin: 0;
border: none;
}
body {
padding-top: 25px;
}
}