69 lines
768 B
CSS
69 lines
768 B
CSS
body {
|
|
background-color: #eee;
|
|
}
|
|
|
|
#connected_box {
|
|
position: absolute;
|
|
top: 5%;
|
|
right: 5%;
|
|
width: 5%;
|
|
height: 5%;
|
|
}
|
|
|
|
#free_ports,
|
|
#last_change {
|
|
display: inline-block;
|
|
}
|
|
|
|
#free_ports {
|
|
margin-right: 10%;
|
|
}
|
|
|
|
th {
|
|
cursor: pointer;
|
|
}
|
|
|
|
td,
|
|
th {
|
|
border: 1px solid black;
|
|
padding: 0.5em;
|
|
}
|
|
|
|
table {
|
|
border-spacing: 0;
|
|
}
|
|
|
|
th::after {
|
|
font-family: monospace;
|
|
padding-left: 3px;
|
|
}
|
|
|
|
th:not(.sort)::after {
|
|
content: "\a0";
|
|
}
|
|
|
|
.sort-up::after {
|
|
content: "\25b2";
|
|
}
|
|
|
|
.sort-down::after {
|
|
content: "\25bc";
|
|
}
|
|
|
|
.number {
|
|
text-align: right;
|
|
}
|
|
|
|
.text {
|
|
text-align: left;
|
|
}
|
|
|
|
.visible {
|
|
opacity: 1;
|
|
transition: opacity 500ms linear;
|
|
}
|
|
|
|
.hidden {
|
|
opacity: 0.2;
|
|
transition: opacity 6000ms linear;
|
|
} |