Skip to content

Mizpah Theme by FireOpal

Write a review Install Get Stylus

Details

AuthorFireOpal

License(CC-BY-NV-SA)

Categoryhorsereality.com

Created

Updated

Size37 kB

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           Mizpah Theme
@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 {
    
    --Font: Petit Formal Script;
    --HRC: url(https://i.imgur.com/JCUYgKW.png);
    --DP: url(https://i.imgur.com/V160WDn.png);
    --FT: url(https://i.imgur.com/pwzY49L.png);
    --WT: url(https://i.imgur.com/rqchIAB.png);
    --REROLL: url(https://i.imgur.com/ZZawUEX.png);
    --STORE: url(https://i.imgur.com/ZZawUEX.png);
    --AIRPORT: url(https://i.imgur.com/ZZawUEX.png);
    --RIDINGSCHOOL: url(https://i.imgur.com/ZZawUEX.png);
    --CLUB: url(https://i.imgur.com/ZZawUEX.png);
    --Market: url(https://i.imgur.com/ZZawUEX.png);
    --MAP: url(https://i.imgur.com/ZXmlrcF.png);
    --RArrow: url(https://i.imgur.com/J3YOT78.png);
    --LArrow: url(https://i.imgur.com/VtG6WFP.png);
    --DropDown: url(https://i.imgur.com/j2rNN8j.png);
    --HoverDrop: url(https://i.imgur.com/erDSX5O.png);
    --XHover: url(https://i.imgur.com/erDSX5O.png);
    --XDrop: url(https://i.imgur.com/j2rNN8j.png);
    --XPBar: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e9d4c5), to(#a7c1cc));
    --BreedAdv: url(https://i.imgur.com/1q3nHNK.png);
    --HRBack: url(https://i.imgur.com/gEukGLN.png);
    --BodyBK: url(https://i.imgur.com/8aGECU5.gif);
    --PediP: url(https://i.imgur.com/ZZawUEX.png);
    --PediG: url(https://i.imgur.com/lGc728u.png);
    --Color1: #1f3551a6;
    --Text: #e9d4c5;
    --Link: #a7c1cc;
    --Header: #f7f8ff;
    --Center: #1f35518f;
    --Container: #687d95a6;
    --Color2: #d1ccb9;
    --Main: #1f3551;
    --ColorHover: #a7c1cc;
    --Blocking: #344354a6;
    --Active: #607781;
    --Train: #a0c8d9;
    --Button: #686c7c;
    --GenePage: #d3dbff;
    --BreedingPage: #1f3551c4;
    --OddRow: #1f3551c2;
    --EvenRow: #1f35518a;
    --BreedName: #a7c1cc;
    --DamFoalIcon: #b49b89;
    --OddOfferFitting: #a7c1cc;
    --EnergyIcon: #4f6b8f;
    --OffersMarket: #e9d4c5;
    --FittingHover: #a7c1cc78;
    --FoalCal: #4a5e79;
    --FoalPasture: #e9d4c5;
    --FreezerSelect: #a7c1cc7d;
    --OddrowComp: #1f3551a6;
    --SettingBill: #1f3551a6;
    --BillPage: #b0ddf0;
    --YourClubPage: #b0ddf0;
    --EnteredHorses: #a0c8d97d;
}

/* latin-ext */
@font-face {
  font-family: 'Petit Formal Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/petitformalscript/v17/B50TF6xQr2TXJBnGOFME6u5OR83oRP5qkHDgPrgZ.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: 'Petit Formal Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/petitformalscript/v17/B50TF6xQr2TXJBnGOFME6u5OR83oRP5qkH7gPg.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;
}


*{
    cursor: url(https://i.imgur.com/5CQhy6D.png), auto ; 
}

/*Market Images*/

[src="https://www.horsereality.com/images/market_explore.jpeg"] {
    content: var(--Market);
}
[src="https://www.horsereality.com/images/market_office.jpeg"] {
    content: var(--Market);
}

/*Foundation*/

[src="https://www.horsereality.com/images/npc-id6-caroll.jpg"] {
    content: var(--Market);
}

/*Pasture*/

[style="background-image:url(https://www.horsereality.com/images/npc_kai_walker.jpg)"] {
    background-image: var(--Market) !important;
}

/*Rollover PNG*/

[src="https://v2.horsereality.com/img/caroll-rollover.jpg"] {
    content: var(--REROLL);
}

/*Equistore png*/

[src="https://www.horsereality.com/images/npc-equistore.jpg"] {
    content: var(--STORE);
}

/*Airport Image*/

[style="background-image:url(https://www.horsereality.com/images/npc-airport.jpg)"] {
    background-image: var(--AIRPORT) !important;
}

/*Riding School Image*/

[style="background-image:url(https://www.horsereality.com/images/npc-ridingschool.jpg)"] {
    background-image: var(--RIDINGSCHOOL) !important;
}

/*Clubs Image*/

[style="background-image:url(https://www.horsereality.com/images/npc-clubs.jpg)"] {
    background-image: var(--CLUB) !important;
}

/*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);
}

/*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: 0px;
}

/*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);
}

/*---------------------------------------------------------------*/
/*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_left .infotext {
    font-size: 11.1px;
}

/*arrows*/

img.right {
  background: var(--RArrow) top right;
  height: 0px;
  width: 0px;
  padding: 100px 100px 0 0; /* Insert actual image size (height width 0 0) */
}
img.left {
  background: var(--LArrow) top right;
  height: 0px;
  width: 0px;
  padding: 100px 100px 0 0; /* Insert actual image size (height width 0 0) */
}

/*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;
}
.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;
}
.parents_img {
    background-image:var(--PediP);
    border-radius: 10px 10px 10px 10px;
}
.grandparents_img {
    background-image:var(--PediG);
    border-radius: 10px 10px 10px 10px;
}


.horse_blockimg {
    background-color: var(--Blocking);
    border-radius: 10px 10p...

Reviews

No reviews yet.