privat theme
Halloween by kie0412
Details
Authorkie0412
LicenseNo License
Categoryhr
Created
Updated
Size51 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 20240930.19.44
@namespace ?
==/UserStyle== */
@-moz-document url-prefix("https://www.horsereality.com"), url-prefix("https://v2.horsereality.com")
{
:root {
--blue: #e5a53d;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #cb8340;
--gray: #f8e485;
--gray-dark: #be7a2b;
--primary: #007bff;
--secondary: #6c757d;
--success: #3c4552;
--info: #e5a53d;
--warning: #ffc107;
--light: #4a4c58;
--dark: #1b1f24;
--blue-dark: #1b2429;
--sale: #61585e00;
--button: #311d10;
--hover: #323232;
--body: #efb75500;
--body2: #56281875;
--odd: #42444d;
--even: #1e3038;
--mine: #343a41;
--danger: #412e20;
--star: #985d37;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: url("https://www.fontspace.com/warm-tea-font-f122825") ;
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--body-background: url("https://i.imgur.com/qMeWqAl.png");
--horse-background: url("https://i.imgur.com/nXWvtf6.png");
--map: url("https://i.imgur.com/MOgQRZY.png");
}
img[src="https://www.horsereality.com/images/world/ava-africa.png"]
{
content: var(--map);
width: 100;
height: auto;
opacity: 100%;
}
img[src="https://www.horsereality.com/images/world/ava-asia.png"]
{
content: var(--map);
width: 100;
height: auto;
}
img[src="https://www.horsereality.com/images/world/ava-australia.png"]
{
content: var(--map);
width: 100;
height: auto;
}
img[src="https://www.horsereality.com/images/world/ava-europe.png"]
{
content: var(--map);
width: 100;
height: auto;
}
img[src="https://www.horsereality.com/images/world/ava-north-america.png"]
{
content: var(--map);
width: 100;
height: auto;
}
img[src="https://www.horsereality.com/images/world/ava-south-america.png"]
{
content: var(--map);
width: 100;
height: auto;
}
.horse_banner.africa {
background-image: var(--horse-background);
}
.horse_banner.australia {
background-image: var(--horse-background);
}
.horse_banner.asia {
background-image: var(--horse-background);
}
.horse_banner.europe {
background-image: var(--horse-background);
}
.horse_banner.north-america {
background-image: var(--horse-background);
}
.horse_banner.south-america {
background-image: var(--horse-background);
}
.horse_banner {
top: 0;
background: var(--horse-background) no-repeat;
background-position: bottom center;
width: 960px;
height: 600px;
position: relative;
}
body {
font-family: var(--font-family-sans-serif);
color:var(--gray-dark)
}
body.background.africa {
background:var(--body-background) no-repeat fixed 0 0 / 100% auto;
background-size: cover;
}
body.background.asia {
background:var(--body-background) no-repeat fixed 0 0 / 100% auto;
background-size: cover;
}
body.background.australia {
background:var(--body-background) no-repeat fixed 0 0 / 100% auto;
background-size: cover;
}
body.background.europe {
background:var(--body-background) no-repeat fixed 0 0 / 100% auto;
background-size: cover;
}
body.background.north-america {
background:var(--body-background) no-repeat fixed 0 0 / 100% auto;
background-size: cover;
}
body.background.south-america {
background:var(--body-background) no-repeat fixed 0 0 / 100% auto;
background-size: cover;
}
.main-content {
padding: 15px;
background: var(--body);
}
.header-menu {
background: var(--blue-dark);
}
.header-menu .stats {
color: var(--white);
}
.header-menu .stats a {
color: var(--white);
}
.bluebar_container {
background-color: var(--blue-dark);
}
.toplinks {
float: left;
font-family: cursive, var(--font-family-sans-serif);
color: var(--white);
}
.gamestats a:link, .gamestats a:visited, .gamestats a:active {
color: var(--white);
text-decoration: none;
}
.gamestats {
font-family: var(--font-family-sans-serif);
color: var(--white);
}
ul li a:active, ul li a:link, ul li a:visited {
text-decoration: none;
color: var(--white);
}
.header-menu .user-nav #user-nav-dropdown {
color: var(--white);
background-color: var(--blue-dark);
}
.header-menu .user-nav a {
vertical-align: middle;
font-size: 13px;
color:var(--white);
}
.header-menu .user-nav {
color: var(--white);
}
.header-menu .currencies li a {
color: var(--white);
}
#bbmenu {
float: left;
font-family:var(--font-family-sans-serif) ;
font-size: 18px;
text-transform: uppercase;
height: 40px;
text-align: left;
color: var(--white);
line-height: 50px;
padding-top: 21px;
}
#bbmenu.user ul.slidedown li ul.slidedownmenu {
background-color: var(--blue-dark);
width: 130px;
padding: 10px 15px;
}
#bbmenu.user ul.slidedown li ul.slidedownmenu li .ava {
border: 0px ;
}
#bbmenu.user ul.slidedown li ul.slidedownmenu li .level p {
color: var(--white);
font-family:var(--font-family-sans-serif) ;
}
.xpvalue {
float: left;
display: block;
background-color: var(--blue);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(var(--success)), to(var(--blue)));
}
.statusbar {
background-color: var(--light);
border: 1px solid var(--light);
border-radius: 1px;
color: var(--white);
text-align: center;
}
.header-cta {
background-color: var(--sale);
}
.header-cta .cta-button button{
font-family: var(--font-family-sans-serif);
font-size: 13px;
font-weight: 600;
line-height: 18px;
padding: 3px 8px;
color: var(--white);
border: none;
border-radius: 2px;
background-color: var(--button);
}
.header-cta .cta-text h2 {
color: var(--button);
}
.footer {
margin-bottom: 50px;
padding-top: 10px;
padding-bottom: 10px;
vertical-align: middle;
color: var(--white);
background: var(--blue-dark);
}
.footer h6 {
font-family: var(--font-family-san-serif);
color: var(--white);
}
.footer ul li a:active, .footer ul li a:visited, .footer ul li a:link {
color: var(--white);
}
.mobile-menu-container {
background: var(--blue-dark);
color: var(--white);
}
.mobile-menu-container .ava img {
border: 0px
}
.progress {
background-color: var(--light);
}
.progress-bar {
background-color: var(--blue);
}
.mobile-menu-container .level p {
color: var(--white);
}
.mobile-menu-container a {
color: var(--white);
}
.mobile-menu-container ul li a {
color: var(--white);
}
.mobile-menu-container ul li .subtitle {
color: var(--white);
}
.mobile-menu-container .mobile-menu-scroller .sidemenu li .subtitle {
font-size: 18px;
text-align: center;
color: var(--white);
}
.side-nav {
padding: 5px;
background: var(--blue-dark);
opacity: 75% ;
}
.side-nav ul .subtitle {
color: var(--white);
}
.side-nav ul a:hover {
color: var(--hover);
text-decoration: none;
}
.leftnav {
float: left;
background-color: var(--blue-dark);
opacity: 75%;
width: 150px;
padding: 10px;
font-family: var(--font-family-sans-serif);
}
.leftnav>ul>li {
color: var(--white);
}
.leftnav>ul>li>ul>li a:active, .leftnav>ul>li>ul>li a:link, .leftnav>ul>li>ul>li a:visited {
color: var(--white);
}
.leftnav>ul>li a:active, .leftnav>ul>li a:visited {
width: 140px;
text-transform: uppercase;
color: var(--white);
}
.daily-rollover-content-wrapper {
background-color: var(--light);
}
h1 {
font-family: var(--font-family-sans-serif);
color: var(--info);
}
.button.primary {
background: var(--button);
}
h1 a:hover, h2 {
color: var(--dark);
}
h2 {
font-family: var(--font-family-sans-serif);
}
.button.black, .button.secondary.active, .button.secondary:hover {
color: var(--white);
background: var(--button);
}
button, input[type=submit] {
font-family: var(--font-family-sans-serif);
color: var(--white);
}
.tabs .tab>span, .tabs .tab a, .tabs .tab button {
color: var(--dark);
}
.tabs .tab {
position: relative;
margin-right: 1px;
transition: all .2s;
border-radius: 1px 1px 0 0;
background: var(--light);
}
.tabs .tab.active {
background: var(--dark);
coloe: var(--light);
}
.tabs-wrapper:after {
position: absolute;
z-index: 1;
right: -15px;
bottom: 0;
left: -15px;
height: 1px;
content: "";
background: var(--light);
}
button.normalize {
color: var(--button);
}
.horse-filters-search input {
width: 100%;
height: 32px;
padding: 3px 10px 3px 30px;
border: 0;
border-radius: 8px;
background: var(--light);
}
.stall-tab-edit span.count {
color: var(--light) !important;
}
.stall-tab-edit input {
padding: 0;
transition: all .2s;
color: var(--light) !important;
border: 0;
outline: none;
background: 0 0;
}
.tabs .tab.active.stall-tab i {
font-size: 10px;
color: var(--light);
}
.page-item.disabled .page-link {
color: var(--dark);
}
nav .pagination .page-item.active .page-link {
font-weight: 700;
color: va...