SuperFriends Wiki
Don't have an account?
Register
Advertisement
Register
SuperFriends Wiki
SERVING ALL MANKIND!
11,901
pages

Wikia.css

MediaWiki page
Revision as of 22:34, 6 September 2020 by Superman Fan (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");
 
Tungsten/***********/
/* GALLERY */
 
.wikia-gallery-item > .lightbox-caption  {
  text-align:center;
}
 
.mainpage span.wikia-gallery-add {
  display: none !important;
}
 
.mainpage .wikia-photogallery-add {
  display: none !important;
}
 
span.wikia-gallery-add {
  display: none !important;
}
 
.wikia-photogallery-add {
  display: none !important;
}
 
.wikia-gallery-item .title + .lightbox-caption {
   margin-top: 6px;
}
 
.wikia-gallery-item .title {
   display: none;
}
 
.wikia-gallery-border-small .thumb .gallery-image-wrapper {
   background-color: transparent !important;
   border-color: transparent !important;
   border-width: 1 !important;
   box-shadow: 0 0.1em 0.6em #333;
   margin: 0 0.6em 1em 1em;
}
 
.WikiaArticle .article-thumb .title {
   display: none;
}
 
.thumbimage {
    margin-top: 0 !important;
}
 
 
/* 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:Superman_Fan"],
a[href$="User:Noah_Tall"],
{
    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-SuperFriends_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: "Tungsten";
   font-size: 19px;
   font-variant: normal;
   letter-spacing: 0;
}
 
.WikiaPage h1 a {
   font-family: "Tungsten";
   font-size: 20px;
   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: #07243E;
   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, .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 #0D487B;
   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: 07243E; !important;
background-image: linear-gradient(bottom, 07243E 28%, #0D487B 82%);
background-image: -o-linear-gradient(bottom, 07243E 28%, #0D487B 82%);
background-image: -moz-linear-gradient(bottom, 07243E 28%, #0D487B 82%);
background-image: -webkit-linear-gradient(bottom, 07243E 28%, #0D487B 82%);
background-image: -khtml-linear-gradient(bottom, 07243E 28%, #0D487B 82%);
background-image: -icab-linear-gradient(bottom, 07243E 28%, #0D487B 82%);
}
 
.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-SuperFriends_Wiki .WikiaPageBackground {
  background: #dbdbdb;
}
 
.mainpage-table {
   width:100%;
   padding:5px;
   margin-top:10px;
   border: 1px solid #07243E;
   vertical-align:top;
}
 
.heading-tag {
   color: #fff;
   font-size: 195%;
   letter-spacing: 8px;
   margin-top: -24px;
   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-SuperFriends_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-SuperFriends_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 #07243E;
   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-SuperFriends_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: 25px;
   letter-spacing: 0.02em;
   margin-top: 8px !important;
   text-transform: uppercase;
}
 
/* Tabber styling */
ul.tabbernav {font-family:Helvetica, sans-serif !important; font-weight:bold !important; padding:5px 0px !important; border-bottom:5px solid #012E59 !important;}
ul.tabbernav li a {padding:5px 5px !important; margin-left:0px !important; border:0 !important; background:#EEEEFF !important; border-right:1px solid #012E59 !important}
ul.tabbernav li a:link {color:#012E59 !important;}
ul.tabbernav li a:visited {color: #012E59 !important;}
ul.tabbernav li a:hover {background-color:#012E59 !important; border-color:transparent !important; color:#FFF !important;}
ul.tabbernav li.tabberactive a {color:#FFF !important; font-weight:normal !important; border:0px solid #012E59 !important; background-color:#012E59 !important;}
ul.tabbernav li.tabberactive a:hover {border:0px solid #012E59 !important; border-bottom: 0px solid #012E59 !important;}
.tabberlive .tabbertab {border:0px solid #012E59 !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: #07243E;
   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("   ");
}
 
.S3-hub {
   background-image: url("   ");
}
 
.merch {
   background-image: url("");
}
 
.infobox-name-tag {
    font-size: 28px;
    letter-spacing: 0.01em;
    line-height: 24px;
    margin-top: 20px;
}
.reddit-logo {
   background-image: url("   ");
   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: #2B547E;
       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/SuperFriends_Wiki"]::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-SuperFriends_Wiki .embeddable-discussions-module {
   border: 0;
   padding: 0px 10px 0px 10px;
}
 
.page-SuperFriends_Wiki .embeddable-discussions-module .embeddable-discussions-heading {
   font-size: 28px;
   font-family: "Tungsten";
}
 
.page-SuperFriends_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.
Advertisement