/* Legacy pages (blog, projects) dressed for The Dragon's Leyr.
 *
 * Loaded after Bootstrap and /style.css. DOS palette on black, VGA-font headings and bar,
 * body text left in a readable sans for long posts. The BBS bar is _inc/leyr/bar.php.
 */
@font-face {
    font-family: "IBM VGA";
    src: url("/assets/fonts/Web437_IBM_VGA_9x16.woff") format("woff");
    font-display: swap;
}

body, body.responsive {
    background: #000;
    color: #aaa;
    padding-top: 0;
}

/* The bar: WWIV status line, then the command prompt */
.leyr-bar { font: 16px/1 "IBM VGA", monospace; margin-bottom: 16px; }
.leyr-bar .container { padding-top: 0; padding-bottom: 0; }
.leyr-bar-status { background: #00a; color: #fff; padding: 4px 0; }
.leyr-bar-prompt { padding: 8px 0; color: #aaa; }
.leyr-bar a, .leyr-bar a:visited { color: #5ff; text-decoration: none; }
.leyr-bar-status a, .leyr-bar-status a:visited { color: #fff; }
.leyr-bar-prompt a { display: inline-block; white-space: nowrap; margin: 0 2.25em 4px 0; }
@media (max-width: 739px) { .leyr-bar-prompt a { margin-right: 1.125em; } }
.leyr-bar-status [aria-current] { color: #ff5; }
.leyr-bar .k { color: #555; }
.leyr-bar .k b { color: #ff5; font-weight: normal; }
.leyr-bar a:hover, .leyr-bar a:focus-visible { background: #00a; color: #fff; outline: none; text-decoration: none; }
.leyr-bar-status a:hover, .leyr-bar-status a:focus-visible { background: #0aa; }

/* Headings in the board's font, at whole-number scales so the bitmap stays crisp */
h1, h2, h3, .post-title-single {
    font-family: "IBM VGA", monospace;
    font-weight: normal;
    line-height: 1.25;
    letter-spacing: 0;
}
h1, .post-title-single { font-size: 32px; color: #ff5; }
h2 { font-size: 32px; color: #5ff; }
h1 a, h1 a:visited, h2 a, h2 a:visited { color: inherit; }
h3, h4 { font-size: 16px; color: #ff5; font-family: "IBM VGA", monospace; font-weight: normal; }
.pub-date, .post-date { color: #555; font-family: "IBM VGA", monospace; font-size: 16px; }
@media (max-width: 739px) {
    h1, h2, .post-title-single { font-size: 24px; }
}

a, a:visited { color: #5ff; }
a:active { color: #fff; }
strong, b { color: #fff; }

blockquote { border-left-color: #00a; color: #aaa; }
.bg-warning, .text-muted.bg-warning {
    background: #00a; color: #fff; padding: 8px 12px;
    font-family: "IBM VGA", monospace; font-size: 16px; line-height: 1.25;
}
code, pre, kbd, samp { background: #111; color: #5f5; border: 0; }
hr { border-top-color: #00a; }

footer, .footer { color: #555; }