MediaWiki:Common.css

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

/* Heading icon by Kuroo*/ .mw-parser-output h2 { background-image: url('https://static.wikia.nocookie.net/dgrayman/images/4/46/Header_Icon.png/revision/latest?cb=20220928133550&format=original'); background-position: left; background-repeat: no-repeat; padding-left: 25px; }

.toc .toctitle h2 { padding-left: 30px; }

/* Portable Infoboxes by Kuroo */ .portable-infobox { width: 300px; }

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

.portable-infobox .pi-header, .portable-infobox .pi-title, .portable-infobox .pi-navigation { background: #aea2ae; color: #ffffff; text-align: center; } .portable-infobox .pi-data-label { color: #ffffff; background-color: #44101d; background-repeat:no-repeat; background-position:right; } .portable-infobox .pi-header a, .portable-infobox .pi-title a, .portable-infobox .pi-navigation a { color: #ffffff; } .pi-item.pi-item-spacing { padding: 0; }

.portable-infobox .pi-image { padding: 4px; }

.pi-border-color { border-color: #44101d; } .pi-data-label { padding: 9px; } .pi-data-value { padding: 5px 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; }

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

/*     MinimalistSlider * Description:    Customizes the standart slider layout. * Author:         Sociophobia. * Check out dev.wikia.com/wiki/MinimalistSlider for more info. */ /* Sets the slider's background to be transparent */ div.wikiaPhotoGallery-slider-body { background: transparent; border: 1px solid #3D2039;/* You can set it to whatever color you want, though I wouldn't recommend it. You can also remove this block to get the standart black color. */ } /* Reduces the height of the circles' background and makes it transparent */ div.wikiaPhotoGallery-slider-body .horizontal .description-background { height: 7px; /* Just enough to not accidentally missclick. Don't set this too high! */   opacity: 0; /* Making this block fully visible is not recommended. Just leave it be. */ } /* Hides the image navigation thing */ div.wikiaPhotoGallery-slider-body .nav > img, div.wikiaPhotoGallery-slider-body .nav p > img { display: none; /* Just... don't touch this. */ } div.wikiaPhotoGallery-slider-body .horizontal .description { left: 0; background: rgb(193, 138, 152); padding: 10px 15px 20px 15px; width: 250px; border-radius: 0px 18px 0px 0px; border: 1px solid #3D2039; }

/* Text and description tweaks END. BEGINNING some REAL shenanigans. */ /* Defines all the circles' style */ .wikiaPhotoGallery-slider-body .nav { background: #C18A98; border: 2px solid #C18A98; border-radius: 50%; width: 7px; cursor: pointer; height: 7px; position: absolute; } /* Defines the active circle's style */ .wikiaPhotoGallery-slider-body .selected { background: #3D2039; border: 2px solid #3D2039; border-radius: 50%; width: 7px; cursor: pointer; height: 7px; } /* Sets the relative position of each circle. You can customize these too. */ .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-0 .nav { right: 70px !important; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-1 .nav { right: 50px !important; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-2 .nav { right: 30px !important; } .wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-3 .nav { right: 10px !important; }