@charset "UTF-8";

@media (prefers-color-scheme: dark) {
    body {
        font-family: 'lucida console', monospace;
        font-size: 11px;
        background: #212121;
        color: #eee;
    }

    textarea#newpaste, textarea#followup {
        font-size: 12px;
        font-family: 'lucida console', monospace;
        border: 0px solid #ddd;
        background: #121212;
        color: #eee;
    }

    span.header {
        color: #eee;
        font-size: 11px;
    }

    div.lineno_wrapper {
        overflow: hidden;
    }
    div.lineno_div {
        float: left;
        margin-right: 5px;
    }
    div.paste_div {
        overflow: hidden;
    }

    pre.lineno {
        overflow: hidden;
        white-space: pre;
        text-align: right;
        font-size: 12px;
        font-family: 'lucida console', monospace;
        border: 1px solid #000;
        background: #121212;
        color: #eee;
        line-height: 14px; 
    }

    .paste:hover, .paste:focus { overflow: auto; }
    pre.paste {
        overflow: hidden;
        white-space: pre;
        font-size: 12px;
        font-family: 'lucida console', monospace;
        border: 1px solid #000;
        background: #121212;
        color: #eee;
        line-height: 14px;
    }

    .jslink:hover {
        text-decoration: underline;
        color: #809fff;
        cursor: pointer;
    }
    .jslink {
        text-decoration: none;
        color: #809fff;
        cursor: pointer;
    }

    #blanket {
       background-color:#111;
       opacity: 0.65;
       position:absolute;
       z-index: 9001;
       top:0px;
       left:0px;
       width:100%;
    }

    #popUpDiv {
        position:fixed;
        background:#121212;
        border:3px solid #000;
        z-index: 9002;
    }
}

@media (prefers-color-scheme: light) {
    body {
        font-family: 'lucida console', monospace;
        font-size: 11px;
        background:#fff;
        color: #777;
    }

    textarea#newpaste, textarea#followup {
        font-size: 12px;
        font-family: 'lucida console', monospace;
        border: 0px solid #ddd;
        background: #ddd;
        color: #000;
    }

    span.header {
        color: #777;
        font-size: 11px;
    }

    div.lineno_wrapper {
        overflow: hidden;
    }
    div.lineno_div {
        float: left;
        margin-right: 5px;
    }
    div.paste_div {
        overflow: hidden;
    }

    pre.lineno {
        overflow: hidden;
        white-space: pre;
        text-align: right;
        font-size: 12px;
        font-family: 'lucida console', monospace;
        border: 1px solid #fff;
        background: #fff;
        color: #777;
        line-height: 14px; 
    }

    .paste:hover, .paste:focus { overflow: auto; }
    pre.paste {
        overflow: hidden;
        white-space: pre;
        font-size: 12px;
        font-family: 'lucida console', monospace;
        border: 1px solid #ddd;
        background: #ddd;
        color: #000;
        line-height: 14px;
    }

    .jslink:hover {
        text-decoration: underline;
        color: #00f;
        cursor: pointer;
    }
    .jslink {
        text-decoration: none;
        color: #00f;
        cursor: pointer;
    }

    #blanket {
       background-color:#111;
       opacity: 0.65;
       position:absolute;
       z-index: 9001;
       top:0px;
       left:0px;
       width:100%;
    }

    #popUpDiv {
        position:fixed;
        background:#fff;
        border:3px solid #000;
        z-index: 9002;
    }
}