userstyles
MkQi87Vg7T by timonpeas
Details
Authortimonpeas
LicenseNo License
Categoryuserstyles
Created
Updated
Size171 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 [PRIVATE] Blossom dream - Mew's Theme
@version 16.01.2025
@namespace https://userstyles.world/user/Elayine
@description custom theme for Mew's personal use only
@author Elayine
@license No Redistribution
==/UserStyle== */
@-moz-document url-prefix("https://v2.horsereality.com/") {
/* SFONDO E OPACITA' */
body.background.south-america, body.background.africa, body.background.asia, body.background.australia, body.background.europe, body.background.north-america { background-image: url(https://i.imgur.com/uSttW3q.png)!important; }
.main-content { background: rgba(242, 229, 237, .9); }
/*CODICE PAGINA PRINCIPALE*/
/*AVATAR*/
.show-profile .navbar-avatar .navbar-avatar-container {
top: 225px;
left: 15px;
width: 100px;
height: 100px;
background-size: cover;
border: 3px solid #966363;
background-color: #8f979b14;
border-radius: 100px;
transition-duration: 1s;
transition-property: transform;
} .show-profile .navbar-avatar .navbar-avatar-container:hover { /*allarga avatar al passaggio del mouse*/
width: 150px;
height: 150px;
margin-top: -50px;
margin-left: -5px;
transform: rotate(360deg); }
/*NASCONDE IMMAGINE PREMIUM SOTTO ALL'AVATAR*/
.show-profile .role-big { display: none; }
/*NOME UTENTE*/
.show-profile .profile-name-and-estate { /*codice posizione*/
top: 245px;
left: 145px; }
.show-profile .profile-name-and-estate .profile-username { /*codice nome utente*/
font-size: 15px!important;
font-weight: 300!important;
margin-bottom: 1px!important;
color: #e3d3ce42;
font-family: arial;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 0px 1px 2px transparent;
text-align: left; } .show-profile .profile-name-and-estate .profile-username:hover { /*nome utente al passaggio del mouse*/
font-size: 32px!important;
font-family: aldhabi;
color: #e3d3ce; }
.show-profile .profile-name-and-estate .profile-estate { /*codice nome stalla*/
font-size: 10.5px;
font-weight: 400;
line-height: 0px;
color: #e3d3ce42;
font-family: arial;
text-shadow: 0px 1px 2px transparent;
text-transform: uppercase;
letter-spacing: 0.5px; } .show-profile .profile-name-and-estate .profile-estate:hover { /*nome stalla al passaggio del mouse*/
color: #e3d3ce;
background-color: rgba(242, 229, 237, .23);
border-radius: 5px;}
/*RANKING*/
.show-profile .profile-ranking-container { /*codice posizione ranking*/
top: 240px;
right: 15px; }
.show-profile .profile-ranking-container .profile-rank { /*codice scritta "ranking"*/
font-size: 10.5px;
font-weight: 400;
line-height: 12px;
margin-bottom: 0;
text-align: left;
color: #e3d3ce42;
font-family: arial;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(19, 18, 18, 0);
letter-spacing: 0.5px; } .show-profile .profile-ranking-container .profile-rank:hover { /*"ranking" al passaggio del mouse*/
color: #e3d3ce; }
.show-profile .profile-ranking-container .profile-rank-position { /*codice numero ranking*/
font-size: 15px!important;
font-weight: 400!important;
margin-bottom: 0px!important;
text-align: right;
color: #e3d3ce42;
font-family: arial;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(19, 18, 18, 0);
letter-spacing: 0.5px; } .show-profile .profile-ranking-container .profile-rank-position:hover { /*numero ranking al mouse*/
font-size: 17px!important;
color: #e3d3ce; }
/*BARRA CENTRALE*/
.show-profile .navbar {
padding-top: 0;
padding-bottom: 0;
border-top: transparent;
border-bottom: transparent;
background: #a76565!important;
justify-content: flex-end;
align-items: stretch;
min-height: 30px!important;
width: 940px;
box-shadow: 1px 1px 2px rgba(19, 18, 18, .29);
margin-left: 5px;
margin-top: 4px;
border-radius: 3px; }
/*SCRITTE INTERNE BARRA CENTRALE*/
.show-profile .navbar .nav-link {
border: none;
border-radius: 0;
padding-top: 0px;
margin-top: 3px;
height: 25px;
color: #ebcfc67a;
font-size: 11px;
font-weight: 600;
font-family: arial;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(19, 18, 18, .29);
letter-spacing: 0.5px; } .show-profile .navbar .nav-link:hover { /*scritte interne al passaggio del mouse*/
background-color: rgba(242, 229, 237, .08);
border-radius: 5px;
color: #e1c6b2;
letter-spacing: 1.5px; }
/*BUSTA MAIL NELLA BARRA CENTRALE*/
.show-profile .navbar .nav-link__padding-small {
padding: 0px;
margin-top: 3px;
opacity: 40%; } .show-profile .navbar .nav-link__padding-small:hover { /*busta mail al passaggio del mouse*/
opacity: 100%; }
/*CODICE BARRA LATERALE*/
.side-nav { /*sfondo*/
padding: 10px;
background: rgba(231, 229, 231, 0);
border-top-left-radius: 5px;
border-left: 0px solid #99aab214;
margin-left: -100px;
margin-right: 80px;
line-height: 17px; }
.side-nav ul .subtitle { /*titoli tipo "personal", "events" etc*/
margin-bottom: 4px;
font-size: 11px;
font-weight: 700;
color: rgba(242, 229, 237, .56);
font-family: arial;
text-transform: uppercase;
letter-spacing: 0.5px;
text-shadow: 1px 1px 2px rgba(19, 18, 18, .29);
margin-left: -1px;
background: linear-gradient(90deg, rgba(210, 177, 205, .39) 0%, rgba(153, 170, 178, 0) 100%);
border-radius: 10px;
height: 20px; }
.side-nav ul .subtitle:hover { /*titoli tipo "personal", "events" etc*/
color: rgba(242, 229, 237, .9);
background: transparent;
box-shadow: 1px 1px 2px transparent; }
.side-nav ul .subtitle i { /*diminuisce la spaziatura tra il simboletto e il titolo*/
width: 15px; }
.side-nav ul a { /*codice altre scritte*/
font-size: 10px;
font-weight: 700;
color: rgba(242, 229, 237, .56);
font-family: arial;
text-transform: uppercase;
letter-spacing: 0.2px;
text-shadow: 1px 1px 2px rgba(19, 18, 18, .29);
padding: 0; } .side-nav ul a:hover { /*codice altre scritte al passaggio del mouse*/
color: rgba(242, 229, 237, .9);
margin-left: 3px; }
.premium-lock.link:not([href]) { /*scritte per voci bloccate dal premium*/
text-decoration: none;
color: rgba(242, 229, 237, .56); } .premium-lock.link:not([href]):hover { /*voci bloccate non mutano al passaggio del mouse*/
text-decoration: none;
color: rgba(242, 229, 237, .56); }
.premium-lock.link:not([href]):after { /*il lucchetto delle voci bloccate dal premium*/
opacity: 20%; }
/*BARRA IN ALTO*/
.header-menu {
background: #966363b5;
border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;
border-bottom: 1px solid #99aab22b;
text-shadow: 1px 1px 2px rgba(19, 18, 18, .29);
height: 45px; }
.header-menu .logo img { /*rende più piccolo e trasparente il logo hr*/
width: auto;
height: 25px;
margin-left: 45px;
margin-right: 55px;
margin-top: 4px;
opacity: 50%; }
.header-menu .user-nav a { /*colore nome utente nella barra in alto*/
vertical-align: middle;
color: #e1c6b2bd;
font-size: 10px;
font-weight: 500;
font-family: arial;
text-transform: uppercase;
letter-spacing: 0.5px;
text-shadow: 1px 1px 2px rgba(19, 18, 18, .29); }
.header-menu .user-nav a:hover { /*colore nome utente nella barra in alto al passaggio del mouse*/
color: #e1c6b2; }
.header-menu .user-nav { /*colore notifiche vicino al nome*/
color: #e1c6b2;
font-size: 11px;
font-weight: 500;
font-family: arial;
text-transform: uppercase;
letter-spacing: 0.5px;
text-shadow: 1px 1px 2px rgba(19, 18, 18, .29); }
.header-menu .user-nav:hover { /*colore sfondo al passaggio del mouse sopra al nome utente*/
background: #855c5cb5; }
.header-menu .user-nav button { /*rende più trasparente il bottoncino che apre il menu a scomparsa*/
opacity: 35%;
margin-top: 3.5px; }
/*CODICE MENU A SCOMPARSA*/
.header-menu .user-nav #user-nav-dropdown {
color: #e1c6b2;
font-size: 10px;
font-family: arial;
text-transform: uppercase;
letter-spacing: 0.3px;
text-shadow: 1px 1px 2px rgba(19, 18, 18, .29);
display: none;
position: absolute;
top: 100%;
bottom: auto;
left: 0;
padding: 1em 1.5em 1.5em;
background: #855c5ced;
grid-template-areas:
"image level"
"menu menu";
grid-template-rows: -webkit-min-content 1fr;
grid-template-rows: min-content 1fr;
grid-template-columns: -webkit-min-content 1fr;
grid-template-columns: min-content 1fr;
gap: 1.5em;
min-width: 20em;
text-align: left;
box-shadow: 0px 0px 3px rgba(19, 18, 18, .29);
border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.header-menu .user-nav #user-nav-dropdown img { /*immaginetta dell'avatar nel menu a scomparsa*/
height: 35px;
width: auto;
grid-area: image;
border: 2px solid #e1c6b2a3;
background-color: #8f979b14;
border-radius: 6px; }
.progress { /*base della barra progresso nel menù a scomparsa*/
display: -ms-flexbox;
display: flex;
height: 1rem;
overf...