Message
Message
@import url("https://fonts.googleapis.com/css2?family=Material+Icons");
@import url('https://fonts.googleapis.com/css2?family=Kalam&display=swap');
/* Changing Icons */
#nav .links > .link
{
font-size: 0;
padding: 0;
padding: 5px 40px 5px 40px;
border-radius: 5px;
transition: 0.3s ease 0s;
background-color: rgba(0, 0, 0, 0);
color: white;
}
#nav .links > .browse-wrap
{
position: absolute;
right: 0;
}
#nav .links > .link::after
{
font-size: 24px;
font-family: "Material Icons";
font-weight: normal;
text-transform: none;
}
#nav .links > .browse-wrap > .link
{
display: none;
}
#nav .links > .link:nth-of-type(1)::after
{
content: '\e88a';
}
#nav .links > .link:nth-of-type(2)::after
{
content: '\e8a6';
}
#nav .links > .link:nth-of-type(3)::after
{
content: '\e30c';
}
#nav .links > .link:nth-of-type(4)::after
{
content: '\e666';
}
/* Can't figure out
#nav .links > .browse-wrap > .link::after {
content; '\e894';
} */
#nav .links > .link:nth-of-type(5)::after
{
content: '\e0bf';
}
#nav .links > .link:nth-of-type(1):hover::after
{
content: '\e88a';
opacity: 1;
transform: scale(1.5);
transition: all 0.45s ease-in-out;
}
#nav .links > .link:nth-of-type(2):hover::after
{
content: '\e8a6';
opacity: 1;
transform: scale(1.5);
transition: all 0.45s ease-in-out;
}
#nav .links > .link:nth-of-type(3):hover::after
{
content: '\e30c';
opacity: 1;
transform: scale(1.5);
transition: all 0.45s ease-in-out;
}
#nav .links > .link:nth-of-type(4):hover::after
{
content: '\e666';
opacity: 1;
transform: scale(1.5);
transition: all 0.45s ease-in-out;
}
#nav .links > .link:nth-of-type(5):hover::after
{
content: '\e0bf';
opacity: 1;
transform: scale(1.5);
transition: all 0.45s ease-in-out;
}
/* Adjusts Top Nav Bar */
#nav .link
{
transition: transform 0.75s ease-in-out;
}
.site-theme-dark .nav-unscoped.transparent,
.site-theme-dark .nav-unscoped
{
background: rgb(28, 26, 29, .9);
color: white;
}
.site-theme-dark .nav-unscoped.transparent:hover
{
background: rgb(28, 26, 29, 0.95);
color: white;
}
#nav .link:hover
{
transform: scale(1.25);
color: #3db4f2;
}
.logo
{
filter: brightness(110%);
}
#nav
{
border-radius: 0 0 20px 20px;
left: calc((100% - 75%) / 2);
width: 75%;
transition: background 0.8s ease 0s, top 0.5s ease 0s !important;
backdrop-filter: blur(4px);
height: 60px;
}
.nav .wrap
{
display: grid;
grid-template-columns: 70px auto auto 70px;
}
.nav .wrap .links
{
grid-column-start: 3;
margin-left: -25px;
}
.favourites .favourite:hover
{
transition: transform 0.5s;
transform: scale(1.2);
z-index: 20;
}
/* Firefox Scrollbar */
.about > .content-wrap
{
scrollbar-width: none;
}
.text > .activity-markdown > .markdown
{
scrollbar-width: none;
}
.user .about > div.content-wrap
{
scrollbar-width: none;
}
*
{
scrollbar-width: thin;
scrollbar-color: #3db4f2 rgb(28, 26, 29);
}
/* Chrome Scrollbar */
::-webkit-scrollbar
{
width: 6px;
background: #01232d;
}
::-webkit-scrollbar-corner
{
background: #01232d;
}
::-webkit-scrollbar-thumb
{
background: #3db4f2;
-webkit-border-radius: 1ex;
}
/*Secondary Nav Bar Changes*/
.header-wrap > .nav-wrap
{
width: 85%;
margin: 0 auto;
}
.header-wrap .nav-wrap .link
{
color: white !important;
}
.header-wrap .nav-wrap .router-link-active
{
color: #3db4f2 !important;
border-bottom: solid #3db4f2 4px;
}
.header-wrap .nav-wrap .link:hover
{
transform: scale(1.05);
color: #3db4f2 !important;
border-bottom: solid #3db4f2 4px;
}
.header-wrap .nav-wrap .router-link-active:hover
{
transform: scale(1.05);
color: #86e1f7 !important;
border-bottom: solid #86e1f7 4px;
}
/* Background*/
body
{
background: rgb(133, 214, 245) no-repeat fixed;
background-image:
url('https://raw.githubusercontent.com/Adaptz/Adaptz.github.io/main/CSS-Files/
Anilist/Anilist-Images/Gintoki%20x%20Sadharu%20Edited-Optimized.gif'),
url('https://raw.githubusercontent.com/Adaptz/Adaptz.github.io/main/CSS-
Files/Anilist/Anilist-Images/Gintoki%20x%20Sadharu%20Edited-Optimized
%20Inverted.gif');
background-position: left center, right center;
}