ip6.biz/src/css/tools.css

105 lines
1.7 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;
}
.address {
color: #f3ff4f;
}
.tools table {
table-layout: fixed;
font-size: 1em;
margin-bottom: 0;
}
.tools table td {
word-wrap: break-word;
overflow-wrap: break-word;
}
.tools table .addr {
width: 100%;
}
.tools table tr > * {
border-top: none !important;
}
@media (max-width: 767px) {
.tools .row > div {
padding: 0;
}
.tools .panel {
margin: 0;
border: none;
}
body {
padding-top: 25px;
}
}
.address_in {
padding: 2px 8px;
font-family: Monospace;
font-size: 90%;
color: #ffffff;
background-color: #ffffff30;
border-radius: 0;
}
.address_out {
padding: 2px 8px;
font-family: Monospace;
font-size: 90%;
color: #ffffff;
background-color: #ffffff30;
border-radius: 0;
}
.split-addr-net {
font-family: Monospace;
font-size: 90%;
color: #FFFAA0;
background-color: #ffffff00;
border-radius: 0;
}
.split-addr-both {
font-family: Monospace;
font-size: 90%;
color: #FAC898;
background-color: #ffffff00;
border-radius: 0;
}
.split-addr-addr {
font-family: Monospace;
font-size: 90%;
color: #ffffff87;
background-color: #ffffff00;
border-radius: 0;
}
.ptr {
font-size: 76%;
}
#subnet_out {
white-space: pre-wrap;
}