Skip to content

Small Screen USACO by Basicprogrammer10

Screenshot of Small Screen USACO
Write a review Install Get Stylus

Details

AuthorBasicprogrammer10

LicenseGNU GPLv3

Categoryusaco

Created

Updated

Code size795 B

Code checksumaf9d2f91

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Gives USACO problem pages horizontal scaling when the screen width is below 900px. Useful if you want to split screen the problem and your text editor.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Small Screen USACO
@version      20240122.22.50
@namespace    ?
==/UserStyle== */

@-moz-document domain("usaco.org") {
@media (max-width:900px) {
    body {
        margin: 0;
        overflow-x: hidden;
    }

    .content,
    .shadow1 {
        max-width: 900px;
        width: inherit !important;
    }

    .content > div:nth-child(5),
    .content > div:nth-child(10),
    .content > div:nth-child(4) {
        width: inherit !important;
    }

    #last-status {
        width: calc(100% - 80px) !important;
    }

    .problem-text {
        width: calc(100% - 100px) !important;
    }

    #solution > p:nth-child(5) {
        width: calc(100% - 60px);
    }

    .panel h2 {
        width: fit-content;
    }
}
}

Reviews

No reviews yet.