Skip to content

Twister06's Beach Theme by beee_0

Details

Authorbeee_0

LicenseNo License

CategoryHorsereality

Created

Updated

Size20 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Twister's theme

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 - 10/7/2022, 10:43:41 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/") {
    /* V1 */
}
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/1028138346821726238/twisterbg.png?width=970&height=646");
    background-size: cover;
    background-position: 0%;
}
.header-menu {
        background-image: url("https://cdn.discordapp.com/attachments/820042111050580008/1028139196239593525/Capture2.png?width=1440&height=49");
}
.footer {
          background-image: url("https://cdn.discordapp.com/attachments/820042111050580008/1028139196239593525/Capture2.png?width=1440&height=49");
}
.side-nav {
                    box-shadow: 2px 5px 10px #0000003d;
background-color: #5c748c75
}
.side-nav ul .subtitle {
  color: #373a40;
}
.side-nav ul a {
  color: #373a40;
}
.side-nav ul a:hover {
  color: #191a1c;
}
.navbar {
                    box-shadow: 2px 5px 10px #0000003d;
  border-top: 2px solid #4a5e7375;
  border-bottom: 2px solid #4a5e7375;
  background-color: #5c748c75 !important;
}
.show-profile .navbar .nav-link:hover {
  color: #fff;
    border-radius: 20px;
  background-color: #4f6478;
}
.show-profile .navbar-avatar .navbar-avatar-container {
  border: 4px solid #18344800;
}
body {
  color: #373a40;
}
.main-content {
  background: #ffffff75;
}
.show-profile .profile-account {
border-radius: 20px;
  background-color: #5c748c75;
}
.show-profile .profile-account h2 {
    color: #373a40;
}
.header-menu nav .main-menu ul li a:not(.btn):hover {
  color: #b9c1c8;
}
.header-menu nav .main-menu .user-nav > a:hover {
  color: #b9c1c8;
}
.component.frame .wrapper {
  background: #5c748cd9;
  padding: 2px;
}
.component.table .table thead th {
  background: #6b849ec7;
  border: none;
  padding: 5px 10px;
}
.component.table .table tbody tr:nth-of-type(2n+1) {
  background-color: #b3c4d5d9;
}
.component.table .table tbody {
  background-color: #cbdbead9;
}
.table td, .table th {
  border-top: 1px solid #373a40;
}
.table {
  color: #373a40;
}
a {
  color: #373a40;
}
a:hover {
  color: #4f6478;
}
.milestones .milestone-title {
  color: #373a40;
}
p {
  color: #373a40;
}
.header-menu nav .main-menu .user-nav .dropdown-menu {
    border-radius: 20px;
  background: #5c748cd9;
}
.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item:hover {
  color: #4f6478;
}
.progress-bar {
border-radius: 20px;
    color: #373a40;
  background-color: #b9c1c8;
}
.progress {
  background-color: #dfe5ea;
  border-radius: 20px;
}
.progress span {
  color: #373a40;
}
.minimap north-america,
.minimap.south-america,
.minimap.europe,
.minimap.australia,
.minimap.asia,
.minimap.africa {
            box-shadow: 2px 5px 10px #38383869;
  background-image: url("https://cdn.discordapp.com/attachments/820042111050580008/1028138346821726238/twisterbg.png?width=970&height=646");
}
.stall-tabs .stall-tab.active {
  background: #8f99a2b3;
}
.stall-tabs .stall-tab {
  background: #b4bdc6a1;
}
.stall-tabs .stall-tab.active a {
  color: #373a40;
}
.stall-tabs .stall-tab > span, .stall-tabs .stall-tab a {
  color: #373a40;
}
.current-capacity {
  color: #373a40;
  border-radius: 20px;
  background: #b9c1c8;
}
.current-capacity i {
  color: #373a40;
}
.current-capacity:hover {
  background: #ffffff75;
}
.horse-item h2 {
  color: #373a40;
}
.horse-item .breed-and-age, .horse-item .tagline {
  color: #373a40;
}
.horse-stats .horse-stat span {
  color: #373a40;
}

.horse-item .content {
  border-radius: 20px;
  background: #5c748c75;
}
.btn.btn-cta, .btn.btn-primary {
    border-radius: 20px;
  border-color: #3c4c5c;
  background-color: #4f6478;
}
.btn.btn-cta:hover, .btn.btn-primary:hover {
        border-radius: 20px;
  border-color: #3c4c5cba;
  background-color: #4f6478c9;
}
.component.frame .wrapper .content {
  background: #ffffff75;
}
.alert-danger {
  color: #373a40;
}
.alert-danger {
  background-color: #b9c1c8;
  border-color: #a0a8af;
}
nav .pagination .page-item.active .page-link {
  color: #373a40;
  background: #8f99a2;
}
nav .pagination .page-item:not(.disabled) .page-link {
  color: #373a40;
}
nav .pagination .page-item .page-link {
    border-radius: 20px;
  background: #b4bdc6;
}
h1 {
  color: #373a40;
}
.fitting-room .buy-row .buy-row-left .go-to-inventory-btn {
  background-color: #4f6478;
  border: 1px solid #3c4c5c;
  color: #fff;
  border-radius: 20px;
}
.fitting-room .horse-select-row {
                        box-shadow: 2px 5px 10px #0000003d;
  background-color: #5c748c75;
  color: #373a40;
}
.component.npc {
                            box-shadow: 2px 5px 10px #0000003d;
border-radius: 20px;
    background: #b9c1c8;
}
.card-item {
                                box-shadow: 2px 5px 10px #0000003d;
  background-color: #b9c1c8;
  border-radius: 20px;
}
.card-item-action button:hover {
  background-color: #4f6478c9;
border-radius: 20px;
}
.card-item-action button {
border-radius: 20px;
  background-color: #4f6478;
}
.card-item-name {
  color: #373a40;
}
.freezer .freezer-table:hover td {
  background-color: #4f6478c9 !important;
}
.freezer .freezer-table td {
  background-color: #b4bdc6;
}
.btn-danger {
    border-radius: 20px;
  color: #fff;
  background-color: #4f6478;
  border-color: #3c4c5c;
}
.btn-danger:hover {
  color: #fff;
  border-color: #3c4c5cba;
  background-color: #4f6478c9;
}
.responsive-table .responsive-table-header-row {
  color: #fff;
  background: #6b849ec7;
}
.component .odd-row {
  background-color: #eaf0f2;
}
.component .odd-row {
  background-color: #cad3dd;
}
a:hover {
  color: #4f6478c9;
}
.responsive-table .ends-in, .responsive-table .fas.fa-users {
  color: #373a40;
}
.entries-blue {
  color: #606989;
}
.alert-warning {
  color: #373a40;
  background-color: #b9c1c8;
  border-color: #a0a8af;
}
.competition-bookmark .bookmarked {
  color: #373a40;
}
.breadcrumb {
border-radius: 20px;
  background-color: #b9c1c8;
}
.component.table .table {
  background-color: #b2c3d3;
}
.checkbox-label .checkbox-custom {
border-radius: 20px;
  border: 2px solid #96a7b7;
  background-color: #b2c3d3;
}
.checkbox-label input:checked ~ .checkbox-custom {
  border: 2px solid #96a7b7;
  border-radius: 20px;
  background-color: #b2c3d3;
}
.shows .table .progress {
  background-color: #fff;
  border: 2px solid #eaf0f2;
  border-radius: 20px;
}
.shows .table .progress .progress-bar {
  background: -webkit-gradient(linear,0 0,0 100%,from(#b9c1c8),to(#9ea7af));
}
.shows .table .progress .progress-text {
  color: #373a40;
}
.shows.show .mine td {
  background-color: #899aaa;
  border-bottom: 1px solid #fff;
}
.component.frame .wrapper .subheader {
  background-color: #7591add9;
}
p a:active, p a:link, p a:visited {
  color: #373a40;
}
p a:hover {
  color: #4f6478c9;
}
.component.comments .comment .profile-wrapper {
  background-color: #eaf0f200;
}
h1 a:hover, h2 {
  color: #4f6478c9;
}
.clubs nav.navbar.navbar {
  background-color: #5c748cd9 !important;
}
.badge-danger {
    border-radius: 20px;
  background-color: #4f6478;
}
.city .mobile-world-menu a {
  color: #373a40;
}
.job-item {
box-shadow: 2px 5px 10px #0000003d;
  background-color: #ffffff6e;
border-radius: 20px;
}
.edit-profile label {
  color: #373a40;
}
.notification-settings .settings-section-title {
  color: #373a40;
}
.notification-settings .checkbox:checked ~ .switch {
  background-color: #373a40;
}
.user-settings .col-form-label {
  color: #373a40;
}
.cta {
  border-radius: 20px;
  background-color: #b9c1c8;
}
.link-table-row-outer:nth-child(2n), .market-office-table-row-outer:nth-child(2n) {
  background-color: #ffffff6e;
}
.market-office-table .market-office-table-header {
border-radius: 20px;
  background: #5c748cd9;
}
.market-office-table {
  border: 2px solid #5c748cd9;
border-radius: 20px;
}
.market-filters .currency-filters div.active, .market-filters .predicate-filters div.active, .market-filters .section-filters div.active, .market-filters .type-filters div.active {
  background-color: #4f6478;
border-radius: 20px;
}
.market-filters .currency-filters div, .market-filters .predicate-filters div, .market-filters .section-filters div, .market-filters .type-filters div {
  background-color: #4f6478;
border-radius: 20px;
    color: #fff;
}
.market-filters .currency-filters div i, .market-filters .predicate-filters div i, .market-filters .section-filters div i, .market-filters .type-filters div i {
  margin-right: 2px;
  color: #fff;
}
.header-section-icon.active {
  background-color: #4f6478;
border-radius: 20px;
}
.header-section-icon {
  background-color: #4f6478;
border-radius: 20px;
}
.header-section-icon i {
  font-size: 18px;
  color: #fff;
}
.market-filters .filters-and-sort-by .filters, .market-filters .filters-and-sort-by .sort-by {
border-radius: 20px;
  background-color: #b9c1c8;
  color: #fff;
}
.market-filters .filters-and-sort-by .filters i, .market-filters .filters-and-sort-by .sort-by i {
  margin-left: 2px;
  color: #fff;
}
.market-filters .filters-and-sort-by .filters.active, .market-filters .filters-and-sort-by .sort-by.active {
  background-color: #b9c1c8;
  color: #fff;
}
.market-office-table .market-office-table-row-autobuy {
  color: #4f6478;
}
.market-office-table .market-office-table-row-timer {
  color: #4f6478;
}
.market-office-table .market-office-table-row-highestbid, .market-office-table .market-office-table-row-offers {
  color: #4f6478;
}
.market-office-table .market-office-table-row-highestbid, .market-office-table .market-office-table-row-offers {
  color: #4f6478;
}
.header-section-icon.type-action {
  background-color: #4f6478;
}
.alert-info {
  color: #373a40;
  background-color: #b9c1c8;
  border-color: #a0a8af;
}
.total-horses i, .total-items i, .tot...

Reviews

No reviews yet.