http-boot-server/bootserver/static/stylesheets/main.css

101 lines
No EOL
1.7 KiB
CSS

:root {
--page-background: #000000;
--background: #121212;
--surface: #181818;
--surface-active: #303030;
--surface-hover: #aaaaaa;
--primary: #3b80c9;
--primary-variant: #c9953b;
--secondary: #c94e3b;
--text-main: #ffffff;
--text-variant: #9B9B9B;
}
body {
background-color: var(--page-background);
color: var(--text-main);
}
.page-content {
width: 90%;
max-width: 1200px;
margin: auto;
}
.container {
border-radius: 5px;
background-color: var(--surface);
padding: 5px;
border-radius: 5px 5px;
margin: 5px auto;
}
.main-container {
padding: 20px;
}
.title-container {
background-color: var(--primary);
}
.client-list-container {
border-radius: 0px 0px 5px 5px;
padding: 10px;
background-color: var(--surface);
}
.client-container {
border-radius: 5px;
padding: 4px;
margin-top: 2px;
margin-bottom: 2px;
}
.client-header {
.client-name {
font-size: large;
font-weight: bold;
}
.client-uuid {
font-size: smaller;
color: var(--text-variant);
}
}
.client-boot-options {
padding-left: 10px;
padding-right: 10px;
}
.client-boot-option {
margin: 3px auto;
padding: 8px 8px;
cursor: pointer;
&.selected {
background-color: var(--surface-active);
cursor: default;
}
&:hover {
background-color: var(--surface-hover);
--text-variant: #000000;
}
}
.boot-option-name {
font-size: large;
font-weight: bold;
}
.boot-option-uuid {
font-size: smaller;
color: var(--text-variant);
}
.boot-option-path {
font-size: small;
padding-left: 10px;
}