MediaWiki:Common.css

@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:FandomIcons.css|u:dev:MediaWiki:FandomizedPagination/code.css|MediaWiki:Highlights.css|MediaWiki:Infobox.css|u:amphibiapedia:MediaWiki:ImageSvgs.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:MinimalistSliderText/code.css|u:dev:MediaWiki:ModernCommentsSection.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:dev:MediaWiki:ModernizedChanges.css|u:dev:MediaWiki:NewCat%26LangBars.css|u:dev:MediaWiki:UpgradedToolbar.css|u:dev:MediaWiki:FandomizedTabs/tabbers.css&only=styles");

/* FONT IMPORT */
@import url('https://fonts.googleapis.com/css?family=Oswald|Ubuntu:500|Farro|Roboto|Chivo|Nunito|Signika|Lato|Concert+One|Patrick+Hand|Fredoka+One|Barrio|Alfa+Slab+One');

:root {
    --link-theme-normal: #8DB600;
    --body-color: #000;
    --polar-1: #000;
    --bottombar-accent-color: #4C9141;
    --bottombar-light-bg-color: rgba(212, 212, 212, 0.25);
    --bottombar-light-text-color: #E25822;
    --bottombar-dark-text-color: #E25822;
    --activity-border-color: #8DB600;
	--activity-dark-morelink-color: #8DB600;
	--activity-icon-color: #8DB600;
	--special-txt-color: #E25822;
	--default-bg-color: #007F5C;
	--special-bg-color: #CCFF00;
	--border-color: #4C9141;
}

/* Category add notice (From The Family Guy Wiki) */
.CategorySelect.editMode > .toolbar:before {
  display: block;
  content: "Please consult an administrator or a moderator before adding a new category.";
  float: left;
  color: var(--special-txt-color);
  line-height: 1.7em;
}

/* Profile Icons (Credits to Sonic News Network!) */
.profile-icons {
     vertical-align:middle;
     margin-right:10px
}
 
.profile-icons {
	padding-right: 10px;
	vertical-align: middle;
}

/* Maincharacterselector Template */
 #maincharacters img{
    background: transparent; 
    vertical-align: bottom;
}

/* Blog Lines */
.WikiaBlogListing .WikiaBlogListingPost {
    border-bottom: dotted;
    padding: 20px 0;
}
 
/* Body */
.WikiaArticle, .category-gallery-item .snippet .text, .WikiaPage a.wikia-button, .wikia-single-button a, .wikia-menu-button, .WikiaPage input, .WikiaPage .button, .WikiaPage button, .WikiaPage select, .WikiaPage ul.tabbernav, .WikiaPage .tabs {
    font-family: 'Nunito' !important;
}

.WikiaArticle .mw-headline, .rail-module h2, .WikiaRail .module h2, .toc, .portable-infobox .pi-title, .portable-infobox .pi-header, .embeddable-discussions-heading, .UserProfileMasthead .masthead-info h1, .UserProfileMasthead .tally em, .community-page-header-welcome-message,
.community-page-subheader-welcome-message {
    font-family: 'Oswald', sans-serf !important;
}

/* Content Area Tweaks */
.WikiaArticle {
    line-height: 1.5em;
}

.WikiaArticle h2 {
   border-bottom:1px solid var(--border-color);
   margin-bottom:0.5em;
   margin-top:20px;
}

.skin-monobook #filetoc,
.toc {
    border-radius: 5px !important;
    border-color: var(--border-color) !important;
    background-color: var(--special-bg-color) !important;
    color: var(--body-color);
}

.WikiaArticle .thumbinner {
    background-color: var(--border-color) !important;
    background-repeat: repeat;
}
.WikiaArticleCategories {
    background-repeat: repeat;
}
.wikitable, table.wikitable, table th {
    border: 3px solid var(--border-color);
    background-color: var(--special-bg-color) !important;
    color: var(--body-color)!important;
}

table.wikitable td {
    border: var(--border-color);
}

.WikiaArticle .editsection {
    float: right !important;
    margin-right: 10px !important;
}

.WikiaPage .page-header__separator {
    background-color: var(--border-color);
}
 
table.wikitable th,
table.wikitable td {
    border: var(--border-color);
}

/* Content Area Tweaks */
.WikiaArticle h2 {
   border-bottom:1px solid var(--border-color);
   margin-bottom:0.5em;
   margin-top:20px;
}
 
/* Separator */
.WikiaPage .page-header__separator {
    background-color: var(--border-color);
}

/* TEXT STYLE */
.wds-tabs__tab {
    color: #FFFDD0 !important;
}

a:not(.new) {
    font-weight: bold !important;
}
 
.new {
    color: #962800 !important;
}

/* Recent changes byte indicators */
.mw-plusminus-pos {
   color: #3e8e41;
}

.mw-plusminus-neg {
   color: #c1372d;
}

/* diffchange colors */
td.diff-context {
   border-color: #ED2939 !important;
}
td.diff-addedline .diffchange {
   background-color:#4dff53 !important;
}
td.diff-addedline {
   border-color:#4dff53 !important;
}
td.diff-deletedline .diffchange {
   background-color:#ff564a !important;
}
td.diff-deletedline {
   border-color:#ff564a !important;
}

/* Customizing Profile Tabs */
.WikiaUserPagesHeader .tabs a:hover {
    text-shadow: 0 0 2.5px rgba(255, 104, 17), 
                 0 0 2.5px rgba(255, 104, 17);
    color: #8DB600 !important;
    text-decoration: none;
    -webkit-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
    -o-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
}
 
.WikiaUserPagesHeader .tabs li a {
    border-bottom: none !important;
    text-decoration: none !important;
}
 
.WikiaUserPagesHeader .tabs {
    background: var(--special-bg-color);
}
/* End of Profile tabs customization */

/* ContribsButtons */
body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton,
body.mw-special-Contributions #contentSub:not(.contentSub) a,
body.mw-special-Contributions #contentSub #contentSubSub a {
    background: var(--border-color);
}
 
body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active,
body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus,
body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover,
body.mw-special-Contributions #contentSub:not(.contentSub) a:active,
body.mw-special-Contributions #contentSub:not(.contentSub) a:focus,
body.mw-special-Contributions #contentSub:not(.contentSub) a:hover,
body.mw-special-Contributions #contentSub #contentSubSub a:active,
body.mw-special-Contributions #contentSub #contentSubSub a:focus,
body.mw-special-Contributions #contentSub #contentSubSub a:hover {
    background: var(--special-bg-color);
}

/*Credits to SML Wiki for this code !*/
.mw-warning-with-logexcerpt {
    border-color: #8DB600 !important;
}
 
/* button css mess */
a.wikia-button,
.wikia-single-button a,
.wikia-menu-button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button,
 .WikiaPage button, .WikiaNotifications li div {
    background: var(--border-color) !important;
    color: #000000 !important;
    border-radius: 0 !important;
}
 
a.wikia-button.secondary,
.wikia-single-button a.secondary,
.wikia-menu-button.secondary,
input[type="submit"].secondary,
input[type="reset"].secondary,
input[type="button"].secondary,
.button.secondary {
    background: var(--border-color) !important;
    border-radius: 0 !important;
}
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,
.button:hover,
button:hover, 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,
.button.active,
.button:active,
button.active,
button:active, a.wikia-button.secondary:hover,
.wikia-single-button a.secondary:hover,
.wikia-menu-button.secondary:hover,
input[type="submit"].secondary:hover,
input[type="reset"].secondary:hover,
input[type="button"].secondary:hover,
.button.secondary:hover, a.wikia-button.secondary.active,
a.wikia-button.secondary:active,
.wikia-single-button a.secondary.active,
.wikia-single-button a.secondary:active,
.wikia-menu-button.secondary.active,
.wikia-menu-button.secondary:active,
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, .EditPage .cke_button > a, .wikia-menu-button,
button.wikia-button, .wikia-menu-button > a,
.wikia-menu-button .drop, .wikia-button.talk.comments {
    border-radius: 0 !important;
}
 
/* Modules (Inspried by OK K.O.! Wiki & Steven Universe Wiki) */
.WikiaRail .rail-module,
.community-page-help-module,
.community-page-card-module,
.WikiaRail .module,
.WikiaArticle .thumbinner,
.WikiaArticleCategories,
.WikiaImageModule {
    border: 2px solid var(--border-color) !important;
    background: #007F5C !important;
    vertical-align: text-bottom !important;
    border-radius: 5px !important;
}

.WikiaRail .rail-module {
    padding: 20px 15px 15px;
    margin: 0 0 30px 0;
}

.WikiaRail .rail-module h2 {
    border-bottom:1px solid var(--special-txt-color);
}

.WikiaRail .rail-module .wds-button.wds-is-secondary {
    background:var(--border-color);
    color:white!important;
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}

.WikiaRail .rail-module .wds-button.wds-is-secondary:hover {
    background:var(--border-color)!important;
    border-color:var(--border-color)!important;
    color:white!important;
    text-shadow: 0 0 2.5px white, 0 0 2.5px white!important;
}

.WikiaRail .rail-module h2.has-icon svg {
    fill: var(--special-txt-color);
}

/* Default color text */
.WikiNav, .module, .rail-module, .rail-module a.edit-info-user, .community-page-card-module .community-page-card-module-full-list-link, .special-categories a, .UserProfileMasthead .wikis span, .UserProfileMasthead .details span, .tally {
    color: var(--special-txt-color);
}

.community-page-rail-module {
    border-top: 1px solid var(--special-bg-color)!important;
}

.WikiaRail .module h2 {
    border-bottom: 1px solid var(--special-txt-color);
    font-size: 16px;
    font-weight: bold;
    min-height: 30px;
    margin-bottom: 16px;
    padding-left: 2px;   
}

.UserProfileMasthead .details li,
.UserProfileMasthead .wikis ul li a, .UserProfileMasthead .tally a {
    color: #007F5C;
    font-weight: 700;
}

.UserProfileMasthead .discussion-details {
    border-top: 1px solid #007F5C;
    padding-top: 10px;
}

.UserProfileMasthead .globaledit-details {
    border-top: 1px solid #007F5C;
    padding-top: 10px;
}

.WikiaUserPagesHeader {
    background: linear-gradient(0deg,#CCFF00,#1B1811);
}

/* Username template */
.insertusername {
    color: #F00030;
}

/*Profile */
.UserProfileMasthead .masthead-info {
    background-image: url(https://vignette.wikia.nocookie.net/101dalmatianstreet/images/c/ce/London1.png/revision/latest?cb=20190620210740) !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

/* Tags (Credits to Kung Fu Panda Wiki) */
#userProfileApp .user-identity-header__tag {
	background-color: var(--default-bg-color);
	color: #000000;
	font-variant: all-small-caps;
	font-size: 16px;
	padding: 0 8px;
}
 
/*Scrollbar*/
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
body::-webkit-scrollbar {
    background: var(--special-bg-color);
}
::-webkit-scrollbar-thumb {
    background: var(--border-color);
}
::-webkit-scrollbar-thumb:hover {
    background: #FF69B4 !important;
}
::-webkit-scrollbar-thumb:active {
    background: #FFA500 !important;
}

/* Recent Changes Header */
span.rclinks {
    float: right;
}
 
span.rc-backlink-text > a:hover,
span.rclinks > a:hover {
    text-decoration: none !important;
}
 
span.rc-backlink-text > a,
span.rclinks > a {
    color: #0000ee !important;
}

/* Links */
.WikiaArticle a:hover {
    text-shadow: 0 0 2.5px rgba(255, 104, 17), 
                 0 0 2.5px rgba(255, 104, 17);
    color: #8DB600 !important;
    text-decoration: none;
    -webkit-transition: all .4s linear 0s;
    -moz-transition: all .4s linear 0s;
    -ms-transition: all .4s linear 0s;
    -o-transition: all .4s linear 0s;
    transition: all .4s linear 0s;
}
 
a {
    color: #8DB600;
    -webkit-transition: all .2s linear 0s;
    -moz-transition: all .2s linear 0s;
    -ms-transition: all .2s linear 0s;
    -o-transition: all .2s linear 0s;
    transition: all .2s linear 0s;
    text-shadow: 0 -15px 2.5px transparent,
                 0 15px 2.5px transparent;
}
 
a:active {
    color: var(--default-bg-color) !important;
    text-shadow: 0 0 2.5px #f00, 0 0 2.5px #f00;
}

/*Custom highlighting code*/
/*** Works on common browsers ***/
::selection {
    background-color: #E25822;
    color: #FFFFFF;
}

/* Source Editor Header Improvements*/
.EditPageHeader {
    border: dotted;
    border-color: var(--border-color);
    border-radius: 1px;
    opacity: 0.95;
    box-shadow: none;
}

/* CTab, ETab, & OTab Templates - Author: DEmersonJMFM & The Loud House Encyclopedia */
.CTab,
.ETab,
.OTab { 
    text-align: center;
    font-weight: bold;
    margin-left: 5px;
}
 
.CTab-Tab .selflink,
.CTab-Tab a:hover {
    color: black;
}
 
.CTab-Tab a, /* Expand link size to fill tab */
.CTab-Tab .selflink,
.ETab-Tab a,
.ETab-Tab .selflink,
.OTab-Tab a,
.OTab-Tab .selflink {
    padding: 8px 15px 9px;
    text-decoration: none;
}
 
.CTab-Tab, /* Individual tabs */
.ETab-Tab,
.OTab-Tab { 
    float: left; 
    margin-right: 2px;
    padding: 5px 0; 
    width: auto; 
    border: 2px solid var(--border-color); 
    border-bottom: none;
}
 
.CTab-Line, /* Line below tabs */
.ETab-Line,
.OTab-Line {
    clear: both;
    width: 100%;
    padding-bottom: 2px;
    border-top: 2px solid var(--border-color);
}
 
.CTab-General .CTab-Tab,
.ETab-General .ETab-Tab,
.OTab-General .OTab-Tab { background-color: #007F5C; } /* Colors from BG templates */
 
.page-Template_CTab .CTab-Tab, /* Maintain tab size on template & doc pages */
.page-Template_CTab_doc .CTab-Tab,
.page-Template_ETab .ETab-Tab,
.page-Template_ETab_doc .ETab-Tab,
.page-Template_OTab .OTab-Tab,
.page-Template_OTab_doc .OTab-Tab {
    padding: 5px 15px;
}

/* Color scheme for templates */
.color-base {
    border-color: var(--border-color)!important;
    color: #fff;
    background-color:var(--default-bg-color);
}
.color-main {
    text-align:center;
    background:var(--default-bg-color);
    border: 3px solid var(--border-color);
    border-color: var(--border-color)!important;
    font-size: 110%; 
    color: #fff;
    moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}

.color-text {
    text-align:center;
    font-size: 25px;
    font-family:Oswald;
    color: var(--special-txt-color);
}

.mainpage .WikiaPage .page-header__title,
.mainpage .WikiaPage .page-header__separator {
	display: none;
}

/* Loading Screens (for Halloween Theme) */
.MiniEditorWrapper .loading-indicator .loading-message {
    top: 5% !important;
}
.MiniEditorWrapper .loading-indicator .loading-message .loading-throbber {
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center !important;
    animation: rotator .8s linear infinite;
    height: 60px !important;
    padding-top: 10px !important;
    width: 90px !important;
    padding-right: 30px;
    background-size: 86px !important;
}
.MiniEditorWrapper .loading-indicator .loading-message .loading-text {
    display: none !important;
}
/* Wikia's side rail */
.WikiaRail .loading { 
    height: 88px;
    margin: 10px;
    padding-top: 10px;
    animation: rotator .5s linear infinite;
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center / 100px !important;
}
.modal.medium.inactive .wikiaThrobber {
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat scroll center !important;
    animation: rotator .8s linear infinite;
}
.mainpage #EditPageDialog .wikiaThrobber {
    margin-left: 425px;
}
.mainpage .modal.large.inactive .wikiaThrobber {
    margin-left: 535px !important;
}
/* Classic editor and switching from Rich-text to source mode and vice versa*/
.EditPageEditor .loading-indicator .loading-message .loading-throbber {
    height: 146px;
    width: 145px;
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center !important;
    animation: rotator .9s linear infinite;
    margin-left: 2px;
    background-size: 100% !important;
    margin-bottom: -10px !important;
}
.EditPageEditor .loading-indicator .loading-message .loading-text {
    display: block !important;
    color: #FFF !important;
}
form#WikiaPhotoGalleryImageUploadForm .WikiaPhotoGalleryProgress {
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat 60% 60% !important;
    animation: rotator .5s linear infinite;
    width: 0;
    height: 0;
    padding: 19px 0 0 20px;
    margin-left: -8px !important;
}
.WikiaPhotoGalleryProgress {
    background: url(https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg) no-repeat 50% 50% !important;
    background-size: 8.8em !important;
    animation: rotator .5s linear infinite;
}
/* For the preview modules in the Classic editor */
.ArticlePreviewInner .wikiaThrobber {
    top: 0;
    z-index: 2;
    height: 400px;
    width: 185px;
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center !important;
    animation: rotator .9s linear infinite;
    margin-left: 270px;
    background-size: 100% !important;
    margin-bottom: -10px !important;
    position: absolute;
}
.ArticlePreview .wikiaThrobber {
    top: 0;
    z-index: 2;
    height: 400px;
    width: 185px;
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center !important;
    animation: rotator .9s linear infinite;
    margin-left: 270px;
    background-size: 100% !important;
    margin-bottom: -10px !important;
    position: absolute;
}
.modal.large.inactive .wikiaThrobber {
    top: 0;
    z-index: 2;
    width: 185px;
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center !important;
    animation: rotator .9s linear infinite;
    margin-left: 570px;
    background-size: 100% !important;
    position: absolute;
}
/* For article comments when loading */
.WikiaArticleComments.loading {
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center !important;
    animation: rotator .8s linear infinite;
    height: 60px !important;
    width: 90px !important;
    padding-right: 30px;
    background-size: 86px !important;
    padding-left: 550px;
    margin-top: -5px !important;
    border-top: 0 !important;
}
/* The one that appears when pressing the "Reply" button on forums-like environment. */
.Wall .loadingAjax {
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg');
    background-repeat: no-repeat;
    animation: rotator .8s linear infinite;
    margin: 15px 0 0 0 !important;
}
/* The one that appears when uploading a file using Special:Images */
.ajaxwait {
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat scroll center !important;
    padding-left: 500px;
    animation: rotator .5s linear infinite;
    position: absolute;
    display: inline;
    width: 0;
    height: 0;
    padding: 28px 0 0 100px;
}
/* The one that appears during the load of the "All contributors" list of Special:Community */
.throbber-placeholder .wikiaThrobber {
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center !important;
    animation: rotator .8s linear infinite;
    height: 85px !important;
    width: 90px !important;
    padding-right: 30px;
    background-size: 86px !important;
    padding-left: 555px;
    margin-top: -5px !important;
}
/* The one that appears on category pages when browsing into another set of items */
.category-gallery .wikiaThrobber {
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat 50% 50% !important;
    background-size: 6.8em !important;
    animation: rotator .5s linear infinite;
}
/* The one that appears when applying new categories to an article's category bar */
.article-categories.CategorySelect.articlePage.userCanEdit.modified .wikiaThrobber, 
.page-list-content.WikiaGrid .wikiaThrobber {
    background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat 50% 50% !important;
    background-size: 6.2em !important;
    animation: rotator .5s linear infinite;
}
/* Special:ListUsers */
.dataTables_processing img {
    width: 0;
    height: 0;
    padding: 19px 0 0 20px;
    margin-left: -3px !important;
    background: transparent url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat 60% 60% !important;
    margin-bottom: 5px;
    animation: rotator .5s linear infinite;
}