MediaWiki:Common.css

@import "http://anime.wikia.com/index.php?title=MediaWiki:Anime-Common.css&action=raw&ctype=text/css&smaxage=86400&templates=expand";

.infobox .portable-infobox { margin: 0; }

/* Per-Wiki Nav coloring override. -Dantman */ .box.bordered.type-nav, .box.bordered.style-nav { border: 1px solid #696969 !important; } .box.headbordered.type-nav > tbody > tr > th, .box.headbordered.style-nav > tbody > tr > th { border: 1px solid #696969 !important; } .box.innerbordered.type-nav > tbody > tr > td, .box.innerbordered.type-nav > tbody > tr > th, .box.innerbordered.style-nav > tbody > tr > td, .box.innerbordered.style-nav > tbody > tr > th { border: 1px solid #696969 !important; } .box.tablecolored.type-nav, .box.tablecolored.style-nav { background: #D3D3D3 !important; } .box.allcolored.type-nav td, .box.allcolored.style-nav td { background: #D3D3D3 !important; } .box.allcolored.type-nav th, .box.allcolored.style-nav th { background: #696969 !important; } .box.colored.type-nav td, .box.colored.type-nav th, .box.colored.style-nav td, .box.colored.style-nav th { background: #D3D3D3 !important; } .box.colored.type-nav > tbody > tr > th, .box.colored.style-nav > tbody > tr > th { background: #696969 !important; } .box.selfcolored.type-nav > tbody > tr > td, .box.selfcolored.style-nav > tbody > tr > td { background: #D3D3D3 !important; } .box.selfcolored.type-nav > tbody > tr > th, .box.selfcolored.style-nav > tbody > tr > th { background: #696969 !important; }

.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 }

.box.style-jutsu td, .box.style-jutsu th, .box.style-jutsu ul li, .box.style-jutsu p { line-height: 1em; }

.announce_box td { line-height: 1.2; padding-bottom: .5em; } .announce_box .forum_edited { text-align: right; font-size: 1em; } .announce_box .forum_editor { display: block; } .announce_box .forum_edited a { white-space: nowrap; }

.tritable > tbody > tr > th, .tritable > tbody > tr > td { width: 33%; }

/* */

/* */ /* Leaf secondary style */ body.style-leaf #user_masthead, body.style-leaf .color1, body.style-leaf .color1 a, body.style-leaf .color2, body.style-leaf.color2 { background-color: green } body.style-leaf .color2 a:visited, body.style-leaf #wikia_footer a:visited { color: navy } body.style-leaf #wikia_footer { background: darkgreen } /* */


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

.warningmessage { font-size: 1.25em; text-align: center; } .warningmessage strong { font-weight: bold; color: red; }

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

/* Note: This will need to go into Wikia.css when the survey goes out. */ table.breakinputs .checkboxSpan { display: block; float: none; }

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

/* ################################################## */ /* ### INFOBOXES                                 ### */ /* ################################################## */ /* PortableInfobox styling css*/ .portable-infobox { border: 1px solid #ff5c82; border-collapse: collapse; border-spacing: 2px; float: right; padding: 0; text-align: center; width: 270px; background: #FFF5EE; } .portable-infobox .pi-navigation { border: 1px solid #ff5c82; 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; } .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: #FFF5EE; }

/* Infobox Styles - Simant */ .box.type-volume ul {list-style: none inside none !important; margin-left: 15px !important; } .box.type-volume, /* For list of volumes */ .box.infobox ul, .box.infobox ul li { line-height: 1.3em !important; padding: 0; margin: 0; }

.box.infobox sup { line-height: 0; font-size: x-small; } /* Fix for uneven line heights; small superscript */ .box.infobox th { line-height: 1.3em; } .box.infobox td { line-height: 1.3em; vertical-align: middle; padding: 1px; }

/* Infobox slideshow */ .box.infobox .wikia-slideshow-images-wrapper { padding: 0px; } .box.infobox .wikia-slideshow-wrapper { width: 300px !important; }

.box.infobox .wikia-slideshow-toolbar, .wikia-slideshow-prev-next { display: none !important; } .wikia-slideshow-popout-add-image { display: none !important; }

/* Infobox tabber */ .box.infobox .tabbertab { padding: 0px !important; border-width: 0px !important; } .box.infobox .tabberlive { margin-top: 0px !important; } .box.infobox ul.tabbernav li { padding: 1px !important; }

/** CSS style file for Semantic MediaWiki. */

span.smwbuiltin, span.smwttactiveinline span.smwbuiltin { /* highlighting for builtin elements */ font-style: italic; }

div.smwpre { /* make divs look like */ white-space: pre; font-family: monospace; padding: 1em; border: 1px dashed #2f6fab; color: black; background-color: #f9f9f9; line-height: 1.1em; margin-bottom: 0.5em; margin-top: 0.5em; }

clear: both; }
 * 1) smwfootbr { /* terminate page contents when inserting stuff below a page, typically used in */

/* tables for inline queries */ table.smwtable { background-color: #EEEEFF;/* Note: here and below, we use six digits, since some users had problems with the three digit short forms */ }

table.smwtable th { background-color: #EEEEFF; text-align: left; }

table.smwtable td { background-color: #FFFFFF; padding: 1px; padding-left: 5px; padding-right: 5px; text-align: left; vertical-align: top; }

table.smwtable tr.smwfooter td { font-size: 90%; line-height: 1; background-color: #EEEEFF; padding: 0px; padding-left: 5px; padding-right: 5px; text-align: right; vertical-align: top; }

/* hide keys for sorting table entries */ span.smwsortkey { display: none; }

/* buttons for sort-arrows */ a.sortheader:hover { text-decoration: none; }

/* "semantic" span classes for Timeline */

div.smwtimeline { border: 1px solid #AAAAAA; background-color: #F9F9F9; /*text-align: center;*/ /* After hours of debugging and frustration I now can safely say: IE sucks. (mak) You can support Semantic MediaWiki development by not using Internet Explorer. Thanks. (IE centers the Timeline *elements*, which messes up the whole layout) */ }

span.smwtlevent, span.smwtlband, span.smwtlsize, span.smwtlposition { display: none; speak: none; }

span.smwtlcomment { font-style: italic; padding: 5px; }

/* Factbox */ div.smwfact { clear: both; background-color: #F9F9F9; padding: 5px; margin-top: 1em; border: 1px solid #AAAAAA; font-size: 95%; }

div.smwfact td, div.smwfact tr, div.smwfact table { background-color: #F9F9F9; }

span.smwfactboxhead { font-size: 110%; font-weight: bold; float: left; }

table.smwfacttable { border-top: 1px dotted #AAAAAA; width: 100%; clear: both; }

td.smwpropname, th.smwpropname, td.smwspecname { text-align: right; vertical-align: top; padding-right: 1em; }

td.smwprops, td.smwspecs { vertical-align: top; width: 75%; }

div.smwhr hr { background-color: #DDDDDD; color: #DDDDDD; }

/* warning messages */ span.smwwarning { color: #888888; font-style: italic; font-size: 90%; }

/* search, browse, RDF icons */

span.smwsearchicon { /*FIXME: this was only used for Factbox docu, should be removed from code*/ padding-right: 16px; margin-right: 2px; color: #888888; background: url(images/searchgray_iconsmall.png) center right no-repeat; }

padding-right: 16px; margin-right: 2px; color: #888888; background: url(images/searchgray_iconsmall.png) center right no-repeat; }
 * 1) bodyContent span.smwsearch a {

text-decoration: none; color: #0000FF; padding-right: 18px; margin-right: 0px; background: url(images/search_icon.png) center right no-repeat; }
 * 1) bodyContent span.smwsearch a:hover {

padding-right: 16px; margin-right: 2px; color: #000000; background: url(images/browse_iconsmall.png) center right no-repeat; }
 * 1) bodyContent span.swmfactboxheadbrowse a {

text-decoration: none; color: #0000FF; padding-right: 18px; margin-right: 0px; background: url(images/browse_icon.png) center right no-repeat; }
 * 1) bodyContent span.swmfactboxheadbrowse a:hover {

padding-right: 16px; margin-right: 2px; color: #888888; background: url(images/browse_iconsmall.png) center right no-repeat; }
 * 1) bodyContent span.smwbrowse a {

text-decoration: none; color: #0000FF; padding-right: 18px; margin-right: 0px; background: url(images/browse_icon.png) center right no-repeat; }
 * 1) bodyContent span.smwbrowse a:hover {

padding-right: 20px; color: #888888; background: url(images/world.png) center right no-repeat; }
 * 1) bodyContent span.smwmap a {

padding-right: 20px; color: #0000FF; background: url(images/world.png) center right no-repeat; }
 * 1) bodyContent span.smwmap a:hover {

float: right; }
 * 1) bodyContent span.rdflink {

padding-right: 20px; color: #888888; background: url(images/rdf_flyer.18.gif) center right no-repeat; }
 * 1) bodyContent span.rdflink a {

text-decoration: none; color: #0000FF; padding-right: 20px; margin-right: 0px; background: url(images/rdf_flyer.18.gif) center right no-repeat; }
 * 1) bodyContent span.rdflink a:hover {

/* Tooltips */

div.smwtt { /* style for content of the bubble */ color: #000000; }

span.smwttpersist span.smwttcontent { /* show persistent tooltips for non-JavaScript clients */ color: #888888; font-style: italic; font-size: 90%; }

span.smwttinline span.smwttcontent { /* hide inline tooltips for non-JavaScript clients */ display: none; speak: none; }

span.smwtticon { /* style for image anchor for persistent tooltips */ display: none; }

span.smwttactivepersist { /* colored anchors? */	cursor: help; color: #0000C8; }

span.smwttactiveinline { /* colored anchors */ color: #BB7700; text-decoration: none; }

img.smwttimg { /* images for tooltip icons */ padding-right: 5px; padding-left: 4px; }

/* CSS style file for Semantic MediaWiki Special Browse. */ table.smwb-factbox { border-left: 8px solid #DDDDDD; width: 100% }

tr.smwb-title { font-size: 200%; background-color: #DDDDDD; line-height: 1.5; }

tr.smwb-title td { padding-left: 5px; border-bottom: 2px solid white; }

tr.smwb-propvalue { width: 100%; background-color: #EEEEEE; }

tr.smwb-propvalue th { text-align: right; vertical-align: top; font-weight: bold; font-size: 120%; background-color: #DDDDDD; padding: 0.2em 0.6em; border-bottom: 2px solid white; border-top: 2px solid white; }

tr.smwb-propvalue td { padding-left:0.4em; background-color: #EEEEEE; border: 0px solid white; border-bottom: 2px solid white; border-top: 2px solid white; width: 90%; }

tr.smwb-center { background-color: #DDDDDD; }

span.smwb-value { }

/* Inverse factbox */ table.smwb-ifactbox { border-right: 8px solid #DDDDDD; width: 100% }

tr.smwb-ititle { font-size: 200%; background-color: #DDDDDD; line-height: 1.5; }

tr.smwb-ititle td { padding-left: 5px; border-bottom: 2px solid white; }

tr.smwb-ipropvalue { width: 100%; background-color: #EEEEEE; text-align: right; }

tr.smwb-ipropvalue th { text-align: left; font-weight: bold; font-size: 120%; background-color: #DDDDDD; padding: 0.2em 0.6em; border-bottom: 3px solid white; border-top: 3px solid white; }

tr.smwb-ipropvalue td { background-color: #EEEEEE; border-bottom: 3px solid white; border-top: 3px solid white; padding-right: 1em; width: 90%; }

span.smwb-ivalue { }

/***************************************************************************/ /*************************** Portable Infobox ******************************/ /***************************************************************************/ /* --- Custom styling --- */ .portable-infobox { background: -webkit-radial-gradient(#fd92ba 25%, #fff); background-repeat: no-repeat; background-position: top left, bottom right; border: 1px solid #ff0060; }

.pi-border-color{ border-color: #ff0060 !important;} .pi-data:not(:last-of-type), .pi-group { border: none; } .pi-item-spacing { padding: 1px 0 !important; } .pi-horizontal-group { padding: 1px 0; } h2.pi-title { padding: 11px 8px 8px 11px !important; text-align:center; } .pi-caption { text-align: center !important; } .pi-data-label {padding: 5px 3px;} .pi-horizontal-group .pi-data-label { padding: 5px 3px !important;} .pi-data-value { margin: auto;} .portable-infobox > .pi-data:nth-child(2n+1){ background: rgba(255,255,255,.08);} .pi-title { background: #0ff; } .pi-data-label { background: #FF66FF; } .pi-header { background: #FF00FF; } .portable-infobox .pi-image, .pi-image-collection, ul.pi-image-collection-tabs li.current { background: #FFC0CB; } /************/ /* spoilers */ /************/ .sp { clear: left; } .sp_banner { cursor: pointer; font-size: 0.9em; float: left; margin-right: 12px; white-space: nowrap; } .sp_ico, .sp_wrn, .sp_ico>div, .sp_wrn>div { border-radius: 10em; } .sp_ico, .sp_wrn { display: inline-block; padding: 2px; background-color: rgb(32,32,32); } .sp_ico { z-index: 1; position: relative; } .sp_ico div, .sp_ico img{ display: table-cell; } .sp_wrn { margin-left: -3em; } .sp_wrn>div { padding: 0 2.4em 0 3em; } .sp_wrn_blurb { min-height:64px; height: 64px; display: table-cell; vertical-align: middle; } /*******************/ /* spoilers: games */ /*******************/ .sp_games .sp_ico, .sp_games .sp_wrn { border: 2px solid rgb(82,63,53); color: rgb(254,195,86); } .sp_games .sp_ico>div, .sp_games .sp_wrn>div { background-image: url("http://images2.wikia.nocookie.net/dragonage/images/6/65/SplatterBackground.jpg"); border: 1px solid rgb(82,63,53); } /*******************/ /* spoilers: media */ /*******************/ .sp_media .sp_ico, .sp_media .sp_wrn { border: 2px solid rgb(82,63,53); color: rgb(254,195,86); } .sp_media .sp_ico>div, .sp_media .sp_wrn>div { background-image: url("http://images2.wikia.nocookie.net/dragonage/images/6/65/SplatterBackground.jpg"); border: 1px solid rgb(82,63,53); } /*******************/ /* spoilers: books */ /*******************/ .sp_books .sp_ico, .sp_books .sp_wrn { border: 2px solid rgb(102,0,0); color: rgb(102,0,0); } .sp_books .sp_ico>div, .sp_books .sp_wrn>div { background-color: rgb(255,255,255); border: 1px solid rgb(102,0,0); }