A new userstyle
Theme for Skaifaya by Eichgatzl
Details
AuthorEichgatzl
LicenseNo License
Categoryhttps://v2.horsereality.com/
Created
Updated
Size59 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 Theme for Skaifaya
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Eichgatzl
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com/"), url-prefix("https://www.horsereality.com/") {
@font-face {
font-family: 'Parisienne';
font-style: normal;
font-weight: 400;
src: local('Parisienne'), local('Parisienne-Regular'), url(https://fonts.gstatic.com/s/parisienne/v6/E21i_d3kivvAkxhLEVZpQyhwDw.woff2) format('woff2');
}
body.background.australia {
background-image: var(--background);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body.background.europe {
background-image: var(--background);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body.background.africa {
background-image: var(--background);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body.background.north-america {
background-image: var(--background);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body.background.asia {
background-image: var(--background);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
body.background.south-america {
background-image: var(--background);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.horse-grid.compact .horse-item .image {
height: 110px;
background-position: -35px 77%;
background-image: none!important;
}
.horse-grid .horse-item .image {
height: 130px;
background-position: -35px 77%;
background-image: none!important;
}
.horse-list.compact .horse-item .image {
height:60px;
background-position: -35px 77%;
background-image: none!important;
}
.horse-list.alternate .horse-item:nth-child(2n) .content {
background: #0000008f;
}
.horse-list .horse-item .image {
height:80px;
background-position: -35px 77%;
background-image: none!important;
}
.horse_banner.asia {
background-image: var(--horse-bg)!important;
background-size: cover;
}
.horse_banner.south-america {
background-image: var(--horse-bg)!important;
background-size: cover;
}
.horse_banner.north-america {
background-image: var(--horse-bg)!important;
background-size: cover;
}
.horse_banner.africa {
background-image: var(--horse-bg)!important;
background-size: cover;
}
.horse_banner.europe {
background-image: var(--horse-bg)!important;
background-size: cover;
}
.horse_banner.australia {
background-image: var(--horse-bg)!important;
background-size: cover;
}
img[src="https://www.horsereality.com/images/world/ava-africa.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-asia.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-australia.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-europe.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-north-america.png"]
{
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-south-america.png"]
{
content: var(--map);
}
/*map*/
.minimap {
width: 160px;
height: 160px;
background-position: 60%;
background-size: cover;
border-radius: 20px;
}
.horse-banner {
height: 600px;
background-position: bottom;
background-size: cover;
background-image: var(--horse-bg)!important;
}
.horse-banner .container img.foal {
max-width: 320px;
max-height: 285px;
margin-left: 170px;
transform: scaleX(-1);
}
.header-menu {
background: #000f1ea1;
backdrop-filter: blur(5px);
}
.header-menu .currencies li a {
color: #c79e4f;
}
.header-menu .user-nav a {
font-size: 13px;
color: #c79e4f;
}
.header-menu .user-nav #user-nav-dropdown {
color: #c79e4f;
background-color: #052740;
border-radius: 0px 10px 10px 10px
}
.header-menu .user-nav.dropdown-active, .header-menu .user-nav:hover {
background-color: #052740;
}
.progress {
background-color: #e9ecef52;
border-radius: 0.25rem;
}
.progress-bar {
background: linear-gradient(to bottom, #ffd700, #594b06);
}
.header-menu .stats {
color: #905e28;
}
.header-menu .stats a {
color: #905e28;
}
.main-content {
padding: 15px;
background: #00000054;
}
h1 {
font-size: 30px;
line-height: 50px;
font-family: 'Parisienne';
font-weight: 400;
margin-bottom: 15px;
color: #c79e4f;
}
h1 a:hover, h2 {
color: #905e28;
}
button.normalize {
color: #905e28;
}
.side-nav {
padding: 10px;
background: #00000054;
}
.side-nav ul .subtitle {
color: #c79e4f;
font-family: 'Parisienne';
text-transform: capitalize;
font-size: 18px;
}
.side-nav ul a {
color: #905e28;
}
.side-nav ul a:hover {
color: var(--hover-font);
text-decoration: none;
}
.side-nav ul .subtitle i {
font-weight: 500;
}
ul li a:active, ul li a:link, ul li a:visited {
color: var(--main-font);
}
.footer {
background: #00000054;
}
.footer ul li a {
color: #905e28;
}
.footer h6 {
color: #905e28;
}
.horse-item .content {
background: #01244969;
backdrop-filter: blur(5px);
}
.horse-item h2 {
color: #c79e4f;
}
.horse-item .tagline {
color: #905e28;
}
.horse-item .breed-and-age {
color: #905e28;
}
.horse-stats .horse-stat span {
color: #905e28;
}
.tabs .tab>span, .tabs .tab a, .tabs .tab button {
color: #c79e4f;
}
.tabs .tab {
background: #01244969;
}
.tabs .tab.active {
background: #05143bc2;
}
.tabs .tab:not(.creating):not(.active):hover {
background: #05143bc2;
}
.tabs-wrapper:after {
background: #af8b02;
}
.tabs .tab a>i {
color: #c79e4f;
}
.horse-filters-search input {
background: #00000045;
}
::-webkit-scrollbar {
width: 9px;
}
::-webkit-scrollbar-thumb {
background: linear-gradient(to bottom, #a37709a6, #014);
border-radius: 5px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, .59);
}
::-webkit-scrollbar {
background-color: rgba(172, 172, 172, .75);
}
.button.primary {
background: #05143bc2;
backdrop-filter: blur(105px);
color: #c79e4f;
}
.button.primary:hover {
color: #041153;
background: #c38f07;
}
.button.black, .button.secondary.active, .button.secondary:hover {
color: #c79e4f;
background: #05143bc2;
backdrop-filter: blur(105px);
}
.button.black.active, .button.black:hover {
color: #041153;
background: #c38f07;
}
button.yellow, input[type=submit].yellow {
background: #043357c2;
backdrop-filter: blur(105px);
color: #c79e4f;
}
button.yellow:hover, input[type=submit].yellow:hover {
color: #041153;
background: #c38f07;
}
button.dark, input[type=submit].dark {
background: #05143bc2;
backdrop-filter: blur(105px);
color: #c79e4f;
}
button.dark:hover, input[type=submit].dark {
color: #041153;
background: #c38f07;
}
.danger {
background-color: #dc9f35;
color: #041153;
}
.danger:hover {
color: #041153;
background: #ffdb7e;
}
.btn.btn-cta, .btn.btn-primary {
background: #05143bc2;
backdrop-filter: blur(105px);
color: #c79e4f;
border-radius: 30px;
border-color: #fff0;
}
.btn.btn-cta:hover, .btn.btn-primary:hover {
color: #041153;
background: #c38f07;
}
nav .pagination .page-item.active .page-link {
font-weight: 700;
color: #fff;
background: #000d31;
}
nav .pagination .page-item .page-link {
border-radius: 30px;
background: #eaf0f257;
}
nav .pagination .page-item:not(.disabled) .page-link {
color: #c79e4f;
}
.numselected {
color: #fff;
border-radius: 30px;
background: #000d31;
}
.numbers {
border-radius: 30px;
background: #eaf0f257;
}
.pagenumbers a:active, .pagenumbers a:link, .pagenumbers a:visited {
color: #c79e4f;
text-decoration: none;
}
.component.frame .wrapper {
padding: 2px;
background: #000731ba;
}
.component.frame .wrapper .header .title {
font-size: 18px;
display: inline-block;
text-transform: none;
font-family: 'Parisienne';
color: var(--title-font);
}
.component.table .table tbody tr:nth-of-type(odd) {
background-color: #060f4dd4;
}
.component.table .table tbody tr:nth-of-type(even) {
background-color: #00000ae3;
}
.table td, .table th {
border-top: 1px solid #ffc100;
}
.city .mobile-world-menu a {
font-size: 13px;
font-weight: 700;
text-transform: capitalize;
color: #c79e4f;
}
.city .mobile-world-menu a:hover {
color: #ffdb7e!important;
text-decoration: none;
}
.city .main-content .world-map img {
border-radius: 20px;
}
.city .main-content .world-map {
margin: -15px!important;
background-color: #fff0;
}
.foal-calendar-table .title {
font-size: 16px;
font-weight: 700;
color: #c79e4f;
}
.foal-calendar-table .subtitle {
font-size: 14px;
font-family: Roboto,"sans-serif";
color: #905e28;
}
/*V2*/
.leftnav {
float: left;
background-color: #00000054;
border-radius: 0px 0px 40px 40px
}
.subti...