MediaWiki:Fandomdesktop.css

/*--IMPORTS-KEEP TOP--*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:RoundAvatars.css&only=styles";
 /*--changing the font--*/
body {
 font-family: "Source Sans Pro", Helvetica, Arial, sans-serif;
}

/* Color user names of sysops (admins) in recent changes, logs, page histories, etc. */

a.mw-userlink[href="/wiki/User:Ox_Rookbane"], #wikiactivity-main a[href="/wiki/User:Ox_Rookbane"], 
a.mw-userlink[href="/wiki/User:Sitb"], #wikiactivity-main a[href="/wiki/User:Sitb"]
{ color:#C500D1; }

/* profiles and stuff */
.UserProfileMasthead .masthead-info-lower::before {
    display: none;
}
 
.avatar {
    border-radius: 50%
}
 
 
/* Color user names of sysops (admins) in recent changes, logs, page histories, etc. */
a.mw-userlink[href$="/wiki/User:Ox Rookbane"], #wikiactivity-main a[href="/wiki/User:Ox Rookbane"],
a.mw-userlink[href="/wiki/User:Sitb"], #wikiactivity-main a[href="/wiki/User:Sitb"]
{ color:#C500D1; }
 
/* Article/Blog Comments BASE */
.article-comments .edited-by a[href$="https://roghoul-rblx.fandom.com/wiki/User:Ox_Rookbane"]::after {
    content: "(Bureaucrat)";
}
 .article-comments .edited-by a[href$="https://roghoul-rblx.fandom.com/wiki/User:Sitb"]::after {
    content: "(Fandom Rep)";
}
 
/* Article/Blog Comments TEXT */
.article-comments .edited-by a[href$="https://roghoul-rblx.fandom.com/wiki/User:Ox_Rookbane"]::after {
    font-size: 90%;
    color: #666;
    content: " (Bureaucrat)";
}
.article-comments .edited-by a[href$="https://roghoul-rblx.fandom.com/wiki/User:Sitb"]::after {
    font-size: 90%;
    color: #666;
    content: " (Fandom Rep)";
}

/* Link effects */
a:hover {
	text-shadow: #C83C3C 0px 1px 5px;
	text-decoration:none;
	-webkit-transition: all .2s linear 0s;
	-moz-transition: all .2s linear 0s;
	-ms-transition: all .2s linear 0s;
	-o-transition: all .2s linear 0s;
	transition: all .2s linear 0s;
}


/*  Animated arrows in the nav bar. Credit and code belongs to GiveMeFoodToEat; sampled from Roblox Wiki. */
.wds-global-navigation .wds-dropdown::after, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::before, .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown::after, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::before, .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown::after, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::before, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown::after, .wds-community-header__wiki-buttons .wds-dropdown::before, .wds-community-header__wiki-buttons .wds-dropdown::after {
	display: none !important;
}
.wds-global-navigation .wds-dropdown__content {
	-webkit-animation: dropdown-global 0.35s;
	-moz-animation: dropdown-global 0.35s;
	animation: dropdown-global 0.35s;
}
.wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content {
	-webkit-animation: dropdown-topnav 0.3s;
	-moz-animation: dropdown-topnav 0.3s;
	animation: dropdown-topnav 0.3s;
}
.wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content .wds-dropdown-level-2__content {
	-webkit-animation: dropdown-animation 0.3s;
	-moz-animation: dropdown-animation 0.3s;
	animation: dropdown-animation 0.3s;
}
.page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown .wds-dropdown__content, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown .wds-dropdown__content, .wds-community-header__wiki-buttons .wds-dropdown .wds-dropdown__content {
	-webkit-animation: contribution-dropdown 0.3s linear;
	-moz-animation: contribution-dropdown 0.3s linear;
	animation: contribution-dropdown 0.3s linear;
}
.wds-dropdown__content.wds-global-navigation__search-suggestions {
	-webkit-animation: searchsuggestions-dropdown 0.35s;
	-moz-animation: searchsuggestions-dropdown 0.35s;
	animation: searchsuggestions-dropdown 0.35s;
}
@keyframes dropdown-global {
	from {opacity: 0; top: 45px;}
	to {opacity: 1;}
}
@keyframes dropdown-topnav {
	from {opacity: 0; top: 30px;}
	to {opacity: 1; top: 40px;}
}
@keyframes dropdown-animation {
	from {opacity: 0; transform: translateX(-10px);}
	to {opacity: 1; transform: translateX(0);}
}
@keyframes contribution-dropdown {
	from {opacity: 0; top: 25px;}
	to {opacity: 1; top: 35px;}
}
@keyframes searchsuggestions-dropdown {
	from {top: 80%; opacity: 0;}
	to {top: calc(1px+100%); opacity: 1;}
}
.wds-dropdown-level-2:hover .wds-dropdown-chevron {
	transform: rotate(-90deg) translateY(3px) !important;
}
.wds-dropdown-level-2 .wds-dropdown-chevron {
	-webkit-transition: transform 0.3s;
	-moz-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
}
.wds-dropdown__toggle-chevron {
	transition: transform 0.3s;
}

/* History page legibility*/
.diff-context {
    background-color: transparent;
    border-color: var(--theme-border-color);
    color: var(--theme-page-text-color);
}
.diff-deletedline {
    background-color: var(--theme-page-background-color--secondary);
    border-color: var(--theme-alert-color);
}
.diff-deletedline .diffchange {
    background-color: var(--theme-alert-color);
    color: #ffffff;
}
.diff-addedline {
    background-color: var(--theme-page-background-color--secondary);
    border-color: var(--theme-success-color);
}
.diff-addedline .diffchange {
    background-color: var(--theme-success-color);
    color: #ffffff;
}