A new userstyle
Mia Theme by Eichgatzl
Details
AuthorEichgatzl
LicenseNo License
Categoryhttps://horsereality.com/
Created
Updated
Size32 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 Mia Theme 2.5
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com/"), url-prefix("https://www.horsereality.com/") {
@font-face {
font-family: 'Spectral';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/spectral/v13/rnCs-xNNww_2s0amA9uSsG3BafY.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Great Vibes';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/greatvibes/v19/RWmMoKWR9v4ksMfaWd_JN9XFiaQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.horse-grid .horse-item .image {
background-image: var(--horse-bg)!important;
}
.horse-grid .horse-item .image {
background-image: var(--horse-bg)!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;
}
body.background.australia {
background-image: var(--background);
}
body.background.europe {
background-image: var(--background);
}
body.background.africa {
background-image: var(--background);
}
body.background.north-america {
background-image: var(--background);
}
body.background.asia {
background-image: var(--background);
}
body.background.south-america {
background-image: var(--background);
}
body.background.africa {
background-image: var(--background)!important;
}
body.background.asia {
background-image: var(--background)!important;
}
body.background.europe {
background-image: var(--background)!important;
}
body.background.australia {
background-image: var(--background)!important;
}
body.background.south-america {
background-image: var(--background)!important;
}
body.background.north-america {
background-image: var(--background)!important;
}
img[src="https://www.horsereality.com/icon/coin.png"] {
content: var(--coin)
}
img[src="https://www.horsereality.com/icon/ticket-wildlife.png"] {
content: var(--wt)
}
img[src="https://www.horsereality.com/icon/deltapoints.png"] {
content: var(--dp);
}
img[src="https://www.horsereality.com/icon/ticket-foundation.png"] {
content: var(--ft);
}
img[src="https://www.horsereality.com/icon/stud.png"] {
content: var(--stud)
}
img[src="https://www.horsereality.com/icon/warning.png"] {
content: var(--warn)
}
img[src="https://www.horsereality.com/icon/clock.png"] {
content: var(--clock)
}
img[src="/img/hr-logo.png"], [src="https://www.horsereality.com/images/horse-reality-logo-small.png"] {
content: var(--logo)!important;
}
img[src="https://www.horsereality.com/images/world/ava-africa.png"] {
content: var(--map)
}
img[src="https://www.horsereality.com/images/world/ava-south-america.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-asia.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-australia.png"] {
content: var(--map)
}
.modal-content {
border-radius: 20px;
background: #9eb991;
box-shadow: 0 3px 6px rgba(0, 0, 0, .98);
}
.market .col-form-label {
font-family: 'Spectral';
color: #0b260a!important;
font-weight: 700!important;
}
.modal-title {
font-weight: 400;
font-family: 'Great Vibes';
color: #bcdfbb;
font-size: 35px;
}
.modal-inner {
border-radius: 20px;
background: #535353;
box-shadow: 0 3px 6px rgb(0, 0, 0);
}
.form-control {
font-size: 13px;
}
.form-control {
font-size: 13px;
font-weight: 700;
background-color: #ffffff30;
border: 1px solid #5d7f51;
font-family: 'Spectral';
}
.modal-wrapper h1 {
font-weight: 400;
font-family: 'Great Vibes';
color: #6eaa6d;
font-size: 33px;
}
.col-form-label {
font-family: 'Spectral';
color: #153114;
font-weight: 700;
}
/* codes für 2-farbige listen zB. notification seite, foal calendar, fitting room usw */
.component.table .table tbody tr:nth-of-type(odd) {
background-color: #364238;
}
.component.table .table tbody tr:nth-of-type(even) {
background-color: #4c4c4c;
}
.table td, .table th {
border-top: 1px solid #090a0a;
}
.header-cta {
background-color: #1d271fb0;
}
.header-cta .cta-text h2 {
font-size: 16px;
font-weight: 700;
color: #d4d4d4;
font-family: 'Spectral';
}
.header-cta .cta-text .cta-description {
font-size: 14px;
font-weight: 500;
color: #a6a6a6;
}
.header-cta .cta-timer {
margin-left: 20px;
font-family: 'Spectral';
}
.horse_photocon .horse_photo img.foal {
max-width: 320px;
max-height: 285px;
margin-left: 170px;
transform: scaleX(-1);
}
.horse-grid.compact .horse-item .image .horse-image.is-foal {
top: 11px;
height: 60px!important;
transform: scaleX(-1);
}
.horse-item .image-dam-and-foal .horse-image:last-child {
position: absolute;
z-index: 4;
top: unset;
right: -10px;
bottom: 0;
transform-origin: center;
}
::-webkit-scrollbar {
width: 9px;
}
::-webkit-scrollbar-thumb {
background: linear-gradient(to bottom, #4c6849e8, #394d37e8);
border-radius: 2px;
}
::-webkit-scrollbar-thumb {
background-color: rgba(231, 230, 230, .23);
}
::-webkit-scrollbar {
background-color: rgb(37, 47, 33);
}
.breadcrumb, .breadcrumbs {
background: linear-gradient(to bottom, #626262e8, #404040e8);
border-radius: .25rem;
}
.breadcrumb a, .breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:active {
color: #000;
font-family: 'Spectral';
}
.introwrapper .container_12 h1, .banner .bimages h1, .title h1, div.npc_box > div > h1 {
background: -webkit-linear-gradient(#fff, #092c0de8);
-webkit-background-clip: text;
-webkit-text-fill-color: #00000000;
text-shadow: 0px 0px 8px #041b06;
padding-bottom: 10px;
font-family: 'Great Vibes';
font-size: 40px;
padding-top: 10px;
text-align: center;
margin-left: 130px;
}
.container {
background-color: #171a1500;
}
.center {
background-color: #00000070;
}
.main-content {
padding: 15px;
background: #020f1470;
}
.side-nav, .leftnav {
padding: 8px;
background: #0000008f;
border-radius: 0px 0px 150px 150px
}
.side-nav ul .subtitle, .subtitle {
font-family: 'Spectral';
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
color: #676767e8;
}
.side-nav ul a, .leftnav > ul > li > ul > li a:active, .leftnav > ul > li > ul > li a:link, .leftnav > ul > li > ul > li a:visited {
font-family: 'Spectral';
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
color: #898989;
line-height: 8px
}
.side-nav ul a:hover, .leftnav > ul > li > ul > li a:hover {
color: #cdddcf;
text-decoration: none;
}
.header-menu, .bluebar_container {
background: #000000c9;
backdrop-filter: blur(5px)
}
.header-menu .currencies li a, ul li a:active, ul li a:link, ul li a:visited {
font-size: 13px;
color: #c6c5c5;
font-family: 'Spectral';
font-weight: 700;
}
.header-menu .currencies li a:hover, .toplinks ul li a:hover {
font-size: 13px;
color: #cacaca;
font-family: 'Spectral';
font-weight: 700;
}
.header-menu .user-nav a {
vertical-align: middle;
font-size: 13px;
color: #949893;
font-family: 'Spectral';
}
.header-menu .user-nav #user-nav-dropdown, #bbmenu.user ul.slidedown li ul.slidedownmenu {
color: #a4a3a3;
background-color: #6e9467;
}
.header-menu .user-nav a:hover, #bbmenu.user ul.slidedown li a:hover {
text-decoration: none;
color: #f1f1f1;
}
.header-menu .user-nav.dropdown-active, .header-menu .user-nav:hover {
background-color: #585858;
}
.progress {
background-color: #e9ecef85;
border-radius: .25rem;
}
.progress-bar, .xpvalue {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8baf82), to(#244723));
border-radius: 5px;
}
.statusbar {
background-color: #ffffff42;
border: none;
border-radius: 5px;
}
.header-menu .stats, .header-menu .stats a, .gamestats, .gamestats a:link, .gamestats a:visited, .gamestats a:active {
font-family: 'Spectral';
color: #828282;
font-size: 11px;
}
#bbmenu.user ul.slidedown li:hover, #bbmenu.user ul.slidedown li:focus, #bbmenu.user ul.slidedown li:active {
background-color: #18344800;
}
#bbmenu.user ul.slidedown li ul.slidedownmenu li .level p {
color: #c0d1be;
font-family: 'Spectral';
}
.footer {
background: #152a15c9;
backdrop-filter: blur(5px)
}
.footer h6, .footer ul li a:active, .footer ul li a:visited, .footer ul li a:link {
font-family: 'Spectral';
color: #7c7c7c;
}
.minimap {
background-size: auto;
border-radius: 150px;
...