Skip to content

Whit's Del theme dropdown by whitthemes

Details

Authorwhitthemes

LicenseNo Redistribution

CategoryHR

Created

Updated

Size69 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

My del theme with drop down

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         Whit's Del theme dropdown
@version      20220703.15.48
@namespace    userstyles.world/user/whitthemes
@description  My del theme with drop down
@author       whitthemes
@license      No Redistribution
==/UserStyle== */

@-moz-document url-prefix("https://v2.horsereality.com/") {

    @media (min-width: 900px) {

        .side-nav ul li,
        .side-nav ul li a {
            padding: 0 20px;
        }

        .side-nav > ul > li,
        .side-nav > ul > li > a {
            margin-top: 10px;
        }
        .col-md-2 {
            max-width: 100%;
        }

        .main-content {
            max-width: 950px;
            margin-top: 3px;
        }

        .col-lg-10 {
            flex: 0 0 100%;
        }

        .container {
            width: 1150px !important;
        }

        .side-nav ul ul,
        .side-nav ul .subtitle {
            width: 180px !important;
           
        }
        
        .side-nav ul .subtitle {
            margin-top: 10px; 
        }


        .side-nav {
            position: static !important;
            border-radius: 0 !important;
            padding-left: 10px !important;
            height: 28px !important;           
            transition: 0.5s !important;
            overflow: hidden !important;
            z-index: 1 !important;
            border-left-width: 2px;
            padding-top: 15px;
        }
        

        @media (min-width: 250px) {
            .side-nav {
                width: 250px !important;
            }
        }

        @media (min-width: 240px) {
            .side-nav {
                width: 240px !important;
            }
        }
.side-nav {
    padding: 10px;
    background-image: url(https://cdn.discordapp.com/attachments/561996580412981261/957266628066820116/darkbodybg.png);
}
        .side-nav::after {
            float: left;
            position: relative;
            content: "⮟";
            font-size: 20px;
            margin-top: -14px; 
            color: #6f6f6f73; 
        }

        .side-nav::before {
            padding-left: -10px;  
            
            text-align: left;
            font-size: 11px;
            margin-top: -20px;
            position: absolute;
        }

        .side-nav:hover {
            height: 900px !important;
        }

        .minimap {
            width: 120px !important;
            height: 120px !important;
            margin-left: 10px !important;
            margin-top: -2px !important;
        }

        .minimap::after {
            visibility: hidden;
        }

        .leftnav > ul > li,
        .side-nav > ul > li,
        .side-nav > ul > li > a {
            float: left;
            display: inline;
            width: 180px;
        }

        .leftnav ul li,
        .side-nav ul li,
        .side-nav ul li a {
            padding: 0 0;
        }
        
        .modal.show .modal-dialog {
            margin-top: 80px; 
        }
    }



}

@-moz-document url-prefix("https://www.horsereality.com/") {
 @media (min-width: 850px) {

        .leftnav ul li,
        .leftnav ul li a {
            padding: 0 20px;
        }

        .leftnav > ul > li,
        .leftnav > ul > li > a {
            margin-top: 30px;
        }
        .col-md-2 {
            max-width: 100%;
        }

        .container {
 
            max-width: 1180px;
            margin-top: 3px;
        }

        .col-lg-10 {
            flex: 0 0 100%;
        }

        

        .leftnav ul ul,
        .side-nav ul .subtitle {
            width: 180px !important;
           
        }
        
        .leftnav ul .subtitle {
            margin-top: 10px; 
        }


        .leftnav {
            position: static !important;
            border-radius: 0 !important;
            padding-left: 10px !important;
            height: 28px !important;           
            transition: 0.5s !important;
            overflow: hidden !important;
            z-index: 1 !important;
            border-left-width: 2px;
            padding-top: 15px;
        }
        

        @media (min-width: 230px) {
            .leftnav {
                width: 250px !important;
            }
        }

        @media (min-width: 230px) {
            .leftnav {
                width: 150px !important;
            }
        }
.leftnav {
    padding: 10px;
    background-image: url(https://cdn.discordapp.com/attachments/561996580412981261/957266628066820116/darkbodybg.png);
}
        .leftnav::after {
            float: left;
            position: relative;
            content: "⮟";
            font-size: 20px;
            margin-top: -14px; 
            color: #6f6f6f73; 
        }

        .leftnav::before {
            padding-left: -10px;  
            
            text-align: left;
            font-size: 11px;
            margin-top: -20px;
            position: absolute;
        }

        .leftnav:hover {
            height: 880px !important;
        }

        .minimap {
            width: 120px !important;
            height: 120px !important;
            margin-left: 10px !important;
            margin-top: -2px !important;
        }

        .minimap::after {
            visibility: hidden;
        }

        .leftnav > ul > li,
        .leftnav > ul > li,
        .leftnav > ul > li > a {
            float: left;
            display: inline;
            width: 180px;
        }

        .leftnav ul li,
        .leftnav ul li,
        .leftnav ul li a {
            padding: 0 0;
        }
        
        .modal.show .modal-dialog {
            margin-top: 80px; 
        }
    }

}



@-moz-document url-prefix("https://v2.horsereality.com/") {
:root
  {
    --light-sage: #4f4251;
    --picture-button: #8b6d8b6e;
    --gold: #a59baa;
    --light-brown: #2a222b;
    --light-green: #2a222e;
    --gold-text: #a49ba8;
    --light-text: #aca2af;
    --sand: #4e3e56;
    --body: #918493a6;
    --green-text: #19161a;
    --gold-hover: #6e6272;
    --green-hover: #231d26;
    --progress: #58436a;
    --button: #2e2732;
    --button-hover: #211c24;
    --boxes: #6e5a76;
    --white: #aca2af;
   --odd: #816d89bf;
    --even: #6e5a76c9;
    --mine: #4a3750d9;
    --top-hover: #2e2732;
    --title-font: "Lucida Handwriting";
    --main-font: "Big Caslon";
       --map: url(https://cdn.discordapp.com/attachments/949754978870886451/980880565731491840/Map.png);
   
    --background: url(https://cdn.discordapp.com/attachments/949754978870886451/957023827664175114/Background_for_theme.png);
    --center: url(https://cdn.discordapp.com/attachments/561996580412981261/957092483303628910/topwhit.png);
    --side: url(https://cdn.discordapp.com/attachments/949754978870886451/980859127096045615/Side_bar.png);
    --top: url(https://cdn.discordapp.com/attachments/949754978870886451/960200868081320007/Top_bar_background.png);
   
    --headers: url(https://cdn.discordapp.com/attachments/949754978870886451/960200868081320007/Top_bar_background.png);
  --player: url(https://cdn.discordapp.com/attachments/949754978870886451/960208036314632282/Player_box_background.png);
    --horse: url(https://cdn.discordapp.com/attachments/949754978870886451/960202498621190174/Background_for_horse_pages.png);
    --footer: url(https://cdn.discordapp.com/attachments/949754978870886451/960206825490378842/Bottom_header_background.png);
    --pedigree: url("https://cdn.discordapp.com/attachments/949754978870886451/958052429188984952/Background_for_pedigree.png");
  }

  
  
}

@-moz-document url-prefix("https://www.horsereality.com/") {
:root
  {
    --light-sage: #4f4251;
    --picture-button: #8b6d8b6e;
    --gold: #a59baa;
    --light-brown: #2a222b;
    --light-green: #2a222e;
    --gold-text: #a49ba8;
    --light-text: #aca2af;
    --sand: #4e3e56;
    --body: #918493a6;
    --green-text: #19161a;
    --gold-hover: #6e6272;
    --green-hover: #231d26;
    --progress: #58436a;
    --button: #2e2732;
    --button-hover: #211c24;
    --boxes: #6e5a76;
    --white: #aca2af;
   --odd: #816d89bf;
    --even: #6e5a76c9;
    --mine: #4a3750d9;
    --top-hover: #2e2732;
    --select: #918493ad;
    --title-font: "Lucida Handwriting";
    --main-font: "Big Caslon";
       --map: url(https://cdn.discordapp.com/attachments/949754978870886451/980880565731491840/Map.png);
    
    --container: #91849300;
    
     
    --background: url(https://cdn.discordapp.com/attachments/949754978870886451/957023827664175114/Background_for_theme.png);
    
    --side: url(https://cdn.discordapp.com/attachments/949754978870886451/980859127096045615/Side_bar.png);
    --title-font: "Lucida Handwriting";
    --main-font: "Big Caslon";
    --top: url(https://cdn.discordapp.com/attachments/949754978870886451/960200868081320007/Top_bar_background.png);
    --center: url(https://cdn.discordapp.com/attachments/949754978870886451/980859713723969546/Tab_bar.png);
    --headers: url(https://cdn.discordapp.com/attachments/949754978870886451/960200868081320007/Top_bar_background.png);
    --player: url(https://cdn.discordapp.com/attachments/949754978870886451/980851390798757888/Table_background.png);
    --horse: url(https://cdn.discordapp.com/attachments/949754978870886451/960208036314632282/Player_box_background.png);
    --horse-bg: url(https://www.horsereality.com/images/profilebg_provence_lavender.jpg);
    --footer: url(https://cdn.discordapp.com/attachments/949754978870886451/960206825490378842/Bottom_header_background.png);
    --pedigree: url("https://cdn.discordapp.com/attachments/949754978870886451/958052429188984952/Background_for_pedigree.png");
  }
  
  
}

@-moz-document url-prefix("https://www.horsereality.com/") {
.horse_banner.africa {
    background-image: var(--horse-bg);
}
.horse_banner.asia {
    background-image: var(--horse-bg);
}
.horse_banner.australia {
    background-image: var(--horse-bg);
}
.horse_banner.europe {
    background-image: var(--horse-bg);
}
.horse_banner.south-america {
    background-image: var(--horse-bg);
}
.horse_ba...

Reviews

No reviews yet.