Skip to content

Harleys theme by orynth

Write a review Install Get Stylus

Details

Authororynth

LicenseNo License

Categoryhorsereality.com

Created

Updated

Code size15 kB

Code checksum2dfddd80

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

HR theme

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           Harley's theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Please do not sell or claim as own. Do not sell the code either.
@author         Ida/Orynth
==/UserStyle== */
@-moz-document domain("example.com") {
    /* Insert code here... */
}
:root {
    --minimap: url(https://i.imgur.com/uw87l96.png)
}
:root {
    --horsebg: url(https://i.imgur.com/UvR18eE.png)
}
:root {
    --blurredbg: url(https://i.imgur.com/fao4Mc4.png)
}
:root {
    --ftbg: url(https://i.imgur.com/a0cVzyy.png)
}
:root {
    --genetic: url(https://i.imgur.com/ye3h7zL.png)
}
:root {
    --genetic: url(https://i.imgur.com/ye3h7zL.png)
}


/* Pics */
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(--minimap);
}
.minimap {
    border: 2px ridge #cacaca00;
    border-radius: 100%;
    box-shadow: 0px 0px 8px 1px #0009;
    margin-left: 0px;
    margin-top: 15px;
    width: 150px;
    height: 150px;
    filter: drop-shadow(0 0 8px #0009);
}
@media screen and (min-width: 1200px) {
    .horse-list .horse-item .image {
        background-image: var(--ftbg) !important;
    }
}
body.background.north-america {
    background: var(--blurredbg) no-repeat fixed 0 0 / 100% auto;
}
body.background.south-america {
    background: var(--blurredbg) no-repeat fixed 0 0 / 100% auto;
}
body.background.australia {
    background: var(--blurredbg) no-repeat fixed 0 0 / 100% auto;
}
body.background.africa {
    background: var(--blurredbg) no-repeat fixed 0 0 / 100% auto;
}
body.background.europe {
    background: var(--blurredbg) no-repeat fixed 0 0 / 100% auto;
}
body.background.asia {
    background: var(--blurredbg) no-repeat fixed 0 0 / 100% auto;
}
.adopt_blockimg.north-america {
    border-radius: 5px 5px 5px 5px;
    background: var(--ftbg) no-repeat;
}
.adopt_blockimg.south-america {
    border-radius: 5px 5px 5px 5px;
    background: var(--ftbg) no-repeat;
}
.adopt_blockimg.australia {
    border-radius: 5px 5px 5px 5px;
    background: var(--ftbg) no-repeat;
}
.adopt_blockimg.africa {
    border-radius: 5px 5px 5px 5px;
    background: var(--ftbg) no-repeat;
}
.adopt_blockimg.europe {
    border-radius: 5px 5px 5px 5px;
    background: var(--ftbg) no-repeat;
}
.adopt_blockimg.asia {
    border-radius: 5px 5px 5px 5px;
    background: var(--ftbg) no-repeat;
}
@media screen and (min-width: 554px) {
    .horse-grid .horse-item .image {
        background-image: var(--ftbg) !important;
    }
}
.horse_foal_image.north-america {
    border-radius: 5px 5px 25px 25px;
    background-image: var(--genetic);
}
.horse_foal_image.south-america {
    border-radius: 5px 5px 25px 25px;
    background-image: var(--genetic);
}
.horse_foal_image.australia {
    border-radius: 5px 5px 25px 25px;
    background-image: var(--genetic);
}
.horse_foal_image.europe {
    border-radius: 5px 5px 25px 25px;
    background-image: var(--genetic);
}
.horse_foal_image.africa {
    border-radius: 5px 5px 25px 25px;
    background-image: var(--genetic);
}
.horse_foal_image.asia {
    border-radius: 5px 5px 25px 25px;
    background-image: var(--ftbg);
}
.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 {
    border-radius: 0px 0px 80px 15px;
    background-image: var(--horsebg);
}
.horse_banner.africa {
    background-image: var(--horsebg);
}
.horse_banner.asia {
    background-image: var(--horsebg);
}

/* Nav */
.main-content {
    background: #fff0;
}
.side-nav {
    padding: 15px;
    background: -webkit-linear-gradient(#eaa6b78f, #b784c3c4);
    border-radius: 0px 0 80px 80px;
    margin-left: -15px;
    margin-right: 5px;
    width: 145px;
    height: 785px;
    margin-top: -1px;
}
.side-nav ul .subtitle {
    color: #7c5984;
}
.side-nav ul a {
    color: #ffe2e9;
}
.container {
    background-color: #eaf0f200;
}
.leftnav {
    padding: 15px;
    background: -webkit-linear-gradient(#eaa6b78f, #b784c3c4);
    border-radius: 0 0 80px 80px;
    margin-left: 0px;
    margin-right: 20px;
    width: 160px;
    height: 715px;
    margin-top: -1px;
}
.leftnav > ul > li {
    color: #7c5984;
}
.leftnav > ul > li > ul > li a:active,
.leftnav > ul > li > ul > li a:link,
.leftnav > ul > li > ul > li a:visited {
    color: #ffe2e9;
}
.horse_left {
    background: -webkit-linear-gradient(#eaa6b78f, #b784c3c4);
    border: 2px ridge;
    border-color: #a8a8a8;
    border-bottom: 2px ridge #9c9b9b;
    border-right: 2px ridge #9c9b9b;
    border-left: 2px ridge #9c9b9b;
    border-top: 2px ridge #9c9b9b;
    border-radius: 10px 10px 40px 40px;
}
.looking_at {
    background: -webkit-linear-gradient(#eaa6b78f, #b784c3c4);
    border: 2px ridge;
    border-color: #a8a8a8;
    border-bottom: 2px ridge #9c9b9b;
    border-right: 2px ridge #9c9b9b;
    border-left: 2px ridge #9c9b9b;
    border-top: 2px ridge #9c9b9b;
    border-radius: 30px 30px 30px 30px;
}
.horse_left .infotext {
    color: #ffe2e9;
}
.horse_left .right a:active,
.horse_left .right a:link,
.horse_left .right a:visited {
    color: #fff;
}
p a:active,
p a:link,
p a:visited {
    color: #fff;
}
.horse_left h1 {
    color: #7c5984;
}
p {
    color: #7c5984;
}
.horse-grid .horse-item h2 {
    color: #46334b;
}
.tabs .tab {
    background-color: #ffe2e97a;
    color: #fff;
}
.tabclick,
.tabclick2,
.tabclick3 {
    background-color: #ffe2e97a;
    color: #fff;
}
nav .pagination .page-item .page-link {
    background-color: #ffe2e97a;
    color: #fff;
}
.tabclick.tabsel,
.tabclick2.tabsel,
.tabclick3.tabsel {
    background-color: #97868a7a;
    color: #fff;
}
.tabs .tab.active {
    background-color: #97868a7a;
    color: #fff;
}
nav .pagination .page-item.active .page-link {
    background-color: #97868a7a;
    color: #fff;
}
.center {
    background-color: #fff0;
}
.container_12 .grid_6.half_block {
    border-radius: 10px 10px 20px 20px;
    background-color: #ffe2e97a;
    border-left: 1px solid #081b2800;
    border-bottom: 5px solid #081b2800;
    border-right: 1px solid #081b2800;
}
.container_12 .grid_12.stable_block {
    border-radius: 10px 10px 20px 20px;
    background-color: #ffe2e97a;
    border-left: 1px solid #081b2800;
    border-bottom: 5px solid #081b2800;
    border-right: 1px solid #081b2800;
}
.container_12 .grid_8.training_left {
    border-radius: 10px 10px 20px 20px;
    background-color: #ffe2e97a;
    border-left: 1px solid #081b2800;
    border-bottom: 5px solid #081b2800;
    border-right: 1px solid #081b2800;
}
.container_12 .grid_4.training_right {
    border-radius: 10px 10px 20px 20px;
    background-color: #ffe2e97a;
    border-left: 1px solid #081b2800;
    border-bottom: 5px solid #081b2800;
    border-right: 1px solid #081b2800;
}
.grid_6.genetics {
    border-radius: 10px 10px 20px 20px;
    background-color: #ffe2e97a;
    border-left: 1px solid #081b2800;
    border-bottom: 5px solid #081b2800;
    border-right: 1px solid #081b2800;
}
.grid_12.breeding {
    border-radius: 10px 10px 20px 20px;
    background-color: #ffe2e97a;
    border-left: 1px solid #081b2800;
    border-bottom: 5px solid #081b2800;
    border-right: 1px solid #081b2800;
}
table.breed2 {
    background-color: #eaf0f200;
}
table.breed tr,
table.breed2 tr {
    background-color: #eaf0f200;
}
.minidetails {
    background-color: #eaf0f200;
}
.component.frame .wrapper {
    border-radius: 10px 10px 20px 20px;
    background-color: #ffe2e97a;
}
.top {
    border-radius: 10px 10px 5px 5px;
    background-color: #b696bec4;
    color: #fff;
}
.training_left h6 {
    border-radius: 10px 10px 10px 10px;
    color: #fff;
    background-color: #ffe2e987;
}
.subtop {
    border-radius: 10px 10px 10px 10px;
    color: #fff;
    background-color: #ffe2e987;
}
.genetic_result {
    background-color: #ffe2e9;
}
.market-preview-tack .market-preview-tack-item {
    background-color: #cfd2da00;
}
.genetic_tests .test_block .first {
    background-color: #ffe2e9;
}
.genetic_potential {
    background-color: #ffe2e9;
}
.row_300 {
    background-color: #fff0;
}
.odd {
    background-color: #eaf0f200;
}
.even {
    background-color: #fff0;
}
.training_left .horsetraining .traincon {
    background-color: #f6f6f600;
}
.traincon.selected {
    border-radius: 80px 80px 80px 80px;
    background-color: #bd96c68f !important;
}
.training_right > .block {
    background-color: #fff0;
}
.training_right > .block > .comp img,
.training_right > .block > .show img {
    background-color: #f6f6f600;
}
.horse_blockimg {
    background-color: #f6f6f600;
}
.pedigree {
    background-color: #fff0;
}
.bluebar_container {
    background-color: #081b2800;
}
header {
    background: #eaa6b71c;
}
.header-menu {
    background: #eaa6b71c;
}
.header-menu .user-nav.dropdown-active,
.header-menu .user-nav:hover {
    background-color: #ffe2e92e;
    border-left: 1px ridge #ffe2e9;
}
#bbmenu.user ul.slidedown li:hover,
#bbmenu.user ul.slidedown li:focus,
#bbmenu.user ul.slidedown li:active {
    background-color: #ffe2e92e;
    border-left: 1px ridge #ffe2e9;
}
.header-menu .user-nav #user-nav-dropdown {
    color: #fff;
    background: -webkit-linear-gradient(#...

Reviews

No reviews yet.