MediaWiki:Common.css

@import url("/MediaWiki:Highlights.css?ctype=text/css&action=raw");
@import url("/MediaWiki:Infobox.css?ctype=text/css&action=raw");
@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:FandomIcons.css|u:amphibiapedia:MediaWiki:ImageSvgs.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:MinimalistSliderText/code.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=Francois+One|Farro|Nunito');

:root {
    --body-color: #000;
    --polar-1: #fff;
    --button-text: #fff;
    --default-text-cont: 'Nunito';
    --bottombar-accent-color: var(--border-color);
    --bottombar-light-bg-color: rgba(212, 212, 212, 0.25);
    --bottombar-light-text-color: var(--default-bg-color);
    --default-text-font: 'Francois One';
	--special-txt-color: /* Extra */;
	--default-bg-color: #FFE4B5;
	--special-bg-color: /* Extra */;
	--border-color: #A50B5E;
}

/* 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(--default-bg-color);
  line-height: 1.7em;
}

/* Blog Lines */
.WikiaBlogListing .WikiaBlogListingPost {
    border-bottom: dotted;
    padding: 20px 0;
}

/* Body */
.WikiaArticle, .category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select, ul.tabbernav, .WikiaRail {
    font-family: var(--default-text-cont) !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: var(--default-text-font), sans-serf !important;
}
 
/* Recent changes byte indicators */
.mw-plusminus-pos {
    color: #3e8e41;
}
.mw-plusminus-neg {
    color: #c1372d;
}
.mw-plusminus-null {
    color: #var(--border-color);
} 
/* diffchange colors */
td.diff-context {
    border-color: var(--border-color) !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;
}

/* 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(--default-bg-color) !important;
}

.WikiaArticle .thumbinner {
    background-color: var(--border-color) !important;
    background-repeat: repeat;
}
.WikiaArticleCategories {
    background-repeat: repeat;
}
.wikitable, table.wikitable {
    background: var(--default-bg-color) !important;
    border: 3px solid var(--border-color);
}
 
table.wikitable th, table.wikitable td {
    border: var(--border-color);
}
 
table.wikitable > tr > th, table.wikitable > * > tr > th {
    background: var(--default-bg-color) none repeat scroll 0% 0%;
}

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

.WikiaPage .page-header__separator {
    background-color: var(--border-color);
}

.wikitable,
table.wikitable {
    background-color: var(--default-bg-color) !important;
    background-repeat: repeat;
    border-color: var(--border-color) !important;
}
 
table.wikitable th,
table.wikitable td {
    border: var(--default-bg-color);
}


/* TEXT STYLE */
a:not(.new) {
    font-weight: bold !important;
}
 
.new {
    color: #A55353 !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: var(--default-bg-color) !important;
    vertical-align: text-bottom !important;
    border-radius: 5px !important;
}
 
.WikiaRail .rail-module {
    padding: 15px 5px;
    margin: 0 0 30px 0;
}

.WikiaRail .rail-module h2, .WikiaRail .module h2 {
    border-bottom:1px solid var(--border-color);
}
 
.FollowedPagesModule li {
    border-color:var(--border-color)!important;
}
 
.WikiaRail .rail-module .wds-button.wds-is-secondary {
    background: var(--border-color);
    color:var(--button-text)!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:var(--button-text)!important;
    text-shadow: 0 0 2.5px var(--button-text), 0 0 2.5px var(--button-text)!important;
}

#WikiaRail .activity-icon, .WikiaRail .rail-module h2.has-icon svg {
    fill:var(--border-color)!important;
}

/* 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(--border-color);
}

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

.WikiaRail .edit-info {
    color:black;
    font-weight: bold;
}

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

/** Categories **/
.article-categories {
    background: transparent!important;
}

.CategorySelect.articlePage, .CategorySelect.articlePage .last {
    background: var(--border-color);
}

/* Rectangular buttons (DEV Wiki) */
a.wikia-button,
.wikia-single-button a,
.wikia-menu-button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.button,
button, 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,
.wikia-single-button a.secondary,
.wikia-menu-button.secondary,
input[type="submit"].secondary,
input[type="reset"].secondary,
input[type="button"].secondary, 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;
}

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

/* Opacity */
    .opacity img {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;}
 
    .opacity:hover img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    }

/*Credits to SML Wiki for this code !*/
.mw-warning-with-logexcerpt {
    border-color: var(--border-color) !important;
}

/*Scrollbar*/
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
body::-webkit-scrollbar {
    background: var(--default-bg-color);
}
::-webkit-scrollbar-thumb {
    background: var(--border-color) ;
}
::-webkit-scrollbar-thumb:hover {
    background: #FF69B4 !important;
}
::-webkit-scrollbar-thumb:active {
    background: #FFA500 !important;
}
 
/* Links */
.WikiaArticle a:hover {
    text-shadow: 0 0 2.5px rgba(255, 104, 17), 
                 0 0 2.5px rgba(255, 104, 17);
    color: var(--border-color) !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:active {
    color: var(--default-bg-color) !important;
    text-shadow: 0 0 2.5px #f00, 0 0 2.5px #f00;
}

.WikiaArticle a.mw-selflink {
	color: black!important;
}
 
/*Custom highlighting code*/
/*** Works on common browsers ***/
::selection {
    background-color: var(--border-color);
    color: var(--button-text);
}

/* Recent Changes Header */
span.rclinks {
    float: right;
}
 
span.rclinks > a {
    color: gray;
}
 
.rc-backlink-text > a:hover {
    text-decoration: none ;
}
 
span.rclinks > a:hover {
    text-decoration: none;
    color: #0000ee;
    transition: .3s;
}

span.rc-backlink-text > a,
span.rclinks > a {
    color: #0000ee ;
}

/* Color scheme for templates */
.color-base {
    border-color: var(--border-color)!important;
    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:var(--body-color);
    moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}

.color-text {
    text-align:center;
    font-size: 25px;
    font-family:var(--default-text-font);
    color: var(--border-color);
    line-height:101%;
}

/* Page tabber (credits to Hazbin Hotel Wiki) */
.pagetabber {
    font-family: var(--default-text-font);
    color:var(--body-color);
    font-weight:bold !important;
    text-align:center;
    margin-bottom:0px;
    clear:both;
    display:flex;
}
.pagetabber div {
	border-bottom: 3px solid transparent;
	background-clip: padding-box;
}
.pagetabber div:hover {
    border-bottom: 3px solid var(--border-color)!important;
}

/* Misc */
.pi-data-value div> ul {
    margin: .4em 0 .5em !important;
}

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