MediaWiki:Hydradark.css

/* CSS placed here will affect users of the Hydradark skin */ /* For elements which only display in the mobile view */ .mobileonly { display: none; }

/* Framework */ body { background: url("https://static.wikia.nocookie.net/devilian_gamepedia/images/1/1f/Background.jpg/revision/latest") no-repeat fixed center top / cover rgba(0, 0, 0, 0); -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }

/* Logo */ top: -130px; left: 162px; width: 680px; height: 100px; position: absolute; }
 * 1) p-logo {

div#p-logo { background-color: transparent; }

display: block; width: 680px; height: 100px; background-repeat: no-repeat; background-position: center center; text-decoration: none; }
 * 1) p-logo a {

body #pageWrapper { margin-right: 1px; }

/* Head */ div#mw-head { top: 3em; }

div#mw-page-base { background: transparent; background-image: none; }

background: transparent; background-image: none; border-bottom: 0px; height: 3em; }
 * 1) mw-head-base {

/* Tabs */ left: 0px; margin-top: 6.5em; }
 * 1) left-navigation {

margin-right: 1.75em; margin-top: 6.5em; }
 * 1) right-navigation {

/* Menus */ div.vectorTabs, div.vectorTabs span, div.vectorTabs li.selected, div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs li a { background-color: rgba(0, 0, 0, 0); background-image: none; }

div.vectorTabs ul li { margin-right: 5px; }

div.vectorTabs li span { background:#434b4d; background:-moz-linear-gradient(top, #354145 35%, #192327 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(35%,#354145), color-stop(100%,#192327)); background:-webkit-linear-gradient(top, #354145 35%, #192327 100%); background:-o-linear-gradient(top, #354145 35%, #192327 100%); background:-ms-linear-gradient(top, #354145 35%, #192327 100%); background: linear-gradient(to bottom, #354145 35%, #192327 100%); border-color: #ffffff; display: inline-block; border: 1px solid #ffffff; border-radius: 1px; padding: 2px 5px; margin-top: 0.5em; height: 19px; text-align: center; }

div.vectorTabs li a { background-image: none; margin-top: -16px; }

div#mw-head li.new a, div#mw-head li.new a:visited { color: #fc0000 !important; text-shadow: 1px 1px #000000; }

div#mw-head a, div#mw-head div.vectorTabs a, div#mw-head div.vectorMenu a, .vectorTabs li a span, div.vectorMenu h3 span { color: #c0c0c0 !important; }

div.vectorTabs li span a { color: #222222; font-weight: bold; text-align: center; }

div.vectorTabs ul li:first-child { border-image: none; border-left: medium none; }

div#mw-head li.selected a, div#mw-head li.selected a span, div#mw-head div.vectorTabs li.selected a, div#mw-head div.vectorTabs li.selected a:visited { color: #ffffff !important; font-weight: bold; }

div#p-sharing .menu { margin-left: 45px; min-width: 0px; width: 48px; }

width: 100%; }
 * 1) p-sharing #socialIconImages img {

width: 40px; }
 * 1) p-sharing #socialIconImages a {

div.vectorMenu h3 span { font-weight: bold; padding-top: 0.1em; }

div.vectorMenu h3 span::after { top: 0; }

div#mw-head div.vectorMenu h4, div#p-variants.vectorMenu #mw-vector-current-variant { color: #FFFFFF; font-weight: bold; padding-top: 0.1em; text-shadow: none; }

.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a { margin-left: 3px; padding: 18px 0 0; }

div.vectorMenu div.menu { border: none; margin-left: 5px; }

div#mw-head div.vectorMenu h3 { background:#434b4d; background:-moz-linear-gradient(top, #354145 35%, #192327 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(35%,#354145), color-stop(100%,#192327)); background:-webkit-linear-gradient(top, #354145 35%, #192327 100%); background:-o-linear-gradient(top, #354145 35%, #192327 100%); background:-ms-linear-gradient(top, #354145 35%, #192327 100%); background: linear-gradient(to bottom, #354145 35%, #192327 100%); border-color: #ffffff; display: inline-block; border: 1px solid #ffffff; border-radius: 1px; padding: 2px 5px; margin-top: 0.5em; margin-bottom: 0.5em; height: 19px; text-align: center; }

div.vectorMenu h3 a { background-color: rgba(0, 0, 0, 0); background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/8/80/Vector_menu_downarrow_white.png"); background-position: 50% 50%; border: medium none; }

div#mw-head div.vectorMenu li.selected a, div#mw-head div.vectorMenu li.selected a:visited { color: #c0c0c0; }

div#mw-head div.vectorMenu li a { color: #7AB1CC; }

div#mw-head div.vectorMenu ul { background-color: #000000; background-image: none; border-right: 5px none; box-shadow: 0 0.1em 0.75em #d5d4d4; } /* Sidebar */ .skin-hydradark #mw-panel.collapsible-nav .portal { background-image: none; }

div#mw-panel div.portal h3, .skin-hydradark #mw-panel.collapsible-nav .portal h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal h3 a:visited, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a:visited { color: #ffffff; }

.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a { color: #ffffff; font-size: 130%; }

.skin-hydradark #mw-panel.collapsible-nav .portal h3 a { color: #ffffff; font-size: 130%; }

.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a { color: #ffffff; font-size: 130%; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:link, div#mw-panel div.portal div.body ul li a:visited { color: #FFFFFF; }

div#mw-panel div.portal div.body ul li a:hover { color: #a7a7a7; }

/* social media add-on fix */ div#mw-panel div.portal#p-socialProfiles { background: none; border: none; padding: 0; margin: 10px 0; }

div#mw-panel div.portal#p-sitePromos { background: none; border: none; margin-left: 10px !important; padding: 0; }

div#mw-panel div.portal#p-socialProfiles h5, div#mw-panel div.portal#p-sitePromos h5 { display: none; }

div#mw-panel div.portal#p-socialProfiles div.body, div#mw-panel div.portal#p-sitePromos div.body { background: none; padding: 0; margin-left: 0 !important; text-align: center; }

.socialSidebar { width: auto; max-width: 100%; }

/* Content */ div#content { background: rgba( 0, 0, 0, .8 ); border: 1px solid #ffffff; margin-top: 9em; box-shadow: 0 0.1em 0.75em #ffffff; box-sizing: border-box; color: #FFFFFF; margin-right: 1em; }

/* line-height: 1.2em; */ /* margin: 0 0 .1em 0em; */ /* color: #545454; */ /* width: auto; */ }
 * 1) contentSub, #contentSub2 {

/* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited, label.toctogglelabel { color: #bd8f3a; }

h1, h2 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #ffffff; text-shadow: 3px 3px 3px rgba(255, 255, 255, 0.6); }

h3, h4, h5, h6 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #ffffff; }

.skin-hydradark #toc, .skin-hydradark .toc, .mw-warning, ul#filetoc { background-color: rgba(0, 0, 0, 0.2); border-color: #012437; }
 * 1) catlinks,

.CategoryTreeEmptyBullet { color: #c0c0c0; }

.catlinks li { border-left: none; }

.CategoryTreeToggle { color: #989296; }

code { background-color: #012437; }

/* Footer */ div#footer { background-image: none; }

div#footer ul li { color: #FFFFFF; }

div#footer a { color: #a7a7a7; }

div#footer a:hover { color: #a7a7a7; }

/* Page history */ .skin-hydradark #pagehistory li { background-color: transparent; border: none; padding: 3px; }

.skin-hydradark #pagehistory li.selected { background-color: #01060c; background-image: none; border: 1px dashed #012437; padding: 3px; }

.skin-hydradark table.diff { background: transparent; }

/* thumbnails and galleries and image file history */ div.thumb { border: 1px solid #012437; margin: 2px; margin-left: 6px; }

img.thumbborder { border: 1px solid #012437; padding: 5px; }

div.thumbinner { background-color: rgba(0, 0, 0, 0.2); border: medium none; }

li.gallerybox { background-color: transparent; border-color: transparent; }

li.gallerybox div.thumb { background-color: transparent; border-color: transparent; }

html .thumbimage { border: 1px solid #012437; }

div.tright div.tleft { border: 1px solid #012437 !important; }

div.tright { clear: right; float: right; }

.filehistory a img { background: url("https://static.wikia.nocookie.net/commons_hydra/images/8/84/Dark_checker.svg") repeat scroll 0 0 rgba(0, 0, 0, 0); }
 * 1) file img:hover,

.filehistory a img:hover { background: rgba(0, 0, 0, 0); }

/* Tables */ .skin-hydradark .mw-datatable td, .skin-hydradark table.mw_metadata td, .skin-hydradark .mw-datatable th, .skin-hydradark table.mw_metadata th, table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border-color: #e6e6e6; }

.skin-hydradark .mw-datatable th, .skin-hydradark table.mw_metadata th, table.wikitable > tr > th, table.wikitable > * > tr > th { background: #354145; }

.skin-hydradark #mw-allmessagestable tbody:hover tr td, .skin-hydradark .mw-datatable tr:hover td { background: rgba(255, 255, 255, 0.1); }

/* colour fix for advanced search options box */ fieldset#mw-searchoptions { background-color: rgba(0, 0, 0, 0); border-color: #012437 !important; }

.skin-hydradark .mw-search-profile-tabs { background-color: #282828; margin-top: 1em; border: 1px solid silver; }

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a { color: #ffffff; }

.skin-hydradark .mw-search-profile-tabs { background-color: rgba(0, 0, 0, 0); border: 1px solid #012437; margin-top: 1em; }

.skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a { color: #FFFFFF; }

/* Preferences */ .skin-hydradark .oo-ui-tabSelectWidget { background-color: rgba(1, 36, 55, 0.5); }

.skin-hydradark .oo-ui-tabOptionWidget .oo-ui-labelElement-label, .skin-hydradark .oo-ui-labelWidget.oo-ui-inline-help, .skin-hydradark #preferences legend .oo-ui-labelElement-label { color: #c0c0c0; }

.skin-hydradark .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label { border-color: #01060c; color: #FFFFFF; }

.skin-hydradark #preferences { background-color: rgba(1, 36, 55, 0.5); }

.skin-hydradark .mw-prefs-buttons, .skin-hydradark .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed { border-color: #01060c; }

box-shadow: 4px 4px 4px 4px rgba(255, 255, 255, 0.2); }
 * 1) mw-createaccount-join {

/* Wiki editor fixes */ div.wikiEditor-ui { background: rgba(0, 0, 0, 0); border: medium none; }

div.wikiEditor-ui-buttons { background-color: rgba(0, 0, 0, 0); border-top: medium none; margin-right: 5px; }

div.wikiEditor-ui-controls { background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid #012437; }

div.wikiEditor-ui-tabs { background-color: #01060c; border-left: 1px solid #012437; border-top: 1px solid #012437; }

div.wikiEditor-ui-tabs div { background-color: #01060c; border-right: 1px solid #012437; border-bottom: 1px solid #012437; }

div.wikiEditor-ui-tabs div a { background: #01060c; /* you can use a gradient here if you want to get fancy */ color: #ffffff; }

div.wikiEditor-ui-tabs div.current { background-color: #01060c; border-bottom: 1px solid #012437; }

div.wikiEditor-ui-tabs div.current a { color: #989296; font-weight: bold; }

div.wikiEditor-ui .wikiEditor-ui-top { border-bottom: 1px solid #012437; }

div.wikiEditor-toolbar-spritedButton { background: url('https://static.wikia.nocookie.net/help_gamepedia/images/5/5c/Editbar_sprites.png/revision/latest'); }

div.wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }

div.wikiEditor-ui-toolbar .group { border-right: 1px solid #012437; }

div.wikiEditor-ui-toolbar .group-search { border-left: 1px solid #012437; border-right: none; }

div.wikiEditor-ui-toolbar .group .label { color: #ffffff; }

.tab { border-color: transparent; }

div.wikiEditor-ui-toolbar .tabs span.tab a, div.wikiEditor-ui-toolbar .tabs span.tab a:visited { color: #ffffff; }

div.wikiEditor-ui-toolbar .tabs span.tab a.current, div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: #ffffff; }

div.wikiEditor-ui-toolbar .group .tool-select .label { color: #000000; }

div.wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #012437; }

div.wikiEditor-ui-toolbar .booklet .index div { color: #989296; }

div.wikiEditor-ui-toolbar .booklet .index .current { background-color: transparent; color: #ffffff; }

div.wikiEditor-ui-toolbar .booklet .pages { background-color: transparent; }

div.wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #012437; color: #ffffff; }

div.wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.1); border-color: #012437; color: #989296; }

div.wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #012437; color: #ffffff; }

div.wikiEditor-preview-loading { background-color: transparent; }

div.wikiEditor-preview-contents { background-color: transparent; border-color: -moz-use-text-color #012437 #012437; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; }

div.editOptions { background-color: transparent; border-color: -moz-use-text-color #012437 #012437; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; }

/* for "edit this page" tab and "discussion" tab etc */ .pagetab { border-style: solid solid none; border-width: thin; border-color: #808080; padding:0.25ex 1ex 0ex; font-size: 95%; }

.ambox { background-color: #282828; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 2px auto; width: 80%; }

.ambox-gray { border-left-color: #383838; }

.ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; }

.ambox + .ambox { margin-top: -2px; }

.ambox-text { padding: 0.25em 0.5em; }

.ambox-image { padding: 2px 0px 2px 0.5em; text-align: center; width: 60px; }

.ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; }

/* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; }

.ambox-red { border-left: 10px solid #b22222; }

.ambox-orange { border-left: 10px solid #f28500; }

.ambox-yellow { border-left: 10px solid #f4c430; }

.ambox-purple { border-left: 10px solid #9932cc; }

.ambox-gray { border-left: 10px solid #bba; }

.ambox-green { border-left: 10px solid #228b22; }

/* Ambox small text */ .amsmalltext { font-size: smaller; margin-left:0.8em; margin-top:0.5em; }

/* copyright images tweak */ .skin-hydradark .copyright-icon { background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png"); background-size: 100%; height: 32px; width: 32px; }

.feature { background: rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 5px; padding: 10px; }

/********************* /* Front page styles * /*********************/ .fpbox { border: none; border-radius: 10px; background: rgba(0, 0, 0, 0.9); margin: 5px 5px 5px 5px; padding: 5px 5px 5px 5px; }

.fpbox .welcome { color: #ffffff; font-weight: bold; font-variant: small-caps; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); transform: skew(-0.25rad); font-size: 175%; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox .heading { color: #ffffff; font-weight: bold; font-variant: small-caps; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); transform: skew(-0.25rad); font-size: 132%; margin: 0 0 10px 0; padding: 0 0 5px 0; }

.fpbox .heading .smalllink { float: right; color: #ffffff; font-weight: bold; font-variant: small-caps; text-shadow: none; transform: skew(0.25rad); font-size: 75%; width: 50%; }

div.fauxbutton.plainlinks a { display: inline-block; border: none; border-radius: 2px; background: #ffc70e; box-shadow: 0 0 10px 5px rgba(237, 186, 14, 0.6) inset; color: #511616; text-transform: uppercase; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); transform: skew(-0.25rad); margin: 0; padding: 0 6px; }

div.fauxbutton.plainlinks a:hover { border: none; border-radius: 2px; background: #ffffff; box-shadow: none; color: #000000; }

div.fauxbutton.plainlinks a:active { border: none; border-radius: 2px; background: #cccccc; box-shadow: 0 0 10px 5px rgba(255, 255, 255, 0.6) inset; color: #000000; }

/********************* /*   Infoboxes      * /*********************/ div.infobox { float:right; position:relative; width:250px; background:#FFF; font-size:.923em; border:1px solid #AAA; margin:0 0 1em 1em; padding:0; color: #000000; }

div.infobox, div.nav .box { filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee); background-image:linear-gradient(to top, #fff 0%, #eee 100%); background-image:-o-linear-gradient(top, #fff 0%, #eee 100%); background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%); background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%); background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee)); }

div.infobox .icon { float:right; position:relative; z-index:2; width:auto; margin:5px; }

div.infobox .icon p { text-align:center; color:#444; font-size:9px!important; background-color:rgba(255,255,255,0.5); border-radius:.75em; line-height:1em; margin:.25em -.5em; padding:2px; }

div.infobox .wrapper { clear:both; padding:0; }

div.infobox .statistics { text-align:center; margin:0 8px; }

div.statistics span + span { margin-left:5px; }

div.infobox .heading, div.nav .heading { font-weight:700; background-image:url("https://static.wikia.nocookie.net/devilian_gamepedia/images/c/cc/Infobox_header_overlay.png/revision/latest") !important; text-align:center; border:1px solid rgba(0,0,0,0.25); border-bottom-width:0; position:relative; z-index:1; font-size-adjust:.52; margin:-1px -1px 5px!important; }

div.infobox .heading { font-family:EasonPro, "Times New Roman", serif!important; font-size:1.417em!important; color:#fff!important; background-color:#444; text-shadow:rgba(0,0,0,0.75) 0 0 .25em; line-height:1.176em; font-size-adjust:.43; padding:.5em!important; }

div.infobox .subheading, div.nav .subheading { font-weight:700; background-color:#888; background-image:url("https://static.wikia.nocookie.net/devilian_gamepedia/images/c/cc/Infobox_header_overlay.png/revision/latest")!important; border-left:1px solid rgba(0,0,0,0.25); border-right:1px solid rgba(0,0,0,0.25); line-height:100%; text-align:center; position:relative; margin:0 -1px!important; }

div.infobox .subheading { font-family:EasonPro, "Times New Roman", serif; font-size:1.25em!important; color:#fff!important; background-color:#444; text-shadow:rgba(0,0,0,0.75) 0 0 .25em; z-index:1; line-height:1.333em; font-size-adjust:0.43; padding:.567em!important; }

div.nav dl, div.infobox dl { margin:10px 0; }

div.infobox dt { float:left; text-align:right; width:78px; line-height:1em; font-weight:700; clear:left; border-right:2px solid #999; margin:0 -2px 0 0; padding:2px 8px 2px 3px; }

div.infobox dd { float:left; width:125px; font-weight:400; border-left:2px solid #999; margin:0; padding:2px 7px; }

div.infobox .image_wrapper { text-align:center; padding:0; margin:10px 0; }

div.infobox::after, div.nav .box::after, div.infobox .heading::after, div.nav .heading::after, div.infobox .subheading::after, div.nav .subheading::after, .table::after { content:""; position:absolute; width:100%; left:0; height:3px; background-image:url("https://static.wikia.nocookie.net/devilian_gamepedia/images/4/45/Shadow_after.png/revision/latest"); background-size:100% 3px; }

div.infobox::after, div.nav .box::after { bottom:-4px; }

div.infobox .heading::after, div.nav .heading::after, div.infobox .subheading::after, div.nav .subheading::after, .table::after { bottom:-3px; }

/* Remove after shadow for tables that have been centered, otherwise the shadow spans the entire page */ .table[class*=center]::after, .table.noshadowafter::after { background-image:none; }

div.infobox table, div.nav table { background-color:transparent; }

div.infobox.guardian dd, div.infobox.guardian dt { border-color:#066!important; }

div.infobox.guardian .heading, div.infobox.guardian .subheading { background-color:#066!important; }

div.infobox.revenant dd, div.infobox.revenant dt { border-color:#861313!important; }

div.infobox.revenant .heading, div.infobox.revenant .subheading { background-color:#861313!important; }

div.infobox.warrior dd, div.infobox.warrior dt { border-color:#c60!important; }

div.infobox.warrior .heading, div.infobox.warrior .subheading { background-color:#c60!important; }

div.infobox.engineer dd, div.infobox.engineer dt { border-color:#630!important; }

div.infobox.engineer .heading, div.infobox.engineer .subheading { background-color:#630!important; }

div.infobox.ranger dd, div.infobox.ranger dt { border-color:#360!important; }

div.infobox.ranger .heading, div.infobox.ranger .subheading { background-color:#360!important; }

div.infobox.thief dd, div.infobox.thief dt { border-color:#933!important; }

div.infobox.thief .heading, div.infobox.thief .subheading { background-color:#933!important; }

div.infobox.elementalist dd, div.infobox.elementalist dt { border-color:#c00!important; }

div.infobox.elementalist .heading, div.infobox.elementalist .subheading { background-color:#c00!important; }

div.infobox.mesmer dd, div.infobox.mesmer dt { border-color:#606!important; }

div.infobox.mesmer .heading, div.infobox.mesmer .subheading { background-color:#606!important; }

div.infobox.necromancer dd, div.infobox.necromancer dt { border-color:#063!important; }

div.infobox.necromancer .heading, div.infobox.necromancer .subheading { background-color:#063!important; }

div.infobox.asura dd, div.infobox.asura dt { border-color:#63c!important; }

div.infobox.asura .heading, div.infobox.asura .subheading { background-color:#63c!important; }

div.infobox.charr dd, div.infobox.charr dt { border-color:#900!important; }

div.infobox.charr .heading, div.infobox.charr .subheading { background-color:#900!important; }

div.infobox.human dd, div.infobox.human dt { border-color:#c90!important; }

div.infobox.human .heading, div.infobox.human .subheading { background-color:#c90!important; }

div.infobox.norn dd, div.infobox.norn dt { border-color:#069!important; }

div.infobox.norn .heading, div.infobox.norn .subheading { background-color:#069!important; }

div.infobox.sylvari dd, div.infobox.sylvari dt { border-color:#060!important; }

div.infobox.sylvari .heading, div.infobox.sylvari .subheading { background-color:#060!important; }

div.infobox.boon dd, div.infobox.boon dt { border-color:#399!important; }

div.infobox.boon .heading, div.infobox.boon .subheading { background-color:#399!important; }

div.infobox.condition dd, div.infobox.condition dt { border-color:#363!important; }

div.infobox.condition .heading, div.infobox.condition .subheading { background-color:#363!important; }

div.infobox.armor dd, div.infobox.weapon dd, div.infobox.item dd, div.infobox.armor dt, div.infobox.weapon dt, div.infobox.item dt { border-color:#a1c12a; }

div.infobox.armor .heading, div.infobox.weapon .heading, div.infobox.item .heading, div.infobox.armor .subheading, div.infobox.weapon .subheading, div.infobox.item .subheading { background:#a1c12a; }

div.infobox.skin dd, div.infobox.skin dt { border-color:#C4003E; }

div.infobox.skin .heading, div.infobox.skin .subheading { background:#C4003E; }

div.infobox.recipe { width:250px; display:inline-block; float:none; clear:none; vertical-align:top; font-size:1em; margin:0 1em 1em 0; }

div.infobox.recipe .heading, div.infobox.recipe .subheading { font-size:1.133em; background:#533610; }

div.infobox.recipe .wrapper { padding:0 10px; }

div.infobox.crafting .heading, div.infobox.crafting .subheading { background:#533610; }

div.infobox.crafting dd, div.infobox.recipe dd, div.infobox.crafting dt, div.infobox.recipe dt { border-color:#533610; }

div.infobox.npc dd, div.infobox.npc dt { border-color:#390; }

div.infobox.npc .heading, div.infobox.npc .subheading { background:#390; }

div.infobox.skill dd, div.infobox.trait dd, div.infobox.skill dt, div.infobox.trait dt { border-color:#999; }

div.infobox.skill .heading, div.infobox.trait .heading, div.infobox.skill .subheading, div.infobox.trait .subheading { background:#444; }

div.infobox.skill .icon > div { border:2px solid #111; }

div.infobox.effect .condition { background:#363; }

div.infobox.effect .boon { background:#399; }

div.infobox.pet dd, div.infobox.pet dt { border-color:#360; }

div.infobox.pet .heading, div.infobox.pet .subheading { background:#360; }

div.infobox.quest dd, div.infobox.quest dt { border-color:#F90; }

div.infobox.quest .heading, div.infobox.quest .subheading { background:#F90; }

div.infobox.area dd, div.infobox.area dt { border-color:#306; }

div.infobox.area .heading, div.infobox.area .subheading { background:#306; }

/* Infobox icons */ div.infobox-icon a.new { color:transparent; display:inline-block; font:0/0 a; overflow:hidden; vertical-align:middle; background-image:url("https://static.wikia.nocookie.net/devilian_gamepedia/images/7/74/Skill.png/revision/latest"); height:40px; width:40px; }

div.skill-infobox-icon a.new { color:transparent; display:inline-block; font:0/0 a; overflow:hidden; vertical-align:middle; background-image:url("https://static.wikia.nocookie.net/devilian_gamepedia/images/7/74/Skill.png/revision/latest"); height:48px; width:48px; }

/* Notifications fix */ .mw-echo-ui-notificationsInboxWidget-toolbarWrapper { background: inherit; }