62 lines
No EOL
834 B
CSS
62 lines
No EOL
834 B
CSS
#root {
|
|
display: grid;
|
|
|
|
grid-template-areas:
|
|
"header header header"
|
|
"content content content"
|
|
"footer footer footer";
|
|
|
|
grid-template-columns: 100px 1fr 100px;
|
|
grid-template-rows: auto 1fr auto;
|
|
/* grid-gap: 10px; */
|
|
|
|
height: 100vh;
|
|
}
|
|
|
|
header {
|
|
grid-area: header;
|
|
}
|
|
|
|
nav {
|
|
grid-area: nav;
|
|
margin-left: 0.5rem;
|
|
}
|
|
|
|
main {
|
|
grid-area: content;
|
|
overflow: scroll;
|
|
}
|
|
|
|
aside {
|
|
grid-area: side;
|
|
margin-right: 0.5rem;
|
|
}
|
|
|
|
footer {
|
|
text-align: right;
|
|
grid-area: footer;
|
|
|
|
background-color: dodgerblue;
|
|
color: white;
|
|
}
|
|
|
|
footer a {
|
|
color: white;
|
|
}
|
|
|
|
.command {
|
|
border: 1px solid black;
|
|
border-radius: 5px;
|
|
padding: 0 6px 0 6px;
|
|
margin: 0 4px 0 4px;
|
|
}
|
|
|
|
.command.highlighted {
|
|
background-color: dodgerblue;
|
|
color: white;
|
|
}
|
|
|
|
.factoryReset {
|
|
background-color: rgb(255, 0, 0);
|
|
color: black;
|
|
} |