customizations to iplayif.com by zedlopez

/* ==UserStyle==
@name           iplayif.com
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://iplayif.com/") {

    :root {
        --serif-stack: 'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif;
        --mono-stack: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
        --sans-serif-stack: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif;
    }

    body,
    .BufferWindow {
        background: #cfcccf;
    }

    .Style_header {
        font-family: var(--serif-stack);
    }
    .BufferWindow .Style_header {
        font-size: 1.5em;
    }

    .BufferLine.BlankPara > span.BlankLineSpace:has(+ span.StyleHeader) {
        display: none;
    }

    .GridWindow {
        color: #fff;
        font-weight: 500;
        background-color: #111;
        border-bottom-right-radius: .33em;
        border-bottom-left-radius: .33em;
    }

    .Style_input,
    .GridLine {
        font-family: var(--mono-stack);
    }

    .Style_input {
        color: #25B;
        vertical-align: middle;
    }

    .BufferLine.Style_normal_par > span.Style_normal:has( + span.Style_input) {
        display: none;
    }

    span.Style_input:before {
        content: '>';
        margin-left: -1.5ch;
        vertical-align: middle;
        font-size: .875em;
        color: #1852b0;
        padding-right: .5ch;
    }

    span.Style_normal:has(+ textarea.Input.LineInput) {
        margin-left: -1.5ch;
        font-family: var(--mono-stack);
        color: #1852b0;
        font-weight: bold !important;
        font-size: .875em;
        margin-top: .375ex;
        padding-right: .5ch;
    }

    textarea.Input.LineInput {
        font-family: var(--mono-stack);
        color: #1852b0;
        font-weight: bold;
        caret-color: #1852b0;
    }

    .BufferWindowInner {
        background-color: #eaE6Ea;
        padding: 0 1.5em;
        color: #000;
        margin: 0 auto;
        width: 65ch;
        border-left: .25rem solid #E3D5D0;
        border-right: .25rem solid #E3D5D0;
        font-family: var(--sans-serif-stack);
    }
    /* Insert code here... */
}