MediaWiki:Common.css

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

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

/* Random logo */ .client-nojs #p-logo a, .mw-special-Gadgets #p-logo a, .mw-special-Userlogin #p-logo a, .mw-special-Preferences #p-logo a, .mw-special-ChangeEmail #p-logo a, .mw-special-ResetTokens #p-logo a, .mw-special-BotPasswords #p-logo a, .mw-special-CreateAccount #p-logo a, .mw-special-PasswordReset #p-logo a { background-image: url(https://kh.wiki.gallery/images/b/bc/Wiki.png); }
 * 1) p-logo a { background: transparent no-repeat; }

/* Main page */ @media all and (min-width: 551px) { body.page-Main_Page.action-view #content { overflow: visible; z-index: 5; } } body.page-Main_Page.action-view .mw-parser-output table img { min-width: 15px !important; max-width: 100% !important; height: auto !important; }

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

/* Mark redirects on Special:AllPages and Special:EditWatchlist */ .allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect { color: #888 !important; }

/* Image restrictions */ div.userbox img { max-width:100%; width/**\*/:100%\9; height: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; }

/* 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; } .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 { margin: 5px auto; }

/* Width fixes */ table, .thumbinner { max-width: 100%; } @media all and (max-width: 1350px) { table.wikitable { width: auto !important; display: block !important; overflow: auto !important; max-width: max-content !important; min-width: 300px !important; border: 0 !important; }	table.wikitable > tbody { display: table !important; width: calc(100% - 1px) !important; }	table.wikitable > thead + tbody { display: table-row-group !important; } } @media all and (max-width: 1250px) { .mw-parser-output table img { max-width: 100% !important; height: auto !important; }	.mw-parser-output table:not(.wikitable) { min-width: 0 !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; } } .tabbertab > .UXdmg { width: 100% !important; }
 * 1) content { overflow-x: clip; }

/* 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; }	margin: 5px auto !important; } .notice-template + .notice-template { margin-top: -5px; }
 * 1) mw-imagepage-content .notice-template {

/* References */ ol.references { margin-top: 0; font-size: 90%; } ol.references div { display: inline; } ol.references span { line-height: 1; }

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

/* Galleries */ ul.gallery, li.gallerybox div.thumb { margin-bottom: 0; padding-bottom: 0; }	margin: 2px; padding: 2px; } li.gallerycaption { text-align: unset; }
 * 1) bodyContent ul.gallery {

/* File pages */ .mw_metadata { margin-top: 5px; }

/* 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(https://kh.wiki.gallery/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 Wikipedia: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: 0; 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); box-shadow: 2px 2px 4px #333; display: inline; } .client-msie-8 .suite_tab, .client-msie-9 .suite_tab { padding-bottom: 3px !important; }

/* 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; border-radius: 5px; } .tt1_suite:before { content: 'article suite:'; font-size: 70%; line-height: 0.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; border-top-left-radius: 0; border-top-right-radius: 0; } .tt1_disambig + .tt1_suite:before{ content: ''; font-size: inherit; line-height: inherit; }

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

/* PATCH BORDER ON DOUBLE-DISAMBIGS */ table.tt1_disambig{ margin: 0 1em; padding: 0.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.thumbcaption { 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); padding: 5px !important; border: none !important; border-radius: 5px; box-shadow: 0 2px 6px rgba(0,0,0,0.5); } div.thumb.tleft div.thumbinner { box-shadow: -2px 2px 6px rgba(0,0,0,0.5); } div.thumb.tright div.thumbinner { box-shadow: 2px 2px 6px rgba(0,0,0,0.5); } div.thumb .thumbimage { border-radius: 5px; border: none !important; background: transparent; } 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-body-content .mw-ui-button, .mw-body-content .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); text-shadow: 1px 1px 2px #aaa; } input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .mw-body-content .mw-ui-button:hover, border-color: #282828; box-shadow: 0 0 5px #640639 !important; } .oo-ui-widget-disabled > input[type="submit"]:hover { box-shadow: none !important; } input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .mw-body-content .mw-ui-button:active, color: #222 !important; padding: 3px 5px 3px 7px !important; } input[type="button"]:disabled { cursor: default !important; background: #bbb !important; } input[type="button"]:disabled:hover { box-shadow: none !important; border-color: #aaa !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); border-radius: 8px; padding: 5px 11px !important; }

/* 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; }
 * 1) wpSummaryLabel .oo-ui-textInputWidget textarea,
 * 2) wpSummaryLabel .oo-ui-textInputWidget input {
 * 1) wpSummaryWidget .oo-ui-labelElement-label {

/* Watchlist expiry */ height: auto; min-height: 0; padding-top: 4px; padding-left: 7px; padding-bottom: 3px; }
 * 1) wpWatchlistExpiry, #wpWatchlistExpiryWidget .oo-ui-dropdownWidget-handle {

/* Edit section */ .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:first-of-type, .client-js .mw-content-rtl .mw-editsection-bracket:not(:first-of-type), .client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type) { margin: 0; color: unset; }

/* Diff text */ .diffchange { font-weight: normal; } .diff-addedline, .diff-deletedline, .diff-context { font-size: 92%; }

/* OOUI fix */ .oo-ui-optionWidget.oo-ui-labelElement > .oo-ui-labelElement-label { overflow: visible; }

/* Video widget */ .infobox .videoWidget, .infobox .videoWidget iframe { display: block !important; } .infobox .autoResize { margin: 0 auto !important; } .autoResize:not(.thumbinner) .thumbcaption { margin: 0; padding: 0; } .videoWidget + p { margin: 0; }

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

/* Captcha spacing */ margin-top: 2.5px; }	margin-top: 10px; }	margin-bottom: 5px; } .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 label:not([for]) + .mw-input {
 * 1) userloginForm .mw-ui-vform-field:nth-of-type(7) {

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

/* Main Page Portals: Container */ .container{ position: absolute; height: 450px; } .dropdown:not(#personal-inner) { border: 2px solid #BFBFBF; border-radius: 10px; display: none !important; float: left; left: -45%; right: -45%; position: relative; z-index: 100; color: #000; } .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: #fff solid 1px; } .dropdowntable td a { background-color: #000000; background-image: linear-gradient(top, #06305B, #3e4874); color: #FFFFFF; font-weight: normal; display: block; padding: 2px; } .dropdowntable td a:hover { background-image: linear-gradient(top, #bfbfff, #3e4874); }

/* Alt text colors */ .altcolors { position: relative; 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;} }

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

/* Indicator icons */ .mw-indicators { display: flex; position: relative; }

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

/* Multimedia viewer */ .mw-mmv-image img { background: #fff !important; } .mw-mmv-filepage-buttons, .mw-mmv-reuse-pane .oo-ui-widget-disabled { display: none !important; } .mw-mmv-overlay { z-index: 10000000000; } .mw-mmv-wrapper { z-index: 10000000001; font-size: medium; }

/* Mobile only */ .mobileonly { display: none; }

/* Who's online */ margin-bottom: 1px; }
 * 1) whosonline {