Skip to content

Crimson1 by FireOpal

Write a review Install Get Stylus

Details

AuthorFireOpal

License(CC-BY-NV-SA)

Categoryhorsereality.com

Created

Updated

Code size35 kB

Code checksum3a79272b

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Their use only!

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

@-moz-document domain("example.com") {
    /* Insert code here... */
}
:root {
    --HRC: url(https://i.imgur.com/10z9wG9.png);
    --DP: url(https://i.imgur.com/1DoJJEq.png);
    --WT: url(https://i.imgur.com/AZUZrne.png);
    --FT:url(https://i.imgur.com/Tw3jgQ2.png); 
    --Font: Shadows Into Light Two;
    --MAP: url(https://i.imgur.com/wsOshxA.png);
    --XPBar: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7e86bf), to(#ffcfe6));
    --HRBack: url(https://i.imgur.com/X2LvnKP.png);
    --BodyBK: url(https://i.imgur.com/X2LvnKP.png);
    --Color1: #dda0cb91;
    --Text: #fff;
    --Link: #d4daff;
    --Header: #f5c4ff;
    --Center: #b68cce70;
    --Container: #8f93d37a;
    --Color2: #e6e8ff;
    --Main: #b68cce;
    --ColorHover: #ebd5f7;
    --Blocking: #ffc6e287;
    --Active: #c4ccfb;
    --Train: #f8e7fd;
    --Button: #a9b0dc;
    --GenePage: #fff;
    --BreedingPage: #8f93d37a;
    --OddRow: #8489d4;
    --EvenRow: #b5779685;
    --BreedName: #ffe2f1;
    --DamFoalIcon: #7e86bf;
    --OddOfferFitting: #ffcfe6e8;
    --EnergyIcon: #fde;
    --OffersMarket: #fff;
    --FoalCal: #8f93d37a;
    --FoalPasture: #d7ddff;
    --FreezerSelect: #7e86bf96;
    --OddrowComp: #7e86bfa8;
    --SettingBill: #ffc6e299;
    --BillPage: #fff;
    --YourClubPage: #f2dbff;
    --EnteredHorses: #b68cce91;
}
             

/* latin-ext */
@font-face {
  font-family: 'Shadows Into Light Two';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/shadowsintolighttwo/v17/4iC86LVlZsRSjQhpWGedwyOoW-0A6_kpsyNmpALHGYNn.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Shadows Into Light Two';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/shadowsintolighttwo/v17/4iC86LVlZsRSjQhpWGedwyOoW-0A6_kpsyNmpAzHGQ.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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*Mini Map*/

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(--MAP);
    border-radius: 8px;
}

/*Currency Icons*/

[src="https://www.horsereality.com/icon/coin.png"] {
    content: var(--HRC);
}
[src="https://www.horsereality.com/icon/deltapoints.png"] {
    content: var(--DP);
}
[src="https://www.horsereality.com/icon/ticket-foundation.png"] {
    content: var(--FT);
}
[src="https://www.horsereality.com/icon/ticket-wildlife.png"] {
    content: var(--WT);
}

/*Body Background*/

body.background.north-america {
    background-image: var(--BodyBK);
}
body.background.south-america {
    background-image: var(--BodyBK);
}
body.background.africa {
    background-image: var(--BodyBK);
}
body.background.australia {
    background-image: var(--BodyBK);
}
body.background.europe {
    background-image: var(--BodyBK);
}
body.background.asia {
    background-image: var(--BodyBK);
}
/*Info Boxes/Icon*/



/*---------------------------------------------------------------*/
/*Horse Image Flips (Foals)*/

.horse_photocon img.foal {
    transform:scaleX(-1)
}        
.horse-banner .container img.foal {
    transform: scaleX(-1);
}
.horse-item .horse-image.is-foal img:first-child {
    transform: scaleX(-1)
}
.himage_tiny img.foal {
    transform: scaleX(-1);
}
.horse-image.is-foal img {
    transform: scaleX(-1);
}
.horse-row-image .container.foal img {
    transform: scaleX(-1);
}
.horse_foal_photo .foal {
    transform: scaleX(-1);
}

/*Lipi Foal fix*/

.horse_photocon .horse_photo img.foal {
    margin-left: 150px;
}


.horse_banner.north-america {
    background-image: var(--HRBack);
}
.horse_banner.asia {
    background-image: var(--HRBack);
}
.horse_banner.europe {
    background-image: var(--HRBack);
}
.horse_banner.south-america {
    background-image: var(--HRBack);
}
.horse_banner.africa {
    background-image: var(--HRBack);
}
.horse_banner.australia {
    background-image: var(--HRBack);
}

/*Foal Image in Genes*/

.horse_foal_image.north-america {
    background-image: var(--HRBack);
}
.horse_foal_image.south-america {
    background-image: var(--HRBack);
}
.horse_foal_image.asia {
    background-image: var(--HRBack);
}
.horse_foal_image.europe {
    background-image: var(--HRBack);
}
.horse_foal_image.africa {
    background-image: var(--HRBack);
}
.horse_foal_image.australia {
    background-image: var(--HRBack);
}
/*Horse Page*/

.horse_left {
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Color1);
    width: 220px;
}
.looking_at {
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Color1);
}


/*Horse page text*/

.gamestats {
    font-family: var(--Font);
    color: #fff;
}

body {
    color: var(--Text);
    font-family: var(--Font);
}

p a:active, p a:link, p a:visited {
    color: var(--Link);
    font-family: var(--Font);
}
.horse_left .right a:active, .horse_left .right a:link, .horse_left .right a:visited {
    color: var(--Link);
}
h1 {
    font-family: var(--Font);
    color: var(--Header);
}
p {
    font-family: var(--Font);
    color: var(--Color2);
}


.center {
    background-color: var(--Center);
}
.container {
    background-color: #d9ba8300;
}
.leftnav {
    border-radius: 0px 0px 0px 10px;
    background-color: var(--Center);
    font-family: var(--Font);
}

.top {
    background-color: var(--Main);
    color: var(--Header);
    font-family: var(--Font);
    border-radius: 10px 10px 0px 0px;
}
.container_12 .grid_6.half_block {
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Container);
    border-left: 1px solid #d9ba8300;
    border-bottom: 5px solid #d9ba8300;
    border-right: 1px solid #d9ba8300;
}


.pedigree {
    background-color: #fff0;
    border-radius: 0px 0px 10px 10px;
    background-image: var(--Pedi);
}
.container_12 .grid_12.stable_block {
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Container);
    border-left: 1px solid #d9ba8300;
    border-bottom: 5px solid #d9ba8300;
    border-right: 1px solid #d9ba8300;
}
.parents a:active p, .parents a:link p, .parents a:visited p {
    color: var(--Text);
}
.grandparents a:active p, .grandparents a:link p, .grandparents a:visited p {
    color: var(--Text);
}
.ggrandparents a:active p, .ggrandparents a:link p, .ggrandparents a:visited p {
    color: var(--Text);
}
.ggrandparents a:hover p {
    color: var(--ColorHover) !important;
}
.parents a:hover p {
    color: var(--ColorHover) !important;
}
.grandparents a:hover p {
    color: var(--ColorHover) !important;
}



.horse_blockimg {
    background-color: var(--Blocking);
    border-radius: 10px 10px 10px 10px;
}
.preselect-horse-block {
    color: var(--Header);
}

.horse_xp {
    border-radius: 10px 10px 10px 10px;
    background: var(--XPBar);
}
.horse_statusbar {
    background-color: #fff0;
    border: 2px solid #eaf0f200;
}
.table_con.private_notes .grid_12, .table_con.public_notes .grid_12 {
    background-color: var(--Main);
    border-left: none;
    border-bottom: none;
    border-right: none;
    border-radius: 10px 10px 10px 10px;
}
.table_con.private_notes .text, .table_con.public_notes .text {
    background: none;
}

/*Covered By*/

.horse_blocktext p a:active, .horse_blocktext p a:link, .horse_blocktext p a:visited {
    color: var(--Link);
}
.horse_blocktext p a:hover {
    color: var(--ColorHover) !important;
}

/*Looking RT Layers*/

.looking_at p {
    color: var(--Text);
}


.tabclick.tabsel, .tabclick2.tabsel, .tabclick3.tabsel {
    background-color: var(--Active);
}
.tabclick, .tabclick2, .tabclick3 {
    background-color: var(--Main);
}

/*Top/Bottom of website*/

.bluebar_container {
    background-color: var(--Main);
}


/*Above mini map*/

.leftnav > ul > li {
    color: var(--Header);
}
.leftnav > ul > li a:active, .leftnav > ul > li a:visited {
    color: var(--Header);
}
.leftnav > ul > li > ul > li a:active, .leftnav > ul > li > ul > li a:link, .leftnav > ul > li > ul > li a:visited {
    color: var(--Link);
}
.leftnav > ul > li > ul > li a:hover {
    color: var(--Color2) !important;
}

/*Horse page player dropbox*/

#bbmenu.user ul.slidedown li a.arrow {
    font-family: var(--Font);
    background-color: var(--Main);
}
.progress span {
    color: #fff;
}
#bbmenu.user ul.slidedown li:hover, #bbmenu.user ul.slidedown li:focus, #bbmenu.user ul.slidedown li:active {
    background-color: var(--Main);
}
#bbmenu.user ul.slidedown li ul.slidedownmenu li .level p {
    color: #fff;
    font-family: var(--Font);
}
#bbmenu.user ul.slidedown li ul.slidedownmenu {
    border-radius: 0px 0px 10px 10px;
    background-color: var(--Main);
}
#bbmenu.user ul.slidedown li a:hover {
    color: var(--ColorHover);
}

.statusbar {
    font-family: var(--Font);
    border-radius: 10px 10px 10px 10px;
    background-color: var(--Container);
    border: 2px solid #fff0;
    color: #fff;
}
.xpvalue {
   border-radius: 10px 10px 10px 10px;
    background: var(--XPBar);
}

/*Currency Horse Page*/

.toplinks ul li a:hover {
    color: var(--ColorHover);
}
ul li a:active, ul li a:link, ul li a:visited {
    font-family: var(--Font);
}

/*Training Page*/

.container_12 .grid_8.training_left {
    border-ra...

Reviews

No reviews yet.