A theme made for friends and BP's.
Halloween by Sapple
Details
AuthorSapple
LicenseNo License
CategorySam
Created
Updated
Size49 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Halloween
@version 23.08.2024.1
@namespace userstyles.world/user/Sapple
@description Horsereality Theme
@author Sapple
@license No License
==/UserStyle== */
@-moz-document domain("v2.horsereality.com") {
}
@-moz-document domain("horsereality.com") {
:root {
--m-b-bg: url(https://i.imgur.com/uwiCmR2.png);
--background: url(https://i.imgur.com/Q6W5PPy.png);
--w-b-bg: url(https://i.imgur.com/qagaabG.jpg);
}
/*
! ~ O N D E R D E L E N ~ !
Algemeen V2
Algemeen V1
Paarden
summary
training
genetics
achievements
offspring
health
update
Stud service / Breeding
Veulens
Fitting Room
Foal Calendar
Foal Pasture
Freezer
Inventory
Bookmarks
Competities
Conformation Shows
NEWS
Rankings
Registries
Search
Currency Exchange
Market
Foundation
Wildlife Park
Retirement Home
Bank
Laboratory
Veterinary
Equistore
Riding School
Clubs
Notifications
Delta Store
City Map
Profiel
*/
/*
ALGEMEEN V2
*/
.header-menu {
background: #501a0a;
}
.header-menu .user-nav #user-nav-dropdown {
color: #fff;
display: none;
position: absolute;
top: 100%;
bottom: auto;
left: 0;
padding: 1em 1.5em 1.5em;
background-color: #501a0a;
grid-template-areas:
"image level"
"menu menu ";
grid-template-rows: -webkit-min-content 1fr;
grid-template-rows: min-content 1fr;
grid-template-columns: -webkit-min-content 1fr;
grid-template-columns: min-content 1fr;
gap: 1.5em;
min-width: 15em;
text-align: left;
}
.header-menu .user-nav.dropdown-active, .header-menu .user-nav:hover {
background-color: #501a0a;
}
.side-nav {
padding: 10px;
border-radius: 0px 0px 0px 20px;
background: #501a0a70;
}
.side-nav ul .subtitle {
font-size: 14px;
margin-bottom: 5px;
line-height: 21px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
}
.side-nav ul a {
font-size: 13px;
font-weight: 700;
text-transform: capitalize;
color: #e2985f;
padding: 0;
}
.main-content {
padding: 15px;
border-radius: 0px 0px 20px 0px;
background: #501a0a70;
}
.button.primary {
background: #3b1003;
}
.button.black, .button.secondary.active, .button.secondary:hover {
color: #fff;
background: #3b1003;
}
body {
color: #e2985f;
}
.tabs .tab.active {
background: #3b1003;
}
.tabs .tab {
border-radius: 8px 8px 0 0;
background: #501a0a70;
}
.tabs .tab > span, .tabs .tab a, .tabs .tab button {
color: #e2985f;
}
button.normalize {
padding: 0;
color: #e2985f;
border: 0;
background: 0 0;
}
.horse-item .content {
overflow: hidden;
border-radius: 8px;
background: #501a0a1c;
}
.horse-item h2 {
font-size: 14px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0;
color: #e2985f;
}
.horse-item .tagline {
font-size: 11px;
font-weight: 700;
line-height: 21px;
display: block;
letter-spacing: 0;
color: #e2985f;
}
.horse-item .breed-and-age {
font-size: 13px;
line-height: 21px;
letter-spacing: 0;
color: #e2985f;
}
.horse-grid .horse-item .image {
height: 150px;
background-image: var(--m-b-bg)!important;
background-position: -50px 87%;
background-size: 130%;
}
.footer {
margin-bottom: 50px;
padding-top: 10px;
padding-bottom: 10px;
vertical-align: middle;
color: #fff;
background: #501a0a00
}
.horse_banner.asia {
background-image: var(--m-b-bg);
}
.horse_banner.africa {
background-image: var(--m-b-bg);
}
.horse_banner.australia {
background-image: var(--m-b-bg);
}
.horse_banner.north-america {
background-image: var(--m-b-bg);
}
.horse_banner.south-america {
background-image: var(--m-b-bg);
}
.horse_banner.europe {
background-image: var(--m-b-bg);
}
body.background.africa {
background: var(--background) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.asia {
background: var(--background) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.australia {
background: var(--background) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.europe {
background: var(--background) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.north-america {
background: var(--background) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.south-america {
background: var(--background) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
img[src="https://www.horsereality.com/images/world/ava-africa.png"] {
content: var(--w-b-bg);
}
img[src="https://www.horsereality.com/images/world/ava-asia.png"] {
content: var(--w-b-bg);
}
img[src="https://www.horsereality.com/images/world/ava-australia.png"] {
content: var(--w-b-bg);
}
img[src="https://www.horsereality.com/images/world/ava-europe.png"] {
content: var(--w-b-bg);
}
img[src="https://www.horsereality.com/images/world/ava-north-america.png"] {
content: var(--w-b-bg);
}
img[src="https://www.horsereality.com/images/world/ava-south-america.png"] {
content: var(--w-b-bg);
}
/*
ALGEMEEN V1
*/
.bluebar_container {
width: 100%;
background-color: #3b1003;
height: 80px;
position: relative;
z-index: 1000;
}
#bbmenu.user ul.slidedown li ul.slidedownmenu {
position: absolute;
display: none;
background-color: #3b1003;
z-index: 9999;
margin-top: 50px;
width: 130px;
padding: 10px 15px;
transistion: .5s all ease-in-out;
}
.container {
background-color: #501a0a00;
}
.leftnav {
background-color: #501a0a70;
border-radius: 0px 0px 0px 20px;
}
.footer {
margin-bottom: 50px;
padding-top: 10px;
padding-bottom: 10px;
vertical-align: middle;
color: #fff;
background: #646e5c00;
}
.leftnav > ul > li {
text-transform: uppercase;
color: #fff;
}
.leftnav > ul > li > ul > li a:active, .leftnav > ul > li > ul > li a:link, .leftnav > ul > li > ul > li a:visited {
font-size: 13px;
font-weight: 600;
text-transform: capitalize;
color: #e2985f;
padding: 0;
}
.leftnav > ul > li a:active, .leftnav > ul > li a:visited {
width: 140px;
text-transform: uppercase;
color: #fff;
}
/*
PAARDEN - SUMMARY
*/
h1 {
font-size: 26px;
line-height: 30px;
font-family: Roboto,sans-serif;
font-weight: 400;
margin-bottom: 15px;
color: #fff!important;
}
p a:active, p a:link, p a:visited {
color: #e2985fa3!important;
text-decoration: none;
font-weight: 600;
}
.horse_left {
position: absolute;
top: 0;
margin: 20px 0 20px 20px;
width: 220px;
padding: 10px;
background-color: #501a0a70;
border-radius: 10px 10px 10px 10px
}
p {
font-family: Roboto,sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #e2985f!important;
}
.horse_left .right a:active, .horse_left .right a:link, .horse_left .right a:visited {
...