Young Justice Wiki
Don't have an account?
Register
Advertisement
Register
Young Justice Wiki
Young Justice Wiki
2,141
pages

Wikia.css

MediaWiki page
Revision as of 09:57, 29 May 2020 by Thailog (talk | contribs)
Sign in to edit

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
@import url("/load.php?mode=articles&articles=MediaWiki:Themes.css|MediaWiki:Common.css&only=styles");

/* Font styling */
@font-face {
	font-family: "Tungsten";
	font-style: normal;
	font-weight: normal;
	src: url("https://raw.githubusercontent.com/jaxgeller/high-school-recruits-analytics/master/www/src/fonts/Tungsten-Medium.woff") format("woff");
}

@font-face {
	font-family: "Computer voice";
	font-style: normal;
	font-weight: normal;
	src: url("https://db.onlinewebfonts.com/t/44f2420454f6ce72d15343d2de6db2f8.woff") format("woff");
}

/* Admin name highlights */
a[href$="User:Ashcat19"],
a[href$="User:Rassilon_of_Old"],
a[href$="User:Thailog"],
a[href$="User:Tupka217"],
a[href$="User:Zergrinch"] {
    color: #006cb0 !important;
    font-weight: bold !important;
}

.WikiaPage h1,
.WikiaRail .module h2,
.WikiaRail .rail-module h2,
.heading-tag,
#mw-content-text>h1,
#mw-content-text>h2,
#mw-content-text>h3,
.ns-4 h3,
.page-Young_Justice_Wiki h3,
#mw-content-text>h4,
.page-Special_RecentChanges h4,
.page-Special_RecentChanges .WikiaArticle fieldset legend,
.TS,
.portal-tag,
.navslider,
.tally em,
.calendar-header,
.AdminDashboard .admin-dashboard-content .control-section header h1,
.AdminDashboardRail h1,
.insights-landing-header>h1,
.RelatedForumDiscussion h2,
.insights-header .insights-header-subtitle,
.wikitable th, .infobox-name-tag {
    font-family: "Tungsten","Agency FB","Avenir Next Condensed";
}

.UserProfileMasthead .masthead-info h1 {
    font-family: "Tungsten","Agency FB","Avenir Next Condensed";
    font-size: 42px !important;
    font-weight: normal;
    letter-spacing: 0.01em;
    line-height: 38px;
}

.WikiaPage h1, .insights-landing-header > h1, .insights-header .insights-header-subtitle {
    font-size: 40px !important;
    font-weight: normal !important;
}

.page-Special_RecentChanges .WikiaArticle fieldset legend {
    font-size: 18px !important;
    font-weight: normal;
    letter-spacing: 0.03em;
    margin: 0 10px;
}

.tally em {
    font-size: 35px;
    font-weight: normal;
}

.WikiaRail .module h2, .WikiaRail .rail-module h2 {
    font-size: 25px !important;
    font-weight: normal !important;
}

.AdminDashboard .admin-dashboard-content .control-section header h1, .AdminDashboardRail h1 {
    font-size: 24px !important;
}

.RelatedForumDiscussion h2 {
    font-size: 28px !important;
    letter-spacing: 0.02em;
}

.EditPageHeader > h1 {
    font-family: "Helvetica";
    font-size: 19px;
    font-variant: normal;
    letter-spacing: 0;
}

.WikiaPage h1 a {
    font-family: "Helvetica";
    font-size: 16px;
    font-weight: bold;
}

.EditPageHeader > h2 {
    line-height: 32px;
}
/* Circumvents admin name highlights */
.WikiaUserPagesHeader a, .userlinks a {
    font-weight: normal !important;
}
 
.EditPageHeader > h1 > a,
a.tag,
.WikiaNotifications .WikiaBadgeNotification .notification-details a,
#BackToTopBtn div {
    color: white !important;
}

.EditPageHeader {
    background-color: #8a8a8a;
    box-shadow: none;
}

/* Message Wall styling */
.Wall ul.comments > li.message > .speech-bubble-message::after {
    border-color: #eee #eee transparent transparent;
}

.Wall ul.comments > li.message > .speech-bubble-message, .Wall .new-message textarea, .Wall .new-message .editarea textarea, .Forum .DiscussionBox input[type="text"], .Forum .DiscussionBox textarea {
    background: #eee;
}

.Wall .SpeechBubble.new-message .speech-bubble-message, .Forum .DiscussionBox .message {
    background: #ddd;
}

.Wall .SpeechBubble.new-message .speech-bubble-message::after, .Forum .DiscussionBox .message::before {
    border-color: #ddd #ddd transparent transparent;
}

/* Round bullet points */
.WikiaArticle ul, .SpeechBubble .speech-bubble-message ul, .railModule.rail-module ul {list-style:disc outside none}

/* AddRailModule JS */
.railModule.rail-module p {
    margin: 0.4em 0 0.5em;
}
 
.railModule.rail-module ul,
.railModule.rail-module ol {
    margin: 0.4em 0 0.5em 2.5em;
}
 
.railModule.rail-module ol {
    list-style: decimal outside none;
}
 
.railModule.rail-module li {
    line-height: 15px;
    margin: 5px 0;
}

/* Roundy template */
.roundy {
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px;
}

/* Shadow-box styling */
.shadow-box {
  -moz-box-shadow: 0 0 0.6em #333;
  -webkit-box-shadow: 0 0 0.6em #333;
  box-shadow: 0 0 0.6em #333;
}

/* Spoilers warning */
.spoilers {
    margin-top: 50px !important;
    padding: 20px;
    width: 60%;
    font-size: 110%;
    border: 1px solid #7a0303;
    background: #EEEEEE;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
}

/* Gradient effect */
.gradientbg,
.portal-tag,
.calendar-header,
.wds-button-group > .wds-button:not(.wds-is-secondary):not(:last-child),
.wds-button-group > .wds-dropdown:not(:last-child) .wds-button,
.WikiaPage .page-header .wds-button-group > .wds-dropdown:not(:first-child) .wds-button,
#BackToTopBtn div {
background-color: #7a0303 !important;
background-image: linear-gradient(bottom, #7a0303 28%, #ab0505 82%) !important;
background-image: -o-linear-gradient(bottom, #7a0303 28%, #ab0505 82%) !important;
background-image: -moz-linear-gradient(bottom, #7a0303 28%, #ab0505 82%) !important;
background-image: -webkit-linear-gradient(bottom, #7a0303 28%, #ab0505 82%) !important;
background-image: -khtml-linear-gradient(bottom, #7a0303 28%, #ab0505 82%) !important;
background-image: -icab-linear-gradient(bottom, #7a0303 28%, #ab0505 82%) !important;
}

.transparent-gradient {
background-image: linear-gradient(bottom,rgba(122, 3, 3, 0.8) 28%,rgba(171, 5, 5, 0.8) 82%);
background-image: -o-linear-gradient(bottom,rgba(122, 3, 3, 0.8) 28%,rgba(171, 5, 5, 0.8) 82%);
background-image: -moz-linear-gradient(bottom,rgba(122, 3, 3, 0.8) 28%,rgba(171, 5, 5, 0.8) 82%);
background-image: -webkit-linear-gradient(bottom,rgba(122, 3, 3, 0.8) 28%,rgba(171, 5, 5, 0.8) 82%);
background-image: -khtml-linear-gradient(bottom,rgba(122, 3, 3, 0.8) 28%,rgba(171, 5, 5, 0.8) 82%);
background-image: -icab-linear-gradient(bottom,rgba(122, 3, 3, 0.8) 28%,rgba(171, 5, 5, 0.8) 82%);
}

/* Main page elements */
.page-Young_Justice_Wiki .WikiaPageBackground {
   background: #dbdbdb;
}

.mainpage-table {
    width:100%;
    padding:5px;
    margin-top:10px;
    border: 1px solid #7a0303;
    vertical-align:top;
}

.heading-tag {
    color: #fff;
    font-size: 195%;
    letter-spacing: 8px;
    margin-top: -25px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.dpl-list {
    line-height: 16px;
    font-size: 85%;
}

/* Headlines tweaks */
#mw-content-text > h1 {
    font-size: 32px;
}

#mw-content-text > h2 {
    font-size: 28px;
    letter-spacing: 0.01em;
    line-height: 24px;
    margin-top: 20px;
}

#mw-content-text > h3, .ns-4 h3, .page-Young_Justice_Wiki h3 {
    font-size: 24px;
    letter-spacing: 0.01em;
    line-height: 24px;
}

#mw-content-text > h4, .page-Special_RecentChanges h4 {
    font-size: 23px;
    letter-spacing: 0.03em;
}

.page-Timeline #mw-content-text > h4 {
    font-variant: small-caps;
}

.editsection > a, #GlobalNavigationWallNotifications .notification h4, .page-Young_Justice_Wiki .EditPage .module > h3 {
    font-family: "Helvetica";
    font-variant: normal;
    letter-spacing: 0;
}

.WikiaArticleComments h1 {
    font-family: "Helvetica";
    font-size: 22px !important;
}

.WikiaArticleComments h1 a {
    font-size: 14px !important;
}

.WikiaArticle .editsection, .non-bold strong {font-weight:normal}

/* Customized TOC */
nav.toc li::before {
    content: counters(item, ".", decimal) ".";
}

.customized-toc {
    background-color: transparent;
    border: 1px solid #d9d9d9;
    border-collapse: separate;
    font-size: 85%;
    margin-left: 15px;
}

.customized-toc li::before {
    content: counters(item, ".", decimal) ".";
    counter-increment: item 1;
    margin-left: -20px;
}

.customized-toc li {
    display: block;
    margin-right: 5px;
}

.customized-toc ol {
    margin: 0px 0px 0px 25px;
    counter-reset: item;
}

.news ul {
    margin: 0.4em 0.2em 0.4em 1.5em;
}

/* Calendar infobox styling */
.calendar {
    color: #999999;
    border-spacing: 0;
    margin: 0 auto;
    width: 23%;
    line-height: 1.3em;
    margin:0 0 1em 1em;
    text-align: center;
    background: #EEEEFF;
    border: 1px solid #7a0303;
    float: right;
    font-size: 85%;
    margin-right: 7px;
    box-shadow: 0 0 0.6em #333;
}

.calendar-header {
    color: #fff;
    font-size: 155%;
    font-weight: normal;
    letter-spacing: 0.03em;
    line-height: 1em;
    text-align: center;
}

.calendar-weekdays {
    color:#000;
    font-weight: bold;
}

.calendar-weekenddays {
    background: #CBEBFF;
    color: #006CB0;
    font-weight: bold;
}

.calendar-weekendbackg, .calendar-existingday-wnd {
    background: #CBEBFF;
}

.calendar-currentday {
    background: #FFFF00;
    color: #000;
    font-weight: bold;
}

.calendar-existingday a, .calendar-existingday-wnd a {
    font-weight: bold;
}

.calendar-navbox {
    background-color: #8a8a8a;
}

.calendar-nav {
    background-color: #8a8a8a;
    text-align: center;
    color: #fff;
    font-size: 90%;
    line-height: 0.6em;
    width: 100%;
}

.calendar-nav-arrow {
    color: #8a8a8a;
}

.calendar-nav a {
    color: inherit !important;
}

.calendar td {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.calendar-navbox td, .WikiaPage {
    border: none;
}

.calendar-existingday:hover, .calendar-existingday-wnd:hover {
    background: #7a0303;

}
.calendar-existingday:hover a, .calendar-existingday-wnd:hover a {
    color: #fff;
    text-decoration: none;
}

.page-Category_Timeline .calendar {
    box-shadow: none;
    width: 100%;
}

.page-Template_Calendar .WikiaArticle pre {
    background-color: #eeeeee;
    border: none;
    white-space: pre-wrap;
}

.page-Template_Calendar #toc, .page-Category_Timeline .calendar-nav, .page-Category_Timeline .calendar-navbox, .hide, .page-Young_Justice_Wiki .forum-activity-module h2 {
    display: none;
}

.wrapped pre {
    white-space: pre-wrap;
}

/* Search suggestions styling */
#suggestions {
    background: #ddd;
    font-size: 12px;
    width: 41%;
}

#suggestions a {
    font-style: italic;
    font-weight: bold;
}

/* Timestamp styling */
.TS-box {
    border: 0;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-top: 0px;
    width: 40%;
}

.TS-bar {
    border: 0 none;
    float: left;
    line-height: 2.3em;
    margin-right: -2px;
    margin-top: 2px;
}

.TS {
    font-size: 145%;
    letter-spacing: 0.03em;
    line-height: 0.9em;
    text-transform: uppercase;
    white-space: nowrap;
}

.TS-date {
    font-size: 90%;
    letter-spacing: 0.02em;
    text-transform: initial;
}

.TS-tz {
    font-size: 70%;
    letter-spacing: 0.05em;
}

/* Table styling */
.wikitable th {
    font-size: 20px;
    font-weight: normal;
    letter-spacing: 0.02em;
    line-height: 15px;
}

/* Credits table styling */
.VA {
    text-transform: initial;
}

.credits {
    font-family: "Tungsten","Agency FB","Avenir Next Condensed";
    font-size: 20px;
    letter-spacing: 0.02em;
    line-height: 20px;
    margin-top: 8px !important;
    text-transform: uppercase;
}

/* Tabber styling */
ul.tabbernav {font-family:Helvetica, sans-serif !important; font-weight:normal !important; padding:5px 0px !important; border-bottom:5px solid #7a0303 !important;}
ul.tabbernav li a {padding:5px 5px !important; margin-left:0px !important; border:0 !important; background:#EEEEFF !important; border-right:1px solid #7a0303 !important}
ul.tabbernav li a:link {color:#7a0303 !important;}
ul.tabbernav li a:visited {color: #7a0303 !important;}
ul.tabbernav li a:hover {background-color:#7a0303 !important; border-color:transparent !important; color:#FFF !important;}
ul.tabbernav li.tabberactive a {color:#FFF !important; font-weight:normal !important; border:0px solid #7a0303 !important; background-color:#7a0303 !important;}
ul.tabbernav li.tabberactive a:hover {border:0px solid #7a0303 !important; border-bottom: 0px solid #7a0303 !important;}
.tabberlive .tabbertab {border:0px solid #7a0303 !important; border-top:0 !important;}

/* Slider */
.portal_body {
    padding-left: 3px;
}

#portal_slider > .portal_body { padding: 0px; }

/* Slider content */
#portal_content { font-size: 0.9em; line-height: 1.7em; }
#portal_content .portal_body > table { height: auto; }
#portal_content ul ul { margin-left: 1em; }
.navlink:hover,
.character_portal_link:hover,
.portal_sliderlink_1:hover,
.portal_sliderlink_2:hover,
.portal_sliderlink_3:hover,
.portal_sliderlink_4:hover,
.portal_sliderlink_5:hover,
.portal_sliderlink_6:hover,
.portal_sliderlink_7:hover,
.portal_sliderlink_8:hover,
.portal_sliderlink_9:hover,
.portal_sliderlink_10:hover,
.portal_sliderlink_11:hover,
.portal_sliderlink_12:hover,
.portal_sliderlink_13:hover {
    opacity: 0.6;
}

.sliderlink,
.portal_sliderlink_1,
.portal_sliderlink_2,
.portal_sliderlink_3,
.portal_sliderlink_4,
.portal_sliderlink_5,
.portal_sliderlink_6,
.portal_sliderlink_7,
.portal_sliderlink_8,
.portal_sliderlink_9,
.portal_sliderlink_10,
.portal_sliderlink_11,
.portal_sliderlink_12,
.portal_sliderlink_13 {
    cursor: pointer;
}

.sliderlink a, .character_portal_link a, .navlink a {
    color: inherit;
    text-decoration: none;
}

.character_portal_link {
    padding-top:3px;
    padding-bottom:20px;
}

.sliderlink a:hover {
    font-size: 20px;
}

.sliderlink strong {
    font-weight: normal;
    color: rgb(154, 73, 73);
}

.sliderlink strong:hover {
    cursor: text;
}

.portal-tag {
    background-color: #7a0303;
    color: #fff;
    font-size: 21px;
    height: 22px;
    letter-spacing: 0.05em;
    margin-top: -22px;
    opacity: 0.9;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0 15px 0 0;
    -moz-border-radius: 0 15px 0 0;
    -webkit-border-radius: 0 15px 0 0;
    -khtml-border-radius: 0 15px 0 0;
    -icab-border-radius: 0 15px 0 0;
    -o-border-radius: 0 15px 0 0;
}

.slider-content {
    background-color: #eeeeee;
    box-shadow: 0 0 0.6em #333;
    margin-left: 5px;
}

.grayscale:hover, .grayIcons {
   filter: gray;
   -webkit-filter: grayscale(1);
   filter: grayscale(1);
}

.S1-hub {
   background-image: url("https://vignette.wikia.nocookie.net/youngjustice/images/4/40/S1-hub.png");
}

.S2-hub {
   background-image: url("https://vignette.wikia.nocookie.net/youngjustice/images/7/77/S2-hub.png");
}

.S3-hub {
   background-image: url("https://vignette.wikia.nocookie.net/youngjustice/images/e/e8/S3-hub.png");
}

.merch {
   background-image: url("https://vignette.wikia.nocookie.net/youngjustice/images/8/86/Merch.png");
}

.infobox-name-tag {
    font-size: 28px;
    letter-spacing: 0.01em;
    line-height: 24px;
    margin-top: 20px;
}
.reddit-logo {
   background-image: url("https://vignette.wikia.nocookie.net/youngjustice/images/b/b5/Reddit_logo.png");
   background-repeat: no-repeat;
}

/* Navigation slider */
.navslider {
    background: #eeeeee;
    font-size: 150%;
    height: 160px;
    line-height: 1.2em;
    width: 100%;
}

.navslider p {
    margin: 0;
}

/* tabs/sliders */
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0 !important; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-hide, .article-thumb .title { display: none !important; }

/* A modified version of the user profile theme designed by User:Una01 from Dev wiki */
@media only screen and (min-width:1596px) {
	#WikiaRail .rail-module h2::after {
		left: 320px
	}
	.WikiaUserPagesHeader {
		margin-left: -30px !important;
		margin-right: -30px !important;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.UserProfileMasthead .masthead-info {
		margin-left: -30px !important;
		margin-right: -30px !important;
	}
	.UserProfileMasthead .masthead-info hgroup,
	.UserProfileMasthead .masthead-info-lower {
		padding-left: 205px !important;
	}
}
 
@media only screen and (min-width:1084px) and (max-width:1595px) {
	#WikiaRail .rail-module h2::after {
		left: 267px !important;
	}
	#WikiaRail .rail-module h2 {
		width: 247px !important;
	}
	.WikiaUserPagesHeader {
		margin-left: -20px !important;
		margin-right: -20px !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.UserProfileMasthead .masthead-info {
		margin-left: -21px !important;
		margin-right: -21px !important;
	}
	.UserProfileMasthead .masthead-info hgroup,
	.UserProfileMasthead .masthead-info-lower {
		padding-left: 195px !important;
	}
}
 
 
/* Tablet Landscape */
 
@media only screen and (min-width:1024px) and (max-width:1083px) {
	.WikiaUserPagesHeader {
		margin-left: -10px !important;
		margin-right: -10px !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.UserProfileMasthead .masthead-info {
		margin-left: -10px !important;
		margin-right: -10px !important;
	}
	.UserProfileMasthead .masthead-info hgroup,
	.UserProfileMasthead .masthead-info-lower {
		padding-left: 185px !important;
	}
}
 
 
/* Tablet Portrait */
 
@media only screen and (max-width:1023px) {
	.WikiaUserPagesHeader {
		margin-left: -24px !important;
		margin-right: -24px !important;
		padding-left: 24px !important;
		padding-right: 24px !important;
	}
	.UserProfileMasthead .masthead-info {
		margin-left: -24px !important;
		margin-right: -24px !important;
	}
	.UserProfileMasthead .masthead-info hgroup,
	.UserProfileMasthead .masthead-info-lower {
		padding-left: 199px !important;
	}
}
 
.WikiaUserPagesHeader {
	padding-top: 0;
	background: rgba(128, 128, 128, .07);
	margin-bottom: 18px
}
 
.UserProfileMasthead {
	padding: 0;
}

.UserProfileMasthead .masthead-avatar {
	z-index: 1;
	left: 0px;
}

.UserProfileMasthead .masthead-avatar span {
	text-align: center;
	float: left;
	width: 100%;
}
 
.User img,
.Write img {
	border-radius: 50%;
	border: 2px solid #484848;
}
 
.UserProfileMasthead .masthead-avatar .avatar {
	border: none;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
	border-radius: 50%;
}
 
.UserProfileMasthead .masthead-info {
	background: none;
	box-shadow: none;
	margin-left: 0;
	margin-bottom: 0;
}
 
.UserProfileMasthead .masthead-info hgroup {
	border-radius: 0;
}
 
.UserProfileMasthead .masthead-info h2 {
	display: none;
}
 
.UserProfileMasthead .masthead-info .tag {
	background: #bf0027;
	font-size: 13px;
	border-radius: 0;
}
 
.UserProfileMasthead .masthead-info-lower:before {
	display: none;
}

.UserProfileMasthead .masthead-info .user-identity-box-edit {
	display: block;
	transition: opacity 0.15s ease-out;
	opacity: 0;
}
 
.UserProfileMasthead .masthead-avatar span {
	text-align: center;
	float: left;
	width: 100%;
}
 
.UserProfileMasthead .masthead-avatar .avatar-controls {
	display: block;
	transition: opacity 0.15s ease-out;
	opacity: 0;
	float: left;
	width: 100%;
	margin-top: 5px
}
 
.UserProfileMasthead .masthead-info:hover .user-identity-box-edit,
.UserProfileMasthead .masthead-avatar:hover .avatar-controls {
	display: block;
	opacity: 1
}
 
.UserProfileMasthead .masthead-info hgroup {
	overflow: visible;
}
 
.UserProfileMasthead .wds-dropdown__content {
	background-color: #313131;
	border-color: #484848;
	color: #D5D4D4
}
 
.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li>a {
	color: #D5D4D4
}
 
.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked li:hover>a {
	background-color: rgba(112, 184, 255, 0.1);
	color: #70b8ff
}
 
.UserProfileMasthead .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content {
	background-color: #313131;
	border-color: #484848;
	color: #D5D4D4
}
 
.UserProfileMasthead .wds-dropdown::after {
	border-bottom-color: #313131
}
 
.UserProfileMasthead .wds-dropdown::before {
	border-bottom-color: #484848
}
 
.UserProfileMasthead button {
	background-image: none
}
 
.UserProfileMasthead .wds-button.wds-is-secondary {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}
 
.UserProfileMasthead .wds-button.wds-is-secondary:focus:not(:disabled),
.UserProfileMasthead .wds-button.wds-is-secondary:hover:not(:disabled),
.UserProfileMasthead .wds-button.wds-is-secondary:active,
.UserProfileMasthead .wds-button.wds-is-secondary.wds-is-active {
	background-color: transparent;
	border-color: #cac6c6;
	color: #cac6c6
}
 
.UserProfileMasthead .wds-button.wds-is-text {
	background-color: transparent;
	color: #D5D4D4
}
 
.UserProfileMasthead .wds-button-group>.wds-dropdown:not(:first-child) .wds-button {
	border-left-color: transparent;
}
.UserProfileMasthead .masthead-info hgroup { 
 background: white;
}

.UserProfileMasthead .masthead-info hgroup {
        background-color: #7a0303;
        background-image: linear-gradient(bottom, #7a0303 28%, #ab0505 82%);
        background-image: -o-linear-gradient(bottom, #7a0303 28%, #ab0505 82%);
        background-image: -moz-linear-gradient(bottom, #7a0303 28%, #ab0505 82%);
        background-image: -webkit-linear-gradient(bottom, #7a0303 28%, #ab0505 82%);
        background-image: -khtml-linear-gradient(bottom, #7a0303 28%, #ab0505 82%);
        background-image: -icab-linear-gradient(bottom, #7a0303 28%, #ab0505 82%);
        -webkit-font-smoothing: antialiased;
}

.UserProfileMasthead .masthead-info hgroup::before {
        content: '';
        display: block;
        height: 54px;
        right: 0;
        top: 0;
        position: absolute;
        width: 435px;
        z-index: 1;
}
hgroup .wds-button {
	z-index: 3
}
 
.UserProfileMasthead .masthead-info hgroup {
	box-shadow: 0 4px 4px -2px gray;
}
 
.profile-icons {
	padding-right: 10px;
	vertical-align: middle;
	fill: DimGray
}

.mastheadPrefix {
    color: #d7d0d0;
}

/* AppearancesListTree customization */
#listTreeHeader {
    font-size: 12px;
}

/* Community header tag */
.wds-community-header__local-navigation [href="/wiki/Young_Justice_4"]::after {
    background-color: #7294ec;
    border-radius: 4px;
    color: black;
    content: 'new';
    font-size: 90%;
    font-weight: bold;
    margin-left: 5px;
    padding: 0 2px;
    position: relative;
    top: 0;
}

/* Discussions module */
.page-Young_Justice_Wiki .embeddable-discussions-module {
    border: 0;
    padding: 0px 10px 0px 10px;
}

.page-Young_Justice_Wiki .embeddable-discussions-module .embeddable-discussions-heading {
    font-size: 28px;
    font-family: "Tungsten";
}

.page-Young_Justice_Wiki .embeddable-discussions-module .embeddable-discussions-post-detail {
    background-color: #eee;
    border: 1px solid #7a0303;
}
Community content is available under CC-BY-SA unless otherwise noted.
More Fandoms
Advertisement