Skip to content

First theme TEST (UNFINISHED) Mountain + Flowers by beee_0

Write a review Install Get Stylus

Details

Authorbeee_0

LicenseNo License

CategoryHorsereality

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

First theme
UNFINISHED

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           horsereality.com - 6/30/2022, 4:47:25 PM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com/") {
    /* Insert code here... */
}
body.background.north-america,
body.background.south-america,
body.background.europe,
body.background.australia,
body.background.asia,
body.background.africa {
    background-image: url("https://cdn.discordapp.com/attachments/820042111050580008/992210414781857905/beebg42.png");
    background-size: cover;
    background-position: 0%;
}
.header-menu {
    border-top: 3px solid #677a60;
    border-bottom: 3px solid #677a60;
    background: #2b3c2a;
}
.footer {
    border-top: 3px solid #677a60;
    border-bottom: 3px solid #677a60;
    background: #2b3c2a;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    margin-bottom: 50px;
}
body {
    font-size: 13px;
    font-family: Georgia, "serif";
}
.side-nav {
    border-radius: 20px;
    border-right: 3px solid #677a60;
    border-left: 3px solid #677a60;
    padding: 10px;
    background: hwb(117 16% 76% / .9);
}
.side-nav ul .subtitle {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 21px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
}
.side-nav ul a {
    font-size: 13px;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
    padding: 0;
}
.show-profile .navbar .nav-link {
        border-radius: 20px;
    padding: 8px 20px;
    line-height: 24px;
    font-weight: 500;
    color: #fff;
    font-size: 14px;
}
.show-profile .navbar {
    border-top: 3px solid #677a60;
    border-bottom: 3px solid #677a60;
    background-color: #2b3c2a !important
}
.show-profile .profile-account {
    border-right: 3px solid #677a60;
    border-left: 3px solid #677a60;
    border-top: 3px solid #677a60;
    border-bottom: 3px solid #677a60;
    border-radius: 20px;
    background-color: #2b3c2a;
    width: 100%;
    padding: 10px;
    margin-bottom: 20px;
}
body {

    color: #a7b9a0;
    text-align: left;
}
.show-profile .profile-account h2 {
    color: #a7b9a0;
}
.show-profile .profile-account .tag-npc,
.show-profile .profile-account .tag-player {
    font-size: 13px;
    font-family: sans-serif;
    color: #a7b9a0;
    display: block;
    text-align: left;
    font-weight: 400;
    padding-left: 0;
}
.navbar-avatar-container {
    border-color: #fff0 !important;
}
.show-profile .navbar .nav-link:hover {
   background: #a7b9a0
}
.main-content {
  background: #a7b9a0b0;
  padding: 15px;
}
.header-menu nav .main-menu .user-nav .dropdown-menu {
  left: -135px !important;
  min-width: 12rem !important;
  background: #677a60;
}
@-moz-document url-prefix("https://www.horsereality.com/")
    {.bluebar_container {
  background-color: #2b3c2a;
     border-top: 3px solid #677a60;
    border-bottom: 3px solid #677a60;
}
.leftnav {
      background-color: #2b3c2a;
    border-radius: 20px
        }
.leftnav ul .subtitle {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 21px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
        }
.leftnav > ul > li > ul > li a:active,
.leftnav > ul > li > ul > li a:link,
        .leftnav > ul > li > ul > li a:visited {
        color: #fff; 
        }
        .center {
background-color: #a7b9a0;
}
#store_left {
  color: #000;
        }
        table {
  background-color: #677a60;
  border-bottom: 2px solid #677a60;
  border-right: 2px solid #677a60;
  border-left: 2px solid #677a60;
  width: 100%;
        }
table thead tr.top {
    background-color: #677a60;
    border-bottom: 0px solid #677a60;
    border-right: 0px solid #677a60;
    border-left: 0px solid #677a60;
    width: 100%;
}
table tr.odd, .odd, table tr.even, .even {
                border-radius: 50px;
      border-radius: 20px;
    background-color: #2b3c2a82
        }
body {
    font-size: 13px;
    font-family: Georgia, "serif";
}
.energy {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#779775), to(#779775))
}
.header-menu nav .main-menu .user-nav .dropdown-menu {
  left: -135px !important;
  min-width: 12rem !important;
  background: #677a60;
}
button.dark, input[type="submit"].dark {
  font-size: 12px;
  line-height: 18px;
  background-color: #779775;
  color: #fff;
  border-radius: 20px;
  border: none;
  padding: 3px 8px;
}
table thead tr.sub {
                border-radius: 20px;
  background-color: #2b3c2a;
  font-weight: 600;
  color: #fff;
  font-size: 16px;
  font-family: roboto,sans-serif;
  line-height: 21px;
        }
table tr td a:active, table tr td a:link, table tr td a:visited {
  text-decoration: none;
  color: #10160f;
  font-weight: 600;
        }
p {
  font-family: roboto,sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #10160f;
        }
        .horse_left {
                border-radius: 20px;
            border-right: 3px solid #677a6096;
    border-left: 3px solid #677a6096;
    border-top: 3px solid #677a6096;
    border-bottom: 3px solid #677a6096;
  position: absolute;
  top: 0;
  margin: 20px 0 20px 20px;
  width: 220px;
  padding: 10px;
  background-color: #76977485;
        }
        .horse_left .infotext {
color: #2a3a27;
        }
        h1 {
  color: #2b3c2a;
        }
        p a:active, p a:link, p a:visited {
  color: #364933;
  text-decoration: none;
  font-weight: 600;
        }
.horse_left .right a:active, .horse_left .right a:link, .horse_left .right a:visited {
  color: #2a3a27;
  text-decoration: none;
  font-weight: 700;
        }
        .tabclick.tabsel, .tabclick2.tabsel, .tabclick3.tabsel {
	text-decoration: none;
            border-right: 2px solid #677a60;
    border-left: 2px solid #677a60;
    border-top: 2px solid #677a60;
    border-bottom: 2px solid #677a60;
	cursor: pointer;
	background-color: #364933;
	font-weight: 700;
}
        .tabclick, .tabclick2, .tabclick3 {
                border-right: 2px solid #677a60;
    border-left: 2px solid #677a60;
    border-top: 2px solid #677a60;
    border-bottom: 2px solid #677a60;
  float: left;
  margin-right: 1px;
  padding: 5px 10px;
  background-color: #364933;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
        }
        .top {
  background-color: #6f8466;
  color: #fff;
  font-family: roboto,sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  padding: 5px;
  width: calc(100% - 10px);
  float: left;
        }
        .container_12 .grid_6.half_block {
  background-color: #fff;
  border-left: 1px solid #2b3c2a;
  border-bottom: 5px solid #5a6b52;
  border-right: 1px solid #5a6b52;
  width: 458px;
  margin: 10px;
        }
  .container {
  width: 1130px;
  background-color: #2b3c2a;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
        }
        button.yellow, input[type="submit"].yellow {
  background-color: #779775;
                border-radius: 20px
        }
        .block_tabclick:hover, .block_tabclick.tabsel {
  background-color: #5a6b52;
  cursor: pointer;
        }
        .container_12 .grid_6.half_block {
  background-color: #7a95787a;
  border-left: 1px solid #2b3c2a;
  border-bottom: 5px solid #5a6b52;
  border-right: 1px solid #5a6b52;
  width: 458px;
  margin: 10px;
        }
.horse_xp {
    border-radius: 20px;
  float: left;
  display: block;
  background: -moz-linear-gradient(top,#779775 0%,#779775 100%);
    background-color: #779775
        }
.horse_blockimg {
    border-radius: 20px;
       border-right: 2px solid #677a60;
    border-left: 2px solid #677a60;
    border-top: 2px solid #677a60;
    border-bottom: 2px solid #677a60;
  background-color: #91a88d;
        }
    .pedigree {
  float: left;
          background-color: #afafafde;
          background-image: url("https://cdn.discordapp.com/attachments/820042111050580008/992278075498835988/beebg43.png");
        }
        .parentstitle, .grandparentstitle, .ggrandparentstitle {
 color: #fff;
        }
     .grandparents p {
  color: #fff;
        }
        p {
  color: #fff;
        }
  .parents p {
  color: #fff;
        }
        .parents_treecon, .grandparents_treecon {
 color: #fff;
        }
        .container_12 .grid_12.stable_block {
  background-color: #5a6b52;
  border-left: 1px solid #5a6b52;
  border-bottom: 5px solid #5a6b52;
  border-right: 1px solid #5a6b52;
  width: 938px;
  margin: 10px;
        }
        p {
  color: #2b3c2a;
        }
        .training_left h6 {
  color: #fff;
  background-color: #2b3c2a;
        }
        .container_12 .grid_8.training_left {
	margin-top: 10px;
	background-color: #6f8466;
	border-left: 1px solid #5a6b52;
	border-bottom: 5px solid #5a6b52;
	border-right: 1px solid #5a6b52;
	width: 618px;
        }
        .training_right > .block {
  float: left;
  width: 278px;
  background-color: #6f8466;
  padding: 10px;
        }
        .container_12 .grid_4.training_right {
  background-color: #6f8466;
  border-left: 1px solid #5a6b52;
  border-bottom: 5px solid #5a6b52;
  border-right: 1px solid #5a6b52;
        }
        .top {
  color: #2b3c2a;
        }
        .training_left .horsetraining .traincon {
              width: 117px;
            border-radius: 20px;
  background-color: #a7c09c;
        }
.traincon.selected {
       border-right: 3px solid #2a3a27;
    border-left: 3px solid #2a3a27;
    border-top: 3px solid #2a3a27;
    border-bottom: 3px solid #2a3a27;
  background-color: #a7c09c !important;
        }
        h3 {
  color: #2a3a27;
        }
        .trainbar {
color: #5a6b52;
        }
        .trainbar {
  background-color: #fff;
  border: 2px solid #2a3a27;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 20px;
        }
        .energy_val {
  color: #2a3a27;
        }
        .energybar {
              border-radius: 20px;
  background-color: #5a6b52;
  border: 2px solid #5a6...

Reviews

No reviews yet.