PetForums.com - Light Earth by scrapcat

PetForums.com - Light Earth screenshot
Install Get Stylus Write a review

Details

Authorscrapcat

LicenseNo License

Created

Updated

CategoryPetForums

Statistics

Learn how we calculate statistics in the FAQ.

Total views78

Total installs46

Weekly installs1

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.

History

Daily snapshots of style statistics.

No style history. Come back in a couple of days.

Source code

/* ==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.divider.light-divider {
        background-color: #4a785f;
        color: #4a785f;
    }
    .feedItem-content .feedItem-thread-details .feedItem-thread-replies {
        background-color: #f3ece8;
    }
    .feed-header-container .feed-header-container__button-wrapper .feed-button {
        color: #4a785f;
    }
    .feed-header-container .feed-header-container__button-wrapper .feed-button {
        background-color: #f3ece8;
    }
    .structItem-pageJump a {
        color: #4a785f;
        background: #f3ece8;
    }
    .structItem-title {
        font-family: revert;
        font-size: 18px;
    }
    .california-thread-item.california-thread-item_note .structItem {
        background-color: #f3ece8;
    }
    .california-thread-item.california-thread-item_note {
        font-family: revert;
        font-weight: 400;
        font-size: 15px;
        color: #484b4d;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    body[data-template=california_index_view] .california-thread-result-row,
    body[data-template=thread_view] .california-thread-result-row,
    body[data-template=article_view] .california-thread-result-row,
    body[data-template=forum_view] .california-thread-result-row,
    body[data-template=forum_list] .california-thread-result-row,
    body[data-template=category_view] .california-thread-result-row,
    body[data-template=search_results] .california-thread-result-row,
    body[data-template=tag_view] .california-thread-result-row,
    body[data-template=whats_new_posts] .california-thread-result-row,
    body[data-template=whats_new_articles] .california-thread-result-row,
    body[data-template=whats_new] .california-thread-result-row,
    body[data-template=xa_sc_whats_new_items] .california-thread-result-row,
    body[data-template=xfmg_whats_new_media] .california-thread-result-row,
    body[data-template=whats_new_looking_for_replies] .california-thread-result-row,
    body[data-template=business_directory] .california-thread-result-row,
    body[data-template=business_landing] .california-thread-result-row,
    body[data-template=business_register_form] .california-thread-result-row,
    body[data-template=listing_view] .california-thread-result-row,
    body[data-template=deal_view] .california-thread-result-row,
    body[data-template=california_marketplace_home] .california-thread-result-row {
        background-color: #f3ece8;
        margin-bottom: 15px;
    }
    .stats-container {
        border-bottom: 1px solid #4a785f;
    }
    .info-container .welcome-message {
        font-size: 14px;
        margin-top: 9px;
        margin-bottom: 9px;
        color: #484b4d;
    }
    .sidebar .sidebar-block {
        background-color: #f3ece8;
    }
    .thread-type-field-listing .input.input--title {
        font-size: 15px;
        color: #484b4d;
        background: #ffffff;
    }
    .input {
        font-size: 15px;
        background: #ffffff;
    }
    .section-separator {
        border-bottom: 1px solid #4a785f;
    }
    .select2 .select2-selection ul .select2-search .select2-search__field {
        color: #5c6062;
    }
    body[data-template=thread_view] .california-message .message-footer .message-signature,
    body[data-template=article_view] .california-message .message-footer .message-signature,
    body[data-template=listing_view] .california-message .message-footer .message-signature,
    body[data-template=deal_view] .california-message .message-footer .message-signature,
    body[data-template=california_marketplace_home] .california-message .message-footer .message-signature {
        border-color: #4a785f;
    }
    .california-message .message-signature {
        border-top: 1px solid #4a785f;
    }
    .p-sectionLinks {
        font-size: 14px;
        color: #4a785f;
        background: #f3ece8;
    }
    .p-pageWrapper {
        background-color: #f3ece8;
    }
    .block-container-post .formRow label.iconic i {
        color: #4a785f;
    }
    .block-body + .block-minorHeader {
        border-top: 1px solid #4a785f;
    }
    .block-minorHeader {
        font-weight: 400;
        text-decoration: none;
        font-size: 18px;
        color: #383a3b;
    }
    .block-header {
        font-weight: 400;
        text-decoration: none;
        font-size: 20px;
        color: #383a3b;
        background: #d7ccc3;
        border-bottom: 1px solid #4a785f;
    }
    .section-divider {
        border-bottom: 1px solid #4a785f;
    }
    .search-form-container .formRow i {
        font-size: 20px;
        color: #4a785f;
    }
    .tabs--standalone .hScroller-action.hScroller-action--end {
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #d7ccc3 33%);
    }
    .tabs--standalone .hScroller-action.hScroller-action--start {
        background: #fff;
        background: linear-gradient(to right, #d7ccc3 66%, rgba(255, 255, 255, 0) 100%);
    }
    .search-form-container input[type=text]:not(.input--date),
    .search-form-container input[type=search] {
        background: #fff;
        border: solid 1px #4a785f;
    }
    .input {
        font-size: 15px;
        color: #484b4d;
    }
    .button,
    a.button {
        color: #686c6e;
        background: #f3ece8;
    }
    .button.is-menuOpen,
    a.button.is-menuOpen {
        color: #fff;
        background: #4a785f;
    }
    .button:hover,
    a.button:hover,
    .button:focus,
    a.button:focus {
        background: #f3ece8;
    }
    .block-separator {
        border-top: 1px solid #4a785f;
    }
    .block-header {
        font-weight: 400;
        text-decoration: none;
        font-size: 20px;
        color: #484b4d;
        background: #d7ccc3;
        border-bottom: 1px solid #4a785f;
    }
    .block-minorHeader {
        font-weight: 400;
        text-decoration: none;
        font-size: 18px;
        color: #484b4d;
    }
    .block-row.block-row--separated {
        border-bottom: 0px solid #d7ccc3;
    }
    .block-row.block-row--alt {
        color: #484b4d;
        background: #f3ece8;
    }
    .blockLink.is-selected {
        font-weight: 700;
        background: #f3ece8;
        border-color: #4a785f;
        border-left: 3px solid #4a785f;
    }
    .blockLink:hover {
        font-weight: 700;
        background: #f3ece8;
    }
    .block-row.block-row--highlighted {
        color: #484b4d;
        background: #f3ece8;
    }
    .menu-linkRow {
        color: #484b4d;
    }
    .label.label--subtle {
        color: #484b4d;
        background: #ffffff;
    }
    .blockMessage {
        color: #484b4d;
    }
    .reactionSummary > li {
        background: #fff0;
    }
    .california-thread-position {
        color: #484b4d;
    }
    .message-cell.message-cell--user,
    .message-cell.message-cell--action {
        background: #d7ccc3;
        border-color: #d7ccc3;
    }
    .editorPlaceholder .editorPlaceholder-placeholder .profile-post-reply {
        border: 2px solid #4a785f;
    }
    .member-latest-activity .contentRow {
        border-bottom: 1px solid #4a785f;
    }
    .bbCodeSpoiler-content > .bbCodeBlock--spoiler {
        background: #f3ece8;
    }
    .bbCodeBlock {
        background: #f3ece8;
        border-color: #f3ece8;
        border: 0px;
        border-left: 0px;
        border-left-color: #f3ece8;
        border-left-style: none;
    }
    .formRow > dt {
        border-right: 1px solid transparent;
        background: #d7ccc3;
        border-color: #d7ccc3;
    }
    .formSubmitRow-bar {
        background: #d7ccc3;
        border-top: 1px solid #4a785f;
    }
    .formRowSep {
        border-top: 1px solid #4a785f;
    }
}

Reviews

No reviews yet.