Skip to content

Sarahhorses4 Theme by hmg

Write a review Install Get Stylus

Details

Authorhmg

LicenseCC No Redistribution

Categoryuserstyles

Created

Updated

Size47 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

For Sarahhorses4 <3

Notes

Theme for Sarahhorses4. This theme is not free, nor is my CSS code free to use. Anyone found using my CSS code or this theme will be reported to Stylus and blacklisted from my sales and probably my partner's (constellati0n).

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name         Sarahhorses4 Theme
@version      20220929.02.23
@namespace    userstyles.world/user/hmg
@description  For Sarahhorses4 <3 
@author       hmg
@license      CC No Redistribution
==/UserStyle== */

@-moz-document domain("horsereality.com") {
/* ==UserStyle==
@name           Theme for Sarahhorses4
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Theme for Sarahhorses4
@author         Me (IvyDeLasTormentas)
==/UserStyle== */

body.background.north-america, body.background.south-america, body.background.europe, body.background.australia, body.background.asia, body.background.africa
  {
    background-image: url(" https://i.imgur.com/956AUxa.jpg ");
    background-size: cover;
    background-position: 0%;
  }
.minimap.north-america
{
  background-image: url(https://cdn.discordapp.com/attachments/924836375868633099/1024732416239218718/F164BAE8-CFDB-44A3-897C-BF8A3F660BF3.png);
}
.minimap.europe
{
  background-image: url(https://cdn.discordapp.com/attachments/924836375868633099/1024732416239218718/F164BAE8-CFDB-44A3-897C-BF8A3F660BF3.png);
}

p

element.style {
    background: #fff0;
}

@media screen and (min-width: 420px) {}
 .horse-list .horse-item .image {
     background-image: url( " https://i.imgur.com/956AUxa.jpg ")!important;
     background-size: 150%;
}

.component.npc {
    display: -webkit-box;
    display: flex;
    border-radius: 20px
}

.looking_at {
    background-color: #fff0;
    position: absolute;
    padding: 10px;
    margin-left: 280px;
    text-align: center;
    top: 20px;
    width: 640px;
    border-radius: 20px
}

#bbmenu.user ul.slidedown li ul.slidedownmenu {
    position: absolute;
    display: none;
    background-color: #2f3245;
    z-index: 9999;
    margin-top: 50px;
    width: 130px;
    padding: 10px 15px;
    transition: .5s all ease-in-out;
    border-radius: 20px
}

.statusbar {
    float: left;
    width: 125px;
    margin: 5px 0 10px;
    background-color: #e4b699a1;
    border: 2px solid #e4b699;
    height: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #2f3245;
    text-align: center;
    font-family: Fantasy;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.progressbar {
    background: #fff0
}

.stall-tabs .stall-tab.active {
    background: #2f3245
}

ul li a:active, ul li a:link, ul li a:visited {
    text-decoration: none;
    color: #e4b699;
}

.component.npc .left {
    min-width: 150px;
    max-width: 150px;
    background-size: cover;
}

.table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #fff0;
}

.component.table .table {
    background-color: #fff0;
    margin: 0;
}

nav .pagination .page-item .page-link {
    margin: 0 3px;
    padding: 5px 10px;
    text-align: center;
    position: relative;
    border: none;
    border-radius: 30px;
    background: var(--even);
}

body.background.europe {
    background: url(https://i.imgur.com/956AUxa.jpg) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

body.background.asia {
    background: url(https://i.imgur.com/956AUxa.jpg) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

body.background.south-america {
    background: url(https://i.imgur.com/956AUxa.jpg) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

body.background.north-america {
    background: url(https://i.imgur.com/956AUxa.jpg) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

body.background.austraila {
    background: url(https://i.imgur.com/956AUxa.jpg) no-repeat fixed 0 0/100% auto;
    background-size: cover;
}

.horse_left .left {
    float: left;
    width: 80px;
    margin-right: 10px;
    font-weight: 700;
    color: #e4b699
}
.horse_left .right a:active, .horse_left .right a:link, .horse_left .right a:visited {
    color: #e4b699;
    text-decoration: none;
    font-weight: 700;
}

.horse-stats .horse-stat-affection i {
    color: #364c71;
}

.horse-stats .horse-stat-fitness i {
    color: #364c71;
}

.horse-stats .horse-stat-energy i {
    color: #364c71;
}

.header-menu .mobile-menu .icon span {
    background: #e4b699;
    display: block;
    width: 100%;
    height: 4.5px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}

.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e4b699a1;
    border-radius: 20px;
}

.horses .empty {
    padding: 30px;
    width: 100%;
    border: 1px solid #fff0;
    border-radius: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}

.horse-list .horse-item .content-wrapper {
    flex-direction: row;
    background: #2f3245;
}

.mobile-menu-container .ava img {
    width: 100%;
    height: auto;
    border: 1px solid #fff0;
}

.button.primary {
    background: #e4b699a1;
    color: #2f3245;
    border-radius: 20px;
    font-family: Fantasy;
}

.current-capacity {
    padding: 3px 6px;
    background: #e4b699a1;
    cursor: pointer;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0;
    color: #2f3245;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
}

.current-capacity i {
    color: #576b8c;
    margin-left: 6px;
}

.horse-stats .horse-stat span {
    display: block;
    width: 22px;
    text-align: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0;
    color: #576b8c;
}

.horse-filters-search input {
    width: 100%;
    height: 32px;
    padding: 3px 10px 3px 30px;
    border: 0;
    border-radius: 20px;
    background: #e4b699a1;
    color: #2f3245;
}

.horse-item h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    color: #576b8c;
    font-family: FANTASY;
}

nav .pagination .page-item:not(.disabled) .page-link {
    color: #576b8c;
}

nav .pagination .page-item .page-link {
    margin: 0 3px;
    padding: 5px 10px;
    text-align: center;
    top: 0px;
    border: none;
    border-radius: 20px;
    background: #e4b699;
    color: #576b8c;
}

nav .pagination .page-item.active .page-link {
    font-weight: 700;
    color: #e4b699;
    background: #2f3245a8;
    border-radius: 20px
}

button.normalize {
    padding: 0;
    color: #2f3245;
    border: 0;
    background: 0 0;
}

.stall-tabs-wrapper:after {
    position: absolute;
    z-index: 1;
    right: -15px;
    bottom: 0;
    left: -15px;
    height: 1px;
    content: "";
    background: #fff0;
}

.stall-tabs .stall-tab.active a {
    color: #e4b699;
}

.horse-grid .horse-item .content-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    height: 100%;
    padding: 15px;
    background-color: #8f8296c7;
    border-radius: 20px;
}

.horse-grid .horse-item .image {
    height: 150px;
    background-position: -50px 87%;
    background-size: 130%;
    border-radius: 20px;
}

.horse-list .horse-item .content-wrapper {
    flex-direction: row;
    background: #8f8296c7;
}

.horse-item .content {
    overflow: hidden;
    border-radius: 8px;
    background: #fff0;
}

.horse-grid .horse-item .image {
    height: 150px;
    background-image: url(" https://i.imgur.com/956AUxa.jpg ")!important;
    background-position: -50px 87%;
    background-size: 130%;
    border-radius: 20px
}

@media screen and (min-width: 554px) {
.horse-grid .horse-item .image {
    height: 150px;
    background-image: url(" https://i.imgur.com/956AUxa.jpg ")!important;
    background-position: -50px 87%;
    background-size: 130%;
    border-radius: 20px
}

.show-profile .main-content 
{
    background-color: rgba(255, 255, 255, .27) ;
    border-radius: 20px;
}

.your-rank-text {
    color: #2f3245
}

.your-rank-text .big {
    color: #2f3245
}

.horse_banner.europe{
  background-image: url( " https://i.imgur.com/yp7pvcX.jpg ") ;
}

.header-menu 
{
  background-image: url(" https://i.imgur.com/yp7pvcX.jpg ") ;
}

.energy_val {
  color: #e4b699
}

.header-menu nav .main-menu .user-nav > a
{
  color: #e4b699;
  font-size: 13px;
    -webkitsticky-: position center
}

.header-menu nav .main-menu ul li a 
{
  font-size: 13px;
  color: #e4b699;
}

.header-menu nav .main-menu ul li a.btn 
{
  padding: 3px 8px;
  font-weight: 700;
  background: #576b8c;
  border-radius: 90px;
}

.btn-warning 
{
  border-color: #576b8c;
}

.show-profile .navbar-avatar .navbar-avatar-container 
{
  z-index: 1;
  width: 150px;
  height: 150px;
  border: 4px #e4b699;
  position: absolute;
  background-size: cover;
  top: 165px;
  left: 25px;
  border-radius: 20px;
}

.show-profile .profile-name-and-estate .profile-username 
{
	font-family: Fantasy;
    text-align: center ;
	font-size: 32px !important;
	font-weight: 700 !important;
	color:#e4b699 ;
	margin-bottom: 5px !important;
}

.show-profile .profile-name-and-estate .profile-estate 
{
  text-align: center ;
  font-size: 18px !important;
  line-height: 21px !important;
  font-weight: 400 !important;
  color: #e4b699a1;
}

.show-profile .profile-name-and-estate {
  font-family: Fantasy;
  color: #e4b699a1;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0);
}

.show-profile .profile-ranking-container .profile-rank 
{
  font-family: Fantasy;
  text-align: center;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #e4b699;
}

.show-profile .profile-ranking-container .profile-rank-position 
{
  font-size: 26px !important;
  text-align: right;
  font-weight: 700 !important;
  color: #e4b699a1 ;
  margin-bottom: 5px !important;
}

.show-profile .profile-ranking-...

Reviews

No reviews yet.