128 lines
1.9 KiB
CSS
128 lines
1.9 KiB
CSS
/* TODO: would be neat to have it be based on the page */
|
|
/* maybe a link preset */
|
|
a.back-to-static {
|
|
color: #007bff;
|
|
text-decoration: underline;
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
|
|
a.back-to-static:hover {
|
|
color: #0056b3;
|
|
text-decoration-color: #0056b3;
|
|
}
|
|
|
|
.back-to-static {
|
|
display: block;
|
|
width: fit-content;
|
|
margin: auto;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
}
|
|
|
|
footer {
|
|
/* position: absolute;
|
|
bottom: 0; */
|
|
width: 100%;
|
|
padding: 20px;
|
|
text-align: center;
|
|
}
|
|
|
|
.add-msg {
|
|
display: block;
|
|
margin: auto;
|
|
margin-top: 10px;
|
|
border: 1px dashed grey;
|
|
width: calc(min(590px, 100vw));
|
|
padding: 15px 25px;
|
|
}
|
|
|
|
.add-msg:focus {
|
|
inset: none;
|
|
outline: none;
|
|
border: 1px dashed black;
|
|
/* background-tr */
|
|
}
|
|
|
|
.preset-selector {
|
|
margin: auto;
|
|
margin-top: 10px;
|
|
width: calc(min(590px, 100vw));
|
|
max-height: 20vh;
|
|
overflow: scroll;
|
|
user-select: none;
|
|
}
|
|
|
|
.preset-option {
|
|
border: 1px dashed grey;
|
|
margin-bottom: 3px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
}
|
|
|
|
.preset-option .selected {
|
|
text-decoration: underline !important;
|
|
/* border: 1px dashed black; */
|
|
}
|
|
|
|
.preset-creator {
|
|
width: calc(min(590px, 100vw));
|
|
margin: auto;
|
|
border: 1px dashed grey;
|
|
margin-top: 10px;
|
|
white-space: pre;
|
|
|
|
font-variant-ligatures: none;
|
|
|
|
display: grid;
|
|
grid-template-areas:
|
|
"name name name"
|
|
"fg bg font"
|
|
"submit submit submit";
|
|
}
|
|
|
|
.pc-input {
|
|
width: 95%;
|
|
font-variant-ligatures: none;
|
|
}
|
|
|
|
.pc-input::before {
|
|
content: "Name: ";
|
|
}
|
|
|
|
.pc-name > .pc-input {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.pc-name,
|
|
.pc-fg,
|
|
.pc-bg,
|
|
.pc-font {
|
|
display: flex;
|
|
}
|
|
|
|
.pc-name {
|
|
grid-area: name;
|
|
}
|
|
|
|
.pc-fg {
|
|
grid-area: fg;
|
|
}
|
|
.pc-bg {
|
|
grid-area: bg;
|
|
}
|
|
|
|
.pc-font {
|
|
grid-area: font;
|
|
}
|
|
|
|
.pc-submit {
|
|
grid-area: submit;
|
|
}
|
|
|
|
.pc-input {
|
|
background: none;
|
|
}
|