User:Binonbo/common.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:ImprovedUserpages.css&only=styles";
/* 1) Disables advertisements on-screen */
.ad-slot-placeholder,
.top-ads-container {
    display: none !important;
}

/* 2) Link Customization  */
.resizable-container a:hover {
    color: #F8F1AE !important;
    text-decoration: none;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

/* 3) Making Comments DOORS-Themed */
.theme-fandomdesktop-dark div[data-testid="article-comments__comment"] {
	background-color: rgba(0,0,0, .3);
	border: 1px solid #D0AE82;
}

.theme-fandomdesktop-light div[data-testid="article-comments__comment"] {
    background-color: rgba(0,0,0 .6);
	border: 1px solid #D0AE82;
}

/* 4) Making TOC DOORS-Themed */
.page-content #toc {
    border: 2.5px solid var(--theme-accent-color) !important;
    border-radius: 5.25px;
    background: rgba(0,0,0, .3);
}
#toc > ul {
	display: block;
	margin: 5;
	padding: 10px;
	transition: padding .5s, border-color .1s;
}

#toc > ul a {
	padding: 2.5px;
	line-height: 1.75em;
    transition: line-height .6s, opacity .5s .2s;
	display: grid;
	grid-template-columns: max-content auto;
}

#toc .toctogglecheckbox:checked ~ ul a {
	line-height: 0px;
	opacity: 0;
	visibility: hidden;
	transition: line-height .6s .2s, opacity .5s, visibility 0s .7s;
}

/* 5) User Pages */
#userProfileApp .user-identity-avatar img {
	transition: all 1s ease;
	border-radius: 1%;
}
#userProfileApp .user-identity-avatar:hover img {
	border-radius: 100%;
}