Skip to content

LunaVicious-Orynth-Collab by LunaVicious

Write a review Install Get Stylus

Details

AuthorLunaVicious

LicenseNo License

Categoryhttps://v2.horsereality.com/

Created

Updated

Code size15 kB

Code checksum6b0ac674

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Private Custom Theme for Myself

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==/* ==UserStyle==
@name           LunaVicious
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         LunaVicious
==/UserStyle== */

@import url('https://fonts.googleapis.com/css2?family=Metamorphous&display=swap');
:root {
    --horsebg: url(https://i.imgur.com/uqxBQSf.png);
    }
:root {
    --blurred: url(https://i.imgur.com/F3do4wf.png);
    }
:root {
    --stableft: url(https://i.imgur.com/xOTOrR5.png);
    }
:root {
    --mm: url(https://i.imgur.com/pGQkAt1.jpeg);
    }

img[src="https://www.horsereality.com/images/world/ava-europe.png"], img[src="https://www.horsereality.com/images/world/ava-africa.png"], img[src="https://www.horsereality.com/images/world/ava-asia.png"], img[src="https://www.horsereality.com/images/world/ava-australia.png"], img[src="https://www.horsereality.com/images/world/ava-north-america.png"], img[src="https://www.horsereality.com/images/world/ava-south-america.png"]
{
content: var(--mm);
}

/* Horse Page */

.horse_banner.north-america {
    background-image: var(--horsebg);
}
.horse_banner.south-america {
    background-image: var(--horsebg);
}
.horse_banner.australia {
    background-image: var(--horsebg);
}
.horse_banner.europe {
    background-image: var(--horsebg);
}
.horse_banner.africa {
    background-image: var(--horsebg);
}
.horse_banner.asia {
    background-image: var(--horsebg);}
body.background.north-america {
    background-image: var(--blurred);
}
body.background.south-america {
    background-image: var(--blurred);
}
body.background.australia {
    background-image: var(--blurred);
}
body.background.europe {
    background-image: var(--blurred);
}
body.background.africa {
    background-image: var(--blurred);
}
body.background.asia {
    background-image: var(--blurred);
}
.container {
    background-color: #fff0;
}
.leftnav {
    background-color: #a2bdbe6b;
    font-family: 'Metamorphous', serif;
}
.leftnav > ul > li {
    color: #000;
}
.leftnav > ul > li > ul > li a:active, .leftnav > ul > li > ul > li a:link, .leftnav > ul > li > ul > li a:visited {
    font-family: 'Metamorphous', serif;
    color: #000;
}
.bluebar_container {
    font-family: 'Metamorphous', serif;
    background-color: #c5dfe087;
}
.footer {
    font-family: 'Metamorphous' , serif;
    background-color: #c5dfe087;
}
.horse_left {
    border-radius: 9px 9px 9px 9px;
    font-family: 'Metamorphous' , serif;
    background-color: #c5dfe087;
}
h1 {
    font-family: 'Metamorphous' , serif;
    color: #000;
}
p {
    font-family: 'Metamorphous' , serif;
    color: #000;
    }
p a:active, p a:link, p a:visited {
    color: #000;
}
.horse_left .right a:active, .horse_left .right a:link, .horse_left .right a:visited {
    color: #000;
}
.looking_at {
    border-radius: 9px 9px 9px 9px;
    font-family: 'Metamorphous' , serif;
    background-color: #c5dfe087;
    color: #000;
}
#bbmenu.user ul.slidedown li ul.slidedownmenu {
    border-radius: 9px 9px 9px 9px;
    font-family: 'Metamorphous' , serif;
    background-color: #c5dfe087;
    color: #000;
}
.header-menu .user-nav #user-nav-dropdown {
    border-radius: 9px 9px 9px 9px;
    font-family: 'Metamorphous' , serif;
    background-color: #c5dfe087;
    color: #000;
}
.header-menu {
    background: #c5dfe087;
    font-family: 'Metamorphous' , serif;
}
.tabclick, .tabclick2, .tabclick3 {
    background-color: #b6ccc882;
    font-family: 'Metamorphous' , serif;
    color: #000;

}
.tabclick.tabsel, .tabclick2.tabsel, .tabclick3.tabsel {
    background-color: #9cafa887;
}
.container_12 .grid_6.half_block {
    background-color: #bfd7d496;
    border-left: 1px solid #081b2800;
    border-bottom: 5px solid #081b2800;
    border-right: 1px solid #081b2800;
    border-radius: 5px 5px 5px 5px;
}
.top {
    background-color: #96afa9a1;
    font-family: 'Metamorphous' , serif;
    color: #000;
    border-radius: 9px 9px 9px 9px;
}
.horse_blockimg {
    background-color: #f6f6f600;
}
.center {
    background-color: #fff0;
}
.pedigree {
    border-radius: 9px 9px 9px 9px;
    background-color: #b6ccc882;
    font-family: 'Metamorphous' , serif;
}
.container_12 .grid_12.stable_block {
    background-color: #081b2800;
    border-left: 1px solid #081b2800;
    border-bottom: 5px solid #081b2800;
    border-right: 1px solid #081b2800;
}
.container_12 .grid_8.training_left {
    background-color: #081b2800;
    border-left: 1px solid #081b2800;
    border-bottom: 5px solid #081b2800;
    border-right: 1px solid #081b2800;
}
.training_left h6 {
    background-color: #96afa9a1;
    font-family: 'Metamorphous' , serif;
    color: #000;
    border-radius: 9px 9px 9px 9px;
}
.training_left .horsetraining .traincon {
    display: flex
;
    background-color: #f6f6f600;
}
.traincon.selected {
    border-radius: 9px 9px 9px 9px;
    background-color: #a2c4c254 !important;
}
button.yellow, input[type="submit"].yellow {
    border-radius: 9px 9px 9px 9px;
    background-color: #aed3d2;
}
.container_12 .grid_4.training_right {
    background-color: #081b2800;
    border-left: 1px solid #081b2800;
    border-bottom: 5px solid #081b2800;
    border-right: 1px solid #081b2800;
}
.training_right > .block {
    background-color: #fff0;
}
.training_right > .block > .comp img, .training_right > .block > .show img {
    background-color: #f6f6f600;
}
.energybar {
    border-radius: 9px 9px 9px 9px;
    background-color: #b0d3d17a;
    border: 2px solid #eaf0f200;
}
.training_right > .block > .barcon > .trainbar {
    border-radius: 9px 9px 9px 9px;
    background-color: #b0d3d17a;
    border: 2px solid #eaf0f200;
}
.trainbar {
    border-radius: 9px 9px 9px 9px;
    background-color: #b0d3d17a;
    border: 2px solid #eaf0f200;
}
.energy {
    border-radius: 9px 9px 9px 9px;
}
.affection {
    border-radius: 9px 9px 9px 9px;
}
.disc {
    border-radius: 9px 9px 9px 9px;
}
.trainbar > .exp {
    border-radius: 9px 9px 9px 9px;
}
.training_right > .block > .barcon > .trainbar > .trained {
    border-radius: 9px 9px 9px 9px;
}
.grid_6.genetics {
    background-color: #081b2800;
    border-left: 1px solid #081b2800;
    border-bottom: 5px solid #081b2800;
    border-right: 1px solid #081b2800;
}
.subtop {
    background-color: #b0c8c2a1;
    font-family: 'Metamorphous' , serif;
    color: #000;
    border-radius: 9px 9px 9px 9px;
}
.genetic_result {
    background-color: #b0d3d17a;
}
.genetic_tests .test_block .first {
    background-color: #b0d3d17a;
    font-family: 'Metamorphous' , serif;
    color: #000;
}
.genetic_potential {
    background-color: #b0d3d17a;
    font-family: 'Metamorphous' , serif;
    color: #000;
}
.row_300 {
    background-color: #b0d3d17a;
    font-family: 'Metamorphous' , serif;
    color: #000;
    border-radius: 9px 9px 9px 9px;
}
.odd {
    background-color: #b0c8c278;
    font-family: 'Metamorphous' , serif;
    color: #000;
    border-radius: 9px 9px 9px 9px;
}
.even {
    background-color: #c5dfe073;
    font-family: 'Metamorphous' , serif;
    color: #000;
    border-radius: 9px 9px 9px 9px;
}
button.dark, input[type="submit"].dark {
    border-radius: 9px 9px 9px 9px;
    background-color: #aed3d2;
    font-family: 'Metamorphous' , serif;
    color: #000;
}
.danger {
    background-color: #dc3545;
    color: #000;
    font-family: 'Metamorphous' , serif;
    border-radius: 9px 9px 9px 9px;
}

/* Stable */

.container {
    background-color: #a2bdbe00;
}
.side-nav {
    background: #a2bdbe6b;
}
.side-nav ul .subtitle {
    font-family: 'Metamorphous' , serif;
    color: #bed5d2;
}
.side-nav ul a {
    font-family: 'Metamorphous' , serif;
    color: #000;
}
.main-content {
    background: #fff0;
}
.horse-item .breed-and-age {
    font-family: 'Metamorphous' , serif;
    color: #000;
}
.horse-item h2 {
    font-family: 'Metamorphous' , serif;
    color: #000;
}
.horse-item .tagline {
    font-family: 'Metamorphous' , serif;
    color: #000;
}
@media screen and (min-width: 554px) {
    .horse-grid .horse-item .image {
        background-image: var(--stableft) !important;
    }
}
.horse-item .content {
    background: #c1cfcd63;
}
.tabs .tab>span, .tabs .tab a, .tabs .tab button {
    font-family: 'Metamorphous' , serif;
    color: #000;
}
.tabs .tab {
    background: #c4e6e27a;
}
.tabs .tab.active {
    background: #96a2a17a;
}
nav .pagination .page-item .page-link {
    background: #c5dfe087;
}
nav .pagination .page-item.active .page-link {
    color: #000;
    background: #b0c8c275;
}
.button.primary {
    background: #a3cccc73;
     font-family: 'Metamorphous' , serif;
}
.button.black.active, .button.black:hover {
    color: #000;
    background: #60707175;
     font-family: 'Metamorphous' , serif;
}
.button.black, .button.secondary.active, .button.secondary:hover {
    color: #000;
    background: #a3cccc73;
     font-family: 'Metamorphous' , serif;
}
.horse-filters-search input {
    font-family: 'Metamorphous' , serif;
    background: #b0c8c275;
}

/* Profile */

.show-profile .navbar {
    font-family: 'Metamorphous' , serif;
    color: #000;
    border-top: 2px solid #d4f9f000;
    border-bottom: 2px solid #18344800;
    background-color: #d9f7f166 !important;
    border-radius: 9px 9px 9px 9px;
}
.show-profile .navbar-avatar .navbar-avatar-container {
    border: 4px solid #fff0;
}
.show-profile .profile-account {
    font-family: 'Metamorphous' , serif;
    color: #000;
    background-color: #c5dfe02b;
    border-radius: 9px 9px 9px 9px;
}
.component.frame .wrapper {
    border-radius: 9px 9px 9px 9px;
    font-family: 'Metamorphous' , serif;
    background: #60707175;
}
.component.table .ta...

Reviews

No reviews yet.