HR custom theme for Phyric. Download and use or this theme is not allowed.
[PRIVATE] Blue Tempest - Phyric's Theme by Elayine
Details
AuthorElayine
LicenseNo License
Categoryhttps://v2.horsereality.com/
Created
Updated
Size165 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] Blue Tempest - Phyric's Theme
@version 16.02.2024
@namespace https://userstyles.world/user/Elayine
@description custom theme for Phyric'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/wHV2P7p.png)!important; }
.main-content { background: rgba(219, 219, 219, .87); }
/*CODICE PAGINA PRINCIPALE*/
/*AVATAR*/
.show-profile .navbar-avatar .navbar-avatar-container {
top: 205px;
left: 25px;
width: 120px;
height: 120px;
background-size: cover;
border: 4px solid #2d373b;
background-color: #8f979b14;
border-radius: 10px;
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: -30px;
transform: rotate(360deg); }
/*NOME UTENTE*/
.show-profile .profile-name-and-estate { /*codice posizione*/
top: 240px;
left: 165px; }
.show-profile .profile-name-and-estate .profile-username { /*codice nome utente*/
font-size: 15px!important;
font-weight: 300!important;
margin-bottom: 1px!important;
color: #b0c4ce3b;
font-family: arial;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 2px rgba(19, 18, 18, .29);
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: #deeaf0cf; }
.show-profile .profile-name-and-estate .profile-estate { /*codice nome stalla*/
font-size: 10.5px;
font-weight: 400;
line-height: 0px;
color: #99aab23b;
font-family: arial;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(19, 18, 18, .29);
letter-spacing: 0.5px; } .show-profile .profile-name-and-estate .profile-estate:hover { /*nome stalla al passaggio del mouse*/
color: #deeaf0cf; }
/*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: #99aab23b;
font-family: arial;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(19, 18, 18, .29);
letter-spacing: 0.5px; } .show-profile .profile-ranking-container .profile-rank:hover { /*"ranking" al passaggio del mouse*/
color: #deeaf0cf; }
.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: #b0c4ce3b;
font-family: arial;
text-transform: uppercase;
text-shadow: 1px 1px 2px rgba(19, 18, 18, .29);
letter-spacing: 0.5px; } .show-profile .profile-ranking-container .profile-rank-position:hover { /*numero ranking al mouse*/
font-size: 17px!important;
color: #deeaf0cf; }
/*BARRA CENTRALE*/
.show-profile .navbar {
padding-top: 0;
padding-bottom: 0;
border-top: transparent;
border-bottom: transparent;
background: rgb(45,55,59);
background: linear-gradient(90deg, rgba(27, 23, 30, .91) 0%, rgba(45,55,59,1) 20%, rgba(45,55,59,1) 80%, rgba(27,23,30,.91) 100%);
justify-content: flex-end;
align-items: stretch;
min-height: 32px!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: 4.6px;
height: 25px;
color: #617076;
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: transparent;
color: #8f979bde; }
/*BUSTA MAIL NELLA BARRA CENTRALE*/
.show-profile .navbar .nav-link__padding-small {
padding: 0px;
margin-top: 3px;
opacity: 60%; } .show-profile .navbar .nav-link__padding-small:hover { /*busta mail al passaggio del mouse*/
opacity: 100%; }
/*METTE UN'OMBRA AL BANNER*/
.show-profile .profile-banner {
width: 100%;
height: 0;
padding-top: 30.8%;
background-size: cover;
box-shadow: 0px 0px 3px rgba(19, 18, 18, .5);
border-radius: 2px; }
/*CODICE BARRA LATERALE*/
.side-nav { /*sfondo*/
padding: 10px;
background: #2d373dbf;
border-top-left-radius: 5px;
border-left: 1px solid #99aab214;
line-height: 17px; }
.side-nav ul .subtitle { /*titoli tipo "personal", "events" etc*/
margin-bottom: 4px;
font-size: 11px;
font-weight: 700;
color: #99aab28f;
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(153, 170, 178, .17) 0%, rgba(153, 170, 178, 0) 100%);
border-radius: 2px;
box-shadow: 1px 1px 2px rgba(19, 18, 18, .08);
height: 20px; }
.side-nav ul .subtitle:hover { /*titoli tipo "personal", "events" etc*/
color: #ccdde58f;
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: #99aab269;
font-family: arial;
text-transform: uppercase;
letter-spacing: 0.2px;
text-shadow: 1px 1px 2px rgba(19, 18, 18, .29);
margin-left: 3px;
padding: 0; } .side-nav ul a:hover { /*codice altre scritte al passaggio del mouse*/
color: #99aab2b0; }
.premium-lock.link:not([href]) { /*scritte per voci bloccate dal premium*/
text-decoration: none;
color: #47545bc2; } .premium-lock.link:not([href]):hover { /*voci bloccate dal premium non mutano al passaggio del mouse*/
text-decoration: none;
color: #47545bc2; }
.premium-lock.link:not([href]):after { /*il lucchetto delle voci bloccate dal premium*/
opacity: 20%; }
/*BARRA IN ALTO*/
.header-menu {
background: rgba(45, 55, 59, .86);
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: 60%; }
.header-menu .user-nav a { /*colore nome utente nella barra in alto*/
vertical-align: middle;
color: #99aab2b5;
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: #b6c6cec4; }
.header-menu .user-nav { /*colore notifiche vicino al nome*/
color: #99aab2c4;
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: #364148e3; }
.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: #99aab2c4;
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: #364148e3;
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 #99aab25c;
background-color: #8f979b14;
border-radius: 6px; }
.progress { /*base della barra progresso nel menù a scomparsa*/
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
font-size: .75rem;
background-color: #b1bcc161;
border-radius: 0.25rem;
box-shado...