Skip to content

Theme for Silky by Eichgatzl

Write a review Install Get Stylus

Details

AuthorEichgatzl

LicenseNo License

Categoryhttps://www.horsereality.com/

Created

Updated

Size65 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A new userstyle

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           Silky Theme
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Eichgatzl
==/UserStyle== */

@-moz-document url-prefix("https://v2.horsereality.com/"), url-prefix("https://www.horsereality.com/") {
    /* General things*/

    
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v20/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}    

body {
    font-family: 'Poppins';
}    

h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins';
}

p {
    color: #fff;
}

.component.table .table thead th {
    font-family: 'Poppins';
    color: #fff;
    background-color: #18005369;
    backdrop-filter: blur(5px);
}    
.component.table .table tbody tr:nth-of-type(odd) {
    background-color: #2b197a80;
}   
.component.table .table tbody tr:nth-of-type(even) {
    background-color: #2d0c7e87;
}    
a {
    color: var(--title-font);
}    
a:hover {
    text-decoration: none;
    color: #fff;
}    
.registries-table td {
    color: #fff;
} 

h1 {

    color: var(--title-font);
}


.component.frame .wrapper {
    background: linear-gradient(to right, #180053e8, #7c4c998c);
}


body.background.australia {
    background-image: var(--background);
}   
body.background.europe {
    background-image: var(--background);
}    
body.background.africa {
    background-image: var(--background);
}    
body.background.north-america {
    background-image: var(--background);
}    
body.background.asia {
    background-image: var(--background);
}    
body.background.south-america {
    background-image: var(--background);
}
.horse-grid .horse-item .image {
    background-image: var(--horse-bg)!important;
}
.horse_banner.asia {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}
.horse_banner.south-america {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}
.horse_banner.north-america {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}
.horse_banner.africa {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}
.horse_banner.europe {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}    
.horse_banner.australia {
    background-image: var(--horse-bg)!important;
     background-size: cover;
}    
    
    
    
    
    
::-webkit-scrollbar {
    width: 9px; 
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #180053e8, #7c4c998c);
    border-radius: 5px; 
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5); 
}
::-webkit-scrollbar {
    background-color: rgba(65, 0, 147, .24); 
}    
   
    
    
    
    
    
    
    
    
    
    




        /*Popups*/

 .modal-content {
    backdrop-filter: blur(10px);
    background-color: #46296e8a;


}   
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--title-font);
}    
.premium-search-options-title, .standard-search-options-title {
    font-family: 'Poppins';
    color: #fff;
}    
    
.modal-inner {
    backdrop-filter: blur(10px);
    background-color: #46296e8a;
}    
    
.col-sm-3 {
    color: var(--title-font);
}    
.text-blue {
    color: var(--title-font);
}    
.input-radio-group-label small {
    color: #ffffff;
}    
.input-radio-group input[type=radio]:checked+.content {
    color: #fff;
    background-color: #8d5caadb;
}    
.input-radio-group input[type=radio]:checked+.content:hover {
    color: #fff;
    background-color: #63457fc7;
}    
.input-radio-group label .content {
    color: #fff;
    border-radius: 5px;
    background-color: #8d5caadb;
}    
.input-radio-group label .content:hover {
    color: #fff;
    border-radius: 5px;
    background-color: #63457fc7;
}     
.input-radio-group label .content i {
    color: #ffffff;
}    
.notification-settings .checkbox:checked~.switch {
    background-color: #5737a9;
}    
 .notification-settings .checkbox:not(:checked)~.switch {
    background-color: #cfd2da42;
}   
    




nav .pagination .page-item:not(.disabled) .page-link {
    color: #ffffff;
}    
    
nav .pagination .page-item.active .page-link {
    font-weight: 700;
    color: #fff;
    background: #5832ae;
}    
nav .pagination .page-item .page-link {
    border-radius: 30px;
    background: #eaf0f23d;
}    
.page-item.disabled .page-link {
    color: #b0b0b0;
    background-color: #fff;
    border-color: #dee2e6;
} 







.form-control {
    color: #fff;
    background-color: #ffffff63;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 30px;
}    
.form-control:focus {
    color: #fff;
    background-color: #7a6c96;
    border-color: #7618a0;
    font-weight: 900;
}   




.main-content {
    background: #c6acdf2e;
}


.header-menu {
    background: #c6acdf2e;
    backdrop-filter: blur(5px);
}    
.header-menu .currencies li a:hover {
    color: #d39de5;
}

    
.header-menu .user-nav a:hover {
    text-decoration: none;
    color: #d39de5;
}    
    
.header-menu .user-nav.dropdown-active, .header-menu .user-nav:hover {
    background-color: #624892;
}    
.header-menu .user-nav #user-nav-dropdown {
    background-color: #624892;
    border-radius: 0 20px 20px 20px;
}    
.progress {
    background-color: #e9ecef24;
    border-radius: 50px;
}    
.progress span {
    color: #fff;
}    
.progress-bar {
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#d59ee3),to(#45049b));
}    
    


.side-nav {
    background: #c6acdf2e;
}
.side-nav ul .subtitle {
    font-size: 14px;
    font-weight: 700;
    color: var(--title-font)
}
.side-nav ul a {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}
.side-nav ul a:hover {
    color: #d39de5;
    text-decoration: none;
}    
    
    
.footer {
    margin-bottom: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: middle;
    color: #fff;
    background: #c6acdf2e;
}    
   

            /* V1 */    
.bluebar_container {
    background: #c6acdf2e;
    backdrop-filter: blur(5px);
}
ul li a:active, ul li a:link, ul li a:visited {
    font-family: 'Poppins';
    color: #fff;
}    
    
.toplinks ul li a:hover {
    color: #d39de5;
}    
#bbmenu.user ul.slidedown li a:hover {
    color: #d39de5;
}    
    
#bbmenu.user ul.slidedown li ul.slidedownmenu {
    background-color: #624892;
    border-radius: 0 20px 20px 20px;

}    
#bbmenu.user ul.slidedown li a.arrow:hover {
    background-color: #624892;  
} 
   
#bbmenu.user ul.slidedown li:hover, #bbmenu.user ul.slidedown li:focus, #bbmenu.user ul.slidedown li:active {
    background-color: #fff0;
}    
#bbmenu.user ul.slidedown li ul.slidedownmenu li .level p {
    color: #fff;
    font-family: 'Poppins';
}   
.statusbar {
    background-color: #eaf0f221;
    border: 1.5px solid #eaf0f2;
    border-radius: 50px;
}    
.value {
    color: #fff;
    font-family: 'Poppins';
}    
.xpvalue {
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#d59ee3),to(#45049b));
    border-radius: 50px 0px 0px 50px;
}
    
.leftnav {
    background-color: #c6acdf2e;
    border-radius: 0px 0px 100px 100px
}      
.subtitle {
    font-size: 14px;
    color: var(--title-font);
    font-family: 'Poppins';
}    
.leftnav>ul>li>ul>li a:active, .leftnav>ul>li>ul>li a:link, .leftnav>ul>li>ul>li a:visited {
    color: #fff;
    font-family: 'Poppins';
}    
    
    
    
    
    
            /* background colors*/    
    
.center {
    background-color: #c6acdf2e;
}    
    
.top {
    color: var(--title-font);
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 600;
    background: linear-gradient(to right, #180053e8, #7c4c998c);
}    
    
.container_12 .grid_6.half_block {
    background-color: #492b6e3b;
    border-left: 1px solid #180053e8;
    border-bottom: 5px solid #180053e8;
    border-right: 1px solid #7c4c998c;
}    
.container_12 .grid_12.stable_block {
    background-color: #492b6e3b;
    border-left: 1px solid #180053e8;
    border-bottom: 5px solid #180053e8;
    border-right: 1px solid #7c4c998c;
}    
.table_con.private_notes .grid_12, .table_con.public_notes .grid_12 {
    background-color: #492b6e3b;
    border-left: 1px solid #180053e8;
    border-bottom: 5px solid #180053e8;
    border-right: 1px solid #7c4c998c;
}    
    

    
    
    
.container {
    background-color: #eaf0f200;
}    
    
    
    
    
    
    
    
    
    
    
    
    
    
.tabclick.tabsel, .tabclick2.tabsel, .tabclick3.tabsel {
    background-color: #63457f;
    font-weight: 700;
}    
.tabclick, .tabclick2, .tabclick3 {
    background-color: #836b99c7;
    color: #fff
} 
    
    
    
    
    
    
.tabs .tab {
    background: #836b9978;
}
.tabs .tab:not(.creating):not(.active):hover {
    background: #b095c9c7;
}
.tabs .tab.active {
    background: #63457f;
}
.tabs .tab>span, .tabs .tab a, .tabs .tab button {
    color: #ffffff;
}
.tabs .tab a>i {
    color: #ffffff;
}     
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
                /* Buttons*/    
.button.primary {
    background: #8d5caadb;
}    
.button.primary:hover {
    col...

Reviews

No reviews yet.