@charset "UTF-8";

/************************ Global **************************************/

:root {
  /* Global */
  --font-family-main: var(--font-family-serif);
  --font-size-main: 12pt;
  --color-bg-main: #004040;
  --color-bg-main-gradient: #002828;
  --color-fg-main: #ffffff;
  --color-fg-link: #eeffee;
  --color-fg-link-hover: #ff0000;
  --color-x-lo-contrast-border: #002828;
  --color-lo-contrast-border: #307070;
  --color-hi-contrast-border: #609090;
  --color-border-button: #e3e3e3;
  /* Navigation/admin bar */
  --color-bg-boardlist: #003434;
  --color-fg-boardlist: #609090;
  /* Board header */
  --color-fg-logo: var(--color-fg-main);
  --color-bg-theading: #7f0040;
  --color-bg-theading2: #007f7f;
  --color-bg-theading3: #7f6030;
  --color-fg-theading: var(--color-fg-main);
  /* Post form */
  --color-bg-postblock: #007f7f;
  --color-fg-global-message: var(--color-fg-warning);
  /* Posts/replies */
  --color-bg-reply: #003434;
  --color-bg-reply-hl: #303c6d;
  --color-fg-title: var(--color-fg-main);
  --color-fg-name: var(--color-fg-main);
  --color-fg-warning: #ff0000;
  --color-fg-warning-ip: #00ffff;
  --color-fg-omitted: #a0a0a0;
  /* Post formatting */
  --color-fg-quotelink: var(--color-fg-link);
  --color-fg-quotelink-hover: var(--color-fg-link-hover);
  --color-fg-quote: #d1d1d1;
  --color-fg-quote2: #ff80ff;
  --color-bg-spoiler: #000000;
  --color-bg-code: #000000;
  --color-fg-code: var(--color-fg-main);
  /* Administrator mode */
  --color-bg-postlists-header: #007f7f;
  --color-fg-postlists-header: var(--color-fg-main);
  --color-fg-postlists-header-link: var(--color-fg-main);
  --color-bg-postlists-odd: #003434;
  --color-bg-postlists-even: #004848;
  /* File board/flash board */
  --color-bg-flashboard-even: #005050;
  /* Windows */
  --color-bg-window-item-highlight: #006060;
}

body {
  background-image: linear-gradient(to bottom, var(--color-bg-main-gradient), var(--color-bg-main) 500px);
  background-size: 100% 500px;
  background-repeat: repeat-x;
}

hr {
  border-color: var(--color-hi-contrast-border);
}

:focus,
:focus-visible {
  outline-color: var(--color-fg-link);
}

fieldset {
  border-color: var(--color-hi-contrast-border);
}
 
/************************ Navigation/admin bar ************************/
/******** Neomenu ********/

.neomenuTopLevel,
.persistnav .neomenuTopLevel {
  border: 1px solid;
  border-color:  var(--color-lo-contrast-border) var(--color-x-lo-contrast-border) var(--color-x-lo-contrast-border)  var(--color-lo-contrast-border);
}

.neomenuList {
  border: 1px solid var(--color-lo-contrast-border);
}

.neomenu .neomenuTopLevel h2:hover,
.neomenu .neomenuList li:hover {
  background-color: rgba(255,255,255,0.1);
}

/************************ Board header ********************************/

#banner,
.fullbannerIframe {
  border-color:  var(--color-hi-contrast-border);
}

/************************ Post form ***********************************/

.rules,
#blotter {
  font-family: sans-serif;
  font-size: var(--font-size-xx-small);
}

/************************ Posts/replies *******************************/
/************************ Post formatting *****************************/

.rabienrose {
  background-color: #660033;
  color: #ffccff;
}

.bokuGreen {
  color: #00cc00;
}

.bokuRed {
  color: #ff6666;
}

/************************ Footer **************************************/

#pager {
  border-color: var(--color-hi-contrast-border);
}

#pager th,
#pager td {
  border-color: #609090;
}

/************************ Administrator mode **************************/

.good,
.online {
  color: #00ff00;
}

/************************ Ban screen **********************************/
/********************** File board/flash board ************************/
/************************ Windows *************************************/

.window,
.winbar {
  border-color: var(--color-hi-contrast-border);
}

.winctrl img {
  filter: invert(1);
}

/************************ Mobile **************************************/

@media screen and (max-width: 650px) {
  .rules {
    font-size: var(--font-size-x-small);
  }
}

/************************ Probably not needed *************************/

/* .top {
  background-color: #060a0d;
} */

/* iframe,
.rotating {
  border-right: 1px solid var(--color-fg-main);
  border-bottom: 1px solid var(--color-fg-main);
} */