/* =========================================================
   theme: seven  (windows 7, plain)

   framework: 7.css (themes/lib/7.css) - the same as under aero, but
   unbuilt-upon here: the plain 7.css widgets on the plain windows 7
   wallpaper, no glass over the blocks. the direct comparison to what aero
   makes out of the very same framework.

   the blocks read 7.css's custom properties (--w7-*) so that edge, radius
   and gradient are the same as on the real widgets.
   ========================================================= */

[data-theme="seven"] {
    --font: "Segoe UI", Frutiger, "Helvetica Neue", Arial, sans-serif;

    /* the windows 7 default wallpaper. absolute path - see the note in
       98/theme.css. underneath it the quiet gradient this theme used to have
       on its own, as the colour that carries while the image loads */
    --surface: url("/feed/themes/seven/desktop.webp");
    --base-color: #1c5f92;
    --surface-size: cover;
    --surface-repeat: no-repeat;
    --surface-attach: fixed;

    --ink: #1a1a1a;
    --muted: #6a6a6a;
    --link: #0a5ca8;

    --head-ink: #ffffff;
    --head-shadow: 0 1px 4px rgba(0, 0, 0, 0.75);

    --paper: #f0f0f0;
    --paper-clear: rgba(240, 240, 240, 0);

    --block: #ffffff;
    --block-edge: #cdd7db;

    --rule: #dcdcdc;

    --radius: 3px;
    --radius-lg: 6px;

    --top-gap: 20px;
}

[data-theme="seven"] body {
    font-size: 0.875rem;
    line-height: 1.5;
    padding: var(--top-gap) 20px 60px;
}

/* 7.css puts the window padding on .window-body */
[data-theme="seven"] .note {
    padding: 0;
    margin-bottom: 40px;
}
[data-theme="seven"] .window-body {
    padding: 22px 24px 16px;
}

[data-theme="seven"] .title-bar-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* ---------- the blocks, spoken in 7.css ---------- */
[data-theme="seven"] blockquote,
[data-theme="seven"] .callout,
[data-theme="seven"] pre,
[data-theme="seven"] table {
    border: 1px solid var(--block-edge);
    border-radius: var(--w7-el-bdr);
}
[data-theme="seven"] blockquote {
    border-left: 3px solid var(--w7-el-bd-h);
}
[data-theme="seven"] .callout {
    background: var(--w7-surface);
}
[data-theme="seven"] .callout .callout-kind {
    color: #1c5c85;
}
[data-theme="seven"] .callout-warning {
    border-color: #c88a2e;
}
[data-theme="seven"] pre {
    border-color: var(--w7-el-bd);
    box-shadow: var(--w7-el-sd-a);
}
[data-theme="seven"] :not(pre) > code {
    background: var(--w7-el-bg-s-1);
    border: 1px solid #dcdcdc;
}
[data-theme="seven"] .bookmark {
    border: 1px solid var(--w7-el-bd);
    border-radius: var(--w7-el-bdr);
    background: var(--w7-el-grad);
    box-shadow: var(--w7-el-sd);
}
[data-theme="seven"] .bookmark:hover {
    border-color: var(--w7-el-bd-h);
    background: var(--w7-el-grad-h);
}
[data-theme="seven"] th {
    background: var(--w7-el-grad);
    border-bottom: 1px solid var(--w7-el-bd-d);
    color: #1c5c85;
}
[data-theme="seven"] .note img {
    border: 1px solid var(--block-edge);
    padding: 4px;
    background: #fff;
}

/* the topbar is itself a 7.css window - the frame comes from there, here
   only the surface and the innards */
[data-theme="seven"] .topbar {
    margin: 0 0 22px;
    background-color: var(--paper);
}
[data-theme="seven"] .topbar-inner {
    align-items: center;
    padding: 6px 12px;
}
[data-theme="seven"] .topbar .back a {
    color: #1a4a6b;
    text-shadow: none;
}

/* ---------- theme picker: real 7.css buttons ---------- */
[data-theme="seven"] .theme-picker button.selected {
    font-weight: bold;
    background: var(--w7-el-grad-a);
    box-shadow: var(--w7-el-sd-a);
}

/* ---------- taskbar ---------- */
[data-theme="seven"] .credit[data-for="seven"] {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 6;
    margin: 0;
    padding: 8px 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
    background: linear-gradient(rgba(60, 80, 100, 0.95), rgba(20, 32, 45, 0.95));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    font-size: 0.7rem;
    color: #dbe8f2;
}
[data-theme="seven"] .credit a {
    color: #9ed2f7;
}