129 lines
2.1 KiB
CSS
129 lines
2.1 KiB
CSS
:root {
|
|
--background-color: #000000;
|
|
--text-color: #ffffff;
|
|
|
|
--hr-color: #808080;
|
|
|
|
--link-color: #ff0000;
|
|
--confirmation-color: #00ff00;
|
|
--warning-color: #ffff00;
|
|
|
|
--question-background: #2c2c2c;
|
|
--response-background: #505050;
|
|
|
|
--input-background: #000000;
|
|
--input-text: #ffffff;
|
|
--input-border: 2px inset #767676;
|
|
--input-focus-outline: 1px solid #ffffff;
|
|
|
|
/* set to "none" to disable the background image */
|
|
--background-image: url("https://notfire.cc/design/images/groundback.gif");
|
|
--font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
body {
|
|
background-image: var(--background-image);
|
|
background-color: var(--background-color);
|
|
color: var(--text-color);
|
|
font-family: var(--font-family);
|
|
}
|
|
|
|
hr {
|
|
border: none;
|
|
height: 1.5px;
|
|
background-color: var(--hr-color);
|
|
}
|
|
|
|
a,
|
|
a:link,
|
|
a:visited {
|
|
color: var(--link-color);
|
|
}
|
|
|
|
img.emoji {
|
|
height: 1.2em;
|
|
min-width: 1.2em;
|
|
max-width: 3em;
|
|
object-fit: contain;
|
|
}
|
|
|
|
.permalink {
|
|
font-size: .9em;
|
|
}
|
|
|
|
.warning {
|
|
color: var(--warning-color);
|
|
margin-bottom: .3em;
|
|
}
|
|
|
|
.sentconf {
|
|
color: var(--confirmation-color);
|
|
margin-bottom: .3em;
|
|
}
|
|
|
|
.title {
|
|
margin-bottom: .1em;
|
|
}
|
|
|
|
.question {
|
|
margin-top: .7em;
|
|
background-color: var(--question-background);
|
|
border-radius: 5px;
|
|
max-width: fit-content;
|
|
padding: .5em;
|
|
}
|
|
|
|
.response {
|
|
background-color: var(--response-background);
|
|
border-radius: 5px;
|
|
margin-top: .3em;
|
|
padding: .4em;
|
|
}
|
|
|
|
.time {
|
|
font-size: .8em;
|
|
}
|
|
|
|
.sect {
|
|
margin-top: .2em;
|
|
margin-bottom: .2em;
|
|
}
|
|
|
|
.sendsum {
|
|
font-size: 1.17em;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sendmsg {
|
|
margin-top: 1em;
|
|
border-radius: 5px;
|
|
background-color: var(--question-background);
|
|
max-width: fit-content;
|
|
padding: .7em;
|
|
}
|
|
|
|
#passinput,
|
|
#questioninput,
|
|
#cwinput,
|
|
.submitbutton {
|
|
background-color: var(--input-background);
|
|
color: var(--input-text);
|
|
margin-bottom: .3em;
|
|
border: var(--input-border);
|
|
}
|
|
|
|
#passinput:focus,
|
|
#questioninput:focus,
|
|
#cwinput:focus,
|
|
.submitbutton:focus {
|
|
outline: var(--input-focus-outline);
|
|
}
|
|
|
|
.submitbutton {
|
|
font-size: 1.17em;
|
|
margin-top: .3em;
|
|
}
|
|
|
|
.frm {
|
|
margin-bottom: 0px;
|
|
}
|