MediaWiki:Common.css: Difference between revisions

From Path of Exile Wiki
Jump to navigation Jump to search
>Wynthyst
No edit summary
>Darthuser6242
No edit summary
Line 1: Line 1:
/* Header styles */
/* Header styles */
/* TEST */


.poe1 {
.poe1 {

Revision as of 19:49, 3 February 2013

/* Header styles */
/* TEST */

.poe1 {
    background-color: rgba(0, 0, 0, 0.5);
    border: 1px solid #75511d;
}

#pt-userpage, #pt-anonuserpage, #pt-login {
background: url("http://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: #141414;      /* Background color */
}
.navbox-list {
    line-height: 1.8em;
    border-color: #141414;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #101010;      /* 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: transparent;  /* 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;
}

/* 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: 4px 0 4px 22px;
	background: left center no-repeat;
}
.gem-link.str-skill a { background-image: url("//pool.pathofexilewiki.com/w/images/StrengthSkillGemIcon_small.png"); }
.gem-link.dex-skill a { background-image: url("//pool.pathofexilewiki.com/w/images/DexteritySkillGemIcon_small.png"); }
.gem-link.int-skill a { background-image: url("//pool.pathofexilewiki.com/w/images/IntelligenceSkillGemIcon_small.png"); }
.gem-link.str-suppt a { background-image: url("//pool.pathofexilewiki.com/w/images/StrengthSupportGemIcon_small.png"); }
.gem-link.dex-suppt a { background-image: url("//pool.pathofexilewiki.com/w/images/DexteritySupportGemIcon_small.png"); }
.gem-link.int-suppt a { background-image: url("//pool.pathofexilewiki.com/w/images/IntelligenceSupportGemIcon_small.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;
}

/*  Curse Footer */

#ft {
    background: none;
}

#ft div {
    width: 1100px;
}

#ft h1, #ft a, #ft {
    color: #FFFFFF;
    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%;
}


#toc, .toc, .mw-warning { 
background-color: #282828;
border: 1px solid #75511D;
font-size: 95%;
padding: 5px;
}

table.wikitable { 
background-color: #282828;
border: 1px solid #75511D;
border-collapse: collapse;
color: #F9F9F9;
margin: 1em 1em 1em 0px;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th { 
background-color: #323232;
text-align: center;
}

#mw-panel.collapsible-nav .portal.collapsed h5 a { 
color: #A38D6D;
}

div.thumbinner { 
background-color: #141414;
border: 1px solid #75511D;
font-size: 94%;
overflow: hidden;
padding: 3px !important;
text-align: center;
}

html .thumbimage { 
border: none;
}