Galaxy Premade Theme, changes the appearance of horsereality.com
Galaxy Premade Theme by hmg
Details
Authorhmg
LicenseCC No Redistribution
Categoryuserstyles
Created
Updated
Size48 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This theme is NOT free to use. If you are caught using the theme/my CSS you will be reported to Stylus.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Galaxy Premade Theme
@version 20220924.15.05
@namespace userstyles.world/user/hmg
@description Galaxy Premade Theme, changes the appearance of horsereality.com
@author hmg
@license CC No Redistribution
==/UserStyle== */
@-moz-document domain("horsereality.com") {
/* ==UserStyle==
@name Galaxy Premade Theme
@namespace github.com/openstyles/stylus
@version 1.0.0
@description Galaxy Premade Theme
@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/mWvIMbB.jpg ");
background-size: cover;
background-position: 0%;
}
.minimap.asia
{
background-image: url(https://cdn.discordapp.com/attachments/924836375868633099/1022203901816090734/782CB20C-5DB7-424B-A1EE-3492436B9115.png);
}
.minimap.europe
{
background-image: url(https://cdn.discordapp.com/attachments/924836375868633099/1022203901816090734/782CB20C-5DB7-424B-A1EE-3492436B9115.png);
}
element.style {
background: #fff0;
}
@media screen and (min-width: 420px) {}
.horse-list .horse-item .image {
background-image: url( " https://i.imgur.com/mWvIMbB.jpg ")!important;
background-size: 150%;
}
.component.npc {
display: -webkit-box;
display: flex;
border-radius: 20px
}
.looking_at {
background-color: #3f7296ab;
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: #322268;
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: #bfd9ecab;
border: 2px solid #7ba7c6ab;
height: 16px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #322268;
text-align: center;
font-family: Fantasy;
font-size: 12px;
line-height: 16px;
font-weight: 400;
}
.progressbar {
background: #fff0
}
.stall-tabs .stall-tab.active {
background: #322268
}
ul li a:active, ul li a:link, ul li a:visited {
text-decoration: none;
color: #bfd9ec;
}
.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/mWvIMbB.jpg) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.asia {
background: url(https://i.imgur.com/mWvIMbB.jpg) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.south-america {
background: url(https://i.imgur.com/mWvIMbB.jpg) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.north-america {
background: url(https://i.imgur.com/mWvIMbB.jpg) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.austraila {
background: url(https://i.imgur.com/mWvIMbB.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: #bfd9ec
}
.horse_left .right a:active, .horse_left .right a:link, .horse_left .right a:visited {
color: #bfd9ec;
text-decoration: none;
font-weight: 700;
}
.horse-stats .horse-stat-affection i {
color: #bfd9ec;
}
.horse-stats .horse-stat-fitness i {
color: #bfd9ec;
}
.horse-stats .horse-stat-energy i {
color: #bfd9ec;
}
.header-menu .mobile-menu .icon span {
background: #bfd9ec;
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: #bfd9ecab;
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: #322268;
}
.mobile-menu-container .ava img {
width: 100%;
height: auto;
border: 1px solid #fff0;
}
.button.primary {
background: #bfd9ecab;
color: #322268;
border-radius: 20px;
font-family: Fantasy;
}
.current-capacity {
padding: 3px 6px;
background: #bfd9ecab;
cursor: pointer;
border-radius: 20px;
text-align: center;
font-size: 12px;
line-height: 18px;
font-weight: 700;
letter-spacing: 0;
color: #322268;
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-align: center;
align-items: center;
}
.current-capacity i {
color: #322268;
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: #7ba7c6;
}
.horse-filters-search input {
width: 100%;
height: 32px;
padding: 3px 10px 3px 30px;
border: 0;
border-radius: 20px;
background: #bfd9ecab;
color: #322268;
}
.horse-item h2 {
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0;
color: #7ba7c6;
font-family: FANTASY;
}
nav .pagination .page-item:not(.disabled) .page-link {
color: #7ba7c6;
}
nav .pagination .page-item .page-link {
margin: 0 3px;
padding: 5px 10px;
text-align: center;
top: 0px;
border: none;
border-radius: 20px;
background: #bfd9ec;
color: #7ba7c6;
}
nav .pagination .page-item.active .page-link {
font-weight: 700;
color: #bfd9ec;
background: #3222688c;
border-radius: 20px
}
button.normalize {
padding: 0;
color: #322268;
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: #bfd9ec;
}
.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: #3222688c;
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: #3222688c;
}
.horse-item .content {
overflow: hidden;
border-radius: 8px;
background: #fff0;
}
.horse-grid .horse-item .image {
height: 150px;
background-image: url(" https://i.imgur.com/mWvIMbB.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/mWvIMbB.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: #322268
}
.your-rank-text .big {
color: #322268
}
.horse_banner.europe{
background-image: url( "https://i.imgur.com/mWvIMbB.jpg")
}
.header-menu
{
background-image: url(" https://i.imgur.com/mWvIMbB.jpg ") ;
}
.energy_val {
color: #bfd9ec
}
.header-menu nav .main-menu .user-nav > a
{
color: #7ba7c6;
font-size: 13px;
-webkitsticky-: position center
}
.header-menu nav .main-menu ul li a
{
font-size: 13px;
color: #bfd9ec;
}
.header-menu nav .main-menu ul li a.btn
{
padding: 3px 8px;
font-weight: 700;
background: #7ba7c6;
border-radius: 90px;
}
.btn-warning
{
border-color: #7ba7c6;
}
.show-profile .navbar-avatar .navbar-avatar-container
{
z-index: 1;
width: 150px;
height: 150px;
border: 4px #bfd9ec;
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:#bfd9ec ;
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: #bfd9ecab;
}
.show-profile .profile-name-and-estate {
font-family: Fantasy;
color: #bfd9ecab;
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: #bfd9ec;
}
.show-profile .profile-ranking-container .profile-rank-position
{
font-size: 26px !important;
text-align: right;
font-weight: 700 !important;
color: #bfd9ecab ;
margin-bottom: 5px !important;
}
...