css:themes:holodeck

</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: #000;
--background-color-panel: #000;
--background-image: none;

}

.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;

}

img, video, iframe {

  border-radius: .7em;

}

: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);

}

</CSS

>