/***********************************************************************
** pmwiki.css
**  Copyright 2004-2017 Patrick R. Michaud (pmichaud@pobox.com)
**  Copyright 2006 Hagan Fox
**  Copyright 2026 midnaw <midnaw@kakao.com>
**
**  This file is NOT part of PmWiki; BUT you can redistribute it and/or
**  modify it under the terms of the GNU General Public License as published
**  by the Free Software Foundation; either version 2 of the License, or
**  (at your option) any later version.  See pmwiki.php for full details.
**  
**  File maintained by midnaw
***********************************************************************/
* {
  box-sizing: border-box;
  text-decoration-thickness: 1px; }

body {
  max-width: 1200px;
  margin: auto;
  background-color: #1c1c1c;
  background-image: url(superhell-bg.png);
  background-size: cover;
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.25; }

a {
  color: #ffa500; }

a:active {
  color: #ffdd33; }

textarea,
pre,
code {
  font-family: "Lucida Console", "Andale Mono", "Courier New", Courier, monospace;
  line-height: 1.2em; }

/* These primarily adjust the size and spacing of heading elements,
** most browsers have atrocious defaults for these. */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1.0em;
  margin-bottom: 0.6em; }

h1 code,
h2 code,
h3 code,
h4 code {
  font-size: 1em; }

h1 {
  font-size: 1.80rem; }

h2 {
  font-size: 1.44rem; }

h3 {
  font-size: 1.22rem; }

h4 {
  font-size: 1.07rem; }

h5 {
  font-size: 1.00rem; }

h6 {
  font-size: 1.00rem; }

input {
  display: inline-block;
  border: 1px solid #4c4c4c;
  background: #3c3c3c;
  color: inherit;
  font: inherit; }

input[type=submit] {
  padding-left: 12px;
  padding-right: 12px; }

input[type=submit]:hover {
  background: #4c4c4c; }

input[type=submit]:active {
  background: #2c2c2c; }

#root-container {
  display: flex;
  margin-top: 2rem; }

#sidebar {
  font-size: 14px;
  min-width: 180px;
  margin-right: 1rem; }
  #sidebar #sidebar-logo {
    text-align: center;
    margin-bottom: 1.2rem; }
  #sidebar #sidebar-main {
    font-family: Verdana, sans-serif; }
    #sidebar #sidebar-main ul {
      list-style: none;
      padding: 0px;
      margin: 0px; }
    #sidebar #sidebar-main li {
      margin: 0px;
      margin-bottom: 0.2rem; }
    #sidebar #sidebar-main .sidehead {
      margin: 0.4rem 0px;
      margin-top: 0.6rem;
      padding-bottom: 0.2rem;
      border-bottom: 1px solid #4c4c4c;
      font-weight: bold;
      font-style: normal; }
      #sidebar #sidebar-main .sidehead a {
        color: inherit; }
    #sidebar #sidebar-main a {
      display: block;
      text-decoration: none; }
    #sidebar #sidebar-main a:hover {
      text-decoration: underline;
      color: #ffa500; }

#body {
  flex-grow: 1; }
  #body #nav {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #4c4c4c; }
    #body #nav #nav-links {
      margin-bottom: -1px;
      flex-grow: 1;
      font-size: 14px; }
      #body #nav #nav-links ul,
      #body #nav #nav-links li {
        display: inline;
        margin: 0px;
        padding: 0px;
        list-style: none;
        font-size: 0; }
      #body #nav #nav-links a {
        border-left: 1px solid #4c4c4c;
        border-bottom: 1px solid #4c4c4c;
        font-size: 14px;
        display: inline-block;
        text-decoration: none;
        padding: 8px 8px;
        background: linear-gradient(transparent, #0c0c0c); }
      #body #nav #nav-links a:hover {
        text-decoration: underline; }
      #body #nav #nav-links a.active {
        border-bottom: 1px solid #2c2c2c;
        background: linear-gradient(transparent, #2c2c2c); }
    #body #nav li:last-child a {
      border-right: 1px solid #4c4c4c; }
    #body #nav #nav-search {
      height: 1.5rem; }
  #body main {
    border: 1px solid #4c4c4c;
    border-top: none;
    padding: 12px;
    background: #2c2c2c; }
  #body #title {
    border-bottom: 1px solid #4c4c4c; }
    #body #title #title-group {
      color: #aaaaaa; }
      #body #title #title-group a {
        color: inherit;
        text-decoration: none; }
      #body #title #title-group a:hover {
        text-decoration: underline; }
    #body #title #title-page {
      padding-bottom: 0.2rem;
      margin: 0px; }
  #body #wikitext {
    margin-top: 12px; }
  #body .vspace {
    margin-top: 0.8rem; }

.wikimessage {
  margin-top: 4px;
  margin-bottom: 4px;
  font-style: italic; }

footer {
  padding: 12px;
  font-family: Verdana, sans-serif;
  font-size: 12px; }
  footer #footer-nav {
    margin-bottom: 0.5rem; }
  footer #footer-legal {
    color: #aaaaaa; }

table.simpletable {
  border-collapse: collapse; }
  table.simpletable tbody tr:nth-child(odd) {
    background-color: #1c1c1c; }
  table.simpletable thead tr:nth-child(even), table.simpletable tbody tr:nth-child(even) {
    background-color: #3c3c3c; }
  table.simpletable th {
    background-color: #3c3c3c; }
  table.simpletable th, table.simpletable td {
    border: 1px solid #4c4c4c; }

.frame {
  font: inherit;
  background: #3c3c3c;
  border-color: #4c4c4c; }

/* These affect the printed appearance of the web view (not the separate
** print view) of pages.  The sidebar and action links aren't printed. */
@media print {
  body {
    width: auto;
    margin: 0px;
    padding: 0.5em; }
  a {
    color: inherit;
    font-style: italic; }
  #wikihead,
  #wikileft,
  #wikicmds,
  .footnav {
    display: none; }
  #wikifoot {
    padding: 2px; } }