MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* Staff highlights */ /* Edit here: https://www.khwiki.com/MediaWiki:Gadget-StaffHighlights.css */

/* Don't display some stuff on the main page */ body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-view #siteSub, body.page-Main_Page.action-view #catlinks, body.page-Main_Page.action-view #lastmod { display: none; }

position: relative; }
 * 1) bodyContent {

/* Image restrictions */ div.userbox img { max-width:100%; width/**\*/:100%\9; height:auto !important; image-rendering:auto !important; } table.talkbubble { table-layout/*\**/:fixed\9; width/*\**/:100%\9; } table.talkbubble > tr > td:first-child, table.talkbubble > tbody > tr > td:first-child { text-align:center; width:90px; } table.talkbubble td:first-child img { height:auto !important; max-width:90px; image-rendering:auto !important; }

/* Alignment classes */ .gocenter { margin-left: auto; margin-right: auto; } .goleft { clear: left; float: left; } .goright { clear: right; float: right; }

/* KHWiki Tabber */ .infobox .tabbernav { font-size: 90%; } .tabber.info { display: block; float: right; margin: 0 0 0.5em 1em; } .tabber.info .nav { display: block !important; } .tabber.info .infobox > tbody > tr:nth-child(2) img { max-width: 100% !important; height: auto !important; image-rendering: auto !important; } .tabber.info table { display: block !important; float: none !important; width: auto !important; max-width: none !important; margin: 0 !important; overflow-x: auto !important; } .tabber.info tbody { display: table !important; width: 100% !important; }

/* Video tables */ table.video { text-align: center; border: 2px solid black; display: block; overflow: auto; width: auto; margin: 5px auto; max-width: max-content; } table.video tr:nth-child(odd) td { border: 1px inset; border-radius: 10px; } table.video tr:nth-child(even) td { border: 1px solid black; border-radius: 0 !important; } table.video .videoWidget, table.video .videoWidget iframe { display: block !important; } table.video .videoWidget .autoResize { margin: 0 auto !important; }

/* Width fixes */ table { max-width: 100%; } .tabbertab > .UXdmg { width: 100% !important; } @media all and (max-width: 1100px) { .mw-parser-output table img { max-width: 100% !important; height: auto !important; }	.tabber.gocenter { width: 100% !important; }	.tabbertab > .wikitable, .tabbertab > .sortable { width: 100% !important; }	.infobox.board div { width: auto !important; }	.infobox.board div > div { left: 7.5px !important; right: 7.5px !important; }	.infobox.board img { max-width: 100% !important; height: auto !important; } }

/* fulltabs class to allow for full tabber width */ .fulltabs .tabberlive { margin-left: 0; } .fulltabs .goright { clear: none; float: none; }

/* Notice templates */ table + #stub { margin-top: 10px; } .notice-template { width: 95%; margin: 0 auto 10px; } .ns-6 .notice-template { margin: 5px auto !important; } .notice-template + .notice-template { margin-top: -5px; }

/* Navigation templates */ .navbox { margin-top: 15px; } .navbox + .navbox, .navbox .navbox { margin-top: 0; } .navbox .mw-collapsible-toggle { padding-right: 4px; } .navbox .mw-collapsible-toggle-expanded { padding-left: 5px; } .navbox.mw-collapsible tbody > tr:first-child > th:first-child { padding-left: 46px; } .navbox .mw-collapsible-toggle, .navbox .mw-collapsible-text { color: white; font-weight: bold; } .navbox.light .mw-collapsible-toggle, .navbox.light .mw-collapsible-text { color: black; }

/* Custom navbox colors */ .navbox.kh3 .mw-collapsible-toggle, .navbox.kh3 .mw-collapsible-text { color: silver; } .navbox.ucx .mw-collapsible-toggle, .navbox.ucx .mw-collapsible-text { color: #2AD8AB; } .navbox.tcg .mw-collapsible-toggle, .navbox.tcg .mw-collapsible-text { color: dimgray; } .navbox.trav .mw-collapsible-toggle, .navbox.trav .mw-collapsible-text { color: #ffff01; }

/* References */ ol.references { margin-top: 0; font-size: 90%; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect, .watchlistredir { font-style: italic; }

/* Infobox template style */ .infobox { color:#000; text-align:center; border:2px solid #000; border-radius:10px; background:#f9f9f9; float:right; clear:right; margin:0 0 0.5em 1em; padding:2px; } .infobox.journal, .infobox.journal-green { padding:2px 1em 1em; } .infobox.journal { border-color:#0089B3; background:#C7E2EA; } .infobox.journal-green { border-color:#98C058; background:#E8FFEE; } .infobox td, .infobox th { vertical-align: top; } .infobox.data td, .infobox.data th { vertical-align: middle; } .infobox big { font-size: 125%; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } .infobox:not(.rowspan-left) > tbody > tr:last-of-type > td:first-of-type { border-bottom-left-radius: 0.5em; } .infobox:not(.rowspan-right) > tbody > tr:last-of-type > td:last-of-type { border-bottom-right-radius: 0.5em; } .infobox.rowspan-left > tbody > tr:nth-last-child(2) > td:first-of-type[rowspan="2"] { border-bottom-left-radius: 0.5em; } .infobox.rowspan-right > tbody > tr:nth-last-child(2) > td:last-of-type[rowspan="2"] { border-bottom-right-radius: 0.5em; } .infobox .k-player .control-bar { position: relative; margin: -3px 0 1px; }

/* Table of contents */ margin-bottom: 3px; }
 * toc, .toc {

/* Thumbs */ div.tleft, div.tright { margin-top: 0.25em; margin-bottom: 0.85em; } .thumb .mediaContainer { margin: 4px auto 2px; }

/* Galleries */ ul.gallery, li.gallerybox div.thumb { margin-bottom: 0; padding-bottom: 0; }

/* File pages */ background: url(/resources/src/mediawiki.action/images/checker.png) repeat; } .mw_metadata { margin-top: 5px; }
 * 1) file img {

/* Image upscaling */ img { image-rendering: optimizeSpeed; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: optimize-contrast; image-rendering: crisp-edges; image-rendering: pixelated; }

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border:1px solid #aaa; background-color:#f9f9f9; margin:1em 0 15px; padding:12px; } .forumlist td.forum_edited a { color:#000; text-decoration:none; } .forumlist td.forum_title a { padding-left:20px; } .forumlist td.forum_title a.forum_new { font-weight:bold; background:url(/images/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; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } /* */

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ div.Boxmerge, div.NavFrame { margin:0; padding:4px; border:1px solid #aaa; text-align:center; border-collapse:collapse; font-size:95%; } div.Boxmerge div.NavFrame { border-style:none; border-style:hidden; } div.NavFrame + div.NavFrame { border-top-style:none; border-top-style:hidden; } div.NavPic { background-color:#fff; margin:0px; padding:2px; float:left; } div.NavFrame div.NavHead { height:1.6em; font-weight:bold; background-color:#ccf; position:relative; } div.NavFrame p { font-size:100%; } div.NavFrame div.NavContent { font-size:100%; } div.NavFrame div.NavContent p { font-size:100%; } div.NavEnd { margin:0; padding:0; line-height:1px; clear:both; } a.NavToggle { position:absolute; top:0; right:3px; font-weight:normal; font-size:smaller; }

/* Suite Tabs */ .suite_tab { background:#fff; background:linear-gradient(top,#eee,#fff); background:-o-linear-gradient(top,#eee,#fff); background:-ms-linear-gradient(top,#eee,#fff); background:-moz-linear-gradient(top,#eee,#fff); background:-webkit-linear-gradient(top,#eee,#fff); box-shadow:2px 2px 4px #333; display:inline; } .client-msie-8 .suite_tab, .client-msie-9 .suite_tab { padding-bottom:3px !important; }

position:absolute; right:0; top:-30px; } width: 30px; height: 30px; image-rendering: auto !important; }
 * 1) title-gameicons { display: none!important; visibility: hidden !important; }
 * 2) title-linktabs {
 * 1) title-linktabs img {

/* Allow limiting of which header levels are shown in a TOC through */ .toclimit-2 .toclevel-2 {display:none;} .toclimit-3 .toclevel-3 {display:none;} .toclimit-4 .toclevel-4 {display:none;} .toclimit-5 .toclevel-5 {display:none;} .toclimit-6 .toclevel-6 {display:none;} .toclimit-7 .toclevel-7 {display:none;}

/* Remove breadcrumbs for specific articles */ .page-Zero_One .subpages, .page-Zero_One .PageHeader h2 {display: none;} .page-Oathkeeper_Oblivion.subpages, .page-Oathkeeper_Oblivion .PageHeader h2 {display: none;} .page-Terra_Xehanort .subpages, .page-Terra_Xehanort .PageHeader h2 {display: none;}

/* =========================================================     BEGIN SUITE STYLES ========================================================= */

.tt1_suite{ background-color:#ebebeb; border-color:#aaa; border-style:solid; border-width:1px; display:table; float:right; margin:0 1em 0.5em 1em; padding:2px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

.tt1_suite:before{ content:'article suite:'; font-size:70%; line-height:.7em; }

.tt1_suite ul { padding:0; margin:0; }

.tt1_suite li { display:inline; }

.tt1_suite li:before{ content:'| '; }

.tt1_suite li:first-child:before{ content:''; } .tt1_disambig + .tt1_suite{ border-top:none; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; }

.tt1_disambig + .tt1_suite:before{ content:''; font-size:inherit; line-height:inherit; }

/* PATCH BORDER ON DOUBLE-DISAMBIGS */

table.tt1_disambig{ margin:0 1em; padding:.5em; background:#f7f8ff; border:thin solid #aaa; display:block; }

.tt1_disambig + .tt1_disambig{ border-top:none; }

/* Thumbnails */ div.thumb div.thumbinner div.magnify { display:none !important; } div.thumb div.thumbinner div { background:none !important; border:none !important; color:#fff; } div.thumb div.thumbinner a { color:#ddd; } div.thumb div.thumbinner a:visited { color:#aaa; } div.thumb div.thumbinner a:hover { color:#fff; } div.thumb div.thumbinner { background:#454659; background:linear-gradient(top,#c1c0c0,#454659); background:-o-linear-gradient(top,#c1c0c0,#454659); background:-ms-linear-gradient(top,#c1c0c0,#454659); background:-moz-linear-gradient(top,#c1c0c0,#454659); background:-webkit-linear-gradient(top,#c1c0c0,#454659); border:none !important; border-radius:5px; box-shadow:2px 2px 6px #7f7f7f; /* This is needed for browser compatibility */ box-shadow:2px 2px 6px rgba(0,0,0,0.5); padding:5px !important; } div.thumb .thumbimage { border:none !important; border-radius:5px; } div.thumb .thumbimage:hover { -moz-transform:scale(1.02); -webkit-transform:scale(1.02); } div.thumb.tright { clear: none; } div.thumb.tright + div.thumb.tright, div.thumb.tright + p + div.thumb.tright, div.thumb.tright + h2 + div.thumb.tright, div.thumb.tright + h3 + div.thumb.tright, div.thumb.tright + p + p + div.thumb.tright, div.thumb.tright + p + h2 + div.thumb.tright, div.thumb.tright + p + h3 + div.thumb.tright, div.thumb.tright + h2 + p + div.thumb.tright, div.thumb.tright + h3 + p + div.thumb.tright, div.thumb.tright + p + p + p + div.thumb.tright { clear: right; }

/* Input buttons */ input[type='submit'], input[type='reset'], input[type='button'], *.mw-ui-button, *.mw-ui-button:visited, padding:3px 6px 3px !important; border:3px double #aaa; border-radius:4px; cursor:pointer; color:#222 !important; background:#f7f7f7; background:linear-gradient(top,#f7f7f7,#e7e7e7); background:-o-linear-gradient(top,#f7f7f7,#e7e7e7); background:-ms-linear-gradient(top,#f7f7f7,#e7e7e7); background:-moz-linear-gradient(top,#f7f7f7,#e7e7e7); background:-webkit-linear-gradient(top,#f7f7f7,#e7e7e7); text-shadow:1px 1px 2px #aaa; } input[type='submit']:hover, input[type='reset']:hover, input[type='button']:hover, *.mw-ui-button:hover, border-color:#282828; box-shadow:0 0 5px #640639 !important; } input[type='submit']:active, input[type='reset']:active, input[type='button']:active, *.mw-ui-button:active, color:#222 !important; padding:3px 5px 3px 7px !important; }
 * 1) wpLoginAttempt, #wpCreateaccount, #mw-createaccount-join {
 * 1) wpLoginAttempt:hover, #wpCreateaccount:hover, #mw-createaccount-join:hover {
 * 1) wpLoginAttempt:focus, #wpCreateaccount:focus, #mw-createaccount-join:focus,
 * 2) wpLoginAttempt:active:focus, #wpCreateaccount:active:focus, #mw-createaccount-join:active:focus,
 * 3) wpLoginAttempt:active, #wpCreateaccount:active, #mw-createaccount-join:active {

/* Category Box */ div.catlinks { background:#f9f9f9; background:linear-gradient(top,#f9f9f9,#ddd); background:-o-linear-gradient(top,#f9f9f9,#ddd); background:-ms-linear-gradient(top,#f9f9f9,#ddd); background:-moz-linear-gradient(top,#f9f9f9,#ddd); background:-webkit-linear-gradient(top,#f9f9f9,#ddd); border-radius:8px; padding:5px 11px !important; } div.catlinks span { padding:0 8px; }

/* Aspetto uguale ai link per il morph */ .morphLink { color: #002BB8; display: inline-block; cursor: pointer; } .morphLink:hover { text-decoration: underline; }

.toggleLink { color: #002BB8; display: inline-block; cursor: pointer; }

/* Upload form */ display: none; }
 * 1) mw-htmlform-description .mw-editTools {

/* Edit box */ .wikiEditor-ui-toolbar .section-main, .wikiEditor-ui-toolbar .tabs { height: auto; } .wikiEditor-ui textarea#wpTextbox1 { height: 474px; line-height: 1.4em; } .mw-summary-preview { margin-bottom: 0.5em; }	padding-bottom: 0.5em; }	margin-right: 3px; } .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:active { padding: 0.234375em 0.78125em !important; } .codemirror-popup { display: none; }
 * 1) wpSummaryLabel .oo-ui-textInputWidget textarea,
 * 2) wpSummaryLabel .oo-ui-textInputWidget input {
 * 1) wpSummaryWidget .oo-ui-labelElement-label {

/* Video widget */ .videoWidget + p { margin: 0; }

/* Dismissable SiteNotice */ .sitedir-ltr .mw-dismissable-notice-body { margin: 0 60px 0.5em 0; } .sitedir-rtl .mw-dismissable-notice-body { margin: 0 0 0.5em 60px; }

/* Captcha spacing */ margin-top: 2.5px; } .mw-ui-vform-field:nth-of-type(6) .mw-input { margin-top: 10px; }	margin-bottom: 5px; } .mw-input img, #editform img { image-rendering: auto !important; } .mw-htmlform-field-HTMLReCaptchaNoCaptchaField .mw-input { margin-top: 1px; } .editOptions .g-recaptcha { margin-bottom: 10px; } .mw-ui-vform { width: 302px; }
 * 1) editform #wpCaptchaWord {
 * 1) userloginForm .mw-ui-vform-field:nth-of-type(6) {

/* Keep create account benefits up top */ .mw-special-CreateAccount #userloginForm { margin-right: 95px; } .mw-createacct-benefits-container { width: 360px; text-align: center; }

/* -- MAIN PAGE PORTALS CSS FOLLOWS. ORIGINAL CONCEPT COURTESY OF THE ZELDA WIKI. http://www.zeldawiki.org ADJUSTED BY KeybladeSpyMaster. Updated May 12, 2015 -- */

/* Main Page Portals: Nav class */

.nav { padding: 0; display: inline-block; } .nav:hover .dropdown:not(#personal-inner) { display: block !important; } .nav:hover .mwe-popups-container { display: none; }

z-index: 1; }
 * 1) p-search {

/* Main Page Portals: Container */ .container{ position:absolute; height: 450px; }

.dropdown:not(#personal-inner) { border:2px solid #BFBFBF; border-radius:10px; display:none; float:left; left:-45%; right:-45%; position:relative; z-index: 100; color:#000000; }

.dropdown:not(#personal-inner) a{ color:#FFFFFF; text-decoration:none; }

.dropdown:not(#personal-inner) caption { width:inherit; }

.dropdown:not(#personal-inner) td { vertical-align:top; padding:1px; white-space:nowrap; }

.dropdown:not(#personal-inner) td p a { border:1px solid #3e4874; font-size:90%; line-height: 1.2em; margin: 3px 3px; padding:3px; }

.dropdown:not(#personal-inner) p{ margin:0; padding:0; }

caption a, .dropdown:not(#personal-inner) th a{ display:block; padding: 2px; }

.dropdown:not(#personal-inner) caption a { padding:5px 20px 5px 20px; font-size:150%; }

/* Main Page Portals: Character Table */

.dropdowntable td { border:white solid 1px; }

.dropdowntable td a { background-color: #000000; background-image: -moz-linear-gradient(center top, #06305B, #3e4874); background-image: -webkit-linear-gradient(top, #06305B, #3e4874); background-image: -o-linear-gradient(top, #06305B, #3e4874); background-image: -ms-linear-gradient(top, #06305B, #3e4874); background-image: linear-gradient(top, #06305B, #3e4874); color: #FFFFFF; font-weight: normal; display: block; padding: 2px; }

.dropdowntable td a:hover{ background-image: -moz-linear-gradient(center top, #bfbfff, #3e4874); background-image: -webkit-linear-gradient(top, #bfbfff, #3e4874); background-image: -o-linear-gradient(top, #bfbfff, #3e4874); background-image: -ms-linear-gradient(top, #bfbfff, #3e4874); background-image: linear-gradient(top, #bfbfff, #3e4874); }

/* Alt text colors */ .altcolors { position: relative; /* Chrome, Safari, Opera */ -webkit-animation-name: myfirst; -webkit-animation-duration: 5s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -webkit-animation-play-state: running; /* Standard syntax */ animation-name: myfirst; animation-duration: 5s; animation-timing-function: linear; animation-delay: 1s; animation-iteration-count: infinite; animation-direction: alternate; animation-play-state: running; }

/* Chrome, Safari, Opera */ @-webkit-keyframes myfirst { 0%  {color:#FFFFFF; opacity: 1.0;} 10% {color:#FFFFFF; opacity: 1.0;} 20% {opacity: 0.0;} 30% {color:#9294b0; opacity: 1.0;} 60% {color:#9294b0; opacity: 1.0;} 70% {opacity: 0.0;} 80% {color:#FFFFFF; opacity:1.0;} 100% {color:#FFFFFF; opacity:1.0;} }

/* Standard syntax */ @keyframes myfirst { 0%  {color:#FFFFFF; opacity: 1.0;} 10% {color:#FFFFFF; opacity: 1.0;} 20% {opacity: 0.0;} 30% {color:#9294b0; opacity: 1.0;} 60% {color:#9294b0; opacity: 1.0;} 70% {opacity: 0.0;} 80% {color:#FFFFFF; opacity:1.0;} 100% {color:#FFFFFF; opacity:1.0;} }

/* Mobile only */ .mobileonly { display: none; }	display: none; }
 * 1) mf-mobileonly {

/* Adjust inputbox button padding in Firefox */ @-moz-document url-prefix { .bodySearchWrap .mw-ui-button, .createboxButton { padding-top: 4px; padding-bottom: 5px; } }

/* MediaWiki collapsible buttons */ .mw-collapsible-toggle { font-weight: normal; }

/* New user message box */ .usermessage { margin-top: 1em; }

/* Media player fix */ .wikitable .mediaContainer { margin-top: 2px; } .video-js { overflow: hidden; display: block !important; } .vjs-time-tooltip { display: none !important; }	display: inline-block !important; } .thumb .video-js { margin-left: auto; margin-right: auto; }
 * 1) file > .video-js {

/* Skin preferences */ display: none; }
 * 1) mw-htmlform-skin .mw-htmlform-flatlist-item:nth-of-type(2) {