94 lines
1.9 KiB
CSS
94 lines
1.9 KiB
CSS
* {
|
|
margin: 0;
|
|
padding: 0;
|
|
box-sizing: border-box;
|
|
position: relative;
|
|
outline-style: none;
|
|
user-select: none;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
font: 12px/20px Tahoma, Geneva, 'Dejavu Sans', Arial, Helvetica, sans-serif;
|
|
background-color: #111;
|
|
color: #fff;
|
|
}
|
|
|
|
code {
|
|
font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
|
|
}
|
|
|
|
.fullscreen-overlay {
|
|
position: fixed;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
right: 0;
|
|
background-color: #000;
|
|
background-image: repeating-linear-gradient(-45deg, #440, #440 10px, #000 10px, #000 20px);
|
|
z-index: 20001;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.ipv4 { --ipv-colour: #437675; /*margin-left: 22px !important;*/ }
|
|
.ipv6 { --ipv-colour: #66678d; /*margin-left: -22px !important;*/ }
|
|
|
|
.ipbox {
|
|
max-width: 600px;
|
|
width: 100%;
|
|
margin: 8px 0;
|
|
cursor: pointer;
|
|
filter: drop-shadow(0 1px 5px #000);
|
|
}
|
|
.ipbox-content {
|
|
padding: 5px 25px;
|
|
overflow: hidden;
|
|
}
|
|
.ipbox-title {
|
|
font-size: 1.4em;
|
|
line-height: 1.5em;
|
|
}
|
|
.ipbox-address {
|
|
font-size: 2em;
|
|
line-height: 1.3em;
|
|
font-family: 'Electrolize', Verdana, 'Dejavu Sans', Arial, Helvetica, sans-serif;
|
|
user-select: text;
|
|
overflow: hidden;
|
|
word-break: break-word;
|
|
}
|
|
.ipbox-background {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: calc(100% - 20px);
|
|
height: 100%;
|
|
background-image: linear-gradient(0deg, #1118 0%, #2228 50%, #3338 50%, #5558 100%);
|
|
transform: skew(-15deg);
|
|
background-color: var(--ipv-colour);
|
|
margin: 0 10px;
|
|
}
|
|
.ipbox:not(.nojs):active .ipbox-background {
|
|
background-image: linear-gradient(0deg, #1118 0%, #2228 50%, #3338 50%, #3338 100%);
|
|
}
|
|
|
|
.boxgrid {
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
margin: 0 15px;
|
|
}
|
|
|
|
.nojs {
|
|
--ipv-colour: #933;
|
|
cursor: not-allowed;
|
|
}
|