: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; } input:not( [type="checkbox"] ) { background-color: var(--input-background); color: var(--input-text); margin-bottom: .3em; border: var(--input-border); } input:not( [type="checkbox"] ):focus { outline: var(--input-focus-outline); } input[type="submit"] { font-size: 1.17em; margin-top: .3em; } .frm { margin-bottom: 0px; }