MediaWiki:Common.css

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

/*============================   Portable Infobox ============================*/ .portable-infobox { border: 1px solid #313365; background-color:#45111E; color: black; margin-bottom: 0.2em; margin-left: 0.5em; padding: 0.2em; float: right; clear: right; font-size:120%; } .portable-infobox .pi-border-color { border-color:#e6e6e6; } .pi-theme-DefaultColors .pi-header, .pi-theme-DefaultColors .pi-title, .pi-theme-DefaultColors .pi-background, .pi-theme-DefaultColors .pi-data-label { background-color:#45111E; color:#fff; } .portable-infobox .pi-data { padding: 0; } .portable-infobox .pi-data-label { padding: 5px 3px 5px 10px; } .portable-infobox .pi-data-value { padding: 5px 10px 5px; } .portable-infobox .pi-secondary-background { margin: 0 0 1px 0; } /* Character infobox row colors */ .portable-infobox > section > div:nth-child(odd) { background-color: #FFFFFF; } .portable-infobox > section > div:nth-child(even) { background-color: #FFFFFF; } .portable-infobox > div:nth-child(odd) { background-color: #FFFFFF; } .portable-infobox > div:nth-child(even) { background-color: #FFFFFF; }

/*============================   Portable Infobox End ============================*/

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

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

/************/ /* 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 #8a2be2; color: #2b83e2; } .sp_games .sp_ico>div, .sp_games .sp_wrn>div { background-image: url("https://images.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 #83e22b; color: #2b83e2; } .sp_media .sp_ico>div, .sp_media .sp_wrn>div { background-image: url("https://images.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 #8a2be2); color: rgb(102,0,0); } .sp_books .sp_ico>div, .sp_books .sp_wrn>div { background-color: #8a2be2 ; border: 1px solid rgb(102,0,0); }

/*******************************************               jQuery Slider *******************************************/ /** * CSS for "Template:Slider generator" * original code made by "Tierrie" for the Dragon Age Wiki * updated and reviewed by "leviathan_89" for the One Piece Wiki */ /* container and common settings */ .portal_container { max-width: 860px; position: relative; z-index: 1; border: 1px solid #000; text-align: left; font-family: "Segoe UI", Helvetica, Verdana, "sans-serif"; overflow: hidden; margin: 0 auto 5px auto; } .portal_container, .portal_main, .portal_slide { height: 450px; overflow: hidden; }   /** text and links **/ .portal_container, .portal_container a, .portal_main, .portal_main a, .portal_slide, .portal_slide a { color: #fff; text-shadow: 1px 1px 0 #000, 2px 1px 0 #000, 1px 2px 0 #000, 2px 2px 0 #000, 3px 3px 4px #000; }       /*** hovering links (excluding main menù) ***/ div.portal_body a:hover { color: #fdd600; text-shadow: 1px 1px 0 #000, 2px 1px 0 #000, 1px 2px 0 #000, 2px 2px 0 #000, 3px 3px 4px #000; } /* give black background for fading to black while sliding */ .portal_container > .portal_body:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgb(0, 0, 0); z-index: -2; } /* avoid rendering borders twice */ .portal_container .portal_main, .portal_container .portal_slide { border: none; } /* paddings */ div.portal_container .ui-tabs-panel { padding: 0; } div.portal_container, div.portal_container .portal_body { padding: 0; } /* main menù */ .portal_main .portal_slidertext { text-transform: uppercase; font-size: 22px; }   /** text **/ .portal_main .portal_slidertext { position: absolute; bottom: 5px; left: 5px; z-index: 3; } .portal_main .portal_sliderlink-1 .portal_slidertext { display: block; font-size: 50px; margin-right: 220px; line-height: 1em; }   /** panels **/ .portal_main .portal_sliderlink-1 { position: absolute; width: 100%; height: 100%; cursor: pointer; z-index: 1; } .portal_main .portal_sliderlink-2 { position: absolute; top: 0; right: 0; height: 25%; cursor: pointer; z-index: 2; } .portal_main .portal_sliderlink-3 { position: absolute; top: 25%; right: 0; height: 25%; cursor: pointer; z-index: 2; } .portal_main .portal_sliderlink-4 { position: absolute; top: 50%; right: 0; height: 25%; cursor: pointer; z-index: 2; } .portal_main .portal_sliderlink-5 { position: absolute; top: 75%; right: 0; height: 25%; cursor: pointer; z-index: 2; }   /** images **/ .portal_main img { width: 100%; height: 100%; }   /** small panels width **/ .portal_main .portal_sliderlink-2, .portal_main .portal_sliderlink-3, .portal_main .portal_sliderlink-4, .portal_main .portal_sliderlink-5 { width: 215px; }   /** panels hover/shadow effect **/ .portal_main .portal_sliderlink:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.2; } .portal_main .portal_sliderlink:hover:after { display: none; } /* single slide */ /** padding **/ .portal_slide .portal_vtab { padding: 0; }   /** slide tabs **/ div.portal_slide .ui-tabs-nav { border: none; padding: 0; width: 200px; float: left; text-transform: uppercase; font-size: 16px; } div.portal_slide .ui-tabs-nav li { margin: 0; top: 0; width: 100%; white-space: normal; background-color: rgba(0, 0, 0, 0.6); }       /*** selecting/hovering tabs ***/ div.portal_slide .ui-tabs-nav li.ui-state-active { background-color: transparent; padding: 0; } div.portal_slide .ui-tabs-nav li.ui-state-hover { background-color: transparent; }       /*** tab links (overwriting global styles) ***/ div.portal_slide .ui-tabs-nav li a, div.portal_slide .ui-tabs-nav li.ui-tabs-selected a { width: 180px; /* ".ui-tabs-nav" width - padding */ margin: 0; padding: 10px 10px; background: none; cursor: pointer; color: inherit; font-size: inherit; font-weight: inherit; }       /*** continue tabs column even if there are no more elements ***/ div.portal_slide .ui-tabs-nav:after { height: 450px; content: ""; width: 100%; background-color: rgba(0, 0, 0, 0.6); }   /** slides background **/ background-image: url("/wiki/Special:FilePath/Slide_1_background.jpg"); background-size: cover; }   background-image: url("/wiki/Special:FilePath/Slide_2_background.jpg"); background-size: cover; }   background-image: url("/wiki/Special:FilePath/Slide_3_background.jpg"); background-size: cover; }   background-image: url("/wiki/Special:FilePath/Slide_4_background.jpg"); background-size: cover; }   background-image: url("/wiki/Special:FilePath/Slide_5_background.jpg"); background-size: cover; }   /** icons **/ /*** container ***/ .portal_slide .portal_buttons { display: block; position: absolute; bottom: 0; left: 5px; z-index: 2; }       /*** hovering effect ***/ .portal_slide .portal_buttons .portal_icon { opacity: 0.7 } .portal_slide .portal_buttons .portal_icon:hover { opacity: 1 }       /*** hiding text link ***/ .portal_slide .portal_buttons a { display: inline-block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; }       /*** home link ***/ .portal_slide .portal_buttons .portal_homelink { float: left; width: 35px; height: 35px; background-image: url("/wiki/Special:FilePath/Slider_home.png"); background-size: cover; cursor: pointer }       /*** nav links ***/ .portal_slide .portal_buttons .portal_navlink { float: left; } .portal_slide .portal_buttons .portal_navlink div { float: left; width: 35px; height: 35px; background-image: url("/wiki/Special:FilePath/Slider_arrow.png"); background-size: cover; cursor: pointer }       /*** reversing "next" button ***/ .portal_slide .portal_buttons .portal_next { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: "FlipH"; filter: FlipH; }       /*** hiding unnecessary nav buttons ***/ .portal_container #portal_content-1 .portal_buttons .portal_prev, .portal_container .portal_content:last-child .portal_buttons .portal_next { display: none; }       /*** leaving a blank space for missing button ***/ .portal_container #portal_content-1 .portal_buttons .portal_navlink:before, .portal_container .portal_content:last-child .portal_buttons .portal_navlink:after { float: left; width: 35px; height: 35px; content: ""; }       /*** edit button ***/ .portal_slide .portal_buttons .portal_editlink { display: inline-block; width: 35px; height: 35px; background-image: url("/wiki/Special:FilePath/Slider_edit.png"); background-size: cover; cursor: pointer }   /** panel content **/ div.portal_slide .ui-tabs-panel { height: 450px; padding: 4px; overflow: auto; } div.portal_slide .ui-tabs-panel ul { list-style: none; margin-left: 0.5em; } /* Monobook fixes */ .portal_container .ui-widget-content { background: inherit; color: inherit; border: inherit; } .portal_container.ui-corner-all, .portal_container .ui-corner-all { border-radius: inherit; } .portal_container .ui-widget-header { background: inherit; color: inherit; font-weight: inherit; } .portal_container .ui-widget { font-family: inherit; } .portal_container .ui-tabs-nav li { background: inherit; color: inherit; } .portal_container .ui-state-default { border: inherit; border-radius: inherit; } /* END jQuery Slider */
 * 1) portal_slide1 {
 * 1) portal_slide2 {
 * 1) portal_slide3 {
 * 1) portal_slide4 {
 * 1) portal_slide5 {