/* "Nineties Cheese" theme by Anonymous
   for Julay World's /retro/
   version 1.03
   09.04.2020
   */

/*--------------------------------------
PRE-STYLING
--------------------------------------*/

/* Reset all styles */
* {
    margin: 0 !important ;
    padding: 0 !important ;
    border: none !important ;
    outline: none !important ;
    font-size: 100% !important ;
    vertical-align: baseline !important ;
    background: none !important ;
    float: none !important ;
    color: black !important ;
    text-decoration: none !important ;
    text-shadow: none !important ;
    box-shadow: none !important ;
    filter: none !important ;
    border-radius: 0 !important ;
}

/* Remove Chrome/Safari on-focus blue border */
input:focus, select:focus,
textarea:focus button:focus {
    outline: none !important ;
}

/*--------------------------------------
TWEAKING YOTSUBA
--------------------------------------*/

/* Remove banner */
#bannerImage {
    display: none !important ;
}

/* Yotsuba icons */
.fa, .far, .fas {
    font-family: "Font Awesome 5 Free" !important ;
}
.bracket-list:before, .bracket-list:after, .bracket-list a::after,
.bracket-list > *:not(:last-child):after {
    content: none !important ;
    padding: 0 !important ;
}

/*--------------------------------------
GENERAL LAYOUT
--------------------------------------*/

/* Adjust body */
body {
    margin: auto !important ;
}

/*--------------------------------------
CONTROL ELEMENTS
--------------------------------------*/

/* Buttons */
button, input[type='button'] {
    border: 2px solid black !important ;
    border-radius: 0 !important ;
    padding: 4px 8px !important ;
    font-family: Verdana, Geneva, sans-serif !important ;
    font-weight: bold !important ;
    font-size: small !important ;
    margin: 4px !important ;
    cursor: pointer !important ;
}

/* Checkboxes */
input[type='checkbox'] {
    -webkit-appearance: none !important ;
    -moz-appearance: none !important ;
    appearance: none !important ;
	border: 1px solid black !important ;
    padding: 6px !important ;
	position: relative !important ;
    margin: 0px 4px 3px 0 !important ;
    top: 4px !important ;
}
input[type='checkbox']:checked:after {
    content: '\2714' !important ;
	font-size: 16px !important ;
	position: absolute !important ;
	top: -5px !important ;
	left: 0px !important ;
}

/* Text input */
input[type='text'], input[type='password'], textarea {
    border: 2px solid black !important ;
}

/* Selector */
select {
    border: 1px solid black !important ;
    height: 23px !important ;
    font-family: Verdana, Geneva, sans-serif !important ;
    font-size: small !important ;
}

/*--------------------------------------
FLOATING WINDOWS
--------------------------------------*/

/* General */
.floatingMenu {
    border: 2px solid black !important ;
    transform: translateX(-2px) !important ;
    /*position: fixed !important ;*/
    font-family: Verdana, Geneva, sans-serif !important ;
}
.floatingMenu * {
    font-family: Verdana, Geneva, sans-serif !important ;
}
.floatingMenu input[type='checkbox'] {
    margin: 0 !important ;
    transform: translateY(0.15em) !important ;
}
#newFilterPanel {
    margin-left: 10px !important ;*/
}
#newFilterPanel input[type='checkbox'] {
    transform: translateY(-0.1em) !important ;*/
}
#newFilterPanel button {
    transform: translateY(-0.2em) !important ;*/
}

/* Header */
.floatingMenu .header {
    cursor: move !important ;
    font-size: medium !important ;
    font-weight: bold !important ;
    text-align: center !important ;
    height: 28px !important ;
    font-family: Tahoma, Arial, sans-serif !important ;
}
.floatingMenu .headerLabel, #watchedMenu > .header > span:first-of-type {
    font-size: small !important ;
    display: table-cell !important ;
    height: 28px !important ;
    vertical-align: middle !important ;
    transform: translateX(0.75em) !important ;
}
.floatingMenu .header + hr {
    margin: 0.5rem -0.5rem 0.5rem !important ;
    width: calc(100% + 1rem) !important ;
}
.extraMenu > div {
    padding: 4px 8px !important ;
}

/* Close button */
.menuClose .fa {
    font-size: 0 !important ;
    position: static !important ;
}
.menuClose .fa:before {
    content: '\2716' !important ;
    font-size: medium !important ;
    position: relative !important ;
    top: -0.2em !important ;
}
.menuClose {
    display: inline-block !important ;
    height: 28px !important ;
    width: 28px !important ;
    border: 2px solid black !important ;
    position: absolute !important ;
    right: 0 !important ;
    top: 0 !important ;
    font-size: 1.5rem !important ;
}

/* Settings */
.settingsTabs {
    margin-bottom: 0.5em !important ;
}
.settingsTab {
    margin-left: 0.5em !important ;
    padding: 4px 8px !important ;
}
#cssInput, #jsInput {
    display: inline !important ;
    margin: 5px !important ;
    max-width: calc(100% - 10px) !important ;
}
.settingsContentPanel > div {
    margin-top: 15px !important ;
    display: block !important ;
}
.settingsContentPanel input[type='checkbox'], .settingsContentPanel label {
    margin: 0 0 5px 5px !important ;
}
.settingsContentPanel input[type='checkbox'] {
    margin-left: 8px !important ;
}
.settingsContentPanel button {
    margin: 15px 10px 10px 10px !important ;
}

/* Watched threads */
#watchedMenu, #settingsMenu {
    position: fixed !important ;
    z-index: 100 !important ;
    width: 500px !important ;
}
#watchedMenu {
    width: auto !important ;
    min-width: 250px !important ;
}
#watchedMenu hr {
    display: none !important ;
}
.watchedCell {
    padding: 15px !important ;
}

.watchedCellCloseButton, .watchedNotification { cursor: pointer !important ; }
.watchedCellCloseButton { float: right !important ; }
.watchedNotification { padding: 0.25rem 0.5rem !important ; }*/

.watchedCellCloseButton i {
    font-family: "Font Awesome 5 Free" !important ;
    margin-left: 1em !important ;
}

/* Captcha */
.modalInnerPanel {
    padding: 10px !important ;
    border: 2px solid black !important ;
}
.modalCaptchaControls > i {
    margin-right: 10px !important ;
}

/*--------------------------------------
WEBRING WINDOW
--------------------------------------*/

/* Old */
.WebringWrapper {
  position: fixed !important ;
  z-index: 1000000 !important ;
  top: 0 !important ;
  left: 0 !important ;
  width: 100% !important ;
  height: 100% !important ;
}
.WebringWrapper--closing {
  pointer-events: none !important ;
}
@keyframes webringwrappershade-fadein {
  from { opacity: 0 } to { opacity: 0.6 }
}
.WebringWrapper__shade {
  position: absolute !important ;
  top: 0 !important ;
  left: 0 !important ;
  right: 0 !important ;
  bottom: 0 !important ;
  background-color: black !important ;
  opacity: 0.6 !important ;
  animation: webringwrappershade-fadein .3s ease !important ;
}
@keyframes webringwrappershade-fadeout {
  from { opacity: 0.6 } to { opacity: 0 }
}
.WebringWrapper--closing .WebringWrapper__shade {
  opacity: 0 !important ;
  animation: webringwrappershade-fadeout .3s ease !important ;
}
@keyframes webring-slidein {
  from { transform: translate(-50%, -50%) scale(1.3) !important ; opacity: 0 }
  to { translate(-50%, -50%) scale(1) !important ; opacity: 1 }
}
.Webring {
  position: absolute !important ;
  top: 50% !important ;
  left: 50% !important ;
  transform: translate(-50%, -50%) scale(1) !important ;

  font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif !important ;

  min-width: 90% !important ;
  min-height: 500px !important ;
  max-height: 95% !important ;

  background-image: linear-gradient(to right bottom, #2e2f32, #1d1f21) !important ;
  color: white !important ;

  animation: webring-slidein .3s cubic-bezier(.21,.75,0,1) !important ;
}
@keyframes webring-slideout {
  from { transform: translate(-50%, -50%) scale(1) !important ; opacity: 1 }
  to { translate(-50%, -50%) scale(1.3) !important ; opacity: 0 }
}
.WebringWrapper--closing .Webring {
  transform: translate(-50%, -50%) scale(1.3) !important ;
  opacity: 0 !important ;
  animation: webring-slideout .3s cubic-bezier(.21,.75,0,1) !important ;
}
.Webring__close {
  font-size: 3rem !important ;
  position: absolute !important ;
  z-index: 100 !important ;
  top: 2rem !important ;
  right: 2rem !important ;
  line-height: 0 !important ;
  cursor: pointer !important ;
}
/* layout */
.Webring__inner {
  position: absolute !important ;
  height: 100% !important ;
  width: 100% !important ;
  top: 0 !important ;
  left: 0 !important ;
  display: grid !important ;
  grid-template-columns: 3rem auto !important ;
}
.WebringTabs {
  -webkit-user-select: none !important ;
  -moz-user-select: none !important ;
  -ms-user-select: none !important ;
  -o-user-select: none !important ;
  user-select: none !important ;
}
.WebringTabs__button {
  width: 3rem !important ;
  height: 3rem !important ;
  position: relative !important ;
  cursor: pointer !important ;
}
.WebringTabs__button--selected {
  cursor: default !important ;
}
.WebringTabs__button__strip {
  position: absolute !important ;
  z-index: 100 !important ;
  top: 0 !important ;
  left: 0 !important ;
  height: 3rem !important ;
  white-space: nowrap !important ;
  overflow: hidden !important ;
  width: 3rem !important ;
  background-color: #2e2f32 !important ;
  color: #CCC !important ;
  box-shadow: none !important ;
  transition: .25s ease !important ;
  transition-property: width, background-color, color, box-shadow !important ;
}
.WebringTabs__button__strip:hover {
  width: 12rem !important ;
  background-color: #555 !important ;
  color: white !important ;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.21), 0 4px 8px rgba(0, 0, 0, 0.3) !important ;
}
.WebringTabs__button--selected .WebringTabs__button__strip {
  background-color: #CCC !important ;
  color: #2e2f32 !important ;
}
.WebringTabs__button__strip svg {
  width: 1.5rem !important ;
  height: 1.5rem !important ;
  padding: 0.75rem !important ;
  box-sizing: content-box !important ;
}
.WebringTabs__button__strip span {
  display: inline-block !important ;
  height: 3rem !important ;
  line-height: 3rem !important ;
  vertical-align: top !important ;
  padding: 0 1rem !important ;
}
.WebringTabs__button--close {
  position: absolute !important ;
  bottom: 0 !important ;
}
.WebringTabs__button--refresh {
  position: absolute !important ;
  bottom: 3rem !important ;
}
.WebringTabs__button--refresh span {
  font-size: 70% !important ;
}
@keyframes refreshloading {
  from { transform: rotate(0deg) !important ; }
  to { transform: rotate(360deg) !important ; }
}
.WebringTabs__button--refresh-loading svg {
  animation: refreshloading 1s linear infinite !important ;
}
.WebringStage {
  background-color: rgba(0, 0, 0, 0.3) !important ;
  overflow-y: auto !important ;
}
.WebringTable {
  padding: 1rem !important ;
  color: #CCC !important ;
}
.WebringTable a {
  color: white !important ;
  outline: none !important ;
  text-shadow: none !important ;
}
.WebringTable a:hover {
  color: #DDD !important ;
  text-shadow: 0 0 4px !important ;
}
.WebringTable a:active {
  color: #AAA !important ;
}
.WebringTable__header {
  text-align: center !important ;
  margin-top: 0 !important ;
}
.WebringTable table {
  width: 100% !important ;
}
.WebringTable td {
  padding: 1px 3px !important ;
}
.WebringTable__board--samesite td:nth-child(1) {
  background-color: #555 !important ;
}
.WebringTable__board td:nth-child(3),
.WebringTable__board td:nth-child(2)
{
  text-overflow: ellipsis !important ;
  white-space: nowrap !important ;
  overflow: hidden !important ;
  max-width: 200px !important ;
}
.WebringTable table tr:nth-child(2n) td {
  background-color: #333 !important ;
}
.WebringTable__board--samesite td:nth-child(1) {
  background-color: #555 !important !important ;
  font-weight: bold !important ;
}
.WebringTable__board--sameboard td {
  background-color: #555 !important !important ;
  font-weight: bold !important ;
}
.WebringTable__board__last-activity {
  text-align: center !important ;
  color: white !important ;
}
@media (max-width: 600px) {
  .Webring {
    max-width: 100% !important ;
    width: 100% !important ;
    height: 90% !important ;
  }
  .WebringTable table th:nth-child(3),
  .WebringTable table th:nth-child(4),
  .WebringTable table th:nth-child(5),
  .WebringTable table th:nth-child(6),
  .WebringTable table td:nth-child(3),
  .WebringTable table td:nth-child(4),
  .WebringTable table td:nth-child(5),
  .WebringTable table td:nth-child(6) {
    display: none !important ;
  }
  .WebringTable__board td:nth-child(2) {
    max-width: 120px !important ;
  }
}

/* Custom */
.WebringTable__header {
    font-size: x-large !important ;
}
.Webring {
    width: 90% !important ;
    min-width: 800px !important ;
}

/*--------------------------------------
NAVIGATION BAR
--------------------------------------*/

/* Center elements */
#board-top-nav {
    text-align: center !important ;
}

/* General */
.top-nav {
    position: absolute !important ;
    display: inline-block !important ;
    width: 408px !important ;
    height: 220px !important ;
    overflow: visible !important ;
    word-break: break-word !important ;
    top: 142px !important ;
    left: calc((100% - 768px) / 2) !important ;
    column-count: 2 !important ;
    column-fill: auto !important ;
}

/* Main nav items (Home, Boards...etc) */
#navLinkSpan {
    display: inline-block !important ;
}
#navLinkSpan:before {
    white-space: pre-wrap !important ;
    content: 'Main menu\A' !important ;
    font-family: 'Times New Roman', Times, serif !important ;
    font-size: x-large !important ;
    font-weight: bold !important ;
    font-style: italic !important ;
    margin-left: 2px !important ;
}
#navLinkSpan a .fa, .top-nav-dynamic {
    display: none !important ;
}
#navLinkSpan a, .top-nav-dynamic a, #navBoardsSpan a {
    display: list-item !important ;
    list-style: none !important ;
    font-family: Verdana, Geneva, sans-serif !important ;
    font-weight: bold !important ;
    font-size: small !important ;
}
#navLinkSpan a:not(.WebringButton):before {
    content: '\2663' !important ;
    margin-right: 2px !important ;
}

/* Webring button */
.WebringButton {
    animation: none !important ;
    text-shadow: none !important ;
    line-height: 18px !important ;
}
.WebringButton:before {
    content: '\2663\0020' !important ;
}

/* Theme selector */
#themeSelector {
    position: relative !important ;
    width: 150px !important ;
    border: 1px solid black !important ;
    font-family: Verdana, Geneva, sans-serif !important ;
    font-size: small !important ;
    margin: 4px 0 !important ;
}

/*--------------------------------------
FAVORITE BOARDS
--------------------------------------*/

/* General */
#navBoardsSpan:before {
    white-space: pre-wrap !important ;
    content: 'Favorite boards' !important ;
    font-family: 'Times New Roman', Times, serif !important ;
    font-size: x-large !important ;
    font-weight: bold !important ;
    font-style: italic !important ;
    margin-left: 2px !important ;
}
#board-catalog #navBoardsSpan:before {
    content: '\A Favorite boards' !important ;
}
#navBoardsSpan {
    display: inline !important ;
}

/* Heart shaped bullets */
#navBoardsSpan a:before {
    content: '\2665\0020' !important ;
}

/*--------------------------------------
BOARD HEADER
--------------------------------------*/

/* Board name */
#labelName, #labelBoard {
    white-space: pre-wrap !important ;
    font-size: 0 !important ;
    font-family: 'Times New Roman', Times, serif !important ;
    font-weight: bold !important ;
    font-style: italic !important ;
    font-variant: small-caps !important ;
}
#labelName:before, #labelBoard:before {
    display: inline-block !important ;
    content: 'Retro' !important ;
    font-size: 64px !important ;
    position: relative !important ;
    left: 13px !important ;
    padding: 0 10px !important ;
    text-shadow: 1px 1px black, 2px 2px black, 3px 3px black !important ;
}

/* Favorite button */
#favouriteButton {
    display: inline-block !important ;
    font-size: 0 !important ;
    position: relative !important ;
}
#favouriteButton:before {
    font-size: 32px !important ;
    vertical-align: 65% !important ;
    content: '\2605' !important ;
    position: relative !important ;
}

/* Board description */
#labelDescription {
    display: inline-block !important ;
    width: 170px !important ;
    height: 51px !important ;
    position: relative !important ;
    top: -5px !important ;
    white-space: pre-wrap !important ;
    padding: 6px 0 !important ;
    font-family: Verdana, Geneva, sans-serif !important ;
    font-weight: bold !important ;
    font-size: 0 !important ;
    box-shadow: 1px 1px black, 2px 2px black, 3px 3px black !important ;
}
#labelDescription:before {
    display: inline !important ;
    content: '1990s and 2000s' !important ;
    font-size: 16px !important ;
}
#labelDescription:after {
    display: inline !important ;
    content: '\A\2726  Nostalgia \2726' !important ;
    font-size: 16px !important ;
}

/*--------------------------------------
GLOBAL ANNOUNCEMENTS
--------------------------------------*/

/* General */
#globalAnnouncement {
    position: static !important ;
    display: block !important ;
    text-align: left !important ;
    width: 768px !important ;
    height: 220px !important ;
    overflow: auto !important ;
    word-break: break-word !important ;
    margin: auto !important ;
    margin-top: 16px !important ;
    margin-bottom: 20px !important ;
    padding-left: 408px !important ;
}
#globalAnnouncement * {
    font-family: Verdana, Geneva, sans-serif !important ;
    font-weight: bold !important ;
    font-size: small !important ;
}
#globalAnnouncement br {
    display: none !important ;
}
#globalAnnouncement p {
    display: list-item !important ;
    list-style: none !important ;
}
#globalAnnouncement:before {
    content: 'Global announcements' !important ;
    font-family: 'Times New Roman', Times, serif !important ;
    font-size: x-large !important ;
    font-weight: bold !important ;
    font-style: italic !important ;
    margin-left: 2px !important ;
}
#globalAnnouncement p:before {
    content: '\2666\20' !important ;
    margin-right: 2px !important ;
}

/*--------------------------------------
POSTING FORM
--------------------------------------*/

/* General */
#postingForm:before {
    font-family: 'Times New Roman', Times, serif !important ;
    font-size: x-large !important ;
    font-weight: bold !important ;
    font-style: italic !important ;
    margin-left: 2px !important ;
}
#posting-table, #posting-extra-table {
    border-spacing: 5px !important ;
}
#posting-table th, #posting-extra-table th {
    text-align: left !important ;
    vertical-align: top !important ;
    padding-right: 5px !important ;
    width: 120px !important ;
}
#posting-table th label, #posting-extra-table th label {
    font-family: Verdana, Geneva, sans-serif !important ;
    font-size: small !important ;
}
#posting-table td .postingInput,
#posting-extra-table td .postingInput,
input[type='checkbox'] {
    border: 2px solid black !important ;
}
#posting-table td p, #posting-extra-table td p {
    font-family: Verdana, Geneva, sans-serif !important ;
    font-size: small !important ;
}
#posting-table td > p:first-of-type, #posting-extra-table td p {
    font-style: italic !important ;
}

/* Drop zone */
#divUpload td {
    padding: 2px 4px !important ;
    text-align: center !important ;
}
#divUpload td p {
    display: inline-block !important ;
}
.selectedCell .nameLabel {
    font-size: small !important ;
    white-space: nowrap !important ;
    overflow: ellipsis !important ;
    margin-left: 10px !important ;
}
.dragAndDropThumb {
    margin-left: 28px !important ;
}
.selectedCell {
    position: relative !important ;
    display: block !important ;
    padding: 10px !important ;
    text-align: left !important ;
    min-height: auto !important ;
}

/* Post button */
.posting-extra summary, .post-submit {
    display: inline-block !important ;
    height: 28px !important ;
}

/* Extra */
.posting-extra summary {
    padding: 4px 8px !important ;
    margin: 4px !important ;
    font-family: Verdana, Geneva, sans-serif !important ;
    font-size: small !important ;
    font-weight: bold !important ;
    border: 2px solid black !important ;
}

/*--------------------------------------
QUICK REPLY
--------------------------------------*/

/* General */
#quick-reply {
    border: 2px solid black !important ;
}
.post-table {
    border-collapse: collapse !important ;
    width: 100% !important ;
}
.post-table td {
    padding: 0 6px 6px 6px !important ;
}
.post-table tr:nth-child(2) td {
    padding-top: 6px !important ;
}

/* Handle */
.post-table th {
    height: 28px !important ;
    vertical-align: middle !important ;
}
.handle {
    font-size: small !important ;
    font-family: Tahoma, Arial, sans-serif !important ;
    display: block !important ;
    text-align: left !important ;
    margin-left: 0.75em !important ;
}
#quick-reply .fa {
    font-size: 0 !important ;
    position: static !important ;
}
#quick-reply .fa:before {
    content: '\2716' !important ;
    font-size: medium !important ;
    position: relative !important ;
    top: 0.25em !important ;
}
.handle .close-btn {
    display: inline-block !important ;
    height: 28px !important ;
    width: 28px !important ;
    border: 2px solid black !important ;
    position: absolute !important ;
    right: 0 !important ;
    top: 0 !important ;
    text-align: center !important ;
    margin-left: 0 !important ;
}

/* Text input */
.post-table [type='text'],
.post-table [type='password'],
.post-table textarea {
    font-family: Tahoma, Arial, sans-serif !important ;
    border: 2px solid black !important ;
}
.post-table [type='text'],
.post-table [type='password'] {
    width: calc(100% - 1px) !important ;
}

/* Other inputs */
#quick-reply summary, #quick-reply button {
    margin: 0 6px 6px 6px !important ;
}

/* Drop zone */
#quick-reply .dropzone {
    padding: 6px !important ;
}

/*--------------------------------------
NAVIGATIONAL BUTTONS
--------------------------------------*/

/* Container */
.board-nav {
    padding-top: 20px !important ;
    width: 768px !important ;
    margin: auto !important ;
    position: relative !important ;
}

/* Button layout */
.board-nav > a, .board-nav > div:first-of-type > a,
.board-nav > a:after, .board-nav > div:first-of-type > a:after {
    font-family: Verdana, Geneva, sans-serif !important ;
    font-size: medium !important ;
    font-weight: bold !important ;
    text-decoration: none !important ;
    display: inline-block !important ;
    width: auto !important ;
    margin: 0 8px !important ;
    line-height: 1 !important ;
}
.board-nav > a:before,
.board-nav > div:first-of-type > a:before {
    font-size: xx-large !important ;
    position: relative !important ;
    line-height: 1 !important ;
    display: inline !important ;
    width: 32px !important ;
    text-shadow: 1px 1px black, 2px 2px black, 3px 3px black !important ;
    white-space: pre-wrap !important ;
    vertical-align: 25% !important ;
}
.board-nav > a:after,
.board-nav > div:first-of-type > a:after {
    content: none !important ;
}
#board-catalog #board-top-nav {
    padding-top: 40px !important ;
}
#board-catalog #board-top-nav .bracket-button {
    padding-bottom: 40px !important ;
}
#board-thread #board-bottom-nav .bracket-button,
#board-index #board-bottom-nav .bracket-button:not(#pages-container) {
    padding-bottom: 20px !important ;
}

/* Icons */
#board-top-nav a[href$='catalog.html']:before,
#board-bottom-nav a[href$='catalog.html']:before {
    content: '\2756\A' !important ;
}
#linkLogs:before {
    content: '\260E\A' !important ;
}
#board-top-nav a[href='#footer'] {
    font-size: 0 !important ;
}
#board-top-nav a[href='#footer']:before {
    content: '\25BC\A' !important ;
}
#board-top-nav a[href='#footer']:after {
    content: 'Bottom' !important ;
    font-size: medium !important ;
    margin: 0 !important ;
}
#board-bottom-nav a[href='#'] {
    font-size: 0 !important ;
}
#board-bottom-nav a[href='#']:before {
    content: '\25B2\A' !important ;
}
#board-bottom-nav a[href='#']:after {
    content: 'Top' !important ;
    font-size: medium !important ;
    margin: 0 !important ;
}
#board-top-nav a[href$='.']:before,
#board-bottom-nav a[href$='.']:before {
    content: '\25C0\A' !important ;
}
#galleryLink:before {
    content: '\273F\A' !important ;
}

/* Fix */
#board-catalog #board-bottom-nav {
    text-align: center !important ;
}
#board-index #board-bottom-nav > div:first-of-type,
#board-catalog #board-bottom-nav > div:first-of-type,
#board-catalog #board-bottom-nav > a,
#board-thread #board-bottom-nav > div:first-of-type > a{
    margin-bottom: 20px !important ;
}

/*--------------------------------------
GALLERY MODE
--------------------------------------*/

.modalPanel {
    background: rgba(0,0,0,0.8) !important ;
}

/*--------------------------------------
UPLOADS
--------------------------------------*/

/* Uploads area */
.panelUploads {
    margin: auto !important ;
    text-align: center !important ;
}
.innerPost {
    width: 100% !important ;
}

/* Single file */
.uploadCell {
    display: inline-block !important ;
    vertical-align: top !important ;
    min-width: 256px !important ;
    margin: 0 16px 16px 16px !important ;
}

/* File details */
.uploadDetails {
    line-height: 1 !important ;
    max-width: 100% !important ;
    font-size: small !important ;
}
.uploadDetails:hover {
    overflow: hidden !important ;
}
.nameLink {
    font-size: 0 !important ;
    text-decoration: none !important ;
    overflow: visible !important ;
}
.nameLink:before {
    font-size: large !important ;
    content: '\21F1' !important ;
}
.originalNameLink {
    word-wrap: break-word !important ;
    white-space: nowrap !important ;
    overflow: hidden !important ;
    text-overflow: ellipsis !important ;
    display: inline-block !important ;
    max-width: 256px !important ;
    padding-bottom: 2px !important ;
}
.originalNameLink:hover, .originalNameLink:active {
    text-overflow: visible !important ;
    white-space: pre-wrap !important ;
}
.uploadDetails span:nth-last-child(3):after {
    white-space: pre-wrap !important ;
    content: '\A' !important ;
}
.hideMobile {
    font-size: 0 !important ;
}
.imgLink img {
    margin: 4px 0 !important ;
}

/*--------------------------------------
THREADS
--------------------------------------*/

/* Threads */
.opCell {
    width: 768px !important ;
    margin: 20px auto 0 auto !important ;
}
.innerOP {
    padding: 20px !important ;
    padding-bottom: 0 !important ;
}
.innerOP > div:last-child
{
    padding-bottom: 20px !important ;
}
.opCell *:not(.fa), .quoteTooltip {
    font-family: Verdana, Geneva, sans-serif !important ;
}

/*--------------------------------------
POST HEADER
--------------------------------------*/

/* OP fix */
.opHead.title {
    margin-top: 0 !important ;
}

/* Checkbox */
.title input[type='checkbox'] {
    margin-bottom: 2px !important ;
}

/* Menu/Hide */
.extraMenuButton, .hideButton {
    position: relative !important ;
}
.extraMenuButton i {
    font-size: large !important ;
    padding-left: 0.1em !important ;
    padding-right: 0.1em !important ;
    cursor: pointer !important ;
}

/* Buttons */
.extraMenuButton, .hideButton {
    margin-right: 3px !important ;
}
.linkReply, .linkLast, .replyToThread {
    font-size: 0 !important ;
}
.linkReply:before, .linkLast:before, .replyToThread:before {
    font-size: x-large !important ;
    display: inline-block !important ;
    height: 0 !important ;
    vertical-align: top !important ;
    margin-top: -8px !important ;
}
.linkReply:before, .replyToThread:before {
    content: '\27A4' !important ;
}
.linkLast:before {
    content: '\2766' !important ;
}

/* Text */
.postInfo.title, .opHead.title {
    margin: 0 0 1em 0 !important ;
}
.labelSubject:after, .linkName:after, .labelCreated:after {
    content: '\20\A6' !important ;
    font-weight: normal !important ;
}
#board-catalog .labelSubject:after {
    content: '' !important ;
}

/*--------------------------------------
POST BODY
--------------------------------------*/

/* General */
.divMessage {
    word-break: break-word !important ;
}
/*.postCell {*/
.innerPost, .markedPost {
    padding: 20px !important ;
}
.markedPost {
    width: 768px !important;
}
.divMessage a + br, .greenText + br {
    display: inline !important ;
}

/* Body too long */
.contentOmissionIndicator {
    font-weight: bold !important ;
}

/* Notes */
.labelOmission, .labelLastEdit {
    font-style: italic !important ;
    padding-top: 1em !important ;
}

/* Quote fix */
.divMessage .quoteLink {
    text-decoration: underline !important ;
}

/* Embed */
.embedButton {
    font-size: 0 !important ;
}
.embedButton:before {
    content: '\25BA' !important ;
    font-size: medium !important ;
}

/* Quote parantheses */
.quoteLink.op:after, .quoteLink.you:after {
    font-size: medium !important ;
}

/* Spoiler image */
img[src$='spoiler'] {
    max-height: 256px !important ;
    max-width: 256px !important ;
}

/*--------------------------------------
REPLY POPUP
--------------------------------------*/

.quoteTooltip {
    border: 1px solid black !important ;
    position: absolute !important ;
    left: calc((100% - 768px) / 2) !important ;
    margin: auto !important ;
    margin-top: 20px !important ;
    width: 768px !important ;
    max-height: 100vh !important ;
    overflow: hidden !important ;
}
.quoteTooltip:after {
    position: absolute !important ;
    content: '' !important ;
    top: 0 !important ;
    left: 0 !important ;
    width: 100% !important ;
    height: 100% !important ;
    z-index: 100 !important ;
    pointer-events: none !important ;
}

/*--------------------------------------
CATALOG
--------------------------------------*/

/* Top */
#catalogId .title {
    display: none;
}
#board-catalog .top-nav {
    top: 80px !important ;
    width: 768px !important ;
}

/* Posting */
#board-catalog #postingForm {
    margin-top: 233px !important ;
}

/* Catalog tools */
#divTools {
    font-size: 0 !important ;
    display: block !important ;
}
#divTools *:not(button) {
    font-size: medium !important ;
}
#autoCatalogRefreshCheckBox, #checkboxChangeRefresh {
    margin-bottom: 0.2% !important ;
}

/* Threads container */
.catalogDiv {
    max-width: 768px !important ;
    margin: auto !important ;
}

/* Cells */
.catalogCell {
    vertical-align: top !important ;
    margin: 16px !important ;
    min-height: 180px !important ;
    max-width: 150px !important ;
    overflow: hidden !important ;
    font-family: Verdana, Geneva, sans-serif !important ;
    font-size: small !important ;
}
.threadStats {
    font-style: italic !important ;
}

/* Gradient effect */
#divThreads .catalogCell {
    position: relative !important ;
}
#divThreads .catalogCell::after {
    position: absolute !important ;
    content: '' !important ;
    top: 0 !important ;
    left: 0 !important ;
    width: 100% !important ;
    height: 100% !important ;
    z-index: 100 !important ;
    background-image: linear-gradient(transparent, transparent 90%, snow) !important ;
    pointer-events: none !important ;
    min-height: 320px !important ;
}

/*--------------------------------------
FOOTER
--------------------------------------*/

/* Center */
#board-bottom-nav {
    display: block !important ;
    margin: auto !important ;
    margin-top: 20px !important ;
}
#board-bottom-nav * {
    text-align: center !important ;
}

/* Navigational buttons */
#board-bottom-nav div:first-child {
    width: 768px !important ;
}
#board-bottom-nav {
    text-align: center !important ;
}

/* Page count */
#pages-container {
    display: inline-block !important ;
    margin: 0 !important ;
    margin-bottom: 1em !important ;
}
#pages-container:before, #pages-container:after {
    content: none !important ;
}
#pages-container a {
    margin: 0 2px !important ;
}

/* Next/Previous */
#linkNext:before {
    content: '\25BA\25BA' !important ;
}
#linkPrevious:before {
    content: '\25C4\25C4' !important ;
}

/* Refresh */
.divRefresh.hidden {
    display: block !important ;
}
#labelRefresh {
    margin-left: 4px !important ;
}

/* Moderation */
#linkManagement, #linkModeration, #linkMod {
    font-family: Verdana, Geneva, sans-serif !important ;
    font-size: medium !important ;
    font-weight: bold !important ;
    display: inline-block !important ;
    width: auto !important ;
    margin: 0 8px 20px 8px !important ;
    line-height: 1 !important ;
}
#linkManagement:before,
#linkModeration:before,
#linkMod:before {
    content: '\25CF\20' !important ;
    font-size: x-large !important ;
    text-shadow: 1px 1px black, 2px 2px black, 3px 3px black !important ;
}

/* Report/Delete */
#actionsForm details {
    margin: 0.75rem !important ;
}
.reportFieldset {
    vertical-align: top !important ;
    padding: 10px !important ;
    width: 540px !important ;
    min-height: auto !important ;
    margin-top: 10px !important ;
    font-family: Verdana, Geneva, sans-serif !important ;
}
.reportFieldset * {
    margin: 5px !important ;
}
.reportFieldset legend {
    display: block !important ;
    margin-top: 5px !important ;
    width: 100% !important ;
    transform: translateY(1rem) !important ;
    text-align: center !important ;
}
.reportFieldset input[type='checkbox'] {
    border: 2px solid black !important ;
    border-color: black ghostwhite ghostwhite black !important ;
}
.reportFieldset button {
    position: static !important ;
    display: block !important ;
    margin: auto !important ;
    margin-top: 10px !important ;
    transform: none !important ;
}
.reportFieldset p {
    font-style: italic !important ;
}
.captchaImageContainer * {
    margin: 0 !important ;
}
.captchaImageContainer img {
    margin-left: 0 !important ;
}
.reloadCaptchaButton, .captchaTimer, .modalCaptchaControls > i {
    position: relative !important ;
    top: 48px !important ;
    left: 0 !important ;
}

/* Canary */
.cute-bird {
    height: 32px !important ;
}
.cute-bird img {
    display: none !important ;
}
.cute-bird a:before {
    display: inline-block !important ;
    content: '\2767' !important ;
    font-size: x-large !important ;
}

/*--------------------------------------
COLORS
--------------------------------------*/

/* White background */
input[type='checkbox'],
input[type='text'], input[type='password'], textarea,
select,
#themeSelector {
    background-color: white !important ;
}
/* White */
.floatingMenu .headerLabel, #watchedMenu > .header > span:first-of-type,
.settingsTab#selectedTab,
.Webring *,
.extraMenu > div:hover,
.handle {
    color: white !important ;
}

/* Windows 95 header */
.floatingMenu .header,
.extraMenu > div:hover,
.settingsTab#selectedTab,
.post-table th, .handle {
    background: navy !important ;
}
/* Windows 95 bevel (outwards) */
button, input[type='button'],
.floatingMenu,
.menuClose,
.modalInnerPanel,
.posting-extra summary,
#quick-reply,
.handle .close-btn {
    background: lightgray !important ;
    border-color: ghostwhite black black ghostwhite !important ;
}
/* Windows 95 bevel (inwards) */
button:active, input[type='button']:active,
input[type='text'], input[type='password'], textarea,
.floatingMenu input[type='checkbox'],
.menuClose:active,
.handle .close-btn:active,
.post-table [type='text'], .post-table [type='password'], .post-table textarea,
#quick-reply input[type='checkbox'] {
    border-color: black ghostwhite ghostwhite black !important ;
}

/* Windows 95 darker */
.settingsTab,
#quick-reply .dropzone {
    background: silver !important ;
}
/* Windows 95 lighter */
.settingsTab:not(#selectedTab):hover {
    background: darkgray !important ;
}
#favouriteButton:not(.checkedFavouriteButton):before {
    color: darkgray !important ;
}

/* Page (snow) */
body {
    background: snow !important ;
}

/* Hyperlinks (blue) */
[href], [href]:before, [href]:after, .fa {
    color: mediumblue !important ;
}

/* Red */
[href]:hover, [href]:hover *, [href]:hover:after, [href]:hover:before, .fa:hover,
#labelName:before, #labelBoard:before,
.opHead .fa:hover, .postInfo .fa:hover,
.divMessage .quoteLink {
    color: red !important ;
}

/* Black */
.menuClose .fa,
.bracket-button:hover, .bracket-button:hover:after,
#navLinkSpan a:before, #navBoardsSpan a:before,
#labelDescription,
#quick-reply .fa,
.board-nav > a, .board-nav > div:first-of-type > a,
.board-nav > a:after, .board-nav > div:first-of-type > a:after,
.spoiler,
#linkManagement, #linkModeration, #linkMod {
    color: black !important ;
}

/* Gold */
.checkedFavouriteButton .fa, .checkedFavouriteButton:before,
#linkManagement:not(:hover):before,
#linkModeration:not(:hover):before,
#linkMod:not(:hover):before {
    color: gold !important ;
}
/* Gold background */
#labelDescription {
    background: gold !important ;
}

/* Orchid */
#navLinkSpan:before,
#navBoardsSpan:before,
#globalAnnouncement:before,
#postingForm:before {
    color: orchid !important ;
}

/* Medium spring green */
.board-nav > a:not(:hover):before,
.board-nav > div:first-of-type > a:not(:hover):before {
    color: mediumspringgreen !important ;
}

/* Salmon bevel (inwards) */
#posting-table td .postingInput, 
#posting-extra-table td .postingInput,
input[type='checkbox'] {
    border-color: lightsalmon mistyrose mistyrose lightsalmon !important ;
}
#divUpload td {
    background: mistyrose !important ;
}

/* Rose colors */
:root {
    /*--lightrose: #ffe9e6;*/
    --lightrose: #ffebe8;
    --darkrose: #fadfdc;
    --darkerrose: #ebd0cd;
}

/* Posts */
.labelSubject:after, .linkName:after, .labelCreated:after {
    color: darksalmon !important ;
}
.labelSubject {
    color: darkcyan !important ;
}
.linkName, .labelCreated, .linkSelf, .linkQuote,
.embedButton:before,
.labelYou {
    color: indianred !important ;
}
.postCell:nth-child(odd), .quoteTooltip { /*dark*/
    background: mistyrose !important ;
}
.postCell:nth-child(even) { /*light*/
    background: var(--lightrose) !important ;
}
.postCell:last-of-type {
    border-bottom: 2px solid var(--darkerrose) !important ;
}
.markedPost {
    background: var(--darkrose) !important ;
}
.quoteTooltip:after {
    background-image: linear-gradient(transparent, transparent 95%, mistyrose) !important ;
}
.labelOmission, .labelLastEdit {
    color: indianred !important ;
    opacity: 0.5 !important ;
}
.greenText {
    color: mediumseagreen !important ;
}

/* Spoiler */
.redText,
.quoteLink.op:after, .quoteLink.you:after, .labelRole {
    color: crimson !important ;
}
.spoiler {
    background: black !important ;
}
.spoiler:hover {
    color: lightgray !important ;
}

/* Footer */
.reportFieldset {
    background: lightgray !important ;
}
.cute-bird a:before {
    color: lightsalmon !important ;
}