san winter
San winter by lukilany
Details
Authorlukilany
LicenseNo License
Categoryhreality
Created
Updated
Size38 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
san winter
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name san winter
@namespace github.com/openstyles/stylus
@version 1.0.0
@description san winter theme
@author lukilany
@license No License
:root {
--map: url(https://i.imgur.com/eTlYOZo.png);
--map-hover: url(https://i.imgur.com/xn3vZO4.png);
--font: "Times New Roman", normal;
--mine: #cbc1bd;
--header-1: #362B27;
--border: #362B27;
img[src="https://www.horsereality.com/images/npc-veterinarian.jpg"] {
content: url(https://i.imgur.com/gObxV3E.png);
}
img[src="https://www.horsereality.com/images/npc-laboratory.jpg"] {
content: url(https://i.imgur.com/gObxV3E.png);
}
img[src="https://www.horsereality.com/images/npc-equistore.jpg"] {
content: url(https://i.imgur.com/gObxV3E.png);
}
}
.responsive-table .responsive-table-header-row {
font-weight: 700;
padding: 5px 10px;
color: #fff;
border: none;
background: #362B27;
}
.market-office-table .market-office-table-header {
margin-right: -15px;
margin-left: -15px;
padding: 5px 10px 0;
background: #cbc1bd;
}
.button.black,
.button.secondary.active,
.button.secondary:hover {
color: #fff;
background: #cbc1bd;
}
.button.black,
.button.secondary.active,
.button.secondary:hover {
color: #fff;
background: #cbc1bd;
}
.market-office-table {
margin-bottom: 10px;
border: 2px solid #cbc1bd;
}
.market-filters .filters-and-sort-by .filters.active,
.market-filters .filters-and-sort-by .sort-by.active {
color: #fff;
background-color: #cbc1bd
}
.market-filters .filters-and-sort-by .filters i,
.market-filters .filters-and-sort-by .sort-by i {
margin-left: 2px;
color: #cbc1bd
}
.dual-range input[type=range]::-webkit-slider-thumb {
position: relative;
width: 18px;
height: 18px;
cursor: pointer;
pointer-events: all;
border: 1px solid #cbc1bd;
border-radius: 18px;
background-color: #cbc1bd;
box-shadow: 0 1px 4px .5px rgba(0, 0, 0, .15);
-webkit-appearance: none;
appearance: none
}
.breadcrumbs {
background-color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 15px 10px;
padding: 8px 15px;
float: left;
width: calc(100% - 50px);
font-family: roboto, sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #362b27;
}
.component.frame .wrapper .header .action .light {
font-weight: 500;
color: #cbc1bd
}
.component.frame .wrapper .header {
display: flex;
background: #cbc1bd;
justify-content: space-between;
padding: 5px 10px 0;
}
.dual-range .range-color {
position: absolute;
z-index: 10;
display: block;
width: 100%;
height: 8px;
border-radius: 50px;
background-color: #cbc1bd;
pointer-events: none
}
.market-filters .currency-filters div.active,
.market-filters .predicate-filters div.active,
.market-filters .section-filters div.active,
.market-filters .type-filters div.active,
.market-filters .type-sales div.active {
color: #fff;
background-color: #cbc1bd
}
.premium-search-options-title {
color: #cbc1bd;
}
h1 a:hover,
h2 {
color: #362b27;
}
.button.primary {
background: #cbc1bd;
}
p {
font-family: roboto, sans-serif;
font-weight: 400;
font-size: 13px;
line-height: 18px;
color: #362b27;
}
h1 {
color: #362b27;
}
.reset-filters {
font-weight: 700;
float: left;
color: #cbc1bd
}
.market-filters .currency-filters div i,
.market-filters .predicate-filters div i,
.market-filters .section-filters div i,
.market-filters .type-filters div i,
.market-filters .type-sales div i {
margin-right: 2px;
color: #cbc1bd
}
.market-filters .filters-and-sort-by .filters i,
.market-filters .filters-and-sort-by .sort-by i {
margin-left: 2px;
color: #cbc1bd
}
.tabs .tab.active {
background: #cbc1bd
}
.responsive-table .mine {
background-color: #CBC1BD!important;
border-bottom: 1px solid var(--border);
}
.horse_left h1 {
display: inline;
}
.horse_left h1 {
padding-top: 8px;
font-size: 21px;
line-height: 26px;
margin-bottom: 0;
}
.odd {
background-color: #eaf0f2;
}
.city .main-content .world-map {
margin: -15px !important;
background: url(https://i.imgur.com/1SkrzHD.jpg);
background-image: url(https://i.imgur.com/1SkrzHD.jpg);
}
img[src="https://www.horsereality.com/images/continent_europe.jpg"] {
content: url(https://i.imgur.com/1SkrzHD.jpg)
}
.component .odd-row {
background-color: #FFF6EB;
opacity: 100%;
}
h2 {
font-size: 18px;
line-height: 21px;
font-family: Roboto, sans-serif;
font-weight: 400;
margin: 5px 0;
color: #362b27;
}
.horse-item h2 {
font-size: 14px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0;
color: #362b27;
}
h1 a:hover,
h2 {
color: #362b27;
}
img[src="https://www.horsereality.com/images/dp-horse.png"] {
content: url(https://i.imgur.com/QFMIqD2.png);
}
/*LOGO*/
img[src="/img/hr-logo.png"] {
content: url(https://i.imgur.com/M0gZgOk.png);
}
.fitting-room .fitting-room-bg-row img.background-preview-image {
border: 0px solid #FFF;
border-radius: 50px;
box-shadow: 5px 5px 10px 0px rgba(.65, .65, .65, .65);
}
/*DAILY ROLLOVER BANNER*/
img[src="https://v2.horsereality.com/img/caroll-rollover.jpg"] {
content: url(https://i.imgur.com/UmqOVzR.png);
}
.foal-pastures .miniature-block.asia,
.foal-pastures .miniature-block.africa,
.foal-pastures .miniature-block.europa,
.foal-pastures .miniature-block.australia,
.foal-pastures .miniature-block.north-america,
.foal-pastures .miniature-block.south-america {
background: url(https://i.imgur.com/OM0NJ60.png) no-repeat;
}
/*AIRPORT*/
.airport .component.npc.airport-npc .left {
height: unset!important;
background-position: 5%;
background-image: url(https://i.imgur.com/9oBeNJh.png)!important;
}
.component.npc.airport-npc {
background: rgba(219, 219, 219, 0);
height: 330px!important;
}
/*RIDING SCHOOL*/
.component.npc .left {
min-width: 250px;
min-height: 300px;
background-size: cover;
background-image: url(https://i.imgur.com/mk0rpPz.png)!important;
}
img[src="https://www.horsereality.com/images/1_job_pickhooves.png"] {
content: url(https://i.imgur.com/TlM8L03.png)
}
img[src="https://www.horsereality.com/images/2_job_feedhorse.png"] {
content: url(https://i.imgur.com/6jrsKvg.png)
}
img[src="https://www.horsereality.com/images/3_job_groom.png"] {
content: url(https://i.imgur.com/ddmmHj6.png)
}
img[src="https://www.horsereality.com/images/4_job_lunge.png"] {
content: url(https://i.imgur.com/BynN9Xj.png)
}
img[src="https://www.horsereality.com/images/5_job_train.png"] {
content: url(https://i.imgur.com/e6ovvek.png)
}
img[src="https://www.horsereality.com/images/6_job_show.png"] {
content: url(https://i.imgur.com/MvmySQz.png)
}
img[src="https://www.horsereality.com/images/7_job_compete.png"] {
content: url(https://i.imgur.com/NdXMGYk.png)
}
img[src="https://www.horsereality.com/images/8_job_trailride.png"] {
content: url(https://i.imgur.com/AZW88gQ.png)
}
/*FOAL PASTURE*/
.component.npc-center .left {
min-width: 220px;
max-width: 150px;
background-size: cover;
background-image: url(https://i.imgur.com/GeC0nz6.png)!important;
}
/*FOUNDATION*/
img[src="https://www.horsereality.com/images/npc-id6-caroll.jpg"] {
content: url(https://i.imgur.com/i07w9ph.png)!important;
border-radius: 0px
}
.adopt_blockimg.asia,
.adopt_blockimg.europe,
.adopt_blockimg.africa,
.adopt_blockimg.australia,
.adopt_blockimg.south-america,
.adopt_blockimg.north-america {
background: url(https://i.imgur.com/OM0NJ60.png) no-repeat;
background-size: 210px;
}
/*Market*/
img[src="https://www.horsereality.com/images/market_explore.jpeg"] {
content: url(https://i.imgur.com/X5srJ41.png);
min-width: 160px;
min-height: 200px;
background-size: cover;
}
img[src="https://www.horsereality.com/images/market_office.jpeg"] {
content: url(https://i.imgur.com/JQ6rm9o.png);
min-width: 160px;
min-height: 200px;
background-size: cover;
}
/*V2 Images*/
.fade-in-image {
opacity: 100%;
}
.fade-in-image:hover {
opacity: 100%;
transition: opacity 4s;
}
img[src="https://www.horsereality.com/images/world/ava-africa.png"] {
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-africa.png"]:hover {
content: var(--map-hover);
-webkit-animation: fadeIn 4s;
-moz-animation: fadeIn 2s;
-o-animation: fadeIn 2s;
-ms-animation: fadeIn 2s;
}
img[src="https://www.horsereality.com/images/world/ava-asia.png"] {
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-asia.png"]:hover {
content: var(--map-hover);
-webkit-animation: fadeIn 4s;
-moz-animation: fadeIn 2s;
-o-animation: fadeIn 2s;
-ms-animation: fadeIn 2s;
}
img[src="https://www.horsereality.com/images/world/ava-australia.png"] {
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-australia.png"]:hover {
content: var(--map-hover);
-webkit-animation: fadeIn 4s;
-moz-animation: fadeIn 2s;
-o-animation: fadeIn 2s;
-ms-animation: fadeIn 2s;
}
img[src="https://www.horsereality.com/images/world/ava-europe.png"] {
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-europe.png"]:hover {
content: var(--map-hover);
-webkit-animation: fadeIn 4s;
-moz-animation: fadeIn 2s;
-o-animation: fadeIn 2s;
-ms-animation: fadeIn 2s;
}
img[src="https://www.horsereality.com/images/world/ava-north-america.png"] {
content: var(--map);
}
img[src="https://www.horsereality.com/images/world/ava-north-america.png"]:hover {
content: var(--map-hover);
-webkit-animation: fadeIn 4s;
-moz-animation: fadeIn 2s;
-o-animation: fadeIn 2s;
-ms-animation: fadeIn 2s;
}
img[src="https://www.horsereality.com/images/world/ava-south-america.png"] {
content: var(--map);
}
...