MediaWiki:Wikia.css

/*Font import*/

@import url('https://fonts.googleapis.com/css?family=Ubuntu:500');
@import "https://dev.wikia.com/load.php?mode=articles&articles=MediaWiki:ModernProfile/Masthead.css|MediaWiki:ModernProfile/Wall.css&only=styles";
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedTabs/tabviews.css&only=styles");
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedActivityFeed.css&only=styles");
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:InterlanguageFlags.css&only=styles");

body.mediawiki {
    background: url("https://vignette.wikia.nocookie.net/southpark/images/d/d5/SPAbackground.png") center top #ECECEC;
}

:root {
	--theme-header-text-color: #fff;
	--theme-header-text-color--hover: #fff;
	--theme-accent-label-color: #fff;
	--theme-alert-label: #fff;
    --theme-success-label: #fff;
}

/* White text infobox & buttons */
.wds-community-header__sitename a, .wds-button, .wds-community-header .wds-button.wds-is-secondary, .wds-community-header__counter-value, .wds-community-header__counter-label {
	color: #fff;
}
.ooui-theme-fandom .wds-global-navigation-wrapper ~ * .wds-button {
    color: #fff;
}
.user-identity-header__button, .user-identity-header__button:not(.wds-is-text):not(.wds-is-secondary) {
    color: #fff;
}
.pi-europa .pi-header, .pi-europa .pi-title {
    color: #fff;
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
	 color: #fff;
}
.WikiaBarWrapper .toolbar .tools > li > a {
    color: #fff;
}

#WikiaMainContent,
#wpUploadDescription textarea,
.category-gallery-item .snippet .text,
.WikiaArticle i,
.WikiaArticle em,
a.wikia-button,
.wikia-single-button a,
.wikia-menu-button,
input,
.button,
button,
select {
    font-family: 'Ubuntu', sans-serif;
}
/* Edit Button */
.editsection a {
  color: #000000;
  font-family:'Rubik', sans-serif;
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-style: none;
}
 .mainpage .WikiaPage .page-header__title,
.mainpage .WikiaPage .page-header__separator {
    display: none;
}

/* Gallery add button removal */
.wikia-photogallery-add {
    display: none;
}

/* References wrap */
.mw-parser-output .mw-references-wrap {
    clear: none;
}

/* Side Panel and Page Title Font */
#WikiaPage {
    font-family: 'Rubik', sans-serif !important;
}
/*
section.group-FANDOM_TOPIC {
    display:none !important;
}*/


div.autoWide img {
    height: auto;
    width: auto;
    max-width: 100%;
}

div.noGalBG .accent {
    background-color: transparent !important;
}

/* Classes for tables, headers, etc. */
.DLborder {
    border: 1px solid #c3c3c3;
}

.DLborderBOT {
    border-bottom: 1px solid #c3c3c3;
}

.DLborderRIGHT {
    border-right: 1px solid #c3c3c3;
}

.headerscontent {
    background-color: #EEF5EE;
}

.headersthemes {
    background-color:#4CAF50;
    color:#FFF;
}
.secBG {
	background-color: #f2f2f2;
}

.thirdBG {
	background-color: #6DC56D;
}

/* MASTHEAD */

a.tag {
    color: inherit;
}

.tag.usergroup-blocked {
    background-color: red !important;
    color: black;
}

.tag.usergroup-bureaucrat {
    background-color: black !important;
    color: blue !important;
}
.tag.usergroup-seniorbcrat {
    background-color: black !important;
    color: gold !important;
}
.tag.usergroup-inactive {
    background-color: yellow !important;
    color: black;
}

.tag.usergroup-fired {
    background-color: red !important;
    color: black !important;
}

.tag.usergroup-inactivebcrat {
    background-color: yellow !important;
    color: black;
}
.tag.usergroup-leadbcrat {
    background-color: orange !important;
    color: black !important;
}
.tag.usergroup-inactiveadmin {
    background-color: yellow !important;
    color: black;
}

.tag.usergroup-assistantbcrat {
    background-color: blue !important;
    color: white;
}

.tag.usergroup-founder {
    background-color: purple !important;
    color: white;
}

.tag.usergroup-discordmod {
    background-color: #00ebeb !important;
    color: white;
}

.tag.usergroup-sysop {
    background-color: black !important;
    color: white;
}

span#date > a {
    color: white !important;
    font-size: 15px;
}

/* Tooltips */
/* Main CSS class of the tooltip */
.main-tooltip {
    border: 0px solid #cac4b5;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 0px;
    padding: 0px 0px;
    background-color: transparent;
}
 
/* Adds padding to the wrapper to make space for a shadow */
#tooltip-wrapper {
    padding: 0px 0px 0px 0px;
}
 
/* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */
.has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents {
    display: none;
}

/* Slider */
#spotlight-slider .description .wikia-button,
#spotlight-slider .description .wikia-button:visited {
    background-color: #25911C;
    background-image: -moz-linear-gradient(top, #36A72D 20%, #147C0C 70%);
    background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#36A72D), to(#147C0C));
    border-color: #A4C8A1;
    box-shadow: 0 1px 0 #36A72D, 0 -1px 0 #147C0C, 1px 0 0 #36A72D, -1px 0 0 #147C0C;
    color: #FFFFFF;
    -moz-box-shadow: 0 0 0 1px #36A72D;
    -webkit-box-shadow: 0 1px 0 #36A72D, 0 -1px 0 #147C0C, 1px 0 0 #36A72D, -1px 0 0 #147C0C;
}

#spotlight-slider .description .wikia-button:hover {
    background-color: #25911C;
    background-image: -moz-linear-gradient(top, #36A72D 20%, #147C0C 70%);
    background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#36A72D), to(#147C0C));
    border-color: #A4C8A1;
    box-shadow: 0 1px 0 #36A72D, 0 -1px 0 #147C0C, 1px 0 0 #36A72D, -1px 0 0 #147C0C;
    color: #FFFFFF;
    -moz-box-shadow: 0 0 0 1px #36A72D;
    -webkit-box-shadow: 0 1px 0 #36A72D, 0 -1px 0 #147C0C, 1px 0 0 #36A72D, -1px 0 0 #147C0C;
}

#spotlight-slider .description h3 {
    font-weight: bold !important;
    text-shadow: black 0px 1px 1px !important;
    filter: glow(color=#000000, strength=3) !important;
}

#spotlight-slider .description h2:first-child .plainlinks a {
    background-image: none !important;
}

.plainlinks a:hover {
    text-decoration: none !important;
}

.mainpage #spotlight-slider {
    margin: 0 auto
}

.mainpage #spotlight-slider {
    margin: 0 auto;
    text-align: left
}

.page-South_Park_Archives #article .wk_blogs_title_refresh a {
    background-color: #FF9933 !important;
}

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect,
.watchlistredir {
    font-style: italic;
}

/* Giving headers and TOC a little extra space */
h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* TOC limit */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul { display: none; }

/* Tabbers */
/**
 *
 * @title           FandomizedTabs/tabbers.css
 * @description     Modernizes <tabber>.
 * @author          JustLeafy
 * @author          Speedit
 * @license         CC-BY-SA 3.0
 */
 
 /**
 * @section         Tabber redesign
 * @element         .tabber
 */
#mw-content-text .tabber div.tabbertab,
#mw-content-text .tabber ul.tabbernav {
    border: none;
}
#mw-content-text .tabber ul.tabbernav {
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
    font-family: Rubik,"Helvetica Neue",Helvetica,Arial,sans-serif;
    overflow: auto;
}
 
/**
 * @section         Tab restyling
 * @element         .tabbernav li
 */
 #mw-content-text .tabber ul.tabbernav li {
    display: flex;
}
#mw-content-text .tabber ul.tabbernav li:not(.tabberactive) a,
#mw-content-text .tabber ul.tabbernav li.tabberactive a {
    background: initial;
    border-color: currentColor;
    border-width: 0 0 2px !important;
    color: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height:  1em;
    margin: 0;
    padding: 13px 11px;
    text-align: center;
    text-transform: uppercase;
    transition: opacity 0.3s;
    white-space: nowrap;
}
#mw-content-text .tabber ul.tabbernav li:not(.tabberactive) a {
    opacity: 0.40;
}
#mw-content-text .tabber ul.tabbernav li:not(.tabberactive):hover a {
    opacity: 0.70;
}

/** Card infobox portable **/
.portable-infobox.pi-theme-card {
	background-color: #e2eae2;
	color: black;
	box-shadow: 0 0 5px 2px rgba(53,200,234,.1);
	display: flex;
	flex-flow: row wrap;
	clear: both;
	float: none;
	margin: 0 0 10px;
	position: relative;
	width: 100%;
}
.portable-infobox.pi-theme-card .pi-title {
	background-color: #3C963C;
	color: white;
	font-family: 'Trueno', sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	display: flex;
	overflow: hidden;
	align-self: flex-end;
	background: none;
	position: absolute;
	text-shadow: 0 0 4px hsla(0,0%,0%,0.5);
	text-transform: uppercase;
}
.portable-infobox.pi-theme-card .pi-title:not(:nth-last-child(4)) {
	display: none;
}
.portable-infobox.pi-theme-card .pi-header {
	background-color: #3C963C;
	text-align: left;
	color: white;
}
.portable-infobox.pi-theme-card .pi-image {
	background-color: #fff;
	display: flex;
	overflow: hidden;
	align-items: stretch;
	background: #fff;
	border-radius: 7px;
	justify-content: center;
	max-width: 40%;
}
.portable-infobox.pi-theme-card .pi-image .image-thumbnail {
	display: flex;
	align-items: center;
	justify-content: center;
}
.portable-infobox.pi-theme-card .pi-image .pi-image-thumbnail {
	display: flex;
	min-height: 100%;
	width: auto;
}
.portable-infobox.pi-theme-card .pi-group {
	border: none;
	display: flex;
	flex-flow: column nowrap;
	flex: 1 1 0;
}
.portable-infobox.pi-theme-card .pi-group .pi-header {
	border-left: 1px #6dc56d solid;
}
.portable-infobox.pi-theme-card .pi-group .pi-data {
	border-bottom: none;
	border-left: 1px #6dc56d solid;
}
.portable-infobox.pi-theme-card .pi-group .pi-data:last-of-type {
	flex: 1;
}
.portable-infobox.pi-theme-card .pi-group .pi-data:last-child {
	padding-bottom: 10px;
}
.portable-infobox.pi-theme-card .pi-navigation {
	font-weight: normal;
	color: #000;
	background: #a7dca7;
	padding: 0;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaaaaa;
    background-color: #f9f9f9;
    color: black;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}

.infobox td,
.infobox th {
    vertical-align: top;
}

.infobox caption {
    font-size: larger;
    margin-left: inherit;
}

.infobox.bordered {
    border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaaaaa;
}

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
    border: 1px solid #aaa;
    margin-top: 1em;
    padding: 12px;
}

.forumlist td.forum_edited a {
    color: black;
    text-decoration: none;
}

.forumlist td.forum_title a {
    padding-left: 20px;
}

.forumlist td.forum_title a.forum_new {
    font-weight: bold;
    background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
    padding-left: 20px;
}

.forumlist td.forum_title a.forum_new:visited {
    font-weight: normal;
    background: none;
    padding-left: 20px;
}

.forumlist th.forum_title {
    padding-left: 20px;
}

/* Recent changes byte indicators */

.mw-plusminus-pos {
    color: #006500;
}

.mw-plusminus-neg {
    color: #8B0000;
}

/* Image frame fix */
div.tright,
div.tleft {
    border: 1px solid silver;
}

div.thumb {
    margin: 2px;
    margin-left: 6px;
}

div.thumbinner {
    background: inherit;
    border: none;
}

#article div.thumb {
    color: inherit;
}

/* === Babel === */
div.babelbox {
    float: right;
    margin-left: 1em;
    margin-bottom: 0.5em;
    width: 246px;
    border: 1px solid #99B3FF;
    padding: 2px 0;
}

.lang-blockN,
.lang-block0,
.lang-block1,
.lang-block2,
.lang-block3 {
    margin: 2px 4px;
    width: 238px;
    border-collapse: collapse;
}

td.lang-codeN,
td.lang-code0,
td.lang-code1,
td.lang-code2,
td.lang-code3 {
    text-align: center;
    font-size: 14pt;
    width: 45px;
    height: 45px;
}

td.lang-descriptionN,
td.lang-description0,
td.lang-description1,
td.lang-description2,
td.lang-description3 {
    font-size: 8pt;
    padding: 4pt;
    line-height: 1.25em;
}

.lang-block0 {
    border: 1px solid #FFB3B3;
}

td.lang-code0,
td.lang-description0 {
    background-color: #FFB3B3;
    color: black;
}

.lang-block1,
.lang-block2,
.lang-block3,
td.lang-code1,
td.lang-code2,
td.lang-code3 {
    border: 1px solid #99B3FF;
}

td.lang-description1,
td.lang-description2,
td.lang-description3 {
    background-color: #E0E8FF;
    color: black;
}

.lang-blockN,
td.lang-codeN {
    border: 1px solid #6EF7A7;
}

td.lang-descriptionN {
    background-color: #C5FCDC;
    color: black;
}

/* Colored names, of admins, Wikia Staff and Wikia Helpers, in the recent changes and page history (highlights admins) */
a[href="/wiki/User:Trisolaris"],
a[href="/wiki/User:Aguziel"],
a[href="/wiki/User:SkyRider747"],
a[href="/wiki/User:SilasGreaves12"],
a[href$=":SilasGreaves12"],
a[href="/wiki/Message_Wall:SilasGreaves12"],
a[href="/wiki/User_blog:SilasGreaves12"],
a[href="/wiki/Special:Contributions/SilasGreaves12"],
a[href="/wiki/User:Cryptar"],
a[href="/wiki/User:HighJewElfKing"],
a[href$=":HighJewElfKing"],
a[href="/wiki/Message_Wall:HighJewElfKing"],
a[href="/wiki/User_blog:HighJewElfKing"],
a[href="/wiki/Special:Contributions/HighJewElfKing"],
.Wall .edited-by a.subtle[href$="Wall:HighJewElfKing"]:after {
    color: #005500 !important;
    font-weight: bold !important;
}

a[href$=":SGBOT12"],
a[href="/wiki/User:SGBOT12"],
a[href="/wiki/Message_Wall:SGBOT12"],
a[href="/wiki/User_blog:SGBOT12"],
a[href="/wiki/Special:Contributions/SGBOT12"],
a[href$=":HumanKite"],
a[href="/wiki/User:HumanKite"],
a[href="/wiki/Message_Wall:HumanKite"],
a[href="/wiki/User_blog:HumanKite"],
a[href="/wiki/Special:Contributions/HumanKite"],
.Wall .edited-by a.subtle[href$="Wall:HumanKite"]:after {
    color: #3498DB !important;
    font-weight: bold !important;
}

/* Code to change the background. (DISABLED) */
/*
body.mediawiki {
    background: url("") center top #ECECEC;
}
*/



/*Tabs*/
.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;
}
 
.WikiaUserPagesHeader .tabs {
	display: flex;
	flex-direction: row;
	border-bottom: none;
}
.WikiaUserPagesHeader .tabs li a{
    border-bottom: none !important;
}
.WikiaUserPagesHeader .tabs li {
	border-bottom: 4px solid #4CAF50 !important;
	color: #4CAF50;
}
.WikiaUserPagesHeader .tabs li:hover {
    filter: brightness(.7) !important;
}
 
.WikiaUserPagesHeader .tabs li.selected {
	pointer-events: none;
	border-bottom: 4px solid #4CAF50 !important;
}
 
.profile-icons {
     fill:gray;
     vertical-align:middle;
     margin-right:10px
}
.WikiaUserPagesHeader .tabs li.selected a {
    border-bottom: none !important;
    color: #4CAF50;
}

/* Tabview on File pages */
.tabs {
    padding-left: 0px;
}
.tabs a {
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
    color: black;
    white-space: nowrap;
}
.tabs li a {
    font-weight: unset !important;
}

/* User Tags*/
a.tag {
    color: inherit;
}

.tag.usergroup-bureaucrat {
    background-color: black !important;
    color: gold !important;
}

.tag.usergroup-projectmember {
    background-color: #FFB732 !important;
    color: black !important;
}

/*Comments Button*/
a.wikia-button,
.wikia-single-button a,
.wikia-menu-button,
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    background-image: none !important;
    border-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

a.wikia-button:hover,
.wikia-single-button a:hover,
.wikia-menu-button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    background-image: none !important;
    border-color: transparent;
    border-radius: 0;
}

a.wikia-button.active,
a.wikia-button:active,
.wikia-single-button a.active,
.wikia-single-button a:active,
.wikia-menu-button.active,
.wikia-menu-button:active,
input[type="submit"].active,
input[type="submit"]:active,
input[type="reset"].active,
input[type="reset"]:active,
input[type="button"].active,
input[type="button"]:active {
    background-image: none !important;
    border-color: transparent;
    border-radius: 0;
}

.wikia-single-button a.secondary,
.wikia-menu-button.secondary,
input[type="submit"].secondary,
input[type="reset"].secondary,
input[type="button"].secondary {
    background-image: none !important;
    border-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

input[type="submit"].secondary:hover,
input[type="reset"].secondary:hover,
input[type="button"].secondary:hover {
    background-image: none !important;
    border-color: transparent;
    border-radius: 0;
}

input[type="submit"].secondary.active,
input[type="submit"].secondary:active,
input[type="reset"].secondary.active,
input[type="reset"].secondary:active,
input[type="button"].secondary.active,
input[type="button"].secondary:active,
.button.secondary.active,
.button.secondary:active {
    background-image: none !important;
    border-color: transparent;
    border-radius: 0;
}

.EditPage .wds-is-squished>a {
    background-image: none !important;
    border-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.wikia-menu-button {
    background-image: none !important;
    border-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.wikia-menu-button>a {
    background-image: none !important;
    border-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}

.wikia-button.talk.comments {
    background-image: none !important;
    border-color: transparent;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
}