MediaWiki:Fandomdesktop.css

@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernPolls.css|u:dev:MediaWiki:FandomizedTabs/tabbers.css|u:dev:MediaWiki:InterlanguageFlags.css");

/* Portable infoboxes */
.page-content .portable-infobox .pi-header {
	border-bottom: none !important;
}
/*** LIGHT mode -- current: GREEN ***/
.theme-fandomdesktop-light .portable-infobox {
    background-color: rgba(245,241,213,.8);
    border-style: solid;
    border-width: 1px;
    border-color: #C7BD9C;
}
.theme-fandomdesktop-light .portable-infobox .pi-border-color {
    border-color: #BAD192;
}
.theme-fandomdesktop-light .portable-infobox .pi-title a,
.theme-fandomdesktop-light .portable-infobox .pi-title .plainlinks a {
    color: yellow !important;
}
.theme-fandomdesktop-light .portable-infobox .pi-title:nth-of-type(1) {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 1px 1px 1px #111;
    line-height: 22px;
    text-align: center;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    border-bottom: none !important;
    background-image: -moz-linear-gradient(top, #197519 20%, #005C00 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#197519), color-stop(100%, #005C00));
    background-image: -webkit-linear-gradient(top, #197519 0%, #005C00 100%);
    background-image: -o-linear-gradient(top, #197519 0%, #005C00 100%);
    background-image: -ms-linear-gradient(top, #197519 0%, #005C00 100%);
}
.theme-fandomdesktop-light .portable-infobox .pi-title:nth-of-type(2) {
    font-size: 12px;
    font-weight: 500;
    color: #FFF !important;
    text-shadow: 1px 1px 1px #000;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: none !important;
    line-height: 15px;
    background-color: #008000;
}
.theme-fandomdesktop-light .portable-infobox .pi-secondary-background {
    background-color: #BAD192;
    text-align: center;
    line-height: 20px !important;
    color: var(--theme-page-text-color);
}
.theme-fandomdesktop-light .portable-infobox .pi-secondary-font {
    line-height: 14px;
}
.theme-fandomdesktop-light .portable-infobox .pi-item-spacing {
    padding: 7px 10px;
}
.theme-fandomdesktop-light .portable-infobox .pi-tab-link {
    padding: 2px 10px !important;
}
.theme-fandomdesktop-light ul.pi-image-collection-tabs {
    margin: 0 0 -1px 0 !important;
    background-color: #008000;
    color: white;
    text-shadow: 1px 1px 1px #000;
}
.theme-fandomdesktop-light ul.pi-image-collection-tabs li {
    font-size: 12px;
    border: none;
}
.theme-fandomdesktop-light ul.pi-image-collection-tabs li.current {
    background-color: #BAD192;
    color: #3a3a3a;
    border-top: 5px solid gold;
    text-shadow: none;
}
/** DARK mode -- current: JADE **/
.theme-fandomdesktop-dark .portable-infobox .pi-title:nth-of-type(1) {
	border-bottom: none !important;
    background-image: -moz-linear-gradient(top, #006641 20%, #003320 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006641), color-stop(100%, #003320));
    background-image: -webkit-linear-gradient(top, #006641 0%, #003320 100%)
    background-image: -o-linear-gradient(top, #006641 0%, #003320 100%);
    background-image: -ms-linear-gradient(top, #006641 0%, #003320 100%);
}
.theme-fandomdesktop-dark .portable-infobox .pi-title:nth-of-type(2) {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: none !important;
    line-height: 15px;
    background-color: var(--theme-page-background-color--secondary);
}
.theme-fandomdesktop-dark .pi-border-color {
	border-color: var(--theme-border-color);
}

/* Center element */
.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* Notice templates */
.theme-fandomdesktop-dark .notice-tag {
	margin: 0.5em auto;
	padding: 0.5em 2em 0.5em 1em;
	background-color: var(--theme-page-background-color--secondary);
	border-top: 1px solid var(--theme-border-color);
	border-right: 1px solid var(--theme-border-color);
	border-bottom: 1px solid var(--theme-border-color);
	border-radius: 3px;
}
/*** current: GREEN ***/
.theme-fandomdesktop-light .notice-tag {
	margin: 0.5em auto;
	padding: 0.5em 2em;
	background-color: #F5F1D5;
	border-top: 1px solid var(--theme-border-color);
	border-right: 1px solid var(--theme-border-color);
	border-bottom: 1px solid var(--theme-border-color);
	border-radius: 3px;
}

/* Navbox formatting */
/*** LIGHT mode -- current: GREEN ***/
.theme-fandomdesktop-light .navbox {
	border: 1px solid #C7BD9C;
    background-color: #F5F1D5;
}
.theme-fandomdesktop-light .navbox-group1 {
	background-color: #008000;
}
.theme-fandomdesktop-light .navbox-group2 {
	background-color: #BAD192;
	border-right: 2px solid #F5F1D5;
}
.theme-fandomdesktop-light .navbox-text1 {
	background-color: #EEEECC;
}
.theme-fandomdesktop-light .navbox-text2 {
	background-color: #F5F1D5;
}
.theme-fandomdesktop-light .navbox-border {
	border-bottom: 2px solid #F5F1D5;
}
/*** DARK mode -- current: JADE ***/
.theme-fandomdesktop-dark .navbox {
    border: 1px solid var(--theme-border-color);
    background-color: var(--theme-page-background-color);
}
.theme-fandomdesktop-dark .navbox-group1 {
	background-color: #004D3B;
}
.theme-fandomdesktop-dark .navbox-group2 {
    background-color: #00664E;
    border-right: 2px solid var(--theme-page-background-color);
}
.theme-fandomdesktop-dark .navbox-text1 {
	background-color: var(--theme-page-background-color--secondary);
}
.theme-fandomdesktop-dark .navbox-text2 {
	background-color: var(--theme-page-background-color);
}
.theme-fandomdesktop-dark .navbox-border {
	border-bottom: 2px solid var(--theme-page-background-color);
}

/* Tracklist formatting */
/*** LIGHT mode -- current: GREEN ***/
.theme-fandomdesktop-light .tracklist {
	background-color: #BAD192;
}
.theme-fandomdesktop-light .tracklist-text1 {
    background-color: rgba(240,241,213,.7);
}
.theme-fandomdesktop-light .tracklist-text2 {
	background-color: rgba(250,248,234,.7);
}
/*** DARK mode -- current: JADE ***/
.theme-fandomdesktop-dark .tracklist {
	background-color: #005E37;
}
.theme-fandomdesktop-dark .tracklist-text1 {
    background-color: var(--theme-page-background-color--secondary);
}
.theme-fandomdesktop-dark .tracklist-text2 {
	background-color: var(--theme-page-background-color);
}

/* Accolades table formatting */
/*** LIGHT mode ***/
.theme-fandomdesktop-light .won {
	background-color: #99FF99;
	text-align: center;
}
.theme-fandomdesktop-light .nominated {
	background-color: #FFDDDD;
	text-align: center;
}
/*** DARK mode ***/
.theme-fandomdesktop-dark .won {
	background-color: #004D00;
	text-align: center;
}
.theme-fandomdesktop-dark .nominated {
	background-color: #660000;
	text-align: center;
}

/* Gallery buttons */
.gallery-button {
    text-align: center;
    padding-top: 10px;
}
.gallery-button a:hover, .mp-button a:hover {
    text-decoration: none;
}
.gallery-button span.button, .new-button {
    color: var(--theme-accent-label-color);
    font-weight: 600;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    min-height: 18px;
    text-decoration: none !important;
    padding: 5px 18px;
    background-color: var(--theme-accent-color) !important;
    background-image: none;
    border-radius: 3px;
    transition: 0.3s ease;
}
.gallery-button span.button:hover, span.new-button:hover {
    background-color: var(--theme-accent-color--hover) !important;
    border-color: var(--theme-accent-color--hover);
    cursor: pointer;
    text-decoration: none !important;
}

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

.wikia-gallery-caption-below .lightbox-caption {
	color: var(--theme-page-text-color);
}

/* Reference list formatting */
.references-small ol li {
    font-size: 90%;
    line-height: 18px !important;
    text-align: justify;
    padding: 3px 0;
}
.references-column-count,
.references-column-count-2 {
    font-size: 100% !important;
}
.references > li:target {
    background-color: #DCD9A3;
}
.reference:target {
    background-color: #FFF17D;
}

/* Bulletlist formatting */
.WikiaArticle ul {
    list-style-type: disc;
}
.WikiaArticle li {
    line-height: 20px;
}
.mw-parser-output ol, .mw-parser-output ul {
	margin: .4em 0 1em 2.5em;
}
.activity-tabs.wds-tabs li,
.wds-tabs__tab {
	list-style: none !important;
}

/* Link formatting */
a {
	transition: none;
}
a:hover, a:focus, a:active {
	color: var(--theme-link-color);
}
.mw-parser-output a.external::after,
.mw-parser-output a.external.text::after {
    display: none !important;
}
.mw-parser-output a.external, .link-https {
	background-image: none !important;
	padding-right: 0 !important;
}
.mw-parser-output a.external,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:active {
	color: var(--theme-link-color) !important;
}

/* Thumbnail formatting */
.WikiaArticle .tright {
    margin: 5px 5px 0 20px !important;
}
.WikiaArticle .tleft {
    margin: 5px 20px 0 0 !important;
}
.theme-fandomdesktop-light .thumbimage {
    border: 1px solid goldenrod;
}
.theme-fandomdesktop-dark .thumbimage {
	border: 1px solid var(--theme-border-color);
}

/* ModernPolls modifications
 * DIABLED until UCP adds back
div.ajax-poll {
    padding: 1em 1em 0 !important;
}
.ajax-poll form div:last-child {
    font-size: 1em !important;
    margin-bottom: 10px !important;
    padding-bottom: 2px !important;
}
.pollAnswerName {
    margin-left: -5px !important;
}
.pollAnswerVotes {
    margin-left: 0 !important;
}
.pollAnswerVotes span {
    font-size: .8em !important;
}
.pollAnswerVotes div {
    background: #BA0000 !important;
}
*/

/* FandomizedTabs modifications */
.wds-tabs__tab-label {
	height: 30px;
}
.page-content ul.wds-tabs {
    border-bottom: 4px solid darkgoldenrod;
    margin: 0;
}
.wds-tabs__tab.wds-is-current {
    background: darkgoldenrod !important;
    color: white !important;
    border: 0 !important;
    text-shadow: 1px 1px 0 #333;
    box-shadow: none;
}

/* TOC formatting */
.page-content #toc {
	font-size: 90%;
	border-width: 8px 1px;
    border-style: solid;
    list-style: none !important;
}
.theme-fandomdesktop-light .page-content #toc {
    background-image: -moz-linear-gradient(50% 0%, #F9ECC3 50%, #F7E5AC 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9ECC3), color-stop(100%,#F7E5AC));
    background-image: -webkit-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%); 
    background-image: -o-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%);
    background-image: -ms-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%);
    border-color: #DAA520 #C7BD9C;
}
.theme-fandomdesktop-dark .page-content #toc /* current: JADE */ {
    border-color: #006641 var(--theme-border-color);
    background-image: -moz-linear-gradient(50% 0%, #354742 50%, #212C29 100%);    
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#354742), color-stop(100%,#212C29));
    background-image: -webkit-linear-gradient(top, #354742 0%, #212C29 100%); 
    background-image: -o-linear-gradient(top, #354742 0%, #212C29 100%);
    background-image: -ms-linear-gradient(top, #354742 0%, #212C29 100%);
}
.toc .toctitle h2 {
	border-bottom: none !important;
}

/* Module and widget formatting */
.theme-fandomdesktop-light .WikiaRail .module,
.theme-fandomdesktop-light .WikiaFooter .header-container,
.theme-fandomdesktop-light .WikiaBarWrapper .header-container {
    border-top: 8px solid #DAA520;
    border-left: 1px solid #C7BD9C;
    border-bottom: 1px solid #C7BD9C;
    border-right: 1px solid #C7BD9C;
    padding: 20px 15px 15px;
    margin: 30px 10px 30px 0;
}
.theme-fandomdesktop-light .WikiaRail .rail-module {
    margin: 0 0 30px;
    background-image: -moz-linear-gradient(50% 0%, #F9ECC3 50%, #F7E5AC 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9ECC3), color-stop(100%,#F7E5AC));
    background-image: -webkit-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%); 
    background-image: -o-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%);
    background-image: -ms-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%);
    border: 1px solid #c7bd9c;
    border-top: 8px solid #DAA520;
    padding: 20px 15px 20px;
}
.theme-fandomdesktop-dark .WikiaRail .module,
.theme-fandomdesktop-dark .WikiaFooter .header-container,
.theme-fandomdesktop-dark .WikiaBarWrapper .header-container /* current: JADE */ {
    border-top: 8px solid #006641;
    border-left: 1px solid var(--theme-border-color);
    border-bottom: 1px solid var(--theme-border-color);
    border-right: 1px solid var(--theme-border-color);
    padding: 20px 15px 15px;
    margin: 30px 10px 30px 0;
}
.theme-fandomdesktop-dark .WikiaRail .rail-module /* current: JADE */ {
    margin: 0 0 30px;
    background-image: -moz-linear-gradient(50% 0%, #354742 50%, #212C29 100%);    
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#354742), color-stop(100%,#212C29));
    background-image: -webkit-linear-gradient(top, #354742 0%, #212C29 100%); 
    background-image: -o-linear-gradient(top, #354742 0%, #212C29 100%);
    background-image: -ms-linear-gradient(top, #354742 0%, #212C29 100%);
    border: 1px solid var(--theme-border-color);
    border-top: 8px solid #006641;
    padding: 20px 15px 20px;
}
.WikiaRail .rail-module h2 {
    border-bottom: none !important;
    padding-left: 0;
}
.WikiaRail .rail-module h2.has-icon svg {
    display: none;
}
.page__right-rail {
    background-color: var(--theme-page-background-color);
}
.right-rail-wrapper .rail-module {
	margin-right: 10px !important;
}
.rail-module__header, .rail-module h2 {
	--wds-midlight-color: transparent;
}
.right-rail-wrapper>.rail-module:last-child, .right-rail-wrapper>:last-child>.rail-module:last-child {
	border-bottom: 1px solid var(--theme-border-color);
}

/* Slider gallery formatting */
.wikiaPhotoGallery-slider-body, .fandom-slider {
	border: none !important;
}
.wikiaPhotoGallery-slider-body .description h2, .fandom-slider__nav__caption>div h2 {
    font-family: Helvetica,Arial,sans-serif;
    border-bottom: none !important;
}

/* Input box formatting */
.ooui-theme-fandom .wds-global-navigation-wrapper ~ * input[type='text'] {
	border-width: 1px;
}
.ooui-theme-fandom .wds-global-navigation-wrapper ~ * .wds-input__field,
.ooui-theme-fandom .wds-global-navigation-wrapper ~ * .wds-textarea__field,
.ooui-theme-fandom .wds-global-navigation-wrapper ~ * textarea,
.ooui-theme-fandom .wds-global-navigation-wrapper ~ * input[type='text'] {
	background-color: #FFF;
	border-color: #A2A9B1;
}

/* Miscellaneous formatting */
/*** Edit diff ***/
.WikiaArticle table.diff, .WikiaArticle td.diff-otitle, .WikiaArticle td.diff-ntitle {
    background: transparent;
}
.theme-fandomdesktop-light .WikiaArticle td.diff-context {
    background: #FAF0D1;
}
.theme-fandomdesktop-light td.diff-context {
    background: #FAF0D1 !important;
    border-color: #C7BD9C !important;
    border-width: 1px 4px !important;
}
.theme-fandomdesktop-light td.diff-addedline, .theme-fandomdesktop-light td.diff-deletedline {
	background: #FFF !important;
}
.diff .diff-addedline {
	border: 2px solid green !important;
}
.diff .diff-deletedline {
	border: 2px solid red !important;
}
td.diff-deletedline .diffchange, td.diff-addedline .diffchange {
    background: yellow !important;
}
.ooui-theme-fandomooui .diff-deletedline .diffchange,
.ooui-theme-fandomooui .diff-addedline .diffchange {
	color: #3A3A3A !important;
}
/*** Block notice ***/
.theme-fandomdesktop-light div.mw-warning-with-logexcerpt {
	margin: 0.5em auto;
	padding: 0.5em 2em;
	background-color: #FFF;
	border-top: 1px solid var(--theme-border-color);
	border-right: 1px solid var(--theme-border-color);
	border-bottom: 1px solid var(--theme-border-color);
	border-left: 15px solid red;
	border-radius: 3px;
}
.theme-fandomdesktop-dark div.mw-warning-with-logexcerpt {
	margin: 0.5em auto;
	padding: 0.5em 2em;
	background-color: var(--theme-page-background-color--secondary);
	border-top: 1px solid var(--theme-border-color);
	border-right: 1px solid var(--theme-border-color);
	border-bottom: 1px solid var(--theme-border-color);
	border-left: 15px solid red;
	border-radius: 3px;
}

/* Page backgrounds */
.theme-fandomdesktop-light .page__main {
    background-image: url(https://static.wikia.nocookie.net/kungfupanda/images/4/41/KFPWpgbg.jpg);
    background-repeat: repeat-y;
}
.theme-fandomdesktop-dark .page__main /* current: JADE */ {
    background-image: url(https://static.wikia.nocookie.net/kungfupanda/images/6/62/KFPWpgbg-dark.jpg);
    background-repeat: repeat-y;
}

/* Table formatting */
.article-table, .wikitable {
	background-color: var(--theme-page-background-color);
}

/* Bold & highlighted names for wiki staff */
table.diff a[href="/wiki/User:Spottedstar"],
#pagehistory li a[href="/wiki/User:Spottedstar"],
ul.special li a[href="/wiki/User:Spottedstar"],
table.mw-enhanced-rc td a[href="/wiki/User:Spottedstar"],
#WikiaRail a[href="/wiki/User:Spottedstar"],
#wikiactivity-main .subtle a[href="/wiki/User:Spottedstar"],
a.real-name[href="https://kungfupanda.fandom.com/wiki/Message_Wall:Spottedstar"],
.edited-by a[href="https://kungfupanda.fandom.com/wiki/Message_Wall:Spottedstar"],
.Wall .timestamp a[href="https://kungfupanda.fandom.com/wiki/Message_Wall:Spottedstar"],
.ForumParticipationModule a[href="https://kungfupanda.fandom.com/wiki/User:Spottedstar"],
.Forum .last-post a[href="https://kungfupanda.fandom.com/wiki/Message_Wall:Spottedstar"],
#ForumRelatedThreadsModule .edit-info a[href="https://kungfupanda.fandom.com/wiki/User:Spottedstar"],
#ForumActivityModule .edit-info a[href="https://kungfupanda.fandom.com/wiki/User:Spottedstar"],
#RelatedForumDiscussion div.forum-user-name a[href="https://kungfupanda.fandom.com/wiki/Message_Wall:Spottedstar"],
a.wikia-gallery-item-user[href="/wiki/User:Spottedstar"],
.WikiaActivityModule .edited-by a[href="https://kungfupanda.fandom.com/wiki/User:Spottedstar"],
.community-page-contributor-details a[href="/wiki/User:Spottedstar"],
.community-page-recent-activity-item-info a[href="/wiki/User:Spottedstar"],
.community-page-insights-module-metadata a[href="https://kungfupanda.fandom.com/wiki/User:Spottedstar"],
.recent-wiki-activity__details a[href="/wiki/User:Spottedstar"],
.rail-module__list a[href="https://kungfupanda.fandom.com/wiki/User:Spottedstar"],
#articleComments .article-comments-app a[href="/wiki/User:Spottedstar"],
.activity-data a[href="/wiki/User:Spottedstar"],
.gallerytext a[href="/wiki/User:Spottedstar"],
.lightbox-caption a[href="/wiki/User:Spottedstar"],
.mw-changeslist-line-inner-userLink a[href="https://kungfupanda.fandom.com/wiki/User:Spottedstar"],
.changedby a[href="https://kungfupanda.fandom.com/wiki/User:Spottedstar"] {
    font-weight: bold !important;
    color: darkgoldenrod !important;
}

/* Quote formatting */
.theme-fandomdesktop-light .open-quote {
	color: #E6A689;
}
.theme-fandomdesktop-dark .open-quote {
	color: var(--theme-link-color);
}
 
/* Blockquote formatting */
.theme-fandomdesktop-light .page-content blockquote {
    padding-left: 20px;
    border-left: 8px solid #E6A689;
    margin-left: 0;
    font-size: 100%;
    font-style: italic;
    line-height: 21px;
}
.theme-fandomdesktop-dark .page-content blockquote {
    padding-left: 20px;
    border-left: 8px solid var(--theme-link-color);
    margin-left: 0;
    font-size: 100%;
    font-style: italic;
    line-height: 21px;
}

/* Article formatting */
.page__main p {
	line-height: 25px;
}

/* Article header formatting */
.page-header {
	border-bottom: 1px solid var(--theme-border-color);
}
.page-header__title {
    font-family: Georgia,serif;
    font-weight: normal;
}
.WikiaRail .module h1,
.WikiaRail #RIGHT_SKYSCRAPER h1,
.WikiaRail #RIGHT_SKYSCRAPER h2,
.WikiaRail #RIGHT_SKYSCRAPER h1,
.WikiaRail #RIGHT_SKYSCRAPER h2,
.WikiaRail .module h2,
.WikiaRail #RIGHT_SKYSCRAPER h2,
.WikiaRail #RIGHT_SKYSCRAPER h2,
.WikiaFooter .header-container h1,
.ChatModule h1.chat-headline span,
.mw-content-ltr .ForumActivityModule h1,
.WikiaBlogListingBox h3,
.WikiaFooter .header-container h2,
.WikiaRail .rail-module h2 {
    font-family: Georgia,serif !important;
    font-size: 22px;
    font-weight: normal;
    font-variant: normal !important;
}
.theme-fandomdesktop-light .page-content h2 {
	border-bottom: 2px dotted #AC9D6C;
}
.theme-fandomdesktop-dark .page-content h2 {
	border-bottom: 2px dotted var(--theme-border-color);
}
.page-content h2 span.mw-headline {
	font-size: 30px;
	font-family: Georgia,serif;
	padding: 6px 0 0;
}
.page-content h3 span.mw-headline {
    font-size: 1.37em;
}

/* Standard gradient background */
/** LIGHT mode **/
.theme-fandomdesktop-light .WikiaRail .module,
.theme-fandomdesktop-light .WikiaRail #RIGHT_SKYSCRAPER,
.theme-fandomdesktop-light .ChatEntryPoint,
.theme-fandomdesktop-light .WikiaArticle .ForumActivityModule,
.theme-fandomdesktop-light .WikiaFooter section,
.theme-fandomdesktop-light .WikiaBarWrapper .header-container {
    background-image: -moz-linear-gradient(50% 0%, #F9ECC3 50%, #F7E5AC 100%); /* For Firefox 3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9ECC3), color-stop(100%,#F7E5AC)); /* For Chrome and Safari 4+ */
    background-image: -webkit-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%); /* For Chrome 10+ and Safari 5.1+ */
    background-image: -o-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%); /* For Opera 11.10+ */
    background-image: -ms-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%); /* For Internet Explorer 10+ */
}
/** DARK mode (current: JADE) **/
.theme-fandomdesktop-dark .WikiaRail .module,
.theme-fandomdesktop-dark .WikiaRail #RIGHT_SKYSCRAPER,
.theme-fandomdesktop-dark .ChatEntryPoint,
.theme-fandomdesktop-dark .WikiaArticle .ForumActivityModule,
.theme-fandomdesktop-dark .WikiaFooter section,
.theme-fandomdesktop-dark .WikiaBarWrapper .header-container {
    background-image: -moz-linear-gradient(50% 0%, #354742 50%, #212C29 100%);    
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#354742), color-stop(100%,#212C29));
    background-image: -webkit-linear-gradient(top, #354742 0%, #212C29 100%); 
    background-image: -o-linear-gradient(top, #354742 0%, #212C29 100%);
    background-image: -ms-linear-gradient(top, #354742 0%, #212C29 100%);
}

/* Gradient classes */
.tangradient {
    background-image: -moz-linear-gradient(50% 0%, #F9ECC3 50%, #F7E5AC 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9ECC3), color-stop(100%,#F7E5AC));
    background-image: -webkit-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%); 
    background-image: -o-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%);
    background-image: -ms-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%);
}
.graygradient {
	background-image: -moz-linear-gradient(50% 0%, #354742 50%, #212C29 100%);    
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#354742), color-stop(100%,#212C29));
    background-image: -webkit-linear-gradient(top, #354742 0%, #212C29 100%); 
    background-image: -o-linear-gradient(top, #354742 0%, #212C29 100%);
    background-image: -ms-linear-gradient(top, #354742 0%, #212C29 100%);
}
.redgradient {
    background-image: -moz-linear-gradient(top, #BC1700 20%, #891100 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC1700), color-stop(100%,#891100));
    background-image: -webkit-linear-gradient(top, #BC1700 0%, #891100 100%);
    background-image: -o-linear-gradient(top, #BC1700 0%, #891100 100%);
    background-image: -ms-linear-gradient(top, #BC1700 0%, #891100 100%);
}
.redgradient-rev {
    background-image: -moz-linear-gradient(top, #891100 20%, #BC1700 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#891100), color-stop(100%,#BC1700));
    background-image: -webkit-linear-gradient(top, #891100 0%, #BC1700 100%);
    background-image: -o-linear-gradient(top, #891100 0%, #BC1700 100%);
    background-image: -ms-linear-gradient(top, #891100 0%, #BC1700 100%);
}
.darkredgradient {
    background-image: -moz-linear-gradient(top, #800000 20%, #330000 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#800000), color-stop(100%,#330000));
    background-image: -webkit-linear-gradient(top, #800000 0%, #330000 100%);
    background-image: -o-linear-gradient(top, #800000 0%, #330000 100%);
    background-image: -ms-linear-gradient(top, #800000 0%, #330000 100%);
}
.darkredgradient-rev {
    background-image: -moz-linear-gradient(top, #330000 20%, #800000 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#330000), color-stop(100%,#800000));
    background-image: -webkit-linear-gradient(top, #330000 0%, #800000 100%);
    background-image: -o-linear-gradient(top, #330000 0%, #800000 100%);
    background-image: -ms-linear-gradient(top, #330000 0%, #800000 100%);
}
.goldgradient {
    background-image: -moz-linear-gradient(top, #FBEA99 20%, #FCE368 80%); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBEA99), color-stop(100%, #FCE368));
    background-image: -webkit-linear-gradient(top, #FBEA99 0%, #FCE368 100%);
    background-image: -o-linear-gradient(top, #FBEA99 0%, #FCE368 100%);
    background-image: -ms-linear-gradient(top, #FBEA99 0%, #FCE368 100%);
}
.greengradient {
    background-image: -moz-linear-gradient(top, #197519 20%, #005C00 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#197519), color-stop(100%, #005C00));
    background-image: -webkit-linear-gradient(top, #197519 0%, #005C00 100%);
    background-image: -o-linear-gradient(top, #197519 0%, #005C00 100%);
    background-image: -ms-linear-gradient(top, #197519 0%, #005C00 100%);
}
.greengradient-rev {
    background-image: -moz-linear-gradient(top, #005C00 20%, #197519 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005C00), color-stop(100%, #197519));
    background-image: -webkit-linear-gradient(top, #005C00 0%, #197519 100%);
    background-image: -o-linear-gradient(top, #005C00 0%, #197519 100%);
    background-image: -ms-linear-gradient(top, #005C00 0%, #197519 100%);
}
.jadegradient {
    background-image: -moz-linear-gradient(top, #006641 20%, #003320 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006641), color-stop(100%, #003320));
    background-image: -webkit-linear-gradient(top, #006641 0%, #003320 100%)
    background-image: -o-linear-gradient(top, #006641 0%, #003320 100%);
    background-image: -ms-linear-gradient(top, #006641 0%, #003320 100%);
}
.jadegradient-rev {
    background-image: -moz-linear-gradient(top, #003320 20%, #006641 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003320), color-stop(100%, #006641));
    background-image: -webkit-linear-gradient(top, #003320 0%, #006641 100%);
    background-image: -o-linear-gradient(top, #003320 0%, #006641 100%);
    background-image: -ms-linear-gradient(top, #003320 0%, #006641 100%);
}
.bluegradient {
    background-image: -moz-linear-gradient(top, #004080 20%, #001A33 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004080), color-stop(100%,#001A33));
    background-image: -webkit-linear-gradient(top, #004080 0%, #001A33 100%);
    background-image: -o-linear-gradient(top, #004080 0%, #001A33 100%);
    background-image: -ms-linear-gradient(top, #004080 0%, #001A33 100%);
}
.bluegradient-rev {
	background-image: -moz-linear-gradient(top, #001A33 20%, #004080 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#001A33), color-stop(100%,#004080));
    background-image: -webkit-linear-gradient(top, #001A33 0%, #004080 100%);
    background-image: -o-linear-gradient(top, #001A33 0%, #004080 100%);
    background-image: -ms-linear-gradient(top, #001A33 0%, #004080 100%);
}
.orangegradient {
    background-image: -moz-linear-gradient(top, #FF6600 20%, #E65C00 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF6600), color-stop(100%, #E65C00));
    background-image: -webkit-linear-gradient(top, #FF6600 0%, #E65C00 100%);
    background-image: -o-linear-gradient(top, #FF6600 0%, #E65C00 100%);
    background-image: -ms-linear-gradient(top, #FF6600 0%, #E65C00 100%);
}
.browngradient {
    background-image: -moz-linear-gradient(top, #754719 20%, #5C2E00 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#754719), color-stop(100%, #5C2E00));
    background-image: -webkit-linear-gradient(top, #754719 0%, #5C2E00 100%);
    background-image: -o-linear-gradient(top, #754719 0%, #5C2E00 100%);
    background-image: -ms-linear-gradient(top, #754719 0%, #5C2E00 100%);
}
.purplegradient {
    background-image: -moz-linear-gradient(top, #8233AA 20%, #630095 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8233AA), color-stop(100%, #630095));
    background-image: -webkit-linear-gradient(top, #8233AA 0%, #630095 100%);
    background-image: -o-linear-gradient(top, #8233AA 0%, #630095 100%);
    background-image: -ms-linear-gradient(top, #8233AA 0%, #630095 100%);
}

/* "Special:Community" formatting */
/*** LIGHT mode -- current: GREEN ***/
.theme-fandomdesktop-light .comm-header {
	background-color: #005C00;
}
/*** DARK mode -- current: JADE ***/
.theme-fandomdesktop-dark .comm-header {
	background-color: #006641;
}

/* "edit section" formatting */
.mw-editsection {
    font-weight: normal;
    font-style: normal;
    font-family: sans-serif;
    float: right;
}

/* Fonts */
@font-face {
    font-family: GangofThree;
    src: url(https://vignette.wikia.nocookie.net/kungfupanda/images/e/e7/Gang_of_Three.ttf) format( 'truetype' );
}

/* Main page element formatting */
/*** Headings ***/
.theme-fandomdesktop-light .accent-gradient /* current: GREEN */ {
    background-image: -moz-linear-gradient(top, #197519 20%, #005C00 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#197519), color-stop(100%, #005C00));
    background-image: -webkit-linear-gradient(top, #197519 0%, #005C00 100%);
    background-image: -o-linear-gradient(top, #197519 0%, #005C00 100%);
    background-image: -ms-linear-gradient(top, #197519 0%, #005C00 100%);
}
.theme-fandomdesktop-light .accent-gradient-rev /* current: GREEN */ {
    background-image: -moz-linear-gradient(top, #005C00 20%, #197519 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005C00), color-stop(100%, #197519));
    background-image: -webkit-linear-gradient(top, #005C00 0%, #197519 100%);
    background-image: -o-linear-gradient(top, #005C00 0%, #197519 100%);
    background-image: -ms-linear-gradient(top, #005C00 0%, #197519 100%);
}
.theme-fandomdesktop-dark .accent-gradient /* current: JADE */ {
    background-image: -moz-linear-gradient(top, #006641 20%, #003320 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006641), color-stop(100%, #003320));
    background-image: -webkit-linear-gradient(top, #006641 0%, #003320 100%)
    background-image: -o-linear-gradient(top, #006641 0%, #003320 100%);
    background-image: -ms-linear-gradient(top, #006641 0%, #003320 100%);
}
.theme-fandomdesktop-dark .accent-gradient-rev /* current: JADE */ {
    background-image: -moz-linear-gradient(top, #003320 20%, #006641 80%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003320), color-stop(100%, #006641));
    background-image: -webkit-linear-gradient(top, #003320 0%, #006641 100%);
    background-image: -o-linear-gradient(top, #003320 0%, #006641 100%);
    background-image: -ms-linear-gradient(top, #003320 0%, #006641 100%);
}
/*** Section box ***/
.theme-fandomdesktop-light .mp-section {
    background-image: -moz-linear-gradient(50% 0%, #F9ECC3 50%, #F7E5AC 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9ECC3), color-stop(100%,#F7E5AC));
    background-image: -webkit-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%); 
    background-image: -o-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%);
    background-image: -ms-linear-gradient(top, #F9ECC3 0%, #F7E5AC 100%);
    border: 1px solid goldenrod;
    border-radius: 5px;
    padding: 2px;
    margin-bottom: 10px;
}
.theme-fandomdesktop-dark .mp-section {
	border: 1px solid var(--theme-border-color);
	border-radius: 5px;
    padding: 2px;
    margin-bottom: 10px;
}
/*** Slider elements
 * Special thanks to the Avatar Wiki
 ***/
.portal_section {margin:0 0 10px 0; background:white; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; -icab-border-radius:8px; -o-border-radius:8px; border-radius:10px;}
.portal_body {padding:0 10px;}
.theme-fandomdesktop-light #portal_slider {border:none; margin:0 0 15px; padding:0; position:relative; height:425px; background-color:var(--theme-page-background-color); -webkit-background-size: 100%; background-size: 100%; background-position:center; background-image:url(https://vignette.wikia.nocookie.net/kungfupanda/images/5/56/Slider-bg.jpg);}
.theme-fandomdesktop-dark #portal_slider {border:none; margin:0 0 15px; padding:0; position:relative; height:425px; background:transparent; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
#portal_slider > .portal_body {padding:0}
#portal_content {font-size:0.9em; line-height:1.7em}
#portal_content .portal_body > table {height:350px}
#portal_content ul ul {margin-left: 1em}
.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, .portal_sliderlink_14:hover, .portal_sliderlink_15:hover, .portal_sliderlink_16:hover, .portal_sliderlink_17:hover, .portal_sliderlink_18:hover, .portal_sliderlink_19:hover, .portal_sliderlink_20:hover, .portal_sliderlink_21:hover, .portal_sliderlink_22:hover, .portal_sliderlink_23:hover, .portal_sliderlink_24:hover, .portal_sliderlink_25:hover, .portal_sliderlink_26:hover, .portal_sliderlink_27:hover, .portal_sliderlink_28:hover, .portal_sliderlink_29:hover, .portal_sliderlink_30:hover {opacity:0.5}
 
.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; background: none}
.ui-tabs .ui-tabs-hide {display:none !important;}
.ui-tabs-hide {display:none !important;}

.ui-widget {
	font-size: inherit;
	font-family: inherit;
}