software/hoardy-web/./extension/page/reqres-ui.css

Passively capture, archive, and hoard your web browsing history, including the contents of the pages you visit, for later offline viewing, mirroring, and/or indexing. Your own personal private Wayback Machine that can also archive HTTP POST requests and responses, as well as most other HTTP-level data.

Files

Raw Source

Contents

:root {
    --log-in-flight: #ffffaa;
    --log-picked: #eeffee;
    --log-dropped: #ffeeee;
    --log-collected: #aaffaa;
    --log-discarded: #ffaaaa;
}

.colorblind {
    --log-picked: #eeeeff;
    --log-collected: #aaaaff;
}

@media (prefers-color-scheme: dark) {
    :root {
        --log-in-flight: #606020;
        --log-picked: #446044;
        --log-dropped: #604444;
        --log-collected: #004000;
        --log-discarded: #400000;
    }

    .colorblind {
        --log-picked: #444460;
        --log-collected: #000040;
    }
}

div.ui.omega input[type="number"]:disabled {
    display: none;
}

h1 {
    font-size: 200%;
    margin: 5px 0 0 0;
    display: flex;
}

div.controls,
.right {
    display: flex;
}

h1 code,
div.controls code,
.right code {
    margin: auto 0.5ch;
}

div.controls {
    margin-top: 10px;
}

div.controls > span {
    margin-right: 10px;
}

div.controls .ui.number label input {
    width: 8em;
}

.right > span {
    margin-left: 10px;
}

.help-tip {
    max-width: 40em;
}

/* right-most help-tip sticks to the edge */
.right *:nth-last-child(1) .help-tip,
.right .help-tip-right .help-tip {
    right: 0;
}

table, th, td {
    border: 1px solid black;
}

table {
    margin: 10px 0;
    width: 100%;
}

table tr td:nth-child(1) div {
    display: flex;
}

table tr.errors td:nth-child(1) {
    border: none;
}

td.long {
    line-break: anywhere;
}

.in-flight { background: var(--log-in-flight); }
.picked { background: var(--log-picked); }
.dropped { background: var(--log-dropped); }
.collected { background: var(--log-collected); }
.discarded { background: var(--log-discarded); }