For the use of Whit, Delysia and Skyelee only. If caught stealing ANY parts of my code, you will be added to my blacklist and barred from buying/winning anything from me or my partners.
Fancy Dropdown Template by whitthemes
Details
Authorwhitthemes
LicenseNo Redistribution
CategoryHR
Created
Updated
Size63 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 Fancy Dropdown Template
@version 20220709.17.32
@namespace userstyles.world/user/whitthemes
@description For the use of Whit, Delysia and Skyelee only. If caught stealing ANY parts of my code, you will be added to my blacklist and barred from buying/winning anything from me or my partners.
@author whitthemes
@license No Redistribution
==/UserStyle== */
:root {
--left-nav: #4f4251;
--picture-button: #5a4c5a;
--border: #a59baa;
--header-2: #4a34579e;
--header-1: #413147cf;
--light-text: #aca2af;
--box: #4e3e56c7;
--body: #91849391;
--dark-text: #000000;
--text-hover: #554a59;
--middle-hover: #231d26;
--progress: #58436a;
--button: #2e2732;
--button-hover: #211c24;
--boxes: #6e5a76;
--white: #aca2af;
--odd: #816d898f;
--even: #6e5a7696;
--mine: #5d4464b5;
--select: #6e6170;
--top-hover: #2e2732;
--highlights: #796c7ca3;
--slide-hover: #8c8a95d6;
--background: url(https://cdn.discordapp.com/attachments/949754978870886451/957023827664175114/Background_for_theme.png);
--sidenav: url(https://cdn.discordapp.com/attachments/561996580412981261/957266628066820116/darkbodybg.png);
--map: url(https://cdn.discordapp.com/attachments/987518421442891878/993386271068143706/ava-africa_1.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/561996580412981261/957092483303628910/topwhit.png);
--headers: url(https://cdn.discordapp.com/attachments/949754978870886451/960208780862296124/Player_box_header_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
{
--left-nav: #4f4251;
--picture-button: #5a4c5a;
--border: #a59baa;
--header-2: #4a34579e;
--header-1: #413147cf;
--light-text: #aca2af;
--box: #4e3e56c7;
--body: #91849391;
--dark-text: #000000;
--text-hover: #463c4a;
--middle-hover: #231d26;
--progress: #58436a;
--button: #2e2732;
--button-hover: #211c24;
--boxes: #6e5a76;
--white: #aca2af;
--odd: #816d898f;
--even: #6e5a7696;
--mine: #5d4464b5;
--select: #8b818d;
--top-hover: #2e2732;
--highlights: #796c7ca3;
--tables: #3d304040;
--slide-hover: #8c8a95d6;
--background: url(https://cdn.discordapp.com/attachments/949754978870886451/957023827664175114/Background_for_theme.png);
--sidenav: url(https://cdn.discordapp.com/attachments/561996580412981261/957266628066820116/darkbodybg.png);
--map: url(https://cdn.discordapp.com/attachments/987518421442891878/993386271068143706/ava-africa_1.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/561996580412981261/957092483303628910/topwhit.png);
--headers: url(https://cdn.discordapp.com/attachments/949754978870886451/960208780862296124/Player_box_header_background.png);
--player: url(https://cdn.discordapp.com/attachments/949754978870886451/960208036314632282/Player_box_background.png);
--horse-pages: 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");
--horse-bg: url(https://www.horsereality.com/images/profilebg_prettyflowers.jpg);
}
}
@-moz-document url-prefix("https://v2.horsereality.com/") {
.header-menu {
background: var(--slide-hover);
background-image: var(--top);
}
.show-profile .navbar {
background-color: var(--center-bar)!important;
background-image: var(--center);
border-top: 2px solid var(--border);
border-bottom: 2px solid var(--border);
padding-top: 0;
padding-bottom: 0;
min-height: 40px!important;
}
.main-content {
background: var(--body);
padding: 15px;
}
.show-profile .profile-account {
padding: 10px;
background-color: var(--box);
background-image: var(--player);
margin-bottom: 20px;
border-radius: 20px 20px 20px 20px;
}
body.background.africa {
background: var(--background) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.asia {
background: var(--background) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.australia {
background: var(--background) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.europe {
background: var(--background) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.south-america {
background: var(--background) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
body.background.north-america {
background: var(--background) no-repeat fixed 0 0/100% auto;
background-size: cover;
}
.show-profile .navbar-avatar .navbar-avatar-container
{
border: 6px solid transparent;
padding: 20px;
border-image-source: url(https://cdn.discordapp.com/attachments/561996580412981261/957137657211809802/Untitled18_20220325224312.png);
border-image-repeat: round;
border-image-slice: 125;
border-image-width: 220px;
}
.show-profile .profile-name-and-estate .profile-username {
font-size: 32px!important;
font-weight: 700!important;
color: var(--light-text);
font-family: var(--main-font);
margin-bottom: 5px!important;
opacity: 30%;
}
.show-profile .profile-name-and-estate .profile-estate {
font-size: 18px;
font-family: var(--main-font);
line-height: 21px;
font-weight: 400;
color: var(--light-text);
opacity: 30%;
}
.show-profile .profile-ranking-container .profile-rank {
text-align: left;
margin-bottom: 0;
font-size: 12px;
font-family: var(--main-font);
line-height: 18px;
font-weight: 400;
color: var(--light-text);
}
.show-profile .profile-ranking-container .profile-rank-position {
font-size: 26px!important;
font-family: var(--main-font);
text-align: right;
font-weight: 700!important;
color: var(--light-text);
margin-bottom: 5px!important;
}
.show-profile .navbar .nav-link {
padding: 8px 20px;
line-height: 24px;
font-weight: 500;
color: var(--light-text);
font-family: var(--title-font);
font-size: 14px;
}
.show-profile .profile-account h2 {
font-size: 14px;
font-weight: 600;
color: var(--dark-text);
font-family: var(--title-font);
background-image: var(--headers);
height: 25px;
border-radius: 20px 20px 20px 20px;
margin: 0;
}
.show-profile .main-content {
padding: 0;
overflow-x: visible;
}
.side-nav ul .subtitle {
font-size: 17px;
font-family: var(--title-font);
margin-bottom: 5px;
line-height: 21px;
font-weight: 700;
text-transform: uppercase;
color: var(--dark-text);
}
.side-nav ul a {
font-size: 15px;
font-family: var(--main-font);
font-weight: 700;
text-transform: capitalize;
color: var(--dark-text);
padding: 0;
}
.header-menu nav .main-menu .user-nav>a {
color: var(--light-text);
font-family: var(--title-font);
font-size: 17px;
}
.header-menu nav .main-menu ul li a {
font-size: 17px;
color: var(--light-text);
font-family: var(--title-font);
}
.header-menu nav .stats {
text-align: right;
color: var(--light-text);
font-family: var(--title-font);
font-size: 11px;
}
.header-menu nav .stats a {
color: var(--light-text);
}
.show-profile .navbar .nav-link:hover {
background-color: var(--middle-hover);
cursor: pointer;
border: none;
border-radius: 0;
color: var(--light-text);
font-family: var(--title-font);
text-decoration: none;
}
.header-menu nav .main-menu ul li a:not(.btn):hover {
text-decoration: none;
color: var(--text-hover);
}
.header-menu nav .main-menu .user-nav>a:hover {
color: var(--text-hover);
}
.header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-header, .header-menu nav .main-menu .user-nav .dropdown-menu .dropdown-item {
font-size: 13px;
font-family: var(--main-font);
padding: 0.5rem 1rem;
color: var(--light-text);
}
.header-menu nav .main-menu .user-nav .dropdown-menu {
left: -135px!important;
min-width: 12rem!important;
background: var(--slide-hover);
}
.progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
font-family: var(--main-font);
background-color: var(--body);
border-radius: 20px 20px 20px 20px;
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: var(--dark-text);
text-align: center;
white-space: nowrap;
background-color: var(--progress);
border-radius: 20px 20px 20px 20px;
transition: width .6s ease;
}
.side-nav ul a:hover {
color: var(--text-hover);
background-image: var(--leftnav);
te...