@font-face{
    font-family:'8bitoperator';
    src: url('../fonts/8bitOperatorPlus-Bold.ttf') format('truetype');
}


*:not(.syntaxhighlighter) > table {
    width: auto;
    outline: 1px solid #fff;
    color: #fff;
}

*:not(.syntaxhighlighter) > table td,
*:not(.syntaxhighlighter) > table th {
    border: 1px solid #ddd;
    text-align: left;
    padding: 5px 5px;
}

*:not(.syntaxhighlighter) > table tr:nth-child(even) {
    background-color: #111;
}

*:not(.syntaxhighlighter) > table tr:nth-child(1) {
    border-bottom: 1px solid #fff;
}

*:not(.syntaxhighlighter) > table ul {
    padding-inline-start: 15px;
}

span.term{
    outline: 1px solid #333333;
    background-color: #222222;
}

span.ref {
    outline: 2px solid #555555;
    background-color: #333328;
    border-bottom: 1px solid #888855;
}

span.string::before {
    content: "\"string\"";
    font-family: segoe ui;
    font-weight: bold;
    /* font-size: 12px; */
    color: #de7356;
}

span.luatable::before {
    content: "{table of ";
    color: #158BD2;
    font-family: segoe ui;
    font-weight: bold;
    /* font-size: 12px; */
}
span.luatable::after {
    content: "}";
    color: #158BD2;
    font-family: segoe ui;
    font-weight: bold;
    /* font-size: 12px; */
}
span.number::before {
    color: #2AA172;
    content: "number";
    font-family: segoe ui;
    font-weight: bold;
    /* font-size: 12px; */
}
span.boolean::before {
    color: #DC322F;
    content: "boolean";
    font-family: segoe ui;
    font-weight: bold;
    /* font-size: 12px; */
}
span.userdata {
    /* display: contents !important; */
    
    color: #2FEEDC;
    font-family: segoe ui;
    font-weight: bold;
    /* font-size: 12px; */
    
    /*
    border: 1px solid #2d2d2d;
    background-color: #111111;
    border-radius: 5px;
    padding-left: 2.5px;
    padding-right: 2.5px;
    */
}
span.CYF {
    color: #ffff00;
}
span.CYF::before {
    content: " <CYF>";
}

span.unitale{
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
span.unitale::before{
    content: " <0.2.1a>";
}

span.new::before {
    content: "..";
    color: transparent;
    
    font-size: 26px;
    
    background-image: url("../img/new.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 22px;
    
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: pixelated;                 /* Chrome as of 2019   */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

.nav-sidebar li.new::before {
    position: absolute;
    content: url("../img/new.png");
    left: -15px;
    margin-top: 6px;
    z-index: 1;
}
.nav-sidebar li.li-indent.new::before {
    left: 0px;
}
.nav-sidebar li.new.active::before {
    margin-top: 0px;
    left: -20px;
    opacity: 0.25;
}
.nav-sidebar li.li-indent.new.active::before {
    left: -25px;
}

h4::before {
    content: "* ";
}
h4 {
    /*font-family: segoe ui;*/
    /*text-decoration: underline;*/
    color: #ffffff;
}

.hidden {
    opacity: 0.0 !important;
}

.exblock{
    display:block;
    /*maybe style these separately sometime, idk*/
}

.function{
    text-decoration:underline;
    color:#ccf;
    /* font-weight:bold; */
    font-size:18px !important;
    display:block;
    margin-bottom: 5px;
}

.code-container{
    margin-bottom:15px;
}

.code-example {
    white-space:pre-wrap;
    font-family:monospace;
}

.container {
    margin-top: 35px;
}

.black {
    background-color:#000;
}

.arena {
    border:#fff 5px solid;
    padding:5px;
}

.centerbt{
    display:block;
    margin:auto;
    /*margin-left: 25%;*/
}

.backimg {
    position : fixed;
    width    : 100%;
    top      : 0px;
    z-index  : -1;
    
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: pixelated;                 /* Chrome as of 2019   */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */
}

.li-header{
    color:#fff;
}

.linklike {
    color: #8ad;
    text-decoration:underline;
    cursor:pointer;
}

ul.nav li a, ul.nav .li-header {
    font-size: 13px;
    line-height:13px;
    height: auto !important;
    padding-bottom: 3 !important;
    padding-top: 0 !important;
    margin-bottom: 5px;
    left: -10px;
    width: 180px;
}

ul.nav li a {
    border-top: 8px solid rgba(0,0,0,0);
}

ul.nav li a, ul.nav li a:visited {
    color: #8ad;
}

ul.nav li a:hover, ul.nav li a:active {
    background-color: #222 !important;
    color: #8ad;
}

ul.nav li.active a {
    background-color:#222 !important;
    color: #8ad;
}

h2 {
    color:#ddd;
    text-decoration: underline;
    display: inline-block;
}

h3 {
    color:#ddd;
    text-decoration: underline;
    display: inline-block;
    font-size: 24px;
}

body {
    font-weight:none, color:#ccc !important;
    font-family:"8bitoperator", sans-serif !important;
    background-color:#000;
    color:#bbb;
    font-size:14px;
}

.li-indent, .li-indent a {
    left: 5px !important;
    width: 160px !important;
}
