114 lines
1.8 KiB
CSS
114 lines
1.8 KiB
CSS
body {
|
|
font-family: sans-serif;
|
|
margin-left: 4em;
|
|
margin-right: 4em;
|
|
background-color: #799;
|
|
}
|
|
h2 {
|
|
margin-bottom: 1.2em;
|
|
}
|
|
fieldset {
|
|
margin-top: 1em;
|
|
background-color: white;
|
|
}
|
|
legend {
|
|
background-color: gray;
|
|
color: white;
|
|
padding: 5px 10px;
|
|
}
|
|
label {
|
|
display: inline-block;
|
|
min-width: 14em;
|
|
text-align: right;
|
|
}
|
|
table {
|
|
background-color: white;
|
|
}
|
|
th, td {
|
|
text-align: left;
|
|
padding: 0.5em 1em;
|
|
}
|
|
thead {
|
|
background-color: #ccc;
|
|
}
|
|
tbody tr:nth-child(even) td {
|
|
background-color: #eee;
|
|
}
|
|
label::after {
|
|
content: ":";
|
|
}
|
|
footer {
|
|
color: darkgrey;
|
|
text-align: center;
|
|
}
|
|
#devicename {
|
|
padding-left: 3.5em;
|
|
}
|
|
#logo {
|
|
float: left;
|
|
height: 3em;
|
|
}
|
|
#tabs {
|
|
display: block;
|
|
overflow: hidden;
|
|
border: 1px solid darkslategrey;
|
|
background-color: #ddd;
|
|
}
|
|
#tabs button {
|
|
background-color: inherit;
|
|
float: left;
|
|
border: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
padding: 1em 2em;
|
|
transition: 0.3s;
|
|
font-weight: bolder;
|
|
}
|
|
#tabs button:hover {
|
|
background-color: #ccc;
|
|
}
|
|
/* Create an active/current tablink class */
|
|
#tabs button.active {
|
|
background-color: #bbb;
|
|
}
|
|
/* Style the tab content */
|
|
.tab {
|
|
background-color: #eee;
|
|
display: none;
|
|
padding: 6px 12px;
|
|
border: 1px solid darkslategrey;
|
|
border-top: none;
|
|
}
|
|
.tab h2:first-child {
|
|
display: none;
|
|
}
|
|
|
|
#tabinfo input:disabled, #tabinfo select:disabled {
|
|
font-size: 1.1em;
|
|
border-width: 0px;
|
|
color: black;
|
|
background: white;
|
|
}
|
|
#tabinfo input {
|
|
-webkit-appearance: textfield;
|
|
-moz-appearance: textfield;
|
|
appearance: textfield;
|
|
}
|
|
#tabinfo select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
}
|
|
figure {
|
|
display: flex;
|
|
flex-flow: column;
|
|
max-width: 25em;
|
|
}
|
|
figure blockquote {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
figure figcaption {
|
|
text-align: right;
|
|
}
|