{{page>:CSS:Themes:Dark}}

<CSS>

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=Cinzel&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Graduate&family=Oswald&family=Source+Sans+3&display=swap');

body {

    --section-2-color: #fba;
    --image-border-color: #fba;
    --primary-color: #f70;
    --secondary-color: #94f;
    --accent-color: #fba;
    --spacers: .65rem;
    --frame-height: 40px;

    --color-red: #ff4431;
    --color-green: #08a410;
    --color-blue: #0070F0;
    --color-orange: #ffa500;
    --color-purple: #f5f;
    --color-grey: #777;
    --color-white: #c7c7c7;
    --color-red-intense: #A00;
    --color-green-intense: #0A0;
    --color-blue-intense: #00A;
    --color-purple-intense: #A0A;
    --color-orange-intense: #AA0;
    --color-grey-intense: #777;
    --color-white-intense: #F1F1F1;
    --color-theme: #d44;
    --color-accent: #00baff;
    --color-text: #fff;
    --color-link: #41dcff;
    --color-link-hover: #ff4dff;
    --color-link-broken: #ff8d8d;
    --color-h1: #2dc6ff;
    --color-h2: #d44;
    --color-h3: #D96A00;
    --color-h4: #7CD3FF;
    --color-h5: #FFF;
    --color-h6: #FFF;
    --color-border: #0000;
    --background-color: #002;
    --background-color-panel: #0000;
    --background-image: none;

    font-size: 16px;
}

.navbar-default {
    background-color: var(--background-color, var(--background-color-panel, #f8f8f8));
}

.wrap_title, h1, h2, h3 {
      font-family: 'Antonio', 'Arial Narrow', 'Avenir Next Condensed', sans-serif;
}

div.dokuwiki h2 {
    padding: .5em 1em;
    background-color: var(--color-h2);
    color: var(--color-text);
    border-color: transparent;
    border-radius: .7em;
}

div.dokuwiki h3 {
    display: inline-block;
    padding: .3em 1em;
    background-color: var(--color-h3);
    color: var(--color-text);
    border-color: transparent;
    border-radius: .7em;
    min-width: 50%;
}

div.dokuwiki h4 {
    border: 3px solid var(--color-h4);
    border-radius: .5em .5em 0 0;
    padding: .3em .5em;
    display: inline-block;
    text-decoration: none;
    min-width: 25%;
}

.secedit .btn {
    padding: 3px 6px 2px 5px;
    border-radius: .6em;
    margin-top: -1em;
}
body .btn-default {
    background-color: #333;
}

:is(
    .dw-content > .plugin_include_content:nth-child(1) nav, 
    .dw-content > .plugin_include_content:nth-child(1) .wrap_nav, 
    .dw-content > .plugin_include_content:nth-child(1) p>.wrap_nav, 
    .dw-content > .plugin_include_content:nth-child(2) nav, 
    .dw-content > .plugin_include_content:nth-child(2) .wrap_nav, 
    .dw-content > .plugin_include_content:nth-child(2) p>.wrap_nav, 
    .wrap_nav
) {
    background-color: #000 !important;
}

/* Sidebars */

div.dokuwiki :is(h2,h3,h4) {
    margin-left: -40px;
    padding-left: 40px;
}
div.dokuwiki :is(h2,h3,h4):before {
    content: " ";
    display: block;
    position: absolute;
    height: 100vh;
    width: 44px;
    left: 0;
    border-radius: 1em 0 1em 1em;
}
div.dokuwiki h2:before {
    background-color: var(--color-h2);
    transform: translate(-21px, calc(-.2em - 8px));
}
div.dokuwiki h3:before {
    background-color: var(--color-h3);
    transform: translate(-21px, calc(.1em - 8px));
}
div.dokuwiki h4:before {
    background-color: var(--color-h4);
    transform: translate(-21px, -8px);
}

/* Media */

.dw-content :is(img, video, iframe):not(.icon) {
    border-radius: 1em 0 0 0;
    border: 3px solid currentColor;
    border-bottom-width: 6px;
    border-right-width: 12px;
    border-right-style: dashed;
}

/* Side bars animation */


.panel-body {
    counter-reset: holo-index 1000;
}
.panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):before {
    counter-increment: holo-index 10;
    content: counter(holo-index) " ";
    margin-left: -56px;
    position: absolute;
    animation: holo-blink 2s infinite;
    color: #FFFA;
}
.panel-body :is(.level2, .level3, .level4) :is(li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):before {
    margin-left: -96px;
}

.panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(1):before { animation-delay: 1.0s; }
.panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(2):before { animation-delay: 1.5s; }
.panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(3):before { animation-delay: 2.0s; }
.panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(4):before { animation-delay: 2.5s; }
.panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(5):before { animation-delay: 3.0s; }
.panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(6):before { animation-delay: 3.5s; }
.panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(7):before { animation-delay: 4.0s; }
.panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(8):before { animation-delay: 4.5s; }
.panel-body :is(.level2, .level3, .level4) :is(p,li):not(:is(.plugin_wrap p, .plugin_wrap li, p p, li li)):nth-child(9):before { animation-delay: 5.0s; }

@keyframes holo-blink {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
  }

/* Tooltips */

body .dokuwiki .wrap_tooltip {
    background: linear-gradient(45deg, #690458, transparent);
}
body .dokuwiki .wrap_tooltip:not(table .wrap_tooltip) {
    margin-right: -640px;
    padding-right: 640px;
}
body {
  overflow-x: hidden;
}

/* TABLES */

/* Undo */

.table-responsive {
  border: unset;
}
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td,
.table>thead>tr>th,
.table-responsive>tbody>tr>td, 
.table-responsive>tbody>tr>th, 
.table-responsive>tfoot>tr>td, 
.table-responsive>tfoot>tr>th, 
.table-responsive>thead>tr>td,
.table-responsive>thead>tr>th,
.table caption + thead tr:first-child th, 
.table caption + thead tr:first-child td, 
.table colgroup + thead tr:first-child th, 
.table colgroup + thead tr:first-child td, 
.table thead:first-child tr:first-child th, 
.table thead:first-child tr:first-child td,
.table-responsive, .table, .table-responsive td, .table td {
  border-top: unset;
}

.table {
 /* Change these properties */
 --border: 1px solid #fff8;
 border-radius: .7em;

 /* Don't change these properties */
 border-spacing: 0;
 border-collapse: separate;
 border: var(--border);
 overflow: hidden;
}

/* Apply a border to the right of all but the last column */
.table th:not(:last-child),
.table td:not(:last-child) {
 border-right: var(--border);
}

/* Apply a border to the bottom of all but the last row */
.table>thead>tr:not(:last-child)>th,
.table>thead>tr:not(:last-child)>td,
.table>tbody>tr:not(:last-child)>th,
.table>tbody>tr:not(:last-child)>td,
.table>tfoot>tr:not(:last-child)>th,
.table>tfoot>tr:not(:last-child)>td,
.table>tr:not(:last-child)>td,
.table>tr:not(:last-child)>th,
.table>thead:not(:last-child),
.table>tbody:not(:last-child),
.table>tfoot:not(:last-child) {
 border-bottom: var(--border);
}

/* Scrollbar */


::-webkit-scrollbar             { background: #000011; width: 17px; } /* width */
::-webkit-scrollbar-track       { border-radius: 10px 0 0 10px; } /* Track */
::-webkit-scrollbar-thumb       { background: #44BBFF;  border-radius: 10px 0 0 10px; } /* Handle */
::-webkit-scrollbar-thumb:hover { background: #FF77FF; } /* Handle on hover */

/* TOC */

.toc-panel.panel-default {
    background-color: #000 !important; /* because this theme has a transparent .panel-default background color! */
}
.dw-toc > nav {
    position: absolute;
}

/* LCARS FOOTER  */
/*
footer#dw__footer:after {
    content: "";
    display: block;
    width: 100%;
    height: auto;
    background-image: url(https://intranet.cyanide-studio.com/_media/media/projects/startrek-exile/lcars.gif);
    aspect-ratio: 800 / 600;
    background-size: auto;
    background-position: top center;
    background-repeat: no-repeat;
}
*/

</CSS>