A light, earthy toned theme for PetForums.com.
PetForums.com - Light Earth by scrapcat
Details
Authorscrapcat
LicenseNo License
CategoryPetForums
Created
Updated
Size18 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
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...