Skip to content

HaleighSB HR Theme by FireOpal

Write a review Install Get Stylus

Details

AuthorFireOpal

LicenseNo License

Categoryhorsereality.com

Created

Updated

Size36 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

HR Theme for HaleighSB

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           HaleighSB HR 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... */
}.horse_banner.north-america {
    background-image: url(https://www.horsereality.com/images/profilebg_starlitsummit.jpg);
}
.horse_banner.africa {
    background-image: url(https://www.horsereality.com/images/profilebg_starlitsummit.jpg);
}
.horse_banner.south-america {
    background-image: url(https://www.horsereality.com/images/profilebg_starlitsummit.jpg);
}
.horse_banner.asia {
    background-image: url(https://www.horsereality.com/images/profilebg_starlitsummit.jpg);
}
.horse_banner.europe {
    background-image: url(https://www.horsereality.com/images/profilebg_starlitsummit.jpg);
}
.horse_banner.australia {
    background-image: url(https://www.horsereality.com/images/profilebg_starlitsummit.jpg);
}
body.background.north-america {
    background-image: url(https://i.imgur.com/DmKs1vC.png);
}
.horse_left {
    border-radius: 30px 30px 30px 30px;
    position: absolute;
    top: 0;
    margin: 20px 0 20px 20px;
    width: 220px;
    padding: 10px;
    background-color: #46415d8f
}
    .bluebar_container {
    width: 100%;
    background-color: #46415d;
    height: 80px;
    position: relative;
    z-index: 1000;
}
.footer {
    background-color: #46415d;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
}
body {
    color: #d6a5ff;
    height: 100%;
    position: relative;
    width: 100%;
    line-height: 1.5;
    font-family: 'sans-serif';
    font-weight: 400;
    font-size: 12px;
    background-color: #fff;
    word-wrap: break-word;
}
.looking_at p {
    color: #d6a5ff;
}
.looking_at {
    border-radius: 10px 10px 10px 10px;
    background-color: #46415d8f;
    position: absolute;
    padding: 10px;
    margin-left: 280px;
    text-align: center;
    top: 20px;
    width: 640px;
}
.tabclick, .tabclick2, .tabclick3 {
    float: left;
    margin-right: 1px;
    padding: 5px 10px;
    background-color: #46415d;
    text-align: center;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.tabclick.tabsel, .tabclick2.tabsel, .tabclick3.tabsel {
    text-decoration: none;
    cursor: pointer;
    background-color: #8769a9;
    font-weight: 700;
    font-family: sans-serif;
}
p a:active, p a:link, p a:visited {
    color: #8769a9;
    text-decoration: none;
    font-weight: 600;
    font-family: 'sans-serif';
}
.horse_left .right a:active, .horse_left .right a:link, .horse_left .right a:visited {
    color: #957ec4;
    text-decoration: none;
    font-weight: 700;
}
p {
    font-family: 'sans-serif';
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #d6a5ff;
}
h1 {
    font-size: 26px;
    line-height: 30px;
    font-family: 'sans-serif';
    font-weight: 400;
    margin-bottom: 15px;
    color: #957ec4;
}
.top {
    border-radius: 10px 10px 10px 10px;
    background-color: #46415d;
    color: #d6a5ff;
    font-family: 'sans-serif';
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    padding: 5px;
    width: calc(100% - 10px);
    float: left;
}
.horse_blockimg {
    float: left;
    border-radius: 10px 10px 10px 10px;
    width: 60px;
    padding: 5px;
    height: 60px;
    margin: 5px;
    background-color: #46415d;
}
.horse_statusbar {
    float: left;
    width: 76px;
    background-color: #ffffff00;
    border: 2px solid #eaf0f200;
    height: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #000;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
}
.horse_xp {
    float: left;
    border-radius: 10px 10px 10px 10px;
    display: block;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8769a9), to(#a7b957));
    background: -moz-linear-gradient(top, #8DC63F 0%, #598527 100%);
}
.container_12 .grid_6.half_block {
    border-radius: 10px 10px 10px 10px;
    background-color: #8769a985;
    border-left: 1px solid #d6a5ff;
    border-bottom: 5px solid #d6a5ff;
    border-right: 1px solid #d6a5ff;
    width: 458px;
    margin: 10px;
}
.grandparents p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #d6a5ff;
}
.parents a:active p, .parents a:link p, .parents a:visited p {
    color: #d6a5ff;
}
.parents p {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #d6a5ff;
}
.grandparents a:active p, .grandparents a:link p, .grandparents a:visited p {
    color: #d6a5ff;
}
.ggrandparents a:active p, .ggrandparents a:link p, .ggrandparents a:visited p {
    text-decoration: none;
    color: #d6a5ff;
}
.container_12 .grid_12.stable_block {
    background-color: #8769a985;
    border-radius: 10px 10px 10px 10px;
    border-left: 1px solid #d6a5ff;
    border-bottom: 5px solid #d6a5ff;
    border-right: 1px solid #d6a5ff;
    width: 938px;
    margin: 10px;
}
.pedigree {
    float: left;
    background-color: #8769a900;
}
.table_con.private_notes .grid_12, .table_con.public_notes .grid_12 {
    border-radius: 10px 10px 10px 10px;
    background-color: #46415d;
    border-left: 1px solid #d6a5ff;
    border-bottom: 5px solid #d6a5ff;
    border-right: 1px solid #d6a5ff;
}
.col_200 a:active, .col_200 a:link, .col_200 a:visited {
    color: #957ec4;
    text-decoration: none;
    font-family: sans-serif;
    font-weight: 600;
    font-size: 13px;
}
.col_150 a:active, .col_150 a:link, .col_150 a:visited {
    color: #957ec4;
    text-decoration: none;
    font-family: 'sans-serif';
    font-weight: 600;
    font-size: 13px;
}
.center {
    background-color: #46415d7d;
    margin: 0;
    padding-bottom: 25px;
    float: right;
    min-height: 650px;
}
.horse_blocktext p a:active, .horse_blocktext p a:link, .horse_blocktext p a:visited {
    color: #e6c6ff;
}
.training_left h6 {
    border-radius: 10px 10px 10px 10px;
    font-size: 16px;
    font-family: 'sans-serif';
    font-weight: 500;
    text-align: center;
    margin: 20px 10px;
    padding: 5px;
    color: #d6a5ff;
    background-color: #46415d;
}
.container_12 .grid_8.training_left {
    border-radius: 10px 10px 10px 10px;
    margin-top: 10px;
    background-color: #8769a985;
    border-left: 1px solid #d6a5ff;
    border-bottom: 5px solid #d6a5ff;
    border-right: 1px solid #d6a5ff;
    width: 618px;
}
.training_left .horsetraining .traincon {
    border-radius: 10px 10px 10px 10px;
    display: flex;
    width: 118px;
    padding: 20px 10px 10px;
    margin-bottom: 10px;
    margin-left: 8px;
    margin-right: 8px;
    text-align: center;
    background-color: #46415d;
}
.traincon.selected {
    background-color: #957ec4 !important;
}
h3 {
    font-size: 16px;
    line-height: 18px;
    font-family: 'sans-serif';
    font-weight: 700;
    color: #e6c6ff;
}
.training_right>.block {
    float: left;
    width: 278px;
    background-color: #8769a9c2;
    padding: 10px;
}
.container_12 .grid_4.training_right {
    border-radius: 10px 10px 10px 10px;
    margin-top: 10px;
    border-left: 1px solid #d6a5ff;
    border-bottom: 5px solid #d6a5ff;
    border-right: 1px solid #d6a5ff;
    width: 298px;
}
.training_right>.block>.comp img, .training_right>.block>.show img {
    border-radius: 10px 10px 10px 10px;
    background-color: #46415d;
}
.energybar {
    float: left;
    width: 274px;
    background-color: #f6f6f600;
    border: 2px solid #eaf0f2;
    height: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 10px 10px 10px 10px;
    line-height: 20px;
    margin: 3px 0;
}
.training_right>.block>.comp h3, .training_right>.block>.show h3 {
    font-weight: 600;
    font-family: 'sans-serif';
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
    color: #d6a5ff;
}
.energy {
    float: left;
    border-radius: 10px 10px 10px 10px;
    display: block;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8769a9), to(#a7b957));
    background: -moz-linear-gradient(top, #ffd800 0%, #ffba00 100%);
}
.disc {
    float: left;
    border-radius: 10px 10px 10px 10px;
    display: block;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8769a9), to(#a7b957));
    background: -moz-linear-gradient(top, #8DC63F 0%, #598527 100%);
}
.affection {
    float: left;
    border-radius: 10px 10px 10px 10px;
    display: block;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8769a9), to(#a7b957));
    background: -moz-linear-gradient(top, #EB3C9F 0%, #C62F76 100%);
}
.training_right>.block>.barcon>.trainbar>.trained {
    float: left;
    border-radius: 10px 10px 10px 10px;
    display: block;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8769a9), to(#a7b957));
    background: -moz-linear-gradient(top, #6DCFF6 0%, #0076A3 100%);
}.trainbar>.exp {
    float: left;
    display: block;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8769a9), to(#a7b957));
    background: -moz-linear-gradient(top, #6DCFF6 0%, #0076A3 100%);
}
.training_right>.block>.barcon>.trainbar {
    float: left;

    width: 146px;
    background-color: #f6f6f600;
    border: 2px solid #eaf0f2;
    height: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 10px 10px 10px 10px;
    line-height: 16px;
    margin: 3px 0;
}
.trainbar>.exp {
    float: left;
    border-radius: 10px 10px 10px 10px;
    display: block;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8769a9), to(#a7b957));
    background: -moz-linear-gradient(top, #6DCFF6 0%, #0076A3 100%);
}
.trainbar {
    float: left;
    width: 114px;
    margin: 8px 0 15px;
    background-color: #f6f6f600;
    border: 2px solid #eaf0f2;
    height: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 10px 10px 10px 10px;
    line-height: 20px;
}
button.yellow, input[type=s...

Reviews

No reviews yet.