body {
  display: flex;
  flex-direction: column;
  background: #555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAMUExURSIiIkRERFVVVXd3d2WUC2gAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALiSURBVBgZXcFPaBxVHAfwX6sY6SLrwS3oQeghYnPzqKdN6QaSHjor7/vSGRAsdEPmd7BeehEq2pKKyUnJG7NTWrYls+77jk3uwT946MXeSjfQXLx0Jfty6KmFrsgYtD3o5yP/dVT+L2FOHFJlGVhINUbb7vSrQ4+r8k/BxyINcyRwRwtgUTTzsd2QnJeTybSLZYbZD+vx1ChdDq82EhXl8YFfru0WJmtMsy9M3x745dou4K59u0UZ8KPL3cHUwxiIoYV4zX1nozbsIIbtF6Jc/fHSoD6+cAEAvZDbuxzUwzemYZaowsHky7GvjRZNAeQQlrzy60Zt15oRwK70ab+472p73XOuAXVCsjjfrYX43Aow50SZ83a3Po5N0WkvUMg8vePr4zeNR5sUevVs1UZqAMtSSF4/uFH7Y67ok+FAXpmNXhaZWmmZ1htNeaFu5DmyIn/5vXq8XVUV7wuLbPO7iqHHn1ldvCvs9bPFXQ098sMtrgh75Pfb/OkZoUBL2AvXS5KBLmtgQbJbYTslS9zMvoZdELb3PElF4tW1FqQ8EfKnPISsAFri37v71hzZL2I62HnxJ9ZBUp0mSNOWxJ/u2x3eoffpSXRasvNoX1my6KijQ0vK3gP4CW97dUTSFG4+UP5WqvrATjoroRgujVedKj19Ajnw++UNMtB7dtMZCY/GJba3bvLipof5QP56J1STirn/vHeS/qrI0SYOtWddJE05IoLm6wLAFgC0J9U/9qp/TcQjc+itPgWiND41lPfh0I7qw+nu4F28tCJbLveIjo3UD5Ls2ozkru+KqP5kRvu5O21FAQNTexJ3zqfRaSshjucvRWeDJ9Nbpwph11iYtQnpgKsQ9THQvjf8bIHUK5BjFha4N9LXOpiej0QBGKw9JNe9xpGoA5bNV3sJM4ekLYwBmDOBzBILSAcGxpx9ph60xyGEgVk/M1oiOZdYSWOkiNYC2WeSFEKFs2YtkIXFJ/ZvCcK6f9EG6jIAAAAASUVORK5CYII=);
  background-size: 120px;
  color: #999;
}

.top-nav {
  background: #555;
  border-color: #777;
  opacity: 0;
  transition: opacity 1s 1s;
}

.top-nav:hover {
  opacity: 1;
}

#labelName, #board-catalog .board-header {
  font-size: 220%;
  color: #555;
  text-shadow: -1px 1px #ccc, 1px 1px 4px #000, 2px 2px 4px #000;
}

#board-catalog .board-header a {
  text-decoration: none;
  text-shadow: none;
}

#favouriteButton {
  position: absolute;
  font-size: 80%;
  color: #555;
}

#favouriteButton.checkedFavouriteButton {
  color: #bf0;
  text-shadow: -1px 1px #ccc, 1px 1px 4px #000, 2px 2px 4px #000, 0 0 8px #ae1, 0 0 8px #ae1;
}

.fa-star {
  font-weight: normal;
  transform: rotateZ(14deg);
}

#labelDescription {
  font-size: 140%;
}

#labelDescription, #panelMessage, #panelMessage .redText {
  font-weight: bold;
  color: #444;
  text-shadow: -1px 1px #bbb, 1px 1px 4px #000, 2px 2px 4px #000;
}

#panelMessage #divMessage {
  margin-top: -1.5rem;
}

.board-nav, #actionsForm details summary {
  margin-right: 40px;
  margin-left: 40px;
  text-shadow: 1px 1px 4px #000, 2px 2px 4px #000;
}

.opCell, .catalogCell {
  margin: 48px 32px;
}

#divThreads>.unhideButton {
  margin-left: 32px;
}

.catalogCell {
  padding:8px 0;
}

.opCell:first-of-type {
  margin-top: 0;
}

.opCell, #divThreads>.unhideButton, .catalogCell, .floatingMenu, .modalDecorationPanel, #actionsForm details[open], #postingForm {
  background: #222;
  border: 1px solid #444;
  border-radius: 10px;
  box-shadow: 24px 24px 24px #000;
}

.opCell>.unhideButton {
  margin: 8px;
  background: #222;
  border: none;
}

.postCell>.unhideButton {
  background: #333;
  border: 1px solid #555;
  border-radius: 10px;
}

.unhideButton {
  opacity: 1;
  padding: 8px;
}

.innerOP {
  margin-left: 8px;
}

#selectedTab {
  background: #555;
  border: 1px solid #555;
}

.settingsTabs, #actionsForm details[open] summary {
  padding-top: 8px;
  text-shadow: none;
}

#existingFiltersPanel > div:nth-child(2n), #watchedMenu div:nth-child(2n) .watchedCell {
  background: #333;
}

.settingsContentPanel div>button {
  margin-top: 8px;
}

#watchedMenu .header {
  margin-bottom: 8px;
}

.extraMenu div, .hideMenu div {
  padding: 2px 0;
}

.divPosts {
  margin: 8px;
}

.postCell {
  display: flex;
  margin: 8px 0;
}

.innerPost {
  background: #333;
  border: 1px solid #555;
  border-radius: 10px;
  width: 100%;
}

.markedPost {
  background: #555;
  border: 1px solid #555;
  border-radius: 10px;
  width: 100%;
}

a, .bracket-list, .bracket-list>:not(:last-child)::after, .bracket-button::before, .bracket-button::after, .extraMenu div, .hideMenu div, .unhideButton, .menuClose, .filterDeleteButton, .panelBacklinks a, .embedButton, .removeButton, .watchedCellCloseButton, .reloadCaptchaButton, .modalCaptchaControls, .captchaTimer, summary {
  color: #ccc;
  text-decoration: none;
}

a:hover, .extraMenu div:hover, .hideMenu div:hover, .unhideButton:hover, .menuClose:hover, .filterDeleteButton:hover, .embedButton:hover, .removeButton:hover, .watchedCellCloseButton:hover, .reloadCaptchaButton:hover, .reloadCaptchaButton i:hover, .modalCaptchaControls:hover, .modalCaptchaControls i:hover, .captchaTimer:hover, summary:hover {
  cursor: pointer;
  color: #fff;
}

.title * {
  vertical-align: middle;
}

[type="checkbox"] {
  filter: brightness(60%);
}

.deletionCheckBox {
  margin-top: 0.25rem;
}

.labelSubject {
  font-size: 140%;
  color: #592;
}

.linkName.noEmailName, .linkName, .labelYou {
  pointer-events: none;
  color: #3d7;
  text-decoration: none;
}

.labelYou::after, .embedButton::before {
  font-weight: bold;
  content: "\00a0";
}

.linkSelf, .linkQuote, .quoteLink {
  color: #999;
  text-decoration: none;
}

.linkSelf:hover, .linkQuote:hover, .quoteLink:hover {
  color: #3d7;
  text-decoration: overline underline;
}

.postInfo .panelBacklinks {
  vertical-align: top;
}

.greenText {
  color: #bd6;
}

.redText, .WebringButton {
  font-size: 100%;
}

.spoiler {
  background: #999;
  color: #999;
  padding: 0;
  transition: none;
}

.spoiler:hover {
  background: inherit;
  color:inherit;
}

select, [type="text"], [type="password"], textarea {
  background: #333;
  color: #ccc;
  border: 1px solid #666;
}

button, input[type="button"], .settingsTab {
  background: #333;
  border: 1px solid #888;
  color: #ccc;
}

button:hover, input[type="button"]:hover, .settingsTab:hover {
  cursor: pointer;
  background: #555;
  border: 1px solid #888;
  color: #3d7;
}

#actionsForm {
  display: table;
  margin: 1rem auto;
}

#actionsForm details[open] {
  margin-bottom: 48px;
}

.modalHeader, .reportFieldset, legend {
  border: none!important;
}

.reportFieldset {
  background: #222;
}

#reportFormButton {
  position: absolute;
  bottom: 1rem;
}

#postingForm {
  order: 1;
  margin-top: 0;
  padding: 8px;
}

th {
  background: #333 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAGUExURTk9RkRLU/egJ+AAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAOSURBVAgdY1BgcGBoAAAB5gDh4wDEigAAAABJRU5ErkJggg==)!important;
}

.dropzone, .selectedCell {
  background: #222;
}

.captchaImage {
  filter: invert(86.8%);
}

.modalCaptchaControls {
  left: 0.45rem;
}

.modalCaptchaControls .captchaTimer {
  margin-left: 0.05rem;
}

#transferControls, #ipDelete {
  order: 2;
  margin: 0;
}

footer {
  order: 3;
}

#globalAnnouncement, hr, .quoteLink.op::after, .quoteLink.you::after, .replyToThread, #quick-reply-container {
  display: none!important;
}