MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Fix link colors in hoverheader) |
mNo edit summary |
||
Line 512: | Line 512: | ||
.HoverHeaderTextQuest { color: #4ae63a; } | .HoverHeaderTextQuest { color: #4ae63a; } | ||
.HoverHeaderTextNormal a, .HoverHeaderTextMagic a, .HoverHeaderTextGem a, .HoverHeaderTextCurrency a, .HoverHeaderTextQuest a, | .HoverHeaderTextNormal a, .HoverHeaderTextMagic a, .HoverHeaderTextGem a, .HoverHeaderTextCurrency a, .HoverHeaderTextQuest a, .HoverHeaderTextRare a, .HoverHeaderTextUnique a | ||
.HoverHeaderTextNormal .selflink, .HoverHeaderTextMagic .selflink, .HoverHeaderTextGem .selflink, .HoverHeaderTextCurrency .selflink, .HoverHeaderTextQuest .selflink { | .HoverHeaderTextNormal .selflink, .HoverHeaderTextMagic .selflink, .HoverHeaderTextGem .selflink, .HoverHeaderTextCurrency .selflink, .HoverHeaderTextQuest .selflink, .HoverHeaderTextRare .selflink, .HoverHeaderTextUnique .selflink { | ||
font-weight: inherit; | font-weight: inherit; | ||
color: inherit !important; | color: inherit !important; |
Revision as of 03:19, 30 March 2013
/* Header styles */
.poe1 {
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid #75511d;
}
#pt-userpage,
#pt-anonuserpage,
#pt-login {
background: url("//pool.pathofexilewiki.com/w/images/Curse_user_icon.png") left top no-repeat;
padding-left: 10px !important;
}
body.page-Path_of_Exile_Wiki h1.firstHeading { display: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;
}
/* 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;
}
/* 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("//pool.pathofexilewiki.com/w/images/Inline_Generic_gem.png"); }
.gem-link.str-skill a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Str_gem.png"); }
.gem-link.dex-skill a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Dex_gem.png"); }
.gem-link.int-skill a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Int_gem.png"); }
.gem-link.str-suppt a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Str_support_gem.png"); }
.gem-link.dex-suppt a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Dex_support_gem.png"); }
.gem-link.int-suppt a { background-image: url("//pool.pathofexilewiki.com/w/images/Inline_Int_support_gem.png"); }
/* 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;
}
/* ------------------------------------------------------------------------------------------------------------------ */
/* ---------- Classes for Template:Hover, Template:HoverLine, Template:HoverHeader, Template:HoverSeparator --------- */
/* ------------------------------------------------------------------------------------------------------------------ */
.HoverContainer
{
font-family: Sans-Serif;
/* font-family: 'fontinsmallcaps',Sans-Serif; */
/* font-variant: small-caps; */
text-align: center;
background-color: #000000;
padding: 0px 0px 0px 0px;
min-width: 250px;
width: 300px;
display: table;
font-size: 14px;
}
.HoverStatContainer
{
padding: 5px 10px 7px 10px;
line-height: 16px;
}
.HoverSeparatorNormal, .HoverSeparatorMagic, .HoverSeparatorRare, .HoverSeparatorUnique,
.HoverSeparatorCurrency, .HoverSeparatorGem, .HoverSeparatorQuest
{
height:1px;
background-position:center;
background-repeat:no-repeat;
margin:4px 0px 4px 0px;
}
.HoverSeparatorNormal {background-image:url('http://pool.pathofexilewiki.com/w/images/Normal_hover_separator.png');}
.HoverSeparatorMagic {background-image:url('http://pool.pathofexilewiki.com/w/images/Magic_hover_separator.png');}
.HoverSeparatorRare {background-image:url('http://pool.pathofexilewiki.com/w/images/Rare_hover_separator.png');}
.HoverSeparatorUnique {background-image:url('http://pool.pathofexilewiki.com/w/images/Unique_hover_separator.png');}
.HoverSeparatorCurrency {background-image:url('http://pool.pathofexilewiki.com/w/images/Currency_hover_separator.png');}
.HoverSeparatorGem {background-image:url('http://pool.pathofexilewiki.com/w/images/Gem_hover_separator.png');}
.HoverSeparatorQuest {background-image:url('http://pool.pathofexilewiki.com/w/images/Quest_hover_separator.png');}
.HoverStat { color: #7f7f7f; }
.HoverValue { color: #ffffff; }
.HoverMod { color: #8888ff; white-space: nowrap; }
.HoverHelpGem { color: #1ba29b; }
.HoverHelp { color: #7f7f7f; font-style: italic; }
.HoverFlavour { color: #af6025; font-style: italic; }
.HoverFire { color: #960000; }
.HoverCold { color: #366492; }
.HoverLightning { color: #ffd700; }
.HoverHeaderNormal, .HoverHeaderMagic, .HoverHeaderCurrency, .HoverHeaderGem , .HoverHeaderQuest
{
background-repeat: repeat-x;
height: 33px;
}
.HoverHeaderNormal {background-image:url('http://pool.pathofexilewiki.com/w/images/Normal_hover_header_middle_38x33.png');}
.HoverHeaderMagic {background-image:url('http://pool.pathofexilewiki.com/w/images/Magic_hover_header_middle_38x33.png'); }
.HoverHeaderCurrency {background-image:url('http://pool.pathofexilewiki.com/w/images/Currency_hover_header_middle_38x33.png'); }
.HoverHeaderGem {background-image:url('http://pool.pathofexilewiki.com/w/images/Gem_hover_header_middle_38x33.png'); }
.HoverHeaderQuest {background-image:url('http://pool.pathofexilewiki.com/w/images/Quest_hover_header_middle_38x33.png'); }
.HoverHeaderRare, .HoverHeaderUnique
{
background-repeat: repeat-x;
height: 53px;
}
.HoverHeaderRare {background-image:url('http://pool.pathofexilewiki.com/w/images/Rare_hover_header_middle_52x53.png');}
.HoverHeaderUnique {background-image:url('http://pool.pathofexilewiki.com/w/images/Unique_hover_header_middle_52x53.png');}
.HoverHeaderLeftNormal, .HoverHeaderLeftMagic, .HoverHeaderLeftCurrency, .HoverHeaderLeftGem , .HoverHeaderLeftQuest
{
width: 27px;
height: 33px;
float: Left;
}
.HoverHeaderLeftNormal {background-image:url('http://pool.pathofexilewiki.com/w/images/Normal_hover_header_left_27x33.png');}
.HoverHeaderLeftMagic {background-image:url('http://pool.pathofexilewiki.com/w/images/Magic_hover_header_left_27x33.png');}
.HoverHeaderLeftCurrency{background-image:url('http://pool.pathofexilewiki.com/w/images/Currency_hover_header_left_27x33.png');}
.HoverHeaderLeftGem {background-image:url('http://pool.pathofexilewiki.com/w/images/Gem_hover_header_left_27x33.png');}
.HoverHeaderLeftQuest {background-image:url('http://pool.pathofexilewiki.com/w/images/Quest_hover_header_left_27x33.png');}
.HoverHeaderLeftRare, .HoverHeaderLeftUnique
{
width: 41px;
height: 53px;
float: Left;
}
.HoverHeaderLeftRare {background-image:url('http://pool.pathofexilewiki.com/w/images/Rare_hover_header_left_41x53.png');}
.HoverHeaderLeftUnique {background-image:url('http://pool.pathofexilewiki.com/w/images/Unique_hover_header_left_41x53.png');}
.HoverHeaderRightNormal, .HoverHeaderRightMagic, .HoverHeaderRightCurrency, .HoverHeaderRightGem , .HoverHeaderRightQuest
{
width: 27px;
height: 33px;
float: right;
}
.HoverHeaderRightNormal {background-image:url('http://pool.pathofexilewiki.com/w/images/Normal_hover_header_right_27x33.png');}
.HoverHeaderRightMagic {background-image:url('http://pool.pathofexilewiki.com/w/images/Magic_hover_header_right_27x33.png');}
.HoverHeaderRightCurrency{background-image:url('http://pool.pathofexilewiki.com/w/images/Currency_hover_header_right_27x33.png');}
.HoverHeaderRightGem {background-image:url('http://pool.pathofexilewiki.com/w/images/Gem_hover_header_right_27x33.png');}
.HoverHeaderRightQuest {background-image:url('http://pool.pathofexilewiki.com/w/images/Quest_hover_header_right_27x33.png');}
.HoverHeaderRightRare, .HoverHeaderRightUnique
{
width: 41px;
height: 53px;
float: right;
}
.HoverHeaderRightRare {background-image:url('http://pool.pathofexilewiki.com/w/images/rare_hover_header_right_41x53.png');}
.HoverHeaderRightUnique {background-image:url('http://pool.pathofexilewiki.com/w/images/unique_hover_header_right_41x53.png');}
.HoverHeaderTextNormal, .HoverHeaderTextMagic, .HoverHeaderTextGem, .HoverHeaderTextCurrency, .HoverHeaderTextQuest
{
margin: 0px;
white-space: nowrap;
background: transparent;
font-size: 19px;
line-height: 23px;
padding: 4px 27px 6px 27px;
}
.HoverHeaderTextRare, .HoverHeaderTextUnique
{
margin: 0px;
white-space: nowrap;
background: transparent;
font-size: 19px;
line-height: 23px;
padding: 2px 41px 5px 41px;
}
.HoverHeaderTextNormal { color: #c8c8c8; }
.HoverHeaderTextMagic { color: #8888ff; }
.HoverHeaderTextRare { color: #ffff77; }
.HoverHeaderTextUnique { color: #af6025; }
.HoverHeaderTextCurrency{ color: #ffdfac; }
.HoverHeaderTextGem { color: #1ba29b; }
.HoverHeaderTextQuest { color: #4ae63a; }
.HoverHeaderTextNormal a, .HoverHeaderTextMagic a, .HoverHeaderTextGem a, .HoverHeaderTextCurrency a, .HoverHeaderTextQuest a, .HoverHeaderTextRare a, .HoverHeaderTextUnique a
.HoverHeaderTextNormal .selflink, .HoverHeaderTextMagic .selflink, .HoverHeaderTextGem .selflink, .HoverHeaderTextCurrency .selflink, .HoverHeaderTextQuest .selflink, .HoverHeaderTextRare .selflink, .HoverHeaderTextUnique .selflink {
font-weight: inherit;
color: inherit !important;
}
/*--------------------Gem Infobox Styles--------------------*/
.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;
}
/* Colors */
.autocomment {
color: #5e4f45;
}
.mw-plusminus-pos {
color: #577f1a;
}
.mw-plusminus-neg {
color: #7f1a1a;
}
.mw-plusminus-null {
color: #5e4f45;
}
.unpatrolled {
color: #f25749;
font-weight: bold;
}
/* Curse Footer */
#ft {
background: none;
}
#ft div {
width: 1100px;
}
#ft h1,
#ft a,
#ft {
color: #FFF;
font-size: 10px;
}
#ft .site-navigation {
list-style: none;
margin-left: 160px;
padding-bottom: 5px;
font-size: 10px;
}
#ft .site-navigation ul {
list-style: none;
}
#ft .network-navigation {
margin-left: 160px;
margin-bottom: 140px !important;
}
#ft .network-navigation ul {
float: left;
width: 110px;
}
#ft .network-navigation ul.double {
width: 280px;
}
#ft .network-navigation ul.curse li.header a {
background: url("extensions/Curse/Icons/White.png") repeat scroll 0 0 transparent;
display: block;
text-indent: -999em;
height: 18px;
width: 140px;
}
#ft .network-navigation ul li {
float: left;
list-style: none;
width: 140px;
margin-bottom: 2px;
}
#ft .network-navigation ul li.header {
font-size: 12px;
clear: both;
font-weight: bold;
color: #FF6015;
width: 100%;
}
/* -------------------- 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; }