MediaWiki:Common.css

@import url("/load.php?mode=articles&articles=MediaWiki:Themes.css&only=styles"); @import url('https://fonts.googleapis.com/css?family=Kalam|Comfortaa|Baloo+Bhaina|Francois+One|Cabin+Condensed|Barrio|Merienda|Audiowide|Eater');

.discord-widget .widget-header { background-color: #a63b28; } .discord-widget-container { width: 100%; } .discord-widget .widget-member-avatar img { border: 2px solid #a63b28; background-color: #a63b28; } .discord-widget .widget-member .widget-member-name { background-color: #a63b28; } .discord-widget .widget-theme-light .widget-btn-connect { color: #fff; background-color: #a63b28; border: 0; } .discord-widget .widget-theme-light .widget-role-name { color: #fff; background: #a63b28; padding: 5px; border-radius: 5px; }

/* To reset font size */ .WikiaArticle{font-size: 13px !important;}

/* Search suggestions styling */ font-size: 12px !important; width: 41%; }   font-style: italic; font-weight: bold; }
 * 1) suggestions {
 * 1) suggestions a {

/* Fix article and header mismatch */ .WikiaPage { border: 1px solid #fff8dc; }

/* References styling */

ol.references {font-size:90%} .references-small {font-size:90%} /* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column {font-size:90%; -moz-column-count:2; column-count:2}

/* Reference pop-up styling */

.refpopups-box { font-size: 90% !important; line-height: 15px; padding: 10px !important; }

/* Link styling */

.plainlinks a {background-image:none !important; height: 46px!important; width: 180px!important;} .plainlinks a:hover {text-decoration:none !important;} .quote_link_color_match a {color:inherit !important;} .quote_link_color a {color:#A63B28}

max-width: 100%; }
 * 1) wmDiv img {

/* Infobox styling */

.infobox-table {float:right; width:250px; margin:.5em 0 1em 1em; border-collapse:collapse; font-size:80%; line-height:1.5} .infobox-table ul {list-style: none outside none !important; margin:0px !important} .infobox-image {padding:0; color:#FFFFFF} .infobox-title {padding:4px; font-size:larger; color:#FFFFFF} .infobox-header, .infobox-data {padding:4px; text-align:left} .infobox-row {height:3em; background:#FFFFFF; border-top:1px solid #999999; vertical-align:middle} .infobox-cell, .infobox-more {padding:0} .infobox-label {width:6em; padding-left:1em; padding-right:4px; padding-top:4px; padding-bottom:4px; text-align:left} .infobox-conflict {width:50%; background:#FFFFFF; border-top:1px solid #999999; padding-left:1em; padding-right:1em; vertical-align:top; text-align:left} .infobox-gallery {padding:4px; text-align:center; font-weight:bold}

/* Round bullet points */ .WikiaArticle ul, .SpeechBubble .speech-bubble-message ul {list-style:disc outside none}

/* Image gallery caption */ .media-gallery-wrapper .media-gallery-caption { background-color: #A63B28; }

/* Gradient effect */

.gradient { background-color: #922D05; background-image: linear-gradient(bottom, #611E03 4%, #922D05 52%); background-image: -o-linear-gradient(bottom, #611E03 4%, #922D05 52%); background-image: -moz-linear-gradient(bottom, #611E03 4%, #922D05 52%); background-image: -webkit-linear-gradient(bottom, #611E03 4%, #922D05 52%); background-image: -ms-linear-gradient(bottom, #611E03 4%, #922D05 52%); }

/* Imagebox styling */ .imagebox {clear:both; margin:0 0 .5em 1em; background:#ffffff; border:1px solid #AAAAAA; line-height:1.5; font-size:95%} .imagebox table {margin:0 0 0 0; width:100%; background:#ffffff; border-collapse:collapse} .imagebox table td {padding:0 5px; border-top:1px solid #AAAAAA; border-left-style:none; border-left-width:1px; background-color:#f0e5e4; width:12%} .imagebox table td.infoboxcell {width:68%} .imagebox p {margin:0; padding:0}

/* User profile header custom tags */

a.tag {color:inherit}
 * 1) WikiaUserPagesHeader .UserProfileMasthead .masthead-info .tag + .tag {margin-left:5px}

/* Other additional page elements */

.roundy {-moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; -icab-border-radius:10px; -o-border-radius:10px; border-radius:10px} .page-Avatar_Wiki_Community_messages #cmlink {display:none} .filmlink {display:none !important;} /* temporary */

/* Tabber styling */

ul.tabbernav {font-family:Helvetica, sans-serif !important; font-weight:normal !important; padding:5px 0px !important; border-bottom:5px solid #8B4513 !important;} ul.tabbernav li a {padding:5px 5px !important; margin-left:0px !important; border:0 !important; background:#f0e5e4 !important;} ul.tabbernav li a:link {color:#8B4513 !important;} ul.tabbernav li a:visited {color: #8B4513 !important;} ul.tabbernav li a:hover {background-color:#8B4513 !important; border-color:transparent !important; color:#FFF !important;} ul.tabbernav li.tabberactive a {color:#FFF !important; font-weight:normal !important; border:0px solid #8B4513 !important; background-color:#8B4513 !important;} ul.tabbernav li.tabberactive a:hover {border:0px solid #8B4513 !important; border-bottom: 0px solid #8B4513 !important;} .tabberlive .tabbertab {border:0px solid #8B4513 !important; border-top:0 !important;}

/* Darker borders and colors for TOC, thumbcaptions and heading lines */

.WikiaArticle .article-thumb .caption {font-size:85%} .WikiaArticle .article-thumb { background-color: #f0e5e4; border: 1px solid #d4c2c0; overflow: hidden; padding: 3px; text-align: center; background-image: -moz-linear-gradient(center top, #ffe4e1 0px, #f0e5e4 100%); } .WikiaArticle .picture-attribution, .WikiaArticle .article-thumb .attribution { display: none; } /* Other skin tweaks */

a.link-internal {display:inline-block;} div.ajax-poll {border:none !important; width:auto !important;} h4.mw-specialpagesgroup {background-color:#ffe4e1} sup.reference a {word-spacing:-3px} .activity-nav {margin-bottom:0.5em} .mw-newarticletext {display:block !important;} .mw-warning-with-logexcerpt {border-color:#A63B28 !important;} .picture-attribution {display:none !important;} .WikiaArticle .WikiaBlogListingBox ul {border:none !important;} .WikiaBlogListing .wikia-button:visited {color:#fff !important;} .WikiaBlogListing details .avatar {margin-right:5px !important; padding-right:0 !important;} .WikiaBlogListingBox .WikiaBlogListingPost > h1 {font-size:inherit} .WikiaRail .module, .WikiaRail #RIGHT_SKYSCRAPER {box-shadow:0px 2px 5px 0px #b08e88; -moz-box-shadow:0px 2px 5px 0px #b08e88; -webkit-box-shadow:0px 2px 5px 0px #b08e88}

/* Main page skin tweaks */

.mainpage .WikiaBlogListing h1 {font-size:15px} .mainpage .WikiaBlogListingBox h2 {display: none} .mainpage .WikiaBlogListingBox ul .WikiaBlogListingPost h2 {display: flex} .mainpage .WikiaBlogListingBox {width:auto; border:none; background-image:transparent; padding:0} .mainpage .WikiaBlogListingBox .wikia-button {display:none} .mainpage .WikiaBlogListingBox .avatar {margin-top:9px} .mainpage .WikiaBlogListingBox ul {padding-bottom:0} .mainpage .WikiaBlogListingBox ul .WikiaBlogListingPost {border:none !important; padding:0} .mainpage .WikiaBlogListingBox h3 {display:none} .mainpage .WikiaBlogListingBox .reload {display:none} .mainpage .WikiaBlogListingBox blockquote p {font-size:90%; margin-bottom:0} .mainpage .more {display:none} .mainpage ul.cfUserTweetsTag {list-style:none}

/* Temporary patches */

table.diff, td.diff-otitle, td.diff-ntitle {background-color:inherit !important;} table.wikitable > tr > th, table.wikitable > * > tr > th {background-color:#FFF3C3 !important;} table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {border:1px solid #b49a96 !important;} table.wikitable {color:inherit !important;} .unpatrolled {visibility:hidden}
 * 1) pagehistory li {border:none !important;}
 * 2) pagehistory li.selected {border:1px dashed #AAA !important;}

.forumlist td.forum_edited a {color:inherit; text-decoration:none} .forumlist td.forum_title a {padding-left:20px} .forumlist td.forum_title a.forum_new {font-weight:bold; background:url('https://images.wikia.nocookie.net/avatar/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}


 * 1) mw-editbutton-wmu {display:none !important;}
 * 2) mw-editbutton-wpg {display:none !important;}
 * 3) mw-editbutton-vet {display:none !important;}

.WikiaBlogListingBox {width:auto}

/* Unbulleted lists */ .plainlist ol, .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ol li, .plainlist ul li { margin-bottom: 0; }

/* EDIT */ .WikiaArticle .editsection {float: right !important;}

/* Wikia Rail formatting */

.WikiaRail .rail-module, .WikiaRail .module { border: none !important; border-radius: 7px !important; box-shadow: 1px 1px 3px lightgrey !important; padding: 15px; margin: 0 0 30px; }

.theme-fandomdesktop-light .WikiaRail .rail-module, .theme-fandomdesktop-light .WikiaRail .module { background: rgb(255,255,255,0.6) !important; } .theme-fandomdesktop-dark .WikiaRail .rail-module, .theme-fandomdesktop-dark .WikiaRail .module { background: rgb(34,45,46,0.6) !important; }

/** documentation **/ .template-documentation { width: 100%; background-color: white; border-radius: 5px; } .template-documentation__header { background: #DE1C4E; border: 1px solid black; padding: 10px; text-align: center; border-radius: 5px; } .template-documentation__header a { color: white; } .template-documentation__title { font-size: 26px; } .template-documentation__buttons { font-size: 10px; position: absolute; right: 10px; top: 10px; } .template-documentation__contents { padding: 32px; } .template-documentation__error { font-size: 20px; padding: 20px; } .template-documentation__example { clear: both; }

/* TOC styling */ .toc { -moz-border-radius:1ex !important; border-radius:1ex !important; padding: 9px !important; box-shadow: 1px 1px 3px lightgrey; border-color: #eccac4 !important; }

/** Tabber CSS CSS **/ .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important;} ul.tabbernav li a:link { background: none !important; } ul.tabbernav li a:hover { border: none !important; background: none !important; } ul.tabbernav li.tabberactive a { background-color: #A63B28 !important; padding: 5px 12px !important; border: none !important; border-radius: 5px 5px 0 0 !important; margin-left: 0px !important; color: white !important; } ul.tabbernav li a { border:none !important; padding: 5px 12px !important; color: black !important; margin-left: 0px !important; } .tabberlive .tabbertab { border: none !important; padding: 0 !important;} ul.tabbernav { padding: 6px 0 !important; border-bottom: 3px solid #A63B28 !important; font-weight: normal !important; font: 14px Helvetica,Arial,sans-serif !important } ul.tabbernav li a:visited { color: white; }

.tabberlive .editsection { display: none; }

/* Profile Masthead */ .UserProfileMasthead .masthead-info { background: white url(add later) no-repeat bottom right; background-size: 450px; }

.UserProfileMasthead .masthead-info .tag { border-radius: 3px !important; }

/* Toggle Button */ .mw-collapsible-toggle { font-size:90%; color:white; font-weight: normal; text-transform: lowercase; margin-right:5px; } .mw-collapsible-toggle a { font-weight: normal; color:white; text-decoration:none; text-transform: lowercase; } .mw-collapsible-toggle a:hover { text-decoration:none; }

/* Thumb styling */ .article-thumb, .activityfeed-inserted-media li { overflow: hidden; empty-cells: hide; } figcaption { margin:5px; } .article-thumb figcaption .caption { margin: 5px; font-size: 12px; } .WikiaArticle .article-thumb p:last-child, .WikiaArticle .article-thumb p + p:last-child { padding:0; margin-left: 5px; }

/* Gallery - Corners */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border:1px solid #A63B28; } .wikia-gallery-caption-below .lightbox-caption { font-size: 80% !important; } .wikia-gallery-captions-center .wikia-gallery-item .lightbox-caption { padding: 0px !important; }

/* Minimal Scrollbar */
 * -webkit-scrollbar {

width: 12px; }
 * -webkit-scrollbar-thumb {

background: linear-gradient(#E8456F, #DE1C4E); }
 * -webkit-scrollbar-thumb:hover {

background: linear-gradient(#cc224e, #ba1a43); }
 * -webkit-scrollbar-thumb:active {

background: linear-gradient(#cc224e, #ba1a43); }
 * -webkit-scrollbar-track {

background-color: #D3D3D3 !important; }

/*=========*/ /* Poll - From Tensei Slime Fandom */ div.ajax-poll { background: #e1ccc8; text-align: left; padding:3px; vertical-align:top; border: none !important; border-radius: 7px; margin-right: 6px !important; } .ajax-poll > .header, div.ajax-poll > label, .ajax-poll div { color:#000; } .pollAnswerName { color:#fff; } .pollAnswerVotes, .pollAnswerVotes div { border-radius:7px; color:violet; } .pollAnswerVotes div { background-color: #A63B28 !important; border:0; border-right:0 !important; } .pollAnswerVotes { background: #e1ccc8; border: 1.5px solid #b34a37 !important; font-size: 2px; height: 5px; left: 0; line-height: 19px; width:95% !important; } .pollAnswerVotes span { color:white; }

.poll-entry { margin-bottom: 8px; height: 20px; border: 1.5px solid #b34a37; border-radius: 7px; } .poll-entry .percent { display: none; } .poll-entry:hover .percent { display: inline; } .poll-entry:hover .num { display: none; }

/* Modifications for code boxes: Adapted from just leafy */ .css.source-css, .javascript.source-javascript, .html5.source-html5 { background-color: #f0e5e4; padding: 1em; border-left: 3px dashed #A63B28; } .css.source-css > pre, .javascript.source-javascript { border: none !important; } .WikiaArticle pre { background-color: #F5F5F5; border: none; padding: 8px; } code { background-color: white; padding: 1px 2px; border: 1px dashed #A63B28; }

/* Wikia Notification */

.WikiaNotifications li div { background-color: #a63b28; background-image: none; color: white !important; max-width: 170px; overflow: auto; padding: 10px 20px; position: relative; }

.WikiaNotifications li div a { text-decoration: none; color: white; text-shadow: 0px 0px 6px black; }

/* Slider */ .wikiaPhotoGallery-slider-body {background-color: white !important;} /* Cross-site custom styling */ .article-categories { border-radius: 10px; }

/* Table */ table.wikitable { background: white; border-collapse: collapse; border: 1px #A63B28 solid; margin: 1em 1em 1em 0; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px #d7609c dashed; padding: 0.2em 0.5em; } table.wikitable > tr > th, table.wikitable > * > tr > th { background: #A63B28; color: white; text-align: center; } /* CharMug Hovering */ .portal { -moz-transition: all 0s linear; -webkit-transition: all 0s linear; -o-transition: all 0s linear; } .portal:hover { opacity:0.8; background:#ffffff; }

/* References */ /* make the Cite extension list of references look smaller and highlight clicked reference in blue */ div.reflist { font-size: 90%;           /* Default font-size */ margin-bottom: 0.5em; margin-top:0.8em; }

.refpopups-box { background: none repeat scroll 0 0 #E1E4E7 !important; border-color: #A63B28 !important; font-size: 12px !important; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius:8px; } .refpopups-chevron-out, .refpopups-chevron-in { display: none; } /* Reset top margin for lists embedded in columns */

ol.references { margin-top:-3px; } /* Avoid elements breaking between columns */ .nocolbreak, div.columns li, div.columns dd dd { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; }

/* Wide two-level TOC: resets (including for wrapper generated by w:c:dev:MediaWiki:FloatingToc/code.js via MediaWiki:Wikia.js) */ .toc-widetwolevel #toc-wrapper { margin: 0 !important; max-width: none !important; width: 100%; } .toc-widetwolevel nav.toc li::before { content: none; } /* Wide two-level TOC: overrides */ .toc-widetwolevel nav.toc { display: block; text-align: center; } .toc-widetwolevel #toctitle h2 { font-weight: bold; } .toc-widetwolevel nav.toc ol { margin: 0; } .toc-widetwolevel nav.toc li { display: inline; } .toc-widetwolevel nav.toc li.toclevel-1 { font-weight: bold; } .toc-widetwolevel nav.toc li.toclevel-2 { font-weight: normal; } .toc-widetwolevel nav.toc li.toclevel-2 > ol { display: none; } .toc-widetwolevel nav.toc li.toclevel-1:not(:last-child) > a:only-child, .toc-widetwolevel nav.toc li.toclevel-2:not(:last-child) > a { margin-right: 1em; } .toc-widetwolevel nav.toc li.toclevel-1:not(:last-child) > a:only-child::after, .toc-widetwolevel nav.toc li.toclevel-2:not(:last-child) > a::after { color: #3a3a3a; content: "•"; display: inline-block; left: 0.5em; line-height: 0; pointer-events: none; position: relative; width: 0; }

/* Multi-column layouts (MCL) */ .MCL-2col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }   .MCL-3col { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }   .MCL-2col, .MCL-3col { -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }       /* Styles for when we have less than 1600px to work with */ @media screen and (max-width:1600px) { .MCL-3col { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }       }            /* Styles for when we have less than 1440px to work with */ @media screen and (max-width:1440px) { .MCL-2col { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 }           }                /* Styles for when we have less than 800px to work with */ @media screen and (max-width:800px) { .MCL-3col { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }               }    .columnItem { display:inline-block; -webkit-column-break-inside:avoid; -moz-column-break-inside:avoid; -o-column-break-inside:avoid; -ms-column-break-inside:avoid; column-break-inside:avoid; }   .MCL-3col h1, .MCL-3col h2, .MCL-3col h3, .MCL-3col h4, .MCL-3col h5, .MCL-3col h6, .MCL-2col h1, .MCL-2col h2, .MCL-2col h3, .MCL-2col h4, .MCL-2col h5, .MCL-2col h6 { -webkit-column-span: all; -moz-column-span: all; column-span: all; }

/* Template documentation */ .template-documentation__buttons { position: unset !important; }

/* Activity Feed customization – From The Promised Neverland wiki */ .activityfeed > li { background-color: #f2e1de; border-left: 5px solid #f2e1de; border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); margin: 0.5em; overflow: hidden; padding-left: 3em; transition: all 0.3s; } .activityfeed > li.activity-type-edit { border-left-color: #a63b28; } .activityfeed > li.activity-type-edit:hover { border-left-color: #a63b28; } .activityfeed > li.activity-type-new { border-left-color: #a63b28; } .activityfeed > li.activity-type-new:hover { border-left-color: #a63b28; } .activityfeed > li.activity-type-talk { border-left-color: #a63b28; } .activityfeed > li.activity-type-talk:hover { border-left-color: #a63b28; } .activityfeed > li.activity-type-categorization { border-left-color: #a63b28; } .activityfeed > li.activity-type-categorization:hover { border-left-color: #a63b28; } .activityfeed > li:hover { background-color: #dbbeb9; box-shadow: 0 2px 4px rgba(0, 0, 0, .5); }

.picture-attribution { display:none !important; } /* Gallery - Rounded Corners */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 1ex !important; }

/* Activity Feed customization – From The Promised Neverland wiki */

/* Site glow */ .WikiaPage { border: 2px solid #a63b28; border-radius: 2px; box-shadow: 0px 0px 28px #a63b28; }

/* Highlighting Text */
 * selection {color: white; background: #a63b28;}
 * -moz-selection {color: white; background: #a63b28;}

/* Random Character Portal CSS */ .randomA > * { background: #BC222B; border-color: #BC222B!important; } .randomB > * { background: #376F5C; border-color: #376F5C!important; } .randomC > * { background: #D0C67A; border-color: #D0C67A!important; }

.portal { border-radius: 50%; border: 5px solid; margin: 0 auto; width: 120px; height: 120px; overflow: hidden; width: 120px; height: 120px; }

.portalname { margin: 3px; border-radius: 25px; font-size: 11px; font-weight: bold; padding: 0px; text-align: center; }

/* @media screen and (min-width: 1300px) { .portal { border-radius: 50%; border: 5px solid; margin: 0 auto; width: 120px; height: 120px; overflow: hidden; width: 120px; height: 120px; }	.portalname { margin: 3px; border-radius: 25px; font-size: 11px; font-weight: bold; padding: 0px; text-align: center; } }

@media screen and (max-width: 1299px) { .portal { border-radius: 50%; border: 5px solid; margin: 0 auto; width: 120px; height: 120px; overflow: hidden; width: 15%; height: auto; }	.portalname { margin: 3px; border-radius: 25px; font-size: 11px; font-weight: bold; padding: 0px; text-align: center; width: 15%; } }

.square { position: relative; width: 100%; }

.square:after { content: ""; display: block; padding-bottom: 100%; }