MediaWiki:Common.css

/* Import CSS */ @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:InterlanguageFlags.css"); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Anime-Common.css"); @import url("/MediaWiki:ClassInfobox.css?ctype=text/css&action=raw"); @import url("/MediaWiki:PortableInfobox.css?ctype=text/css&action=raw"); @import url("/MediaWiki:CustomEditSection.css?ctype=text/css&action=raw"); @import url("/MediaWiki:SpoilerBlur.css?ctype=text/css&action=raw");

/* Import Font */ @import url(https://fonts.googleapis.com/css?family=Tangerine|Chango); @import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css); @import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

.cs a:link, .cs a:visited {color:inherit} .cs a:hover, .cs a:active {color:inherit; font-weight:bold; text-decoration:underlined }

.ns-only { display: none } body.ns-0 .ns-only.ns-0, body.ns-1 .ns-only.ns-1, body.ns-2 .ns-only.ns-2, body.ns-3 .ns-only.ns-3, body.ns-4 .ns-only.ns-4, body.ns-5 .ns-only.ns-5, body.ns-6 .ns-only.ns-6, body.ns-7 .ns-only.ns-7, body.ns-8 .ns-only.ns-8, body.ns-9 .ns-only.ns-9, body.ns-10 .ns-only.ns-10, body.ns-11 .ns-only.ns-11, body.ns-12 .ns-only.ns-12, body.ns-13 .ns-only.ns-13, body.ns-14 .ns-only.ns-14, body.ns-15 .ns-only.ns-15, body.ns-110 .ns-only.ns-110, body.ns-111 .ns-only.ns-111, body.ns-112 .ns-only.ns-112, body.ns-113 .ns-only.ns-113, body.ns-114 .ns-only.ns-114, body.ns-115 .ns-only.ns-115, body.ns-400 .ns-only.ns-400, body.ns-401 .ns-only.ns-401, body.ns-402 .ns-only.ns-402 { display: block } body.ns-0 tr.ns-only.ns-0, body.ns-1 tr.ns-only.ns-1, body.ns-2 tr.ns-only.ns-2, body.ns-3 tr.ns-only.ns-3, body.ns-4 tr.ns-only.ns-4, body.ns-5 tr.ns-only.ns-5, body.ns-6 tr.ns-only.ns-6, body.ns-7 tr.ns-only.ns-7, body.ns-8 tr.ns-only.ns-8, body.ns-9 tr.ns-only.ns-9, body.ns-10 tr.ns-only.ns-10, body.ns-11 tr.ns-only.ns-11, body.ns-12 tr.ns-only.ns-12, body.ns-13 tr.ns-only.ns-13, body.ns-14 tr.ns-only.ns-14, body.ns-15 tr.ns-only.ns-15, body.ns-110 tr.ns-only.ns-110, body.ns-111 tr.ns-only.ns-111, body.ns-112 tr.ns-only.ns-112, body.ns-113 tr.ns-only.ns-113, body.ns-114 tr.ns-only.ns-114, body.ns-115 tr.ns-only.ns-115, body.ns-400 tr.ns-only.ns-400, body.ns-401 tr.ns-only.ns-401, body.ns-402 tr.ns-only.ns-402 { display: table-row }


 * 1) siteNotice > table > tbody > tr > td + td { width: auto !important; }

div.ajax-poll { width:auto !important; }

/* Infobox slideshow */ .box.infobox .wikia-slideshow-images-wrapper { padding: 0; } .box.infobox .wikia-slideshow-wrapper { width: 300px !important; } .box.infobox .wikia-slideshow-toolbar, .box.infobox .wikia-slideshow-prev-next { display: none !important; } .box.infobox .wikia-slideshow-popout-add-image { display: none !important; } .box.infobox .wikia-slideshow-toolbar { display: none !important; }

/* Disable "Add Images" button */
 * 1) wmuLinkDiv {display:none !important}
 * 2) wmu-imagebutton {display:none !important}
 * 3) wmu_imagebutton {display:none !important}
 * 4) mw-editbutton-wmu {display:none !important}
 * 5) wmuLink {display:none !important}

/* References styling */ -moz-border-radius-topleft: 1.2em; -webkit-border-top-left-radius: 1.2em; border-top-left-radius: 1.2em; border: 1px solid #ff579a; list-style-position: inside; margin-bottom: 3px; margin-left: 5px; max-height: 230px; overflow: auto; padding: 0.5em; font-size: 11px; } .references > li:target, .reference:target { background-color: #DDEEFF; }
 * 1) mw-content-text .references {

ol.references > li:target, sup.reference:target, span.citation:target { background-color:#ae4d85; } sup.reference { font-weight: normal; font-style: normal; font-size: 80%; line-height: 95%; }

/* Warning template*/ .warningtemplate { background-color: whitesmoke; border: 2px solid #f66; color: black; margin: 0.8em 0; padding: 0.5em 12px; box-shadow: 0 0 6px rgba(0,0,0,0.66); } .warningtemplate em { color: maroon; font-size: 1.25em; }

/* Box Specific colouring */ table.infobox.infobox-color-light-novel > * > tr > th { background-color: #513e7a !important; } table.infobox.infobox-color-light-novel { border: 3px solid #513e7a !important; }

table.infobox.infobox-color-ss > * > tr > th { background-color: #8269b7 !important; } table.infobox.infobox-color-ss { border: 3px solid #8269b7 !important; }

table.infobox.infobox-color-manga > * > tr > th { background-color: #3564BA !important; } table.infobox.infobox-color-manga { border: 3px solid #3564BA !important; }

table.infobox.infobox-color-spin-off > * > tr > th { background-color: #538FC5 !important; } table.infobox.infobox-color-spin-off { border: 3px solid #538FC5 !important; }

table.infobox.infobox-color-art-book > * > tr > th { background-color: #E7748E !important; } table.infobox.infobox-color-art-book { border: 3px solid #E7748E !important; }

table.infobox.infobox-color-databook > * > tr > th { background-color: #716976 !important; } table.infobox.infobox-color-databook { border: 3px solid #716976 !important; }

table.infobox.infobox-color-episode > * > tr > th { background-color: #A33854 !important; } table.infobox.infobox-color-episode { border: 3px solid #A33854 !important; }

table.infobox.infobox-color-bd-dvd > * > tr > th {	background-color: #742E60 !important; } table.infobox.infobox-color-bd-dvd { border: 3px solid #742E60 !important; }

table.infobox.infobox-color-music > * > tr > th { background-color: #5F9EA0 !important; } table.infobox.infobox-color-music { border: 3px solid #5F9EA0 !important; }

/* Poll */ .ajax-poll { width: auto !important; border: none !important; }

.pollAnswer:hover .pollAnswerVotes { border-color: #75a8ff; } .pollAnswerVotes div { background: #DB0A5E !important; background: -webkit-linear-gradient(left, #FF7BAA,#DB0A5E) !important; background: -moz-linear-gradient(left, #FF7BAA,#DB0A5E) !important; background: -o-linear-gradient(left, #FF7BAA,#DB0A5E) !important; background: linear-gradient(to right,#FF7BAA,#DB0A5E) !important } .poll-entry{ margin-bottom: 8px; height: 20px; border: 1px solid #999; } .poll-entry .percent { display: none; } .poll-entry:hover { border-color: #75a8ff; } .poll-entry:hover .percent { display: inline; } .poll-entry:hover .num { display: none; }

/* Tabber customized */ ul.tabbernav { font-family:"Tangerine" !important; font-size:15px !important; font-weight:bold !important; padding:7px 0px !important; border:none !important; text-transform: uppercase !important; } ul.tabbernav li a { text-transform: uppercase !important; padding:7px 5px !important; margin-left:0px !important; border:0 !important; background:transparent !important; transition-duration:1s !important; transition-timing-function:ease-out !important; } ul.tabbernav li a:link { color:#e50d72 !important; border-bottom: 3px solid #e50d72 !important; margin-right: 2px !important; } ul.tabbernav li a:visited { color: #e50d72 !important; border-bottom: 3px solid #e50d72 !important; margin-right: 2px !important; } ul.tabbernav li a:hover { color:#a098d3 !important; border-bottom: 3px solid #a098d3 !important; background-color: transparent !important; margin-right: 2px !important; transition-duration: 1s !important; transition-timing-function: ease-out !important; } ul.tabbernav li.tabberactive a { color:#a098d3 !important; border-bottom: 3px solid #a098d3 !important; background-color: transparent !important; margin-right: 2px !important; } ul.tabbernav li.tabberactive a:hover { border-bottom: 3px solid #a098d3 !important; margin-right: 2px !important; } .tabberlive .tabbertab { border:0px solid transparent !important; border-top:0 !important; } html { /* Fixes background in Android versions of Chrome and Opera */ height: 100%; width: 100%; }

/* PortableInfobox Theme */ .pi-item-spacing { padding: 0px 0px; } /* PI */ .pi-theme-infoBox .pi-image-thumbnail { max-width: 200px; height: auto; } /* Infoboxes */ /*Infobox*/ .infobox { border: 1px solid #ffffff; background-color: #ffffff; color: #ffffff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; } .pi-europa .pi-horizontal-group .pi-horizontal-group-item { text-align: center; }

.pi-europa .pi-horizontal-group-item:nth-child(even) { background-color: #ffffff; } .pi-europa.pi-background { background-color: #ffffff; } .infobox td, .infobox th { vertical-align: top; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: none; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: none; } .portable-infobox { width: 190px; background: #ffffff; border: 2px solid #e50d72; padding: 3px; border-radius: 4px; } /*Tabs*/ .portable-infobox .pi-image-collection-tab-content { background: #ffffff; } .portable-infobox .pi-image-collection-tabs { text-align: center; background: transparent; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { font-family: Lato; background: transparent; border-style: none; margin: 0; padding: 0; color: #a098d3; font-weight: bold; font-size: 16px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #e50d72; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:last-of-type):after { content: "•"; color: #e50d72; font-family: Lato; background: transparent; font-weight: bold; width: 1em; padding-right: 3px; font-size: 13px; text-align: center; } .portable-infobox .pi-secondary-font { font-size: 16px; font-family: Lato }

.portable-infobox .pi-title { font-size: 19px; font-family:Lato; background-color: #e50d72; border-radius: 2px; color: #ffffff; font-weight: bold; text-align: center; }

.pi-horizontal-group .pi-header { font-size: 16px; font-family:Lato; background-color: #e50d72; border-radius: 2px; color: #ffffff; font-weight: bold; text-align: center; }