MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Reworked Template:Item/tablerow styles) |
mNo edit summary |
||
Line 804: | Line 804: | ||
margin-bottom: 0; | margin-bottom: 0; | ||
background-image: none; | background-image: none; | ||
} | |||
td.itemboxstats > .itemboxstatsgroup:last-child { | |||
padding-bottom: 0; | |||
} | } | ||
.itemboximage { | .itemboximage { |
Revision as of 20:07, 15 October 2013
/* ===== Header styles ===== */
.poe1 {
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid #75511d;
}
body.page-Path_of_Exile_Wiki h1.firstHeading {
display: none;
}
abbr.nounderline,
acronym.nounderline {
border-bottom: none;
}
/* Infobox template style */
.infobox {
border: 1px solid #75511D;
background-color: #141414;
color: #A38D6D;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
/* @noflip */
text-align: left;
font-size: 88%;
line-height: 1.5em;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
border: 0;
border-top: 1px solid #aaa;
/* @noflip */
border-right: 1px solid #aaa;
}
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
border-right: 1px solid #aaa;
}
/* Default style for navigation boxes */
.navbox { /* Navbox container style */
border: 1px solid #75511D;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em; /* Title, group and above/below styles */
line-height: 1.5em;
text-align: center;
}
th.navbox-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #101010; /* Background color */
}
.navbox-list {
line-height: 1.8em;
border-color: #101010; /* Must match background color */
}
.navbox th,
.navbox-title {
background: #141414; /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #101010; /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #141414; /* Level 3 color */
}
.navbox-even {
background: #101010; /* Even row striping */
}
.navbox-odd {
background: #101010; /* Odd row striping */
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}
ol + table.navbox,
ul + table.navbox {
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */
}
/* Default styling for Navbar template */
.navbar {
display: inline;
font-size: 88%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.navbar li {
word-spacing: -0.125em;
}
.navbar.mini li span {
font-variant: small-caps;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
font-size: 100%;
}
.navbox .navbar {
display: block;
font-size: 100%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 6em;
}
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
/* @noflip */
float: right;
font-weight: normal;
/* @noflip */
margin-left: 0.5em;
/* @noflip */
text-align: right;
width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
width: 6em;
}
/* Style for horizontal lists (separator following item).
Note: hlist formatting will break if the resulting HTML lacks a breakable character
between list items. This happens when the following conditions are true:
1) The list is made using wiki markup (where HTML is built by parser.php)
2) HTMLTidy is disabled or unavailable (such as on Special: pages)
In such cases, building lists with .hlist using HTML instead of wiki markup
will work around this problem. See also [[Bugzilla:39617]].
IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
Last updated: September 23, 2012
@maintainer: [[User:Edokter]]
@revision: 2.0
*/
.skin-vector .hlist dl {
line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Display nested lists inline and allow them to wrap */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
content: ":";
}
.hlist dd:after,
.hlist li:after {
content: " ·";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: "(";
font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
content: ")";
font-weight: normal;
}
/* Put numbers in front of ordered list items */
.hlist.hnum ol {
counter-reset: list-item;
}
.hlist.hnum ol > li {
counter-increment: list-item;
}
.hlist.hnum ol > li:before {
content: counter(list-item) " ";
}
.hlist.hnum dd ol > li:first-child:before,
.hlist.hnum dt ol > li:first-child:before,
.hlist.hnum li ol > li:first-child:before {
content: "(" counter(list-item) " ";
}
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
font-weight: normal;
/* @noflip */
text-align: right;
}
.navbox .mw-collapsible-toggle {
width: 6em;
}
.navbox .selflink {
color:#00B6FF;
}
/* Change the external link icon to an Adobe icon for all PDF files
in browsers that support these CSS selectors, like Mozilla and Opera */
div#content a[href$=".pdf"].external,
div#content a[href*=".pdf?"].external,
div#content a[href*=".pdf#"].external,
div#content a[href$=".PDF"].external,
div#content a[href*=".PDF?"].external,
div#content a[href*=".PDF#"].external,
div#mw_content a[href$=".pdf"].external,
div#mw_content a[href*=".pdf?"].external,
div#mw_content a[href*=".pdf#"].external,
div#mw_content a[href$=".PDF"].external,
div#mw_content a[href*=".PDF?"].external,
div#mw_content a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
/* @noflip */
padding-right: 18px;
}
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
is used (notably Template:PDFlink). This works in IE, unlike the above. */
div#content span.PDFlink a,
div#mw_content span.PDFlink a {
background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
/* @noflip */
padding-right: 18px;
}
/* ===== Hatnotes and disambiguation notices ===== */
.rellink,
.dablink {
font-style: italic;
/* @noflip */
padding-left: 1.6em;
margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
font-style: normal;
}
/* ===== Plainlist ===== */
.plainlist ul {
line-height: inherit;
list-style: none outside none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}
/* ===== Message Box ===== */
.mbox {
margin: 6px auto;
width: 75%;
border-style: solid;
border-width: 2px 1px;
border-color: #474233 #403b2e #26231b;
border-radius: 6px;
padding: 2px;
background-color: #332F24;
}
.mbox-inner {
border-style: solid;
border-width: 1px;
border-color: #1a1712;
border-radius: 6px;
padding: 4px 1em;
}
.mbox-image,
.mbox-text,
.mbox-imageright {
display: table-cell;
vertical-align: middle;
}
.mbox-image {
padding-right: 1em;
}
.mbox-text {
width: 100%;
}
.mbox-imageright {
padding-left: 1em;
}
.mbox-style .mbox-inner {
border-color: #a98a35;
}
.mbox-content .mbox-inner {
border-color: #a96427;
}
.mbox-delete .mbox-inner {
border-color: #c62525;
}
/* ===== Fmbox ===== */
.fmbox {
clear: both;
margin: 6px 0;
border: 1px solid #383636;
padding: 6px 1em;
background-color: #1a1b18;
}
/* ===== Stub Box ===== */
.stub {
display: table;
font-style: italic;
}
.stub-image,
.stub-text {
display: table-cell;
vertical-align: middle;
}
/* ===== Documentation Template ===== */
.template-documentation {
clear: both;
margin: 1em 0 0;
border: 1px solid #383636;
padding: 1em;
background-color: #1a1b18;
}
.template-documentation-top {
margin-bottom: 0.9em;
border-bottom: 1px solid #383636;
padding-bottom: 3px;
}
.template-documentation-header {
font-size: 125%;
font-weight: bold;
}
#documentation-meta-data {
font-style: italic;
}
/* ===== References ===== */
ol.references,
div.reflist,
div.refbegin {
font-size: 90%;
margin-bottom: 0.5em;
}
div.refbegin-100 {
font-size: 100%;
}
div.reflist ol.references {
font-size: 100%;
list-style-type: inherit;
}
ol.references li:target,
sup.reference:target,
span.citation:target {
background-color: rgba(0, 182, 255, 0.1);
border: 1px dotted #00b6ff;
border-radius: 4px;
}
sup.reference {
font-style: normal;
font-weight: normal;
}
span.brokenref {
display: none;
}
.citation {
word-wrap: break-word;
}
.citation .printonly {
display: none;
}
/* ===== Key Press Template ===== */
.keyboard-key {
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75);
border-width: 1px;
border-style: solid;
border-color: #756b4f #70664b #574f3a;
border-radius: 3px;
padding: 0.1em 0.3em;
font-family: inherit;
font-size: 0.85em;
color: #1a1712;
white-space: nowrap;
background: #574f3a; /* Old browsers */
background: -moz-linear-gradient(top, #574f3a 0%, #756b4f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#574f3a), color-stop(100%,#756b4f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #574f3a 0%,#756b4f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #574f3a 0%,#756b4f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #574f3a 0%,#756b4f 100%); /* IE10+ */
background: linear-gradient(to bottom, #574f3a 0%,#756b4f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#574f3a', endColorstr='#756b4f',GradientType=0 ); /* IE6-9 */
}
/* ===== Text Color Classes ===== */
.text-stat {
color: #7f7f7f;
}
.text-help {
color: #7f7f7f;
font-style: italic;
}
.text-value {
color: #ffffff;
}
.text-mod {
color: #8888ff;
}
.text-fire {
color: #960000;
}
.text-cold {
color: #366492;
}
.text-lightning {
color: #ffd700;
}
.text-chaos {
color: #d02090;
}
.text-cosmetic {
color: #aa9e82;
}
.text-flavour {
color: #af6025;
font-style: italic;
}
.text-gemdesc {
color: #1aa29b;
}
.text-normal {
color: #c8c8c8;
}
.text-magic {
color: #8888ff;
}
.text-rare {
color: #ffff77;
}
.text-unique {
color: #af6025;
}
.text-currency {
color: #aa9e82;
}
.text-gem {
color: #1aa29b;
}
.text-quest {
color: #4ae63a;
}
/* ===== Item Box ===== */
[class|=itembox] {
display: table;
border-width: 1px;
border-style: solid;
padding: 2px;
min-width: 300px;
text-align: center;
color: #7f7f7f;
background-color: #000;
white-space: nowrap; /* temp */
}
.itembox-full {
float: right;
margin-left: 14px;
margin-bottom: 14px;
}
.itembox-normal {
border-color: #c8c8c8;
}
.itembox-magic {
border-color: #8888ff;
}
.itembox-rare {
border-color: #ffff77;
}
.itembox-unique {
border-color: #af6025;
}
.itembox-currency {
border-color: #aa9e82;
}
.itembox-gem {
border-color: #1aa29b;
}
.itembox-quest {
border-color: #4ae63a;
}
[class|=itemboxheader] {
display: block;
position: relative;
font-size: 20px;
background-repeat: repeat-x;
}
.itembox-normal [class|=itemboxheader] {
color: #c8c8c8;
}
.itembox-magic [class|=itemboxheader] {
color: #8888ff;
}
.itembox-rare [class|=itemboxheader] {
color: #ffff77;
}
.itembox-unique [class|=itemboxheader] {
color: #af6025;
}
.itembox-currency [class|=itemboxheader] {
color: #aa9e82;
}
.itembox-gem [class|=itemboxheader] {
color: #1aa29b;
}
.itembox-quest [class|=itemboxheader] {
color: #4ae63a;
}
[class|=itemboxheader] a,
[class|=itemboxheader] .selflink {
font-weight: normal;
color: inherit !important;
}
.itemboxheader-single {
height: 34px;
line-height: 25px;
background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/2/2f/Hover_header_single_fills.png");
}
.itembox-normal .itemboxheader-single {
background-position: center 0;
}
.itembox-magic .itemboxheader-single {
background-position: center -34px;
}
.itembox-rare .itemboxheader-single {
background-position: center -68px;
}
.itembox-unique .itemboxheader-single {
background-position: center -102px;
}
.itembox-currency .itemboxheader-single {
background-position: center -136px;
}
.itembox-gem .itemboxheader-single {
background-position: center -170px;
}
.itembox-quest .itemboxheader-single {
background-position: center -204px;
}
.itemboxheader-double {
height: 54px;
line-height: 22px;
background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/2/2a/Hover_header_double_fills.png");
}
.itembox-rare .itemboxheader-double {
background-position: center 0;
}
.itembox-unique .itemboxheader-double {
background-position: center -54px;
}
.itemboxheaderleft,
.itemboxheaderright {
display: block;
position: absolute;
background-repeat: no-repeat;
}
.itemboxheaderright {
right: 0;
}
.itemboxheader-single .itemboxheaderleft,
.itemboxheader-single .itemboxheaderright {
width: 29px;
height: 34px;
background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/8/8a/Hover_header_single_edges.png");
}
.itembox-normal .itemboxheader-single .itemboxheaderleft {
background-position: left 0;
}
.itembox-normal .itemboxheader-single .itemboxheaderright {
background-position: right 0;
}
.itembox-magic .itemboxheader-single .itemboxheaderleft {
background-position: left -34px;
}
.itembox-magic .itemboxheader-single .itemboxheaderright {
background-position: right -34px;
}
.itembox-rare .itemboxheader-single .itemboxheaderleft {
background-position: left -68px;
}
.itembox-rare .itemboxheader-single .itemboxheaderright {
background-position: right -68px;
}
.itembox-unique .itemboxheader-single .itemboxheaderleft {
background-position: left -102px;
}
.itembox-unique .itemboxheader-single .itemboxheaderright {
background-position: right -102px;
}
.itembox-currency .itemboxheader-single .itemboxheaderleft {
background-position: left -136px;
}
.itembox-currency .itemboxheader-single .itemboxheaderright {
background-position: right -136px;
}
.itembox-gem .itemboxheader-single .itemboxheaderleft {
background-position: left -170px;
}
.itembox-gem .itemboxheader-single .itemboxheaderright {
background-position: right -170px;
}
.itembox-quest .itemboxheader-single .itemboxheaderleft {
background-position: left -204px;
}
.itembox-quest .itemboxheader-single .itemboxheaderright {
background-position: right -204px;
}
.itemboxheader-double .itemboxheaderleft,
.itemboxheader-double .itemboxheaderright {
width: 44px;
height: 54px;
background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/0/09/Hover_header_double_edges.png");
}
.itembox-rare .itemboxheader-double .itemboxheaderleft {
background-position: left 0;
}
.itembox-rare .itemboxheader-double .itemboxheaderright {
background-position: right 0;
}
.itembox-unique .itemboxheader-double .itemboxheaderleft {
background-position: left -54px;
}
.itembox-unique .itemboxheader-double .itemboxheaderright {
background-position: right -54px;
}
.itemboxheadertext {
display: block;
padding: 3px 29px;
}
.itemboxheader-double .itemboxheadertext {
padding: 3px 44px;
}
span.itemboxstats,
span.itemboxstatsgroup {
display: block;
}
.itemboxstats ul {
margin: 0;
}
.itemboxstats li {
margin: 0;
list-style-type: none;
list-style-image: none;
}
span.itemboxstats > .itemboxstatsgroup,
span.itemboxstats > ul > li,
td.itemboxstats > .itemboxstatsgroup {
margin: 0 0 5px;
padding: 0 12px 7px;
background-repeat: no-repeat;
background-position: center bottom;
}
span.itemboxstats > .itemboxstatsgroup:first-child,
span.itemboxstats > ul > li:first-child {
padding-top: 7px;
}
.itembox-normal .itemboxstatsgroup,
.itembox-normal .itemboxstats > ul > li,
td.itemboxstats > .itemboxstatsgroup {
background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/c/c2/Hover_separator_normal.png");
}
.itembox-magic .itemboxstatsgroup,
.itembox-magic .itemboxstats > ul > li {
background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/4/4a/Hover_separator_magic.png");
}
.itembox-rare .itemboxstatsgroup,
.itembox-rare .itemboxstats > ul > li {
background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/c/c6/Hover_separator_rare.png");
}
.itembox-unique .itemboxstatsgroup,
.itembox-unique .itemboxstats > ul > li {
background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/6/6e/Hover_separator_unique.png");
}
.itembox-currency .itemboxstatsgroup,
.itembox-currency .itemboxstats > ul > li {
background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/a/ac/Hover_separator_currency.png");
}
.itembox-gem .itemboxstatsgroup,
.itembox-gem .itemboxstats > ul > li {
background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/8/86/Hover_separator_gem.png");
}
.itembox-quest .itemboxstatsgroup,
.itembox-quest .itemboxstats > ul > li {
background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/0/00/Hover_separator_quest.png");
}
.itemboxstats > .itemboxstatsgroup:last-child,
.itemboxstats > ul > li:last-child,
td.itemboxstats > .itemboxstatsgroup:last-child {
margin-bottom: 0;
background-image: none;
}
td.itemboxstats > .itemboxstatsgroup:last-child {
padding-bottom: 0;
}
.itemboximage {
display: block;
padding: 7px 12px;
}
.itemboxhover,
.itemboxhovericon {
position: absolute;
z-index: 9999; /* Needs to be on top always */
}
.itemboxhoverhide {
position: absolute !important;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
}
.itemboxhovernojs {
display: none !important;
}
.itemboxhover {
background-color: rgba(0,0,0,0.85);
}
.itemboxhovericon {
display: block;
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.9)), color-stop(70%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 70%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.itemhover {
white-space: nowrap;
}
/* ===== Sidebar ===== */
.sidebar {
float: right;
margin-left: 14px;
margin-bottom: 14px;
border-style: solid;
border-width: 2px 1px;
border-color: #474233 #403b2e #1a1812;
border-radius: 6px;
padding: 2px 3px;
background-color: #332F24;
width: 292px;
}
.sidebar-inner {
border-style: solid;
border-width: 2px 1px;
border-color: #1a1812 #1f1c15 #474233;
border-radius: 6px;
padding: 8px 1em;
background-color: #26231b;
}
.sidebar-header {
margin-bottom: 2px;
text-align: center;
font-size: 20px;
line-height: 1.5em;
color: #dfcf99;
}
/* ===== Passive Skill Display ===== */
.passiveicon {
height: 86px;
}
.passivebox .passiveicon.passiveicon-notable {
height: 131px;
}
.passivebox .passiveicon.passiveicon-keystone {
height: 184px;
}
.passiveicon-image,
.passiveicon-frame {
height: 100%;
}
.passiveicon .passiveicon-image img {
margin-top: 14px;
width: 58px;
height: 58px;
}
.passivebox .passiveicon.passiveicon-notable .passiveicon-image img {
margin-top: 20px;
width: 90px;
height: 90px;
}
.passivebox .passiveicon.passiveicon-keystone .passiveicon-image img {
margin-top: 28px;
width: 128px;
height: 128px;
}
.passiveicon .passiveicon-frame {
margin-top: -86px;
}
.passivebox .passiveicon.passiveicon-notable .passiveicon-frame {
margin-top: -131px;
}
.passivebox .passiveicon.passiveicon-keystone .passiveicon-frame {
margin-top: -184px;
}
.passiveicon .passiveicon-frame img {
width: 86px;
height: 86px;
}
.passivebox .passiveicon.passiveicon-notable .passiveicon-frame img {
width: 131px;
height: 131px;
}
.passivebox .passiveicon.passiveicon-keystone .passiveicon-frame img {
width: 184px;
height: 184px;
}
.passivebox {
text-align: center;
}
.passivebox .passiveicon {
margin: 0.5em 0 1em;
}
.passivebonuses ul {
margin: 0;
list-style: none;
}
.passivebonuses li {
margin: 0.5em 0;
}
.passivebonuses > ul > li + li > ul {
border-top: 1px dotted #5E4F45;
}
.passiveflavour {
margin: 1em 0 0.5em;
}
/* ===== Icons for Skill Links ===== */
.gem-link a {
padding: 2px 0 2px 12px;
background: left center no-repeat;
}
.gem-link.gen-skill a { background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/b/b7/Inline_Generic_gem.png"); }
.gem-link.str-skill a { background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/b/b5/Inline_Str_gem.png"); }
.gem-link.dex-skill a { background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/3/34/Inline_Dex_gem.png"); }
.gem-link.int-skill a { background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/8/86/Inline_Int_gem.png"); }
.gem-link.str-suppt a { background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/5/5e/Inline_Str_support_gem.png"); }
.gem-link.dex-suppt a { background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/f/f9/Inline_Dex_support_gem.png"); }
.gem-link.int-suppt a { background-image: url("http://hydra-media.cursecdn.com/pathofexile.gamepedia.com/a/ad/Inline_Int_support_gem.png"); }
/* ===== Gem Infobox ===== */
.GemInfoboxContainer {
width: 300px;
float: right;
padding: 0px;
margin: 0px 0px 5px 5px;
border-collapse: collapse;
background-color: #1a1812;
font-size:12px;
line-height:16px;
color: #bfbfbf;
}
.GemInfoboxInfo { width: 100%; border-collapse:separate; border-spacing:2px; }
.GemInfoboxInfo td { background-color: #26231b; color: #ffffff; padding:5px; }
.GemInfoboxInfo td:first-child { background-color: #332f24; color: #bfbfbf; }
.GemInfoboxHeader { padding: 2px 2px 0px 2px; }
.GemInfoboxHeader>table { border-collapse:collapse; }
.GemInfoboxHeader td:first-child {
width: 100%;
padding: 5px 5px 5px 5px;
text-align: left;
font-size: 11px;
}
.GemInfoboxHeaderName {
font-size: 16px;
line-height: 20px;
font-weight: bold;
color: #1ba29b;
}
.GemInfoboxFooter { text-align: center; margin: 0px 2px 2px 2px; }
.GemInfoboxFooter img { width: 100%; height: auto; }
.GemInfoboxDescription { color: #1ba29b; }
.GemInfoboxModifier { color: #8888ff; }
.GemInfoboxDescription, .GemInfoboxModifier {
padding: 5px;
margin: 0px 2px 2px 2px;
background-color: #26231b;
text-align: center;
}
/* ===== Support Gem ID template (Template:Id) ===== */
.support-gem-id-red, .support-gem-id-green, .support-gem-id-blue {
width: 1em;
color: white !important;
background-color:#c51e1e;
display: inline-block;
text-align: center;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.support-gem-id-red { background-color:#c51e1e; }
.support-gem-id-green { background-color:#08a842; }
.support-gem-id-blue { background-color:#4163c9; }
/* ===== bottom footer ads ===== */
.btflb{
display: block;
height: 90px !important;
margin: 0 auto;
padding: 5px 0;
width:728px !important;
}