Skip to content

FarmRPG Compact Theme by catfish

Screenshot of FarmRPG Compact Theme

Details

Authorcatfish

LicenseNo License

Categoryfarmrpg.com

Created

Updated

Size1.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A compact theme for farmrpg.com
This is very much a work in progress, but you'll see significant vertical shrinkage on longer pages.

I did my best to keep readability as high as it normally is, meaning I did not significantly shrink any text or reduce padding so much that it becomes difficult to read. If anything looks terribly ugly, difficult to read, or just plain wrong, let me know! You can find me in-game by the name Catfish.

Notes

Started in September of 2022.
Last updated September of 2022.

Source code

/* ==UserStyle==
@name           farmrpg.com - Compact theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Compact theme for farmpg.com
                Made and tested in Google Chrome
@author         Catfish
==/UserStyle== */
@-moz-document domain("farmrpg.com") {

    /*General modifications*/
    .list-block .item-inner {
        padding: 2px 5px;
        min-height: 35px;
    }

    .list-block .item-content {
        padding: 0px 5px 1px 15px;
        min-height: 35px;
    }

    .itemimg {
        width: 40px;
        height: 40px;
    }

    .row {
        margin-bottom: 5px;
    }

    .content-block-title {
        margin-top: 10px;
    }

    .item-title {
        font-size: 12px;
        line-height: 16px;
    }

    .item-title strong {
        font-size: 16px;
        line-height: 18px;
        padding-left: 2px;
    }

    a .item-title {
        font-size: 16px;
    }

    .list-block input[type=number] {
        height: 30px;
    }

    .list-block .item-media {
        padding-top: 1px;
    }

    /*Farm-specific*/
    .c-progress-bar-fill {
        height: 3px;
    }

    .c-progress-bar {
        padding: 2px;
    }

    div[class*=col-] {
        padding: 0px 4px;
    }

    div #crops {
        padding-bottom: 0px!important;
    }
}

Reviews

No reviews yet.