MediaWiki:Wikia.css

/* 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"); }

.WikiaPage .page-header__title, .wds-tabs__tab-label, .UserProfileMasthead .masthead-info h1, .WikiaRail .module h2, .WikiaRail .rail-module h2, .wds-community-header .wds-community-header__sitename a, .heading-tag, #mw-content-text > h1, #mw-content-text > h2, #mw-content-text > h3, #mw-content-text > h4, .TS, .portal-tag, .navslider, .tally em, .calendar-header, .AdminDashboard .admin-dashboard-content .control-section header h1, .AdminDashboardRail h1, .insights-landing-header > h1, .insights-header .insights-header-subtitle, .wikitable th, .wds-community-header__counter-value, .wds-community-header__counter-label { font-family: "Tungsten"; }

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

.wds-tabs__tab-label { font-size: 18px; font-weight: normal; letter-spacing: 0.03em; margin: 0 10px; }

.UserProfileMasthead .masthead-info h1, .tally em { font-size: 35px; font-weight: normal; }

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

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

.wds-community-header__counter-value { font-size: 28px; letter-spacing: 0.02em; }

.wds-community-header__counter-label { font-size: 20px; letter-spacing: 0.02em; }

/* Circumvents admin name highlights */ .wds-dropdown__content .wds-list.wds-is-linked > li > a { color: #39424d !important; font-weight: normal !important; } .WikiaUserPagesHeader a, .userlinks a { font-weight: normal !important; } .EditPageHeader > h1 > a, a.tag { 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 {list-style:disc outside none}

/* wds styling */ .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a { background-color: #ccc !important; color: #7a0303 !important; }

.wds-community-header .wds-community-header__sitename a { color: #7a0303; font-size: 33px; line-height: 0.8; }

/* 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; }

/* Spoilers box */ border: 3px solid #7a0303 !important; top: 0px !important; }
 * 1) dialog {

background: rgba(0, 0, 0, 0) url("https://vignette.wikia.nocookie.net/youngjustice/images/0/0e/Community-header-background/revision/latest/zoom-crop/width/471/height/115") repeat scroll 0 0; content: ""; height: 100%; opacity: 0.1; position: absolute; right: 3px; top: 0; width: 103%; }
 * 1) dialog::after {

position: relative; z-index: 1; }
 * 1) dialog td, #yes, #no {

/* 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 { 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%); }

.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: -24px; text-align: center; text-transform: uppercase; width: 100%; }

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

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

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

font-size: 24px; letter-spacing: 0.01em; line-height: 24px; }
 * 1) mw-content-text > h3 {

font-size: 23px; letter-spacing: 0.03em; }
 * 1) mw-content-text > h4 {

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

.editsection > a { font-family: "Helvetica"; font-variant: normal; letter-spacing: 0; }

.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 { display: none; }

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

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

font-style: italic; font-weight: bold; }
 * 1) suggestions a {

/* 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; font-size: 20px; letter-spacing: 0.02em; 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; }


 * 1) portal_slider > .portal_body { padding: 0px; }

/* Slider content */ .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 { opacity: 0.6; }
 * 1) portal_content { font-size: 0.9em; line-height: 1.7em; }
 * 2) portal_content .portal_body > table { height: auto; }
 * 3) portal_content ul ul { margin-left: 1em; }

.sliderlink, .portal_sliderlink_1, .portal_sliderlink_2, .portal_sliderlink_3, .portal_sliderlink_4, .portal_sliderlink_5, .portal_sliderlink_6, .portal_sliderlink_7 { cursor: pointer; }

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

.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); }

/* 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; }