judas/judas_server
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

style(style.css): format w/ prettier

Browse Source
This commit is contained in:
Artur Borecki
2025-08-26 19:38:31 +02:00
parent e6cc1d901e
commit 3bcffaafab
1 changed files with 108 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

202
src/judas_server/web/static/css/style.css
View File

@@ -1,70 +1,69 @@
@import "palette.css";
* {
margin: 0;
padding: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: var(--ctp-base);
font-family: monospace, sans-serif !important;
color: var(--ctp-text);
background-color: var(--ctp-base);
font-family: monospace, sans-serif !important;
color: var(--ctp-text);
}
input {
font-family: inherit;
color: #eceff4;
background-color: var(--ctp-crust);
border: none;
border-radius: 0.25rem;
padding: 0.25rem;
font-family: inherit;
color: #eceff4;
background-color: var(--ctp-crust);
border: none;
border-radius: 0.25rem;
padding: 0.25rem;
}
a {
color: var(--ctp-blue);
text-decoration: none;
color: var(--ctp-blue);
text-decoration: none;
}
#wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
display: flex;
flex-direction: column;
min-height: 100vh;
}
header {
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--ctp-mantle);
/* color: var(--ctp-text); */
padding: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
background-color: var(--ctp-mantle);
/* color: var(--ctp-text); */
padding: 1rem;
}
main {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
/* background-color: var(--ctp-base); */
flex-grow: 1;
text-align: center;
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1rem;
/* background-color: var(--ctp-base); */
flex-grow: 1;
}
header a {
text-decoration: none;
/* color: var(--nord-fg0); */
text-decoration: none;
/* color: var(--nord-fg0); */
}
.button {
display: inline-block;
padding: 0.5rem 1rem;
background-color: var(--ctp-lavender);
color: var(--ctp-base);
border: none;
border-radius: 0.25rem;
text-decoration: none;
transition: 0.3s ease-in-out;
display: inline-block;
padding: 0.5rem 1rem;
background-color: var(--ctp-lavender);
color: var(--ctp-base);
border: none;
border-radius: 0.25rem;
text-decoration: none;
transition: 0.3s ease-in-out;
}
/* .button a:hover { */
@@ -73,116 +72,131 @@ header a {
/* } */
.button:hover {
background-color: var(--ctp-mauve);
cursor: pointer;
background-color: var(--ctp-mauve);
cursor: pointer;
}
.center {
text-align: center;
text-align: center;
}
.error-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 1rem;
padding: 1rem;
background-color: var(--ctp-surface0);
color: var(--ctp-red);
border: 6px solid var(--ctp-red);
border-radius: 24px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 1rem;
padding: 1rem;
background-color: var(--ctp-surface0);
color: var(--ctp-red);
border: 6px solid var(--ctp-red);
border-radius: 24px;
}
.center-table {
margin: 0 auto;
width: 100%;
margin: 0 auto;
width: 100%;
}
.select-table {
border-collapse: collapse;
border: 2px solid var(--ctp-surface0);
border-collapse: collapse;
border: 2px solid var(--ctp-surface0);
}
.select-table thead {
position: sticky;
top: -1px;
z-index: 2;
position: sticky;
top: -1px;
z-index: 2;
}
.select-table th, .select-table td {
padding: 0.5rem;
text-align: center;
border: 1px solid var(--ctp-surface0);
border-collapse: collapse;
.select-table th,
.select-table td {
padding: 0.5rem;
text-align: center;
border: 1px solid var(--ctp-surface0);
border-collapse: collapse;
}
.select-table th {
background-color: var(--ctp-surface1);
color: var(--nord-fg0);
background-color: var(--ctp-surface1);
color: var(--nord-fg0);
}
.select-table a {
display: block;
/* color: var(--nord-acc0); */
text-decoration: none;
transition: 0.1s ease-in-out;
display: block;
/* color: var(--nord-acc0); */
text-decoration: none;
transition: 0.1s ease-in-out;
}
.select-table tr {
transition: 0.1s ease-in-out;
transition: 0.1s ease-in-out;
}
.select-table tr:hover {
background-color: var(--ctp-surface0);
background-color: var(--ctp-surface0);
}
.select-table tr:hover a {
color: var(--ctp-base);
color: var(--ctp-base);
}
.red-bg {
background-color: var(--ctp-red);
background-color: var(--ctp-red);
}
.yellow-bg {
background-color: var(--ctp-yellow);
background-color: var(--ctp-yellow);
}
.green-bg {
background-color: var(--ctp-green);
background-color: var(--ctp-green);
}
.button-container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
gap: 1rem;
}
.link {
transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.link:hover {
color: var(--ctp-blue);
color: var(--ctp-blue);
}
.details-table tr td:first-child {
font-weight: 900;
background-color: var(--ctp-surface0);
white-space: nowrap;
width: 1%;
font-weight: 900;
background-color: var(--ctp-surface0);
white-space: nowrap;
width: 1%;
}
.details-table {
border-collapse: collapse;
border: 2px solid var(--ctp-surface1);
border-collapse: collapse;
border: 2px solid var(--ctp-surface1);
}
.details-table th, .details-table td {
padding: 0.5rem;
text-align: left;
border: 1px solid var(--ctp-text);
border-collapse: collapse;
.details-table th,
.details-table td {
padding: 0.5rem;
text-align: left;
border: 1px solid var(--ctp-text);
border-collapse: collapse;
}
#notify {
display: none;
position: fixed;
top: 3rem;
right: 50%;
transform: translateX(50%);
background-color: var(--ctp-surface1);
padding: 1rem 2rem;
border: 4px solid var(--ctp-text);
border-radius: 1rem;
opacity: 0.8;
}