Twister's theme
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
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...