User:Rigel Kent/monobook.css

/***** Edit this file to customize the Monobook skin for the entire site. Please ensure you do not violate Wikia's Terms of Use by obscuring or removing the advertising. *****/ /* See also: MediaWiki:Wikia.css for Wikia (Oasis) skin styles */

/*** Bold 'edit this page' link to encourage newcomers ***/

font-weight: bold !important; }
 * 1) ca-edit a {

/* Content hiding classes */ .wikiamobile-only { display:none; }

/* Diablo wiki block quote styles for Monobook skin */ .dw-quote > p { font-style:italic; } .dw-quote > cite { display:block; font-style:normal; }

/* Diablo Wiki table styles for Monobook skin */ .dwtable { margin-top: 1em; font-size: 90%; border-spacing: 2px; border-collapse: separate; } .dwtable th { background-color: #7D0B0D; color: #D5D4D4; } .dwtable th, .dwtable td { text-align: center; padding: 2px; } .dwtable tbody:first-child tr:nth-child(odd) td, /* If no thead, shade cells in 1-based odd-numbered rows */ .dwtable caption + tbody tr:nth-child(odd) td, .dwtable thead + tbody tr:nth-child(even) td {  /* A thead row, if present, isn't counted, so even rows */ background-color: #CCCC99; } .dwtable + .dwtable {                           /* Larger margin between adjacent tables */ margin-top: 3.2em; }

/* Inline list styles for Monobook skin */ margin:0; white-space:nowrap; list-style-type:none; } .inline-list li, .comma-list li, .arrow-list li { display:inline; margin:0; } .inline-list li + li:before { white-space:normal; content:"\a0•\20"; } .comma-list li + li:before { white-space:normal; content:",\20"; } .arrow-list li + li:before { content:"\20→\a0"; }
 * 1) mw-content-text .inline-list, .inline-list ul, .inline-list ol,
 * 2) mw-content-text .comma-list, .comma-list ul, .comma-list ol,
 * 3) mw-content-text .arrow-list, .arrow-list ol {

/* Color classes */ .dw-color-magic, .dw-color-magic a, .dw-color-magic a.new, .dw-color-magic-block { color:#4850B8; } .dw-color-rare, .dw-color-rare a, .dw-color-rare a.new, .dw-color-rare-block { color:#AB8506; /* darkened from #F8CC35 */ } .dw-color-set, .dw-color-set a, .dw-color-set a.new, .dw-color-set-block { color:#00A200; /* darkened from #00C400 */ } .dw-color-unique, .dw-color-unique a, .dw-color-unique a.new, .dw-color-unique-block { color:#908858; } .dw-color-legendary, .dw-color-legendary a, .dw-color-legendary a.new, .dw-color-legendary-block { color:#DF7000; /* darkened from #FF8000 */ } .dw-color-magic-block, .dw-color-rare-block, .dw-color-set-block, .dw-color-unique-block, .dw-color-legendary-block { margin-top:2em; font-weight:bold; }

/* Red border class */ .border-red { padding:0.5em; border:1px solid #ED1901; }

/* Red background class */ .background-red { background-color:#7d0b0d; color:#d5d4d4; }

/* Abbr style reset */ .plain-abbr, .plain-abbr abbr { border-bottom:0 none; cursor:auto; }

/* Center aligned text class */ .text-center { text-align:center; } /* Clear class */ .clear-both { clear:both; }

/* Full width class for Monobook skin */ .full-width { box-sizing:border-box; width:100%; }

/* Hatnote class for "for", "main", "redirect" templates etc. */ .hatnote { margin:1em 0 1.1em 1.7em; font-style:italic; }

/* Diablo Wiki navbox styles for Monobook skin */ /* Navbox container styles */ .dw-navbox { position:relative; max-width:60em; /* Unique to Monobook, don't let it get unreadably wide */ margin:2em auto 0; font-size:90%; } .dw-navbox + .dw-navbox { margin-top:1em; /* Less margin for subsequent navboxes */ } @media screen and (min-width: 959px) { .dw-navbox { font-size:inherit; } } /* Navbox header styles */ .dw-navbox-header { position:relative; padding:0 6em; line-height:1.8em; /* Unique to Monobook, needs extra line-height */ font-weight:bold; } .dw-navbox-template-links { position:absolute; top:0.3em;     /* Monobook needs top space for some reason */ left:1em; width:6em; text-align:left; font-size:smaller; } /* Navbox body styles (any list) */ .dw-navbox-body { padding:0.5em 0.5em 0; } .dw-navbox-body p { font-weight:bold; } /* Navbox ordered/unordered list styles */ .dw-navbox-body ul, .dw-navbox-body ol { margin:0.2em 0 0; overflow-x:visible; /* TEMP OVERRIDE */ list-style-type:disc; /* TEMP OVERRIDE */ } .dw-navbox-body li { display:inline; margin:0; }
 * root .dw-navbox-body li { /* Exclude IE ≤ 8 */

white-space:nowrap;    /* No line breaks within "*" "#" items */ } .dw-navbox-body li + li:before { padding:0 0.29em; white-space:normal;    /* Allow line breaks after bullets */ content:"•\200b";      /* Bullets after "*" "#" items */ } /* Navbox definition list styles */ .dw-navbox-body dl { margin:0.2em -0.6em 0 11em; padding-right:0.45em;   /* arbitrary padding to balance possible unused space on left side */ text-align:left; overflow-x:hidden; list-style-type:disc; /* TEMP OVERRIDE */ } .dw-navbox-body dt { position:absolute; left:1em; width:9em; text-align:right; } .dw-navbox-body dt:after { position:absolute; top:0; left:9.48em; content:"—";           /* Dashes after ";" terms */ } .dw-navbox-body dd { display:inline; margin:0; white-space:nowrap;    /* No line breaks within ":" items */ white-space:normal\9;  /* IE 6-10 (hack) */ } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .dw-navbox-body dd { white-space:normal; /* IE 10-11 */ } } .dw-navbox-body dd a, .dw-navbox-body dd .selflink { white-space:nowrap;    /* Fallback for IE, no line breaks within ":" links only */ } .dw-navbox-body dd ~ dd { margin-left:-0.9em; } .dw-navbox-body dd:after { padding-left:1.21em; white-space:normal;    /* Allow line breaks after items, doesn't work in IE */ content:"\20"; } .dw-navbox-body dd + dd:before { content:"•\a0";           /* Bullets before ":" items */ } .dw-navbox-body dd + dt + dd:before { display:block; content:"";            /* Force line breaks after 2nd, 3rd, etc. ";" terms */ } .dw-navbox-body li a, .dw-navbox-body dd a { font-weight:normal; } /* Navbox option overrides */ .dw-navbox-narrow-terms dl { margin-left:6.5em; } .dw-navbox-narrow-terms dt { width:4.5em; } .dw-navbox-narrow-terms dt:after { left:4.98em; } .dw-navbox-wide-terms dl { margin-left:15.5em; } .dw-navbox-wide-terms dt { width:13.5em; } .dw-navbox-wide-terms dt:after { left:13.98em; } /* Stacked layout on smaller screens */ @media screen and (max-width: 639px) { .dw-navbox-body dl { -moz-transition:margin-left 0.5s; -o-transition:margin-left 0.5s; -webkit-transition:margin-left 0.5s; transition:margin-left 0.5s; margin-left:1em; }   .dw-navbox-body dt { width:100%; text-align:left; }   .dw-navbox-body dt:after { content:""; }   .dw-navbox-body dt + dd:before, .dw-navbox-body dd + dt + dd:before { white-space:pre; content:"\a"; } }

/* Color overrides to fix contrast issues in Monobook */ @media print { .dwtable th a.stub, .dwtable th a.new, .background-red a.stub, .background-red a.new { color:#ff8181; /* #ba0000 */ } } @media screen { .dwtable th a,   .background-red a { color:#a3c3f8; /* #0645ad */ }   .dwtable th a:visited, .background-red a:visited { color:#a6a0e1; /* #0b0080 */ }   .dwtable th a.stub, .background-red a.stub { color:#d298a4; /* #772233 */ }   .dwtable th a.new, .background-red a.new { color:#ff8181; /* #ba0000 */ }   .dwtable th a.new:visited, .background-red a.new:visited { color:#f1bdbd; /* #a55858 */ }   .dwtable th a.extiw, .background-red a.extiw, .dwtable th a.external, .background-red a.external { color:#bad4ff; /* #3366bb */ }   .dwtable th a.extiw:visited, .background-red a.extiw:visited, .dwtable th a.external:visited, .background-red a.external:visited { color:#d4bad4; /* #663366 */ }   .dwtable th a.extiw:active, .background-red a.extiw:active, .dwtable th a.external:active, .background-red a.external:active { color:#ffd4ba; /* #bb6633 */ } }

/* Portable infobox themes and overrides */ .pi-data-label { -webkit-hyphens:manual; -moz-hyphens:manual; -ms-hyphens:manual; hyphens:manual; } .pi-theme-wide-labels .pi-data-label { -ms-flex-preferred-size:135px; /* from 90px */ -webkit-flex-basis:135px; -mox-flex-basis:135px; flex-basis:135px; }

/* Infobox template style */ .infobox { border: 1px solid #aaaaaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none; } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }