Skip to content

PetForums.com - Light Earth by scrapcat

Screenshot of PetForums.com - Light Earth

Details

Authorscrapcat

LicenseNo License

CategoryPetForums

Created

Updated

Size18 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A light, earthy toned theme for PetForums.com.

Notes

Please note: This style is for use with PetForum's light mode, so be sure to have that enabled!

Features of this style:

 * Replaces the blinding white colour scheme with a soft, earthy-toned theme, making it easier on the eyes and less sterile in appearance.

 * Lightens the black text in input fields to a dark grey, for a less harsh contrast.

 * Widens the space between stickied and non-stickied threads to better differentiate between the two sections.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           PetForums.com - Light Earth
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A light, earthy toned theme for PetForums.com.
@author         ScrapCat
==/UserStyle== */
@-moz-document domain("www.petforums.co.uk") {
    .node-body {
        background-color: #f3ece8;
        margin-bottom: 15px;
    }
    .node-title a {
        color: #4a785f;
        text-decoration: none;
        font-weight: 600;
    }
    .p-body {
        background-color: #d7ccc3;
    }
    .sticky-divider {
        height: 80px;
        background-color: #d7ccc3;
    }
    .p-nav-search input {
        border: 0px;
        background-color: #335342;
        font-size: 14px;
    }
    .is-menuOpen .input-search > i.fa-search {
        background: #335342;
    }
    .section-header {
        font-size: 24px;
        color: #383a3b;
        font-weight: 600;
        margin-bottom: 25px;
    }
    .p-header {
        color: #fff;
        background: #4a785fc2;
        margin-top: -72px;
        height: 72px;
    }
    .p-navSticky.is-sticky {
        background: #4a785f;
        z-index: 400;
        box-shadow: 0 0 8px 3px rgb(0 0 0 / 30%);
    }
    .p-footer {
        font-size: 14px;
        color: #fff;
        background: #4a785f;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .p-sectionLinks {
        font-size: 14px;
        color: #4a785f;
        background: #f6f6f600;
        border-bottom-width: 0px;
    }
    .node-title {
        margin: 0;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 150%;
    }
    .node-description {
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 120%;
        color: #484b4d;
    }
    .california-block-outer-lower-nav {
        border-top: 0px;
    }
    .california-thread-item {
        margin-bottom: 15px;
    }
    .block-body {
        border-top: 0px;
        border-radius: 0;
    }
    .button.button--alt,
    a.button.button--alt {
        background-color: #fff;
        border: solid 2px #4a785fd1;
    }
    .block-container {
        color: #484b4d;
        background: #f3ece8;
        border: 0px;
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none;
        background-color: #fff0;
    }
    .block--messages .message,
    .block--messages .block-row {
        color: #484b4d;
    }
    body[data-template=thread_view] .california-message .comment-options .california-options-button,
    body[data-template=article_view] .california-message .comment-options .california-options-button,
    body[data-template=listing_view] .california-message .comment-options .california-options-button,
    body[data-template=deal_view] .california-message .comment-options .california-options-button,
    body[data-template=california_marketplace_home] .california-message .comment-options .california-options-button,
    body[data-template=thread_view] .california-message .post-edit-buttons-wrapper .california-options-button,
    body[data-template=article_view] .california-message .post-edit-buttons-wrapper .california-options-button,
    body[data-template=listing_view] .california-message .post-edit-buttons-wrapper .california-options-button,
    body[data-template=deal_view] .california-message .post-edit-buttons-wrapper .california-options-button,
    body[data-template=california_marketplace_home] .california-message .post-edit-buttons-wrapper .california-options-button {
        background-color: #f3ece8;
    }
    body[data-template=thread_view] .california-message.message.message--post .message-cell.message-cell--main,
    body[data-template=article_view] .california-message.message.message--post .message-cell.message-cell--main,
    body[data-template=listing_view] .california-message.message.message--post .message-cell.message-cell--main,
    body[data-template=deal_view] .california-message.message.message--post .message-cell.message-cell--main,
    body[data-template=california_marketplace_home] .california-message.message.message--post .message-cell.message-cell--main {
        background-color: #f3ece8;
    }
    body[data-template=thread_view] .california-message.message.message--post .message-cell.message-cell--main .bbCodeBlock.bbCodeBlock--quote,
    body[data-template=article_view] .california-message.message.message--post .message-cell.message-cell--main .bbCodeBlock.bbCodeBlock--quote,
    body[data-template=listing_view] .california-message.message.message--post .message-cell.message-cell--main .bbCodeBlock.bbCodeBlock--quote,
    body[data-template=deal_view] .california-message.message.message--post .message-cell.message-cell--main .bbCodeBlock.bbCodeBlock--quote,
    body[data-template=california_marketplace_home] .california-message.message.message--post .message-cell.message-cell--main .bbCodeBlock.bbCodeBlock--quote {
        background-color: #4a785f29;
    }
    .message-inner {
        background-color: #d7ccc3;
    }
    .california-additional-header h1 {
        font-size: 30px;
        color: #4a785f;
    }
    .california-thread-item .structItem {
        background-color: #f3ece8;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.11), 0px 1px 1px rgba(0, 0, 0, 0.04);
        border-radius: 7px;
        padding: 0 12px;
        margin-bottom: 9px;
        border-top: none;
        border-bottom: none !important;
        border-collapse: separate;
    }
    body[data-template=thread_view] .california-message.message.message--post .message-cell.message-cell--user,
    body[data-template=article_view] .california-message.message.message--post .message-cell.message-cell--user,
    body[data-template=listing_view] .california-message.message.message--post .message-cell.message-cell--user,
    body[data-template=deal_view] .california-message.message.message--post .message-cell.message-cell--user,
    body[data-template=california_marketplace_home] .california-message.message.message--post .message-cell.message-cell--user {
        background-color: #d7ccc3!important;
    }
    body[data-template=california_index_view] .california-header-nav.p-sectionLinks,
    body[data-template=thread_view] .california-header-nav.p-sectionLinks,
    body[data-template=article_view] .california-header-nav.p-sectionLinks,
    body[data-template=forum_view] .california-header-nav.p-sectionLinks,
    body[data-template=forum_list] .california-header-nav.p-sectionLinks,
    body[data-template=category_view] .california-header-nav.p-sectionLinks,
    body[data-template=search_results] .california-header-nav.p-sectionLinks,
    body[data-template=tag_view] .california-header-nav.p-sectionLinks,
    body[data-template=whats_new_posts] .california-header-nav.p-sectionLinks,
    body[data-template=whats_new_articles] .california-header-nav.p-sectionLinks,
    body[data-template=whats_new] .california-header-nav.p-sectionLinks,
    body[data-template=xa_sc_whats_new_items] .california-header-nav.p-sectionLinks,
    body[data-template=xfmg_whats_new_media] .california-header-nav.p-sectionLinks,
    body[data-template=whats_new_looking_for_replies] .california-header-nav.p-sectionLinks,
    body[data-template=business_directory] .california-header-nav.p-sectionLinks,
    body[data-template=business_landing] .california-header-nav.p-sectionLinks,
    body[data-template=business_register_form] .california-header-nav.p-sectionLinks,
    body[data-template=listing_view] .california-header-nav.p-sectionLinks,
    body[data-template=deal_view] .california-header-nav.p-sectionLinks,
    body[data-template=california_marketplace_home] .california-header-nav.p-sectionLinks {
        background-color: #f3ece8;
        box-shadow: 0 2px 4px rgb(0 0 0 / 11%), 0 1px 1px rgb(0 0 0 / 4%);
    }
    .pageNav-page {
        background: #f3ece8;
    }
    .california-block-outer-upper-nav .california-mark-all-read-button {
        background-color: #f3ece8;
    }
    .california-filter-container .filterBar-menuTrigger {
        background-color: #f3ece8;
    }
    .pageNav-jump {
        background: #f3ece8;
    }
    .feedItem-container {
        background-color: #f3ece8;
    }
    body[data-template=california_index_view] .p-pageWrapper,
    body[data-template=thread_view] .p-pageWrapper,
    body[data-template=article_view] .p-pageWrapper,
    body[data-template=forum_view] .p-pageWrapper,
    body[data-template=forum_list] .p-pageWrapper,
    body[data-template=category_view] .p-pageWrapper,
    body[data-template=search_results] .p-pageWrapper,
    body[data-template=tag_view] .p-pageWrapper,
    body[data-template=whats_new_posts] .p-pageWrapper,
    body[data-template=whats_new_articles] .p-pageWrapper,
    body[data-template=whats_new] .p-pageWrapper,
    body[data-template=xa_sc_whats_new_items] .p-pageWrapper,
    body[data-template=xfmg_whats_new_media] .p-pageWrapper,
    body[data-template=whats_new_looking_for_replies] .p-pageWrapper,
    body[data-template=business_directory] .p-pageWrapper,
    body[data-template=business_landing] .p-pageWrapper,
    body[data-template=business_register_form] .p-pageWrapper,
    body[data-template=listing_view] .p-pageWrapper,
    body[data-template=deal_view] .p-pageWrapper,
    body[data-template=california_marketplace_home] .p-pageWrapper {
        background-color: #d7ccc3;
    }
    .bbCodeBlock--unfurl {
        color: #484b4d;
        background: #4a785f29;
    }
    .message-body {
        font-family: revert;
        font-size: 16px;
    }
    .bbCodeBlock.bbCodeBlock--quote .bbCodeBlock-content {
        font-size: 14px;
        font-style: italic;
    }
    .bbCodeBlock-expandLink {
        background: linear-gradient(to bottom, rgba(227, 231, 233, 0) 0%, #e2e6e0 80%);
    }
    .fr-box.fr-basic .fr-element {
        color: #5c6062;
    }
    .memberHeader {
        background-color: #f3ece8;
        border-radius: 15px;
    }
    hr...

Reviews

No reviews yet.