Skip to content

Testing dropdown by whitthemes

Write a review Install Get Stylus

Details

Authorwhitthemes

LicenseNo Redistribution

CategoryHR

Created

Updated

Size59 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Testing new things

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         Testing dropdown
@version      20220703.14.25
@namespace    userstyles.world/user/whitthemes
@description  Testing new things
@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/987518421442891878/993045806808567808/sidenav.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/987518421442891878/993045806808567808/sidenav.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: #3e35663d;
    --check: #c5bbc9;
    --picture-button: #a095b7;
    --gold: #8c7dae;
    --light-brown: #3c3954;
    --light-green: #373250;
    --gold-text: #b3b7c9;
    --light-text: #b3b6c8;
    --sand: #b6a6c8;
    --body: #b7aac775;
    --green-text: #1d1c2c;
    --gold-hover: #9196af;
    --green-hover: #211d32;
    --progress: #b686ae;
    --button: #373250;
    --button-hover: #2c2742;
    --boxes: #b6a6c8;
    --white: #b6a6c8;
    --odd: #b7adcb;
    --even: #a095b7;
    --mine: #807499;
    --select: #bbadc8;
    --top-hover: #393552;
    --map: url(https://cdn.discordapp.com/attachments/954110263358021652/992533563738161243/moon.png);
    --background: url(https://cdn.discordapp.com/attachments/987518421442891878/993159828077813811/unknown.png);
    --title-font: "Lucida Handwriting";
    --main-font: "Big Caslon";
    --headers: url(https://cdn.discordapp.com/attachments/987518421442891878/991894994774396968/amandiltop.png);
  }
}

@-moz-document url-prefix("https://www.horsereality.com/") {
:root
  {
    --light-sage: #3e35663d;
    --check: #c5bbc9;
    --picture-button: #a095b7;
    --gold: #8c7dae;
    --light-brown: #3c3954;
    --light-green: #373250;
    --gold-text: #b3b7c9;
    --light-text: #b3b6c8;
    --sand: #b6a6c8;
    --body: #b7aac775;
    --green-text: #1d1c2c;
    --gold-hover: #9196af;
    --green-hover: #211d32;
    --progress: #b686ae;
    --button: #373250;
    --button-hover: #2c2742;
    --boxes: #b6a6c8;
    --white: #b6a6c8;
    --odd: #b7adcb;
    --even: #a095b7;
    --mine: #807499;
    --select: #bbadc8;
    --top-hover: #393552;
    --map: url(https://cdn.discordapp.com/attachments/954110263358021652/992533563738161243/moon.png);
    --background: url(https://i.imgur.com/NItxH2r.png);
    --title-font: "Lucida Handwriting";
    --main-font: "Big Caslon";
    --horse-bg: url(https://i.imgur.com/udEzdbz.png);
  }
}

@-moz-document url-prefix("https://v2.horsereality.com/user") {
.side-nav
  {
    padding: 10px;
    background-color: var(--light-sage);
    height: 800px;
    border: 2px solid var(--gold);
    border-radius: 0px 0px 20px 20px;
  }

  .side-nav ul .subtitle
  {
    font-family: var(--title-font);
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 21px;
    font-weight: 900;
    text-transform: uppercase;
    color: var(--green-text);
  }

  .side-nav ul a
  {
    font-size: 15px;
    font-family: var(--title-font);
    font-weight: 900;
    text-transform: capitalize;
    color: var(--green-text);
    padding: 0;
  }

  .side-nav ul a:hover
  {
    color: var(--gold-hover);
    text-decoration: none;
  }

  .main-content
  {
    background-image: var(--body-image);
    background-color: var(--body);
    padding: 15px;
  }

  .show-profile .profile-account
  {
    width: 250px;
    padding: 10px;
    background-color: var(--sand);
    background-image: var(--player);
    border: none;
    border-radius: 20px 20px 20px 20px;
    margin-bottom: 20px;
  }

  .show-profile .profile-account h2
  {
    background-image: var(--headers);
    border: 2px solid var(--gold);
    border-radius: 20px 20px 20px 20px;
    font-size: 14px;
    font-family: var(--title-font);
    font-weight: 600;
    color: var(--gold-text);
    margin: 0;
  }

  .sales .horse-name
  {
    font-weight: 600;
    color: var(--green-text);
  }

  .header-menu
  {
    background: var(--top-hover);
    background-image: var(--top);
    border-bottom: 2px solid var(--gold);
  }

  .show-profile .navbar
  {
    background-color: var(--light-green)!important;
    background-image: var(--center);
    border-top: 2px solid var(--gold);
    border-bottom: 2px solid var(--gold);
    padding-top: 0;
    padding-bottom: 0;
    min-height: 40px!important;
  }

  .show-profile .navbar-avatar .navbar-avatar-container
  {
    border: 6px solid transparent;
    padding: 20px;
  }

  .header-menu nav .main-menu .user-nav>a:hover
  {
    color: var(--light-text);
  }

  .header-menu nav .main-menu .user-nav .dropdown-menu
  {
    left: -135px!important;
    min-width: 12rem!important;
    background: var(--green-hover);
    border: 2px solid var(--gold);
    border-radius: 0px 0px 20px 20px;
    opacity: 95%;
  }

  .header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item:hover
  {
    background: 0 0;
    color: ...

Reviews

No reviews yet.