MediaWiki:Common.css

/* ######################################################################## */ /* ### CSS placed here will be applied to all skins on the entire site. ### */ /* ### Compiled via SCSS. ### */ /* ### See also: MediaWiki:Monobook.css & MediaWiki:Wikia.css  ### */ /* ######################################################################## */ .infobox .portable-infobox { margin: 0; }

/* ######################################################################## */ /* ### MAIN SKIN                                                       ### */ /* ######################################################################## */ /* Fonts */ @font-face { font-family: "Ferrum"; src: url("https://images.wikia.nocookie.net/finalfantasy/images/f/f0/Ferrum.eot"); } @font-face { font-family: "Ferrum"; src: url("https://images.wikia.nocookie.net/finalfantasy/images/a/a8/Ferrum.ttf"); } @font-face { font-family: "Ferrum Condensed"; src: url("https://images.wikia.nocookie.net/finalfantasy/images/8/8d/Ferrum-condensed.eot"); } @font-face { font-family: "Ferrum Condensed"; src: url("https://images.wikia.nocookie.net/finalfantasy/images/8/86/Ferrum-condensed.ttf"); } @font-face { font-family: "FFclassicmenu"; src: url("https://images.wikia.nocookie.net/finalfantasy/images/3/31/FFclassicmenu.eot"); } @font-face { font-family: "FFclassicmenu"; src: url("https://images.wikia.nocookie.net/finalfantasy/images/4/40/FFclassicmenu.ttf"); } /* Text color */ body, .darktext { color: black; }

.lighttext { color: #CCC; }

abbr { background: none; border-bottom: 1px dotted black; cursor: help; }

/* table of contents */ .WikiaArticle .toc { width: 250px; }

/* OL, UL, LI */ .WikiaArticle li { line-height: 22px; margin: 3px 0; } .WikiaArticle ol { list-style: outside none decimal; } .WikiaArticle ul { list-style: outside none square; } .WikiaArticle ul, .WikiaArticle ol { margin: 0.4em 0 0.5em 2.5em; }

ol.ol-container { margin-left: 0; } ol.ol-container li { margin-left: 2.5em; }

.page-listings ul { list-style: outside none none; margin: 0; }

/* link handling */ .SL a:link, .lightlinks a:link, .forcelightlinks[class] a:link, .lighttext a:link { color: #B0E0E6; } .SL a:visited, .lightlinks a:visited, .forcelightlinks[class] a:visited, .lighttext a:visited { color: #D8BFD8; } .SL a.new:link, .lightlinks a.new:link, .forcelightlinks[class] a.new:link, .lighttext a.new:link { color: #FFAAAA; } .SL a.new:visited, .lightlinks a.new:visited, .forcelightlinks[class] a.new:visited, .lighttext a.new:visited { color: #DDAAAA; } .SL a.new:hover, .lightlinks a.new:hover, .forcelightlinks[class] a.new:hover, .lighttext a.new:hover { color: #FFAAAA; }

.NL a:link, .darklinks a:link, .forcedarklinks[class] a:link, .darktext a:link, .forumheader a:link, .proto-gallery .b a:link { color: #002BB8; } .NL a:visited, .darklinks a:visited, .forcedarklinks[class] a:visited, .darktext a:visited, .forumheader a:visited, .proto-gallery .b a:visited { color: #5A3696; } .NL a.new:link, .darklinks a.new:link, .forcedarklinks[class] a.new:link, .darktext a.new:link, .forumheader a.new:link, .proto-gallery .b a.new:link { color: #CC2200; } .NL a.new:visited, .darklinks a.new:visited, .forcedarklinks[class] a.new:visited, .darktext a.new:visited, .forumheader a.new:visited, .proto-gallery .b a.new:visited { color: #A5585A; }

a[href~="redlink=1"], a.new:link, a.new:visited { color: #ba0000 !important; }


 * 1) mw-content-text { font-size: 14px; }

div#content { line-height: 22px; }

.WikiaMainContent a:visited { color: #5A3696; } .WikiaMainContent a.new:visited { color: #A5585A; } .WikiaMainContent a.external, .WikiaMainContent a.external:visited { color: #3366BB; }

/*J*/ .jTemplate { font-weight: normal; font-style: normal; } .jTemplate .romaji { font-style: italic; } .jTemplate .lit:before { content: "“"; } .jTemplate .lit:after { content: "”"; } .jTemplate .help { font-size: 9px; font-weight: bold; line-height: 0; vertical-align: super; }

/*prk*/ .PRK { font-style: italic; } .PRK .stressed { font-variant: small-caps; font-weight: bold; }

/*checkmark*/ .checkmark, .xmark { background-position: center center; background-repeat: no-repeat; display: inline-block; height: 17px; vertical-align: middle; width: 15px; }

.checkmark { background-image: url("https://vignette.wikia.nocookie.net/finalfantasy/images/6/69/Yes_check.png/revision/latest/scale-to-width-down/15?format=png"); }

.xmark { background-image: url("https://vignette.wikia.nocookie.net/finalfantasy/images/6/60/X_mark.png/revision/latest/scale-to-width-down/15?format=png"); }

/*Thumb display*/ .WikiaArticle .thumbinner, figure.thumbinner, div.thumbinner { background-color: transparent; background-image: linear-gradient(top, transparent 0%, rgba(222, 222, 222, 0.5) 100%); background-image: -moz-linear-gradient(top, transparent 0%, rgba(222, 222, 222, 0.5) 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, transparent), color-stop(100%, rgba(222, 222, 222, 0.5))); background-image: -o-linear-gradient(top, transparent 0%, rgba(222, 222, 222, 0.5) 100%); background-image: -ms-linear-gradient(top, transparent 0%, rgba(222, 222, 222, 0.5) 100%); border: 1px solid #D9D9D9; overflow: hidden; padding: 3px; text-align: center; }

.thumb.thumbinner.autowidth { display: inline-block; }

/*gallery text*/ .proto-gallery .b { color: black; }

/*Highlight selected reference*/ .WikiaArticle .references > li:target, #bodyContent .references > li:target { background-color: #D8E3F5; }

/* Reflist font size */ .references-small { font-size: 90%; }

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

.watchlistredir { font-style: italic; }

/*shared skin rules*/ .WikiaArticle .toc, #toc { background-color: transparent; }

.CategorySelect.articlePage, .catlinks { background-image: none; background-color: transparent; }

.WikiaArticle #pagehistory li, #pagehistory li { border-style: none; }

.page-Special_RecentChanges .WikiaArticle fieldset, .page-Special_RecentChanges fieldset, .recentchangesquicklinks { border: 1px solid #002BB8; }

/* ################################################## */ /* ### GENERAL FIXES AND FORMATTING              ### */ /* ################################################## */ /* Geshi */ .mw-geshi { overflow: auto; white-space: pre; } .mw-geshi div, .mw-geshi pre { overflow-x: visible; white-space: inherit; } .mw-geshi.block { border-color: #CCCCCC; border-style: dashed none; border-width: 1px; margin-left: 2em; padding: 5px 0; } .mw-geshi.inline { display: inline; } .mw-geshi.inline div, .mw-geshi.inline pre { display: inline; } .mw-geshi.inline pre.de1, .mw-geshi.inline pre.de2 { vertical-align: baseline !important; }

.word-wrap pre, pre.word-wrap { white-space: pre-wrap; word-wrap: break-word; }

/*Formatting wanted category color*/ a.newcategory { color: #CC2200; }

/*Formatting RC*/ .rcoptions { border-radius: 10px; }

.mw-rc-openarrow a, .mw-rc-closearrow a { background-image: url("https://vignette.wikia.nocookie.net/finalfantasy/images/d/d2/RCSprites.png"); background-position: 0 0; background-repeat: no-repeat; display: inline-block; height: 12px; line-height: 12px; vertical-align: middle; width: 12px; } .mw-rc-openarrow a img, .mw-rc-closearrow a img { opacity: 0; }

.mw-rc-openarrow a { background-position: 0 -12px; }

.mw-rc-closearrow a { background-position: 0 0px; }

/*Formatting for stub templates*/ .stub-template { font-style: italic; }

/*Removes links to unused user groups on Special:Statistics*/ table.wikitable.mw-statistics-table .statistics-group-zero { display: none; }

/*Hide "subpages" content from non-subpages*/ body.page-Choco_Mog article header h2, body.page-Choco_Mog .subpages { display: none; }

body.page-Marcus_Eiko_Stat_Bug article header h2, body.page-Marcus_Eiko_Stat_Bug .subpages { display: none; }

body.page-Real_Emotion_1000_no_Kotoba article header h2, body.page-Real_Emotion_1000_no_Kotoba .subpages { display: none; }

body.page-Final_Fantasy_X_X-2_HD_Remaster article header h2, body.page-Final_Fantasy_X_X-2_HD_Remaster .subpages { display: none; }

/*Translations*/ .translations { text-align: center; font-size: smaller; }

/*Flowchart*/ .flowchart a { font-family: sans-serif; } .flowchart pre { border: none; background: transparent; }

/*resizing sprites*/ .sprite-image img { image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; }

/*collapsible divs*/ div.collapsible.collapsed > .hideElement { display: none; }

table.collapsible.collapsed[id] > tbody { display: none; }

/* spoilers */ .spoilernotice { border-top: solid 2px #ddd; border-bottom: solid 2px #ddd; overflow: auto; padding: 0.2em; }

/* inline spoilers */ .ilspoiler.nojs { opacity: 0.5; }

.ilspoiler.hidden { background-color: white; border: 1px dashed #999999; color: white; }

/*flip*/ .horizontal.flip img, .horizontal-flip img { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

.vertical.flip img, .vertical-flip img { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; }

/*Image filters*/ .fade img { opacity: 0.3; }

.grayscale img { filter: grayscale(100%); /*W3C*/ -moz-filter: grayscale(100%); /*potentially Firefox*/ -ms-filter: grayscale(100%); /*potentially IE*/ -o-filter: grayscale(100%); /*potentially Opera*/ -webkit-filter: grayscale(100%); /*Chrome, Safari, possibly Opera*/ filter: url("data:image/svg+xml;utf8, #grayscale"); /*Firefox 3.5+*/ filter: gray; /*IE 6+*/ }

table.collapsible tr tr { display: table-row !important; }

/* quotes */ .quote:before, q:before, blockquote:before { content: "“"; } .quote:after, q:after, blockquote:after { content: "”"; } .quote:before, .quote:after, q:before, q:after, blockquote:before, blockquote:after { font-style: normal; }

div.quote, blockquote { margin-left: 24px; }

/* */ table.mw-enhanced-rc, table.mw-enhanced-rc > tbody > tr > td:last-child { width: 100%; }

table.mw-enhanced-rc:hover, table.mw-enhanced-rc > tbody > tr:nth-child(n+2):hover { background: rgba(0, 0, 0, 0.03); }

/*patrol-related*/ .not-patrolled { background-color: transparent !important; }

/* Side icon styles */ .page-info-icon .one-line, .page-info-icon .one-line-small, .page-info-icon .two-line, .page-info-icon .two-line-small { width: 50px; display: block; }

.page-info-icon .text-container { display: block; font-family: Ferrum Condensed, serif; text-align: center; text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black; line-height: 0; } .page-info-icon span { color: white; } .page-info-icon .one-line { font-size: 35px; line-height: 35px; height: 35px; letter-spacing: -5px; width: 50px; margin-left: -4px; } .page-info-icon .one-line-small { font-size: 24px; height: 35px; line-height: 35px; letter-spacing: -2px; width: 50px; margin-left: -3px; } .page-info-icon .two-line { font-size: 28px; letter-spacing: -3px; height: 25px; line-height: 25px; width: 50px; margin-left: -3px; } .page-info-icon .two-line-small { font-size: 16px; letter-spacing: -1px; line-height: 15px; height: 14px; width: 50px; font-family: Ferrum, serif; } .page-info-icon:hover { text-decoration: none; }

/* Reference pop-ups */ .refpopup { background: linear-gradient(white, #FAFAFA); background-color: white; border: 1px solid #DDDDDD; border-radius: 2px; color: black; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; font-weight: normal; line-height: 150%; padding: 6px 12px; position: absolute; text-align: left; text-decoration: none; z-index: 1; }

/* ################################################## */ /* ### TABBERS                                   ### */ /* ################################################## */ /*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license see http://www.barelyfitz.com/projects/tabber/ /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */ /*-- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --*/ .tabberlive .tabbertabhide { display: none; }

/*-- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --*/ .tabberlive { margin-top: 1em; }

/*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { margin: 0; padding: 3px 0; border-bottom: 1px solid #AAA; font: bold 12px Verdana, sans-serif; } ul.tabbernav li { list-style: none; margin: 0; display: inline-block; } ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #ccc; border-bottom: none; background: #f2f7ff; text-decoration: none; } ul.tabbernav li a:link { color: #448; } ul.tabbernav li a:visited { color: #667; } ul.tabbernav li a:hover { color: #000; background: #fff9f2; border-color: #CCC; } ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; } ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; }

/*-- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --*/ .tabberlive .tabbertab { padding: 5px; border: 1px solid #AAA; border-top: 0; /* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ }

/* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab2 .tabbertab { height: 200px; overflow: auto; }

/* Portable Infoboxes inside Tabber */ .tabberlive.infoboxenvelope { float: right; clear: none; width: 275px; margin: 0 0 0 15px; } .tabberlive.infoboxenvelope .tabbertab { padding: inherit; border: inherit; } .wkMobile .tabbertab[title="Mobile"] nav.pi-navigation i:after { content: " (Mobile)"; font-weight: bold;} .wkMobile .tabbertab[title="iOS/Android"] nav.pi-navigation i:after { content: " (iOS/Android)"; font-weight: bold;}

.picture-attribution, p.attribution { display: none !important; }

figure.article-thumb { background-color: transparent; background-image: -moz-linear-gradient(center top, transparent 0%, rgba(222, 222, 222, 0.5) 100%); border: 1px solid #D9D9D9; overflow: hidden; padding: 3px 4px; text-align: center; margin: 0 0 15px; } figure.article-thumb.tleft { clear: left; float: left; margin-right: 20px; } figure.article-thumb.tright { clear: right; float: right; margin-left: 20px; } figure.article-thumb figcaption p.caption { color: black !important; font-size: 14px; line-height: 18px; padding: 4px 1px 0; text-align: left; margin: 0 !important; }

.WikiaArticle .article-thumb .details { margin-top: 4px; visibility: visible; }

.WikiaArticle figure.article-thumb a:first-of-type { display: inline; }

.article-thumb .thumbimage { border: none; }

/* ################################################## */ /* ### TABLE AND LAYOUT FORMATTING               ### */ /* ################################################## */ /*Scrolling table header CSS*/ table.scrolling > thead > tr:hover { opacity: 0.4; } table.scrolling > thead > tr:hover > th { border-color: rgba(255, 255, 255, 0.4); opacity: 0.2; } table.scrolling > thead > tr:hover > th:hover { opacity: 1; }

table.table, table.innerborder { /*Unifies the table borders and implements a universal look*/ border-collapse: collapse; }

table.table > thead > tr > td, table.table > thead > tr > th, table.table > tbody > tr > td, table.table > tbody > tr > th, table.table > tfoot > tr > td, table.table > tfoot > tr > th { border: 2px outset #999999; }

table.table tr.no-table > td, table.table tr.no-table > th, table.table td.no-table, table.table th.no-table, tr.table > td.no-table, tr.table > th.no-table { padding: 0; border: 0; }

table.table ul, table.table ol { margin: 0 0 0 1.5em; }

table.innerborder > tbody > tr > td, table.innerborder > tbody > tr > th { border: 1px solid black; } table.innerborder > tbody > tr:first-child > td, table.innerborder > tbody > tr:first-child > th { border-top: none; } table.innerborder > tbody > tr:last-child > td, table.innerborder > tbody > tr:last-child > th { border-bottom: none; } table.innerborder > tbody > tr > td:first-child, table.innerborder > tbody > tr > th:first-child { border-left: none; } table.innerborder > tbody > tr > td:last-child, table.innerborder > tbody > tr > th:last-child { border-right: none; }

/*Handle table and div widths*/ .full-width { width: 100%; min-width: 660px; max-width: 990px; }

.half-width { width: 50%; min-width: 330px; max-width: 445px; }

/*.full-width, .half-width{display:block}*/ div.col1 > div, div.col2 > div, div.col3 > div, div.col4 > div, div.col5 > div, div.col6 > div, div.col7 > div, div.col8 > div, div.col9 > div, div.col10 > div { float: left; }

div.col1 > div table, div.col2 > div table, div.col3 > div table, div.col4 > div table, div.col5 > div table, div.col6 > div table, div.col7 > div table, div.col8 > div table, div.col9 > div table, div.col10 > div table { margin: 0 2px; }

div.col1 > div:first-child table, div.col2 > div:first-child table, div.col3 > div:first-child table, div.col4 > div:first-child table, div.col5 > div:first-child table, div.col6 > div:first-child table, div.col7 > div:first-child table, div.col8 > div:first-child table, div.col9 > div:first-child table, div.col10 > div:first-child table { margin-left: 0; }

div.col1 > div:last-child table, div.col2 > div:last-child table, div.col3 > div:last-child table, div.col4 > div:last-child table, div.col5 > div:last-child table, div.col6 > div:last-child table, div.col7 > div:last-child table, div.col8 > div:last-child table, div.col9 > div:last-child table, div.col10 > div:last-child table { margin-right: 0; }

div.col1 > div p, div.col2 > div p, div.col3 > div p, div.col4 > div p, div.col5 > div p, div.col6 > div p, div.col7 > div p, div.col8 > div p, div.col9 > div p, div.col10 > div p { margin-right: 0.6em; }

div.col2 > div { width: 50%; min-width: 250px; }

div.col3 > div { width: 33%; min-width: 200px; }

div.col4 > div { width: 25%; min-width: 150px; }

div.col5 > div { width: 20%; min-width: 125px; }

div.col6 > div { width: 17%; min-width: 100px; }

div.col7 > div { width: 13%; min-width: 90px; }

div.col8 > div { width: 12.5%; min-width: 80px; }

div.col9 > div { width: 11%; min-width: 70px; }

div.col10 > div { width: 10%; min-width: 60px; }


 * 1) bodyContent pre, #WikiaArticle pre { overflow-x: auto; }

/* ################################################## */ /* ### MAIN PAGE                                 ### */ /* ################################################## */ /*News box*/ ul.newsbox :nth-child(n+7), ul.newsbox ul.newsbox h2:nth-child(6) { display: none; } ul.newsbox h2 { font-size: inherit; border-bottom: none; margin: 3px 0 3px -32px; list-style: none; font-weight: bold; }

/*Content box*/ .contentbox { border: 1px solid #AAAAAA; border-radius: 10px; margin: 3px 3px 7px; padding: 5px; } .contentbox .header, .contentbox.header { color: black; background: #FBEC5D; border: 1px solid #AAAAAA; border-radius: 7px; font-size: inherit; font-weight: bold; margin: 0; margin-bottom: 4px; padding: 2px 1px; text-align: center; text-decoration: none; }

/** Main Page Navigation Portal **/ .mpportal { width: 100%; }

.mpportal td { width: 20%; padding: 5px; }

.mpportal .universebutton { transition: 1s; width: 120px; height: 120px; }

.mpportal .finger:hover:after { content: url("https://vignette.wikia.nocookie.net/finalfantasy/images/8/8e/FF7Cursor.png"); display: block; position: absolute; left: -25px; top: 100px; }

.mpportal .componentbutton { background: rgba(255, 255, 255, 0.8); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); width: 120px; height: 120px; margin: 0 auto; -webkit-box-shadow: 0 0 5px black; border: 1px solid rgba(255, 255, 255, 0); border-style: solid; border-color: white; border-width: 3px; border-radius: 5px; }

.mpportal .componenttext { position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); border-top-right-radius: 5px; padding: 0 5px 0 5px; font-family: FFclassicmenu; font-size: 0.8em; }

.mpportal .componenttext a:link { color: white; }

.mpportal .componenttext a:visited { color: white; }

.mpportal .image1 { opacity:1; position:absolute; background-color: #0000a8; background-size: 120px 120px; }

.mpportal .image2 { opacity:0; position:absolute; background-color: #0000a8; background-size: 120px 120px; }

.mpportal .image1:hover { transition: 1s; opacity:0; }

.mpportal .image2:hover { transition: 1s; opacity:1; }

/* ################################################## */ /* ### CONTEXT-LINK (Template:Context-link)      ### */ /* ################################################## */ .context-link { padding-left: 2em; font-style: italic; margin-bottom: 5px; }

/* ################################################## */ /* ### GALLERIES (Template:Gallery)              ### */ /* ################################################## */ /* Custom Gallery (Template:Gallery) */ table.gallery { margin: 2px auto 2px auto; padding: 2px; } table.gallery tr { vertical-align: top; } table.gallery td { vertical-align: top; border: none; margin: 2px; }

div.gallerybox { margin: 2px; width: 150px; border: none; } div.gallerybox div.thumb { text-align: center; margin: 2px; }

div.gallerytext { font-size: smaller; text-align: center; padding: 2px 4px; background-color: inherit; border: none; }

/*proto-gallery*/ .proto-gallery .gallerycontainer { background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)); padding: 4px; } .proto-gallery .thumbinner { display: inline-block; vertical-align: top; margin-bottom: 4px; margin-right: 4px; } .proto-gallery .gimage { width: 150px; height: 150px; line-height: 150px; } .proto-gallery .gallery-caption { width: 150px; text-align: left; margin-top: 3px; font-size: 11px; } .proto-gallery .sprite.magnify { background-position: -1210px 0; float: right; margin-top: 4px; } .proto-gallery .sprite.magnify .icon-link { display: block; height: 18px; width: 17px; }

/* ################################################## */ /* ### Talk BUBBLES (Template:Talk)              ### */ /* ################################################## */ /*Forces show of readable "pre"s (black text, no stretch)*/ /*used for talkboxes and on archives*/ table.talk td.text pre, .archive pre { white-space: pre-wrap; color: black; }

/* Other talk bubble CSS */ table.talk { margin-left: 64px !important; } table.talk .text pre { white-space: pre-wrap; color: black; } table.talk .filler { width: 6px; height: 6px; } table.talk .filler2 { width: 5px; height: 4px; } table.talk .corner { font-size: 0px; line-height: 0%; width: 0px; } table.talk .padded { padding: 0 4px; margin: 0 -5px; }

div.image-section { width: 64px; max-width: 69px; float: left; }

/* ################################################## */ /* ### INFOBOXES                                 ### */ /* ################################################## */ /* PortableInfobox styling css*/ .portable-infobox { border: 1px solid #AAA; border-collapse: collapse; border-spacing: 2px; float: right; padding: 0; text-align: center; width: 275px; background: #f2f2f2; }

.portable-infobox .pi-navigation { border: 1px solid black; line-height: 24px; font-size: 12pt; text-align: center; }

.portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; }

.portable-infobox .pi-title { font-size: 13.5pt; font-weight: bold; }

.portable-infobox .pi-header { font-size: 10pt; line-height: 22px; }

.portable-infobox .pi-horizontal-group-item.pi-data-label { line-height: 14px; padding: 5px 2px; }

.portable-infobox .pi-data .pi-data-label { margin-bottom: inherit; margin-top: 0; line-height: 22px; text-align: left; padding-left: 3px; }

.portable-infobox .pi-image + .pi-data { border-top-width: 1px; border-top-style: solid; }

.portable-infobox .pi-horizontal-group-item.pi-data-value { text-align: center; }

.portable-infobox .pi-data-value { margin: 0 auto; text-align: left; padding-left: 3px; }

.portable-infobox .pi-item-spacing { padding: 0; }

.portable-infobox .pi-image-collection-tab-content { background: #f2f2f2; }

/*Outdated formatting for enemy infobox*/ table.infobox.enemy { background-color: #f2f2f2; border: 1px #AAAAAA solid; border-collapse: collapse; padding: 0; float: right; font-size: 7.25pt; padding: 0; text-align: center; width: 275px; } table.infobox.enemy > * > tr > td, table.infobox.enemy > * > tr > th { padding: 0; } table.infobox.enemy th.header div { border: 1px solid black; font-size: 12pt; margin: 6px 6px 3px; } table.infobox.enemy .tabberlive { margin-top: 0; } table.infobox.enemy .tabberlive .tabbertab { border-width: 0; padding: 0; } table.infobox.enemy table.body { border-collapse: collapse; box-sizing: border-box; padding: 3px; width: 100%; } table.infobox.enemy table.body th, table.infobox.enemy table.body td { padding: 0; } table.infobox.enemy table.body th.name { font-size: 13.5pt; } table.infobox.enemy table.body table.stats { font-size: 10pt; text-align: center; width: 100%; } table.infobox.enemy table.body table.info { text-align: left; font-size: 7.25pt; width: 100%; } table.infobox.enemy table.body table.info th { width: 35%; } table.infobox.enemy table.body table.info tr:nth-child(even) td { background-color: rgba(0, 0, 0, 0.1); } table.infobox.enemy table.elements, table.infobox.enemy table.statuses { text-align: center; width: 100%; } table.infobox.enemy table.elements tr:nth-child(n+2) th, table.infobox.enemy table.statuses tr:nth-child(n+2) th { line-height: 12px; padding: 4px 0; } table.infobox.enemy table.elements tr:first-child th:first-child, table.infobox.enemy table.statuses tr:first-child th:first-child { font-size: 10pt; } table.infobox.enemy .regular { font-size: 10pt; } table.infobox.enemy td.bestiary div.prev { float: left; width: 30%; text-align: left; } table.infobox.enemy td.bestiary div.this { display: inline; margin: auto; width: 40%; text-align: center; font-weight: bold; font-size: 10pt; } table.infobox.enemy td.bestiary div.next { float: right; width: 30%; text-align: right; }

/* ################################################## */ /* ### NAVBOX (Template:Navbox)                  ### */ /* ################################################## */ .navbox-container { /* Outer table - border */ border: 1px solid #aaa; padding: 2px; } .navbox-container.bottom + .navbox-container.bottom { margin-top: 2px; } .navbox-container.bottom { /* Outer table - widths, floats */ width: 100%; clear: both; margin: 5px auto 0; } .navbox-container.left { /* Outer table - widths, floats */ width: 200px; clear: left; float: left; margin: 0 1.5em 0.5em 0; } .navbox-container.right { /* Outer table - widths, floats */ width: 200px; clear: right; float: right; margin: 0 0 0.5em 1.5em; }

.navbox { /* Main class (applies to every navbox) */ width: 100%; font-size: 85%; line-height: 1.5em; } .navbox .brick { /* Inner tables */ width: 100%; margin: 0; } .navbox .contents { /* Inner tables */ width: 100%; } .navbox-container, .navbox .brickcont, .navbox .padding, .navbox .space-h, .navbox .space-v, .navbox .groupcont { /* Cellspacing */ background: transparent; } .navbox .space-h { width: 2px; } .navbox .colcont .navbox .space-h { width: 0%; border-right: 2px solid #fff; } .navbox .space-v { height: 2px; font-size: 1pt; line-height: 0em; } .navbox .title { border: 1px solid #aaa; font-weight: normal; padding: 2px; } .navbox .headertext, .navbox .titletext { font-weight: bold; text-align: center; padding-left: 4em; padding-right: 4em; } .navbox .maintitle .titletext { font-size: 118%; } .navbox .editlink { float: left; width: 4em; text-align: left; margin-right: -100%; } .navbox .showhide { margin-left: -100%; } .navbox .cell, .navbox .colgroup, .navbox .navcol, .navbox .abovebelow, .navbox .group, .navbox .navheader, .navbox .subgroup { padding: 1px 2px; } .navbox .colgroup, .navbox .group, .navbox .subgroup { font-weight: bold; } .navbox .group, .navbox .subgroup { width: 15%; text-align: center; } .navbox .abovebelow, .navbox .group, .navbox .navheader { border: 1px solid #aaa; text-align: center; } .navbox .colgroup, .navbox .subgroup { border: 1px solid #aaa; } .navbox .cell, .navbox .navcol { background: transparent; border: 1px solid #aaa; } .navbox .cell.nogroups, .navbox .navcol, .navbox .colgroup, .navbox .abovebelow { text-align: center; } .navbox .cell.withgroups { text-align: left; } .navbox .navcol { vertical-align: top; } .navbox .formatlist ul, .navbox .formatlist li { /* Lists in column rows */ list-style: none; line-height: 1.5em; margin: 0.6em 0; padding: 0; } .navbox .formatlist li li { font-size: 90%; } .navbox .formatlist li ul { margin-top: -0.1em; margin-bottom: 0.5em; } .navbox .formatlist li ul li { margin: 0em; } .navbox .nested { /* Nested */ font-size: 100%; } .navbox .nested .navbox .title { border: 1px solid #aaa; } .navbox .titletext .SL span { /*no background on title text (we only want color)*/ background-color: transparent; }

/* Hides navbox in tabview */ .ui-tabs .navbox-container { display: none; }

/* Printing */ @media print { .navbox, .navbox-container { display: none; } } /*experimental navbox magic*/ .usertester table.collapsible.transition[id] > tbody { display: block; }

/* ################################################## */ /* ### USERBOX (Template:Userbox)                ### */ /* ################################################## */ .userbox { float: left; margin: 1px; width: 238px; } .userbox-image { width: 45px; height: 45px; text-align: center; font-size: 14pt; } .userbox-text { font-size: 8pt; padding: 4pt; line-height: 1.25em; }

/* ################################################## */ /* ### TEMPLATE NAVIGATION (Template:Tnav)       ### */ /* ################################################## */ .tnav { float: left; font-size: 10px; margin-left: 0; font-family: verdana, sans-serif; white-space: nowrap; word-spacing: -.12em; width: 6em; text-align: left; }

/* ################################################## */ /* ### MAINTENANCE (Template:Mbox)               ### */ /* ################################################## */ /* Design */ .mbox { border: 4px ridge silver; border-radius: 10px; color: white; margin: auto; width: 80%; background: #0000a8; } .mbox a:link, .mbox a:visited { color: yellow; } .mbox .mbox-image { /* Image to the left */ margin: auto; padding: 5px; width: 70px; } .mbox .mbox-quote { /* Character quote font */ font-size: 15px; font-weight: bold; } .mbox.SD { /* Specifically for Template:SD */ border: 4px ridge #999999; font-size: 13px; text-align: center; background: black; }

@media print { .mbox { display: none; } } /* no mbox when printing */ /* ################################################## */ /* ### LICENSING (Template:Lbox)                 ### */ /* ################################################## */ /* Design */ .lbox { background: azure; border: 4px ridge blue; border-radius: 10px; color: black; margin: auto; width: 80%; } .lbox .lbox-image { /* Image to the left */ margin: auto; padding: 5px; width: 80px; }

/* ################################################## */ /* ### FORUMS                                    ### */ /* ################################################## */ /* remove talk link from forum namespace (monobooks/newskins/quartzskins/monaco) -Splarka */ body.ns-110 #ca-talk, body.ns-110 #this_talk, body.ns-110 #page_tabs li + li { display: none; }

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

/* Obscure VE links */ .page-Special_RecentChanges a[title][title*="VisualEditor"] { color: black; }

/* Fixes sidebar oddity -- prevent sidebar elements from becoming unclickable on short pages */ footer.row { clear: both; }

/* Forum formatting -Algorithm & -Splaka */ .forumheader { background-color: #f9f9f9; border: 1px solid #aaa; color: black; margin-top: 1em; padding: 12px; } .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; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { background: none; font-weight: normal; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Clan Primer */ .ongoing { color: #008000; }

.stalled { color: #FD0; }

.resolved { color: #A13; }

/* ################################################## */ /* ### ADDITIONAL FORMATTING                     ### */ /* ################################################## */ /* Allow limiting of which header levels are shown in a TOC;, for instance, will limit to showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which there shouldn't be according to the MoS). */ .toclimit-2 .toclevel-2, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5, .toclimit-6 .toclevel-6, .toclimit-7 .toclevel-7 { display: none; }

/* Per page stuff (example) */ body.page-User_Diablocon div#diablocon_card { background: black url("http://card.mygamercard.net/lastgame/diablocon.png") 0 0 no-repeat; }

.noLinkColors a, #bodyContent .noLinkColors a.external, #bodyContent .noLinkColors a.extiw, .nolinkcolor a, #bodyContent .nolinkcolor a.external, #bodyContent .nolinkcolor a.extiw { color: inherit; }

/* VIII enemy pages */ .rareitem ul.tabbernav { font-size: 7.25pt !important; padding: 0 !important; }


 * 1) enemyStatOutputVIII div.tabbertab { padding: 0; border: none; }
 * 2) enemyStatOutputVIII ul.tabbernav { border-bottom: none; padding-bottom: 0; }
 * 3) enemyStatOutputVIII ul.tabbernav > li { font-family: sans-serif; font-size: 9px; font-weight: normal; }


 * 1) enemyStatsVIII, .enemy-table { width: 415px; }


 * 1) enemyStatsVIII table { width: 100%; }

/* Prevents italics in tag */ code { font-style: normal; }

/* defaulting code and adding code class for simul */ code, .code { background-color: transparent; font-family: monospace; } code strong.selflink, .code strong.selflink { font-weight: normal; }

/*AI formatting*/ pre.ai { background: transparent; border: none; white-space: pre-wrap; }

div.ai span.ability { color: red; }

.ai p { padding-left: 20px; margin: 2px 0 !important; text-indent: -20px; }

/*Formatting ext links*/ /*reset monobook*/
 * 1) bodyContent a.external, #bodyContent a.external[href^="gopher://"] { background: none; padding-right: 0; }

/*set universal standard*/ a.external:after, a[href^="gopher://"]:after { background-image: url("https://images.wikia.nocookie.net/__cb1429610386/common/skins/shared/images/sprite.png"); background-position: -1198px 0; background-repeat: no-repeat; content: ""; display: inline-block; height: 16px; margin-left: 3px; vertical-align: text-top; width: 10px; }

/*KHwiki*/ .khwiki a.external:after, a[href~="://www.khwiki.net"]:after { background-image: url("http://www.khwiki.net/favicon.ico"); background-position: 0 0; margin-left: 1px; vertical-align: middle; width: 16px; }

.plainlinks a.external:after { content: none; }

/*Hide shared help for our own help pages*/ .sharedHelp:nth-child(n+2) { display: none; }

/*Formatting "boards"*/ table.board { border: 1px solid black; text-align: center; vertical-align: middle; } table.board td, table.board th { padding: 0px; } table.board td { background: #DDDDDD; } table.board tr:first-child th:first-child { background: transparent; }

/*Formatting license boards*/ .licenseboard .augment { background-color: #666600; } .licenseboard .quickening { background-color: #FF9933; } .licenseboard .summon { background-color: #00FFFF; } .licenseboard .accessory { background-color: #CC3333; } .licenseboard .armor { background-color: #33CC33; } .licenseboard .weapon1 { background-color: #6666CC; } .licenseboard .weapon2 { background-color: #993399; } .licenseboard .weapon3 { background-color: #6600CC; } .licenseboard .technick { background-color: #CC9900; } .licenseboard .gambit { background-color: #CCCC00; } .licenseboard .magick { background-color: #CC99CC; } .licenseboard .command { background-color: #333333; }

.licenseboard .augment, .licenseboard .quickening, .licenseboard .summon, .licenseboard .accessory, .licenseboard .armor, .licenseboard .weapon1, .licenseboard .weapon2, .licenseboard .weapon3, .licenseboard .technick, .licenseboard .gambit, .licenseboard .magick, .licenseboard .command { background-image: linear-gradient(350deg, transparent, rgba(255, 255, 255, 0.2), transparent); border: 1px outset #999999; }

/*Archive*/ .archive { border: 2px dotted #800000; margin: -4px; margin-top: 0; padding: 4px; padding-top: 0; width: 100%; } .archive .header, .archive.header { border-bottom: 2px dotted #800000; color: #800000; font-style: italic; font-weight: bold; margin: 0 -5px; padding-bottom: 0; text-align: center; }

.FFIX.message { background-image: url("http://i829.photobucket.com/albums/zz212/JBedford128/ffixbg_zps13f1f87e.png"); background-repeat: repeat; color: white; text-shadow: 1px 1px black; border-style: solid; border-width: 5px; -moz-border-image: url("http://i829.photobucket.com/albums/zz212/JBedford128/ffixborder_zpsa15d4766.png") 5 repeat; -webkit-border-image: url("http://i829.photobucket.com/albums/zz212/JBedford128/ffixborder_zpsa15d4766.png") 5 repeat; -o-border-image: url("http://i829.photobucket.com/albums/zz212/JBedford128/ffixborder_zpsa15d4766.png") 5 repeat; border-image: url("http://i829.photobucket.com/albums/zz212/JBedford128/ffixborder_zpsa15d4766.png") 5 fill repeat; border-radius: 10px; font-family: 'Verdana', sans-serif; padding: 5px; }

/* Official slightly shaded color */ .shaded { background-color: rgba(0, 0, 0, 0.1); }

/* Hide that a lot of unnecessary requests occur on upload forms */
 * 1) mw-spinner-license + #mw-spinner-license { display: none; }

/* pop-up in-doc window related things */ .blackout { background: none repeat scroll 0 0 white; height: 100%; left: 0; opacity: 0.8; position: fixed; top: 0; width: 100%; }

.modalWrapper { background: none repeat scroll 0 0 padding-box white; border-color: rgba(255, 255, 255, 0.8); border-style: solid; border-width: 5px; box-shadow: 0 10px 60px 0 #7f7f7f; color: #3a3a3a; position: absolute; }

textarea.user-comment { background-color: #f2f2f2; border: 1px solid #cccccc; border-radius: 4px; color: #3a3a3a; display: block; font-family: inherit; font-size: 12px; line-height: 23px; padding: 5px; width: 252px; height: 27px; line-height: 15px; margin: 5px 0; resize: none; }

/* HTML syntax highlighting */ .source-html5 { line-height: normal; } .source-html5 li, .source-html5 pre { border: 0 none white; line-height: normal; }

.html5.source-html5 { font-family: monospace; } .html5.source-html5 .de1, .html5.source-html5 .de2 { background: none repeat scroll 0 0 transparent; font: 1em/1.2em monospace; margin: 0; padding: 0; vertical-align: top; } .html5.source-html5 .imp { color: red; font-weight: bold; } .html5.source-html5 li, .html5.source-html5 .li1 { font-weight: normal; vertical-align: top; } .html5.source-html5 .ln { margin: 0; padding: 0 2px; text-align: right; vertical-align: top; width: 1px; } .html5.source-html5 .li2 { font-weight: bold; vertical-align: top; } .html5.source-html5 .kw2 { color: black; font-weight: bold; } .html5.source-html5 .kw3 { color: #000066; } .html5.source-html5 .es0 { color: #000099; font-weight: bold; } .html5.source-html5 .br0 { color: #66cc66; } .html5.source-html5 .sy0 { color: #66cc66; } .html5.source-html5 .st0 { color: #ff0000; } .html5.source-html5 .nu0 { color: #cc66cc; } .html5.source-html5 .sc-2 { color: #404040; } .html5.source-html5 .sc-1 { color: #808080; font-style: italic; } .html5.source-html5 .sc0 { color: #00bbdd; } .html5.source-html5 .sc1 { color: #ddbb00; } .html5.source-html5 .sc2 { color: #009900; } .html5.source-html5 .ln-xtra { background-color: #ffc; } .html5.source-html5 span.xtra { display: block; }

/* CSS SYNTAX styling */ .source-css { line-height: normal; } .source-css li, .source-css pre { border: 0px none white; line-height: normal; }

.css.source-css { font-family: monospace,monospace; /* CSS SYNTAX colors */ } .css.source-css .de1, .css.source-css .de2 { background: none repeat scroll 0% 0% transparent; font: 1em/1.2em monospace,monospace; margin: 0px; padding: 0px; vertical-align: top; } .css.source-css .imp { font-weight: bold; } .css.source-css li, .css.source-css .li1 { font-weight: normal; vertical-align: top; } .css.source-css .ln { margin: 0px; padding: 0px 2px; text-align: right; vertical-align: top; width: 1px; } .css.source-css .li2 { font-weight: bold; vertical-align: top; } .css.source-css .kw1 { font-weight: bold; } .css.source-css .co2 { font-style: italic; } .css.source-css .coMULTI { font-style: italic; } .css.source-css .es0 { font-weight: bold; } .css.source-css .es2 { font-weight: bold; } .css.source-css span.xtra { display: block; } .css.source-css .ln-xtra, .css.source-css li.ln-xtra, .css.source-css div.ln-xtra { /*?*/ background-color: #ffffcc; } .css.source-css .imp { color: red; } .css.source-css .kw1 { color: black; } .css.source-css .kw2 { color: #993333; } .css.source-css .co1 { color: #A1A100; } .css.source-css .co2 { color: #FF0000; } .css.source-css .coMULTI { color: #808080; } .css.source-css .es0 { color: #000099; } .css.source-css .es2 { color: #000099; } .css.source-css .br0 { color: #00AA00; } .css.source-css .sy0 { color: #00AA00; } .css.source-css .st0 { color: #FF0000; } .css.source-css .nu0 { color: #CC66CC; } .css.source-css .re0 { color: #CC00CC; } .css.source-css .re1 { color: #6666FF; } .css.source-css .re2 { color: #3333FF; } .css.source-css .re3 { color: #993333; }

/* Wikia Maps */ .wikia-interactive-map-thumbnail a figcaption div span { display: none; }

/* ################################################## */ /* ### OTHER                                     ### */ /* ################################################## */ /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; }

div.Boxmerge { margin: 0px; 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.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position: relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; }

a.NavToggle { position: absolute; top: 0px; right: 3px; font-weight: normal; font-size: smaller; }

/*Formatting for navigations*/ table.nav { border: 1px solid silver; border-bottom: none; text-align: center; clear: both; font-size: 11px; font-family: verdana, sans-serif; width: 100%; } table.nav:last-of-type { border-bottom: 1px solid silver; } table.nav + table.nav { border-top: none; margin-top: -3px; } table.nav :first-child tr:first-child { font-size: 13.5px; font-family: tahoma, sans-serif; }

.showhide { font-size: 0.9em; font-style: normal; font-weight: normal; text-align: right; width: 6em; }

/*For ToC subpage list*/
 * 1) related-pages-ol .toclevel-1x:before { content: '' !important; }