Difference between revisions of "MediaWiki:Vector.css"

From Zero-K
Jump to navigation Jump to search
(Add code block handling; some tweaks)
m (Tweak h4-h6 color)
(44 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
/* CSS placed here will affect users of the Vector skin */
 
/* CSS placed here will affect users of the Vector skin */
  
#toc,div.toc,ul#filetoc,li.gallerybox div.thumb{background-color:#4c4c4c;border-color:#666}
+
/* FIXME: breaks search bar */
 +
@font-face {
 +
    font-family: os;
 +
    src: url('../OpenSans-Regular.eot'); /* IE9 Compat Modes */
 +
    src: url('../OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 +
    url('../OpenSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
 +
}
 +
 
 +
 
 +
#toc,div.toc,ul#filetoc,li.gallerybox div.thumb{background-color:#111;border-color:#666}
  
 
body, html, div#mw-head
 
body, html, div#mw-head
 
{
 
{
 
/*background: #000 url("../img/bg_bluehex.gif") fixed;*/
 
/*background: #000 url("../img/bg_bluehex.gif") fixed;*/
background-color: #101a20;
+
background-color: #101414;
 
/*background:-moz-linear-gradient(top, #020505 20%, #051010 100%)*/
 
/*background:-moz-linear-gradient(top, #020505 20%, #051010 100%)*/
 
color: #ede;
 
color: #ede;
 +
font-family:os, Arial, Geneva, sans-serif;
 +
}
 +
 +
caption {color: #ede;}
 +
 +
#mw-head-base{
 +
height:5.75em;
 
}
 
}
  
  
div#mw-panel { border: 1px solid teal; }
+
div#mw-panel { border: 1px solid grey; }
  
 
/* the main body, to the right of the sidebar */
 
/* the main body, to the right of the sidebar */
 
.mw-body
 
.mw-body
 
{
 
{
background-color:#204040;
+
background-color:rgba(40,48,48,255);
 
border-style: solid;
 
border-style: solid;
 
border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px;
 
border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px;
Line 25: Line 41:
 
white-space:normal;
 
white-space:normal;
 
color:inherit;
 
color:inherit;
 +
}
 +
 +
.mw-body h1, .mw-body h2 {
 +
font-family:os, Arial, Geneva, sans-serif;
 
}
 
}
  
Line 33: Line 53:
 
.mw-highlight
 
.mw-highlight
 
{
 
{
background-color:#204040;
+
background-color:rgba(32,36,36,192);
 
color:inherit;
 
color:inherit;
 +
}
 +
 +
.mw-warning
 +
{
 +
background-color:#222222;
 +
border: 1px solid orangered;
 
}
 
}
  
Line 40: Line 66:
 
.editOptions
 
.editOptions
 
{
 
{
background-color:#204040;
+
background-color:#333;
 
border: 1px solid teal;
 
border: 1px solid teal;
 
}
 
}
Line 47: Line 73:
 
.catlinks  
 
.catlinks  
 
{  
 
{  
background-color:#204040;
+
background-color:#111;
border: 1px solid teal;
+
border: 1px solid grey;
 +
}
 +
 
 +
/* Advanced search */
 +
.mw-search-profile-tabs { background-color:#202424; }
 +
fieldset#mw-searchoptions { background-color:#222a2a; }
 +
.mw-search-profile-tabs div.search-types ul li.current a { color: inherit }
 +
 
 +
/* Warning divs */
 +
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high {
 +
background: #3a0606;
 
}
 
}
  
Line 55: Line 91:
  
 
/* Diff display */
 
/* Diff display */
td.diff-context { background-color: transparent; color: inherit; }
+
td.diff-context { background-color: rgba(32,40,40,160); color: inherit; }
 
td.diff-addedline .diffchange { background-color: #355580; }
 
td.diff-addedline .diffchange { background-color: #355580; }
 
td.diff-deletedline .diffchange { background-color: #806525; }
 
td.diff-deletedline .diffchange { background-color: #806525; }
  
#pagehistory li.selected { background-color: #305a60; }
+
#pagehistory li.selected { background-color: rgba(40,48,48,192); }
 +
 
 +
.mw-changeslist-line-not-watched td, .mw-changeslist-line-watched td { background-color: transparent; }
 +
 
 +
.template-documentation { background-color:inherit; }
  
 
/* ---------------------------------------------------*/
 
/* ---------------------------------------------------*/
Line 76: Line 116:
 
div.vectorMenu h3 span { color: #ede; background: transparent;}
 
div.vectorMenu h3 span { color: #ede; background: transparent;}
 
div.vectorMenu div.menu { background: transparent; border:none;}
 
div.vectorMenu div.menu { background: transparent; border:none;}
 +
 +
div.vectorTabs span{
 +
        background:transparent;
 +
}
  
 
.vectorTabs SPAN A
 
.vectorTabs SPAN A
 
{
 
{
 
border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px;
 
border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px;
background-color:#051010;
 
 
min-width:40px;
 
min-width:40px;
 
text-align: center;
 
text-align: center;
 
vertical-align: center;
 
vertical-align: center;
 +
        background:transparent;
 +
}
 +
 +
div.vectorTabs ul{
 +
background:transparent;
 +
}
 +
 +
div.vectorTabs ul li{
 +
background:transparent;
 +
}
 +
 +
div.vectorTabs ul li.selected{
 +
background:transparent;
 
}
 
}
  
 
.vectorTabs UL LI.selected A, .vectorTabs UL LI.selected A:visited
 
.vectorTabs UL LI.selected A, .vectorTabs UL LI.selected A:visited
 
{
 
{
background-color:#051010;
+
background-color:transparent;
 
color:#ede;
 
color:#ede;
 
}
 
}
Line 95: Line 151:
 
/* limitreport is for parser profiling data after preview */
 
/* limitreport is for parser profiling data after preview */
 
.wikitable, div.limitreport div table { border: 1px solid teal; }
 
.wikitable, div.limitreport div table { border: 1px solid teal; }
th, div.limitreport div table tbody tr th { background-color:#154550; color:inherit; }
+
th, div.limitreport div table tbody tr th, .mw-datatable th { background-color:#154550; color:#ede; }
td { background-color:#204040; color:inherit;}
+
td, .mw-datatable td { background-color: rgba(32,40,40,192); color:#ede; }
 +
table.wikitable tr th { background-color:#101a20; border-color:teal; }
 +
 
 +
/* these are for Template:Navbox */
 +
.navbox th, .navbox-title, .navbox-abovebelow { background-color:#101a20; border: 0px solid; }
 +
.navbox-odd { background-color:#122736; border-color:teal; }
 +
.navbox-even { background-color:#10242c; border-color:teal; }
  
 
/* code blocks */
 
/* code blocks */
Line 104: Line 166:
 
border: 1px solid teal;
 
border: 1px solid teal;
 
color:inherit;
 
color:inherit;
 +
}
 +
 +
pre, .mw-code
 +
{
 +
background: #222;
 +
border: 1px dotted #888;
 +
padding: 7px;
 +
margin-left: 4em;
 +
margin-right: 4em;
 +
color: inherit;
 +
}
 +
 +
/* Thumbnail port (seen on image upload) */
 +
div.thumbinner {
 +
background-color:#202028;
 +
}
 +
 +
/* Image metadata table*/
 +
table.mw_metadata td
 +
{
 +
background-color:#202028;
 +
}
 +
table.mw_metadata th
 +
{
 +
background-color:#24242b;
 
}
 
}
  
Line 110: Line 197:
  
 
h1 {font-size: 160%; color: #fff; padding: 0; margin: 0; }
 
h1 {font-size: 160%; color: #fff; padding: 0; margin: 0; }
h2 {font-size: 140%; color: #cee; padding: 0; margin: 0; }
+
h2 {font-size: 140%; color: #cee; padding: 0; margin: 0;}
 
h3 {font-size: 120%; color: #eec; padding: 0; margin: 0; }
 
h3 {font-size: 120%; color: #eec; padding: 0; margin: 0; }
 +
h4, h5, h6 { color: #d0d8c8 } /*was ddd*/
  
 
/* links links links */
 
/* links links links */
Line 144: Line 232:
 
   cursor: pointer;
 
   cursor: pointer;
 
}
 
}
 
pre, .mw-code
 
{
 
background: #222;
 
border: 1px dotted #888;
 
padding: 7px;
 
margin-left: 4em;
 
margin-right: 4em;
 
color: inherit;
 
}
 
 
  
 
/* ------------ */
 
/* ------------ */
Line 162: Line 239:
 
{
 
{
 
color: #cbd3d4;  
 
color: #cbd3d4;  
background-color:#4c4c4c;
+
background-color:#111;
 
border: 1px solid teal;
 
border: 1px solid teal;
 
padding: 3px;
 
padding: 3px;
Line 171: Line 248:
 
{
 
{
 
color: #cbd3d4;  
 
color: #cbd3d4;  
background-color:#4c4c4c;
+
background-color:#111;
border: 1px solid teal;
+
border: 1px solid grey;
 +
font-family: Arial, Geneva, sans-serif; /* Open Sans causes odd search bar offset */
 
}
 
}
  
Line 248: Line 326:
 
.statsfield {
 
.statsfield {
 
font-size:small;
 
font-size:small;
 +
}
 +
 +
#ca-unwatch.icon a:link, #ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus, #ca-unwatch.icon a:active,
 +
#ca-watch.icon a:link, #ca-watch.icon a:hover, #ca-watch.icon a:focus, #ca-watch.icon a:active
 +
{
 +
background:url(http://zero-k.info/mediawiki/skins/Vector/images/unwatch-icon-hl.svg?a3932) transparent no-repeat center center
 +
}
 +
 +
/* Redirect arrow */
 +
.redirectText {color: #ede;}
 +
 +
/* See common.css*/
 +
/* Style for horizontal lists (separator following item).
 +
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
 +
  @revision 8 (2016-05-21)
 +
  @author [[User:Edokter]]
 +
*/
 +
.hlist dl,
 +
.hlist ol,
 +
.hlist ul {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
/* Display list items inline */
 +
.hlist dd,
 +
.hlist dt,
 +
.hlist li {
 +
    margin: 0;
 +
    display: inline;
 +
}
 +
/* Display nested lists inline */
 +
.hlist.inline,
 +
.hlist.inline dl,
 +
.hlist.inline ol,
 +
.hlist.inline ul,
 +
.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;
 +
}
 +
/* Hide empty list items */
 +
.hlist .mw-empty-li {
 +
    display: none;
 +
}
 +
/* 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;
 +
}
 +
/* 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;
 +
}
 +
/* Put ordinals in front of ordered list items */
 +
.hlist ol {
 +
    counter-reset: listitem;
 +
}
 +
.hlist ol > li {
 +
    counter-increment: listitem;
 +
}
 +
.hlist ol > li:before {
 +
    content: " " counter(listitem) "\a0";
 +
}
 +
.hlist dd ol > li:first-child:before,
 +
.hlist dt ol > li:first-child:before,
 +
.hlist li ol > li:first-child:before {
 +
    content: " (" counter(listitem) "\a0";
 
}
 
}

Revision as of 07:23, 11 June 2018

/* CSS placed here will affect users of the Vector skin */

/* FIXME: breaks search bar */
@font-face {
    font-family: os;
    src: url('../OpenSans-Regular.eot'); /* IE9 Compat Modes */
    src: url('../OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../OpenSans-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
}


#toc,div.toc,ul#filetoc,li.gallerybox div.thumb{background-color:#111;border-color:#666}

body, html, div#mw-head
{
	/*background: #000 url("../img/bg_bluehex.gif") fixed;*/
	background-color: #101414;
	/*background:-moz-linear-gradient(top, #020505 20%, #051010 100%)*/
	color: #ede;
	font-family:os, Arial, Geneva, sans-serif;
}

caption {color: #ede;}

#mw-head-base{
	height:5.75em;
}


div#mw-panel { border: 1px solid grey; }

/* the main body, to the right of the sidebar */
.mw-body
{
	background-color:rgba(40,48,48,255);
	border-style: solid;
	border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px;
	border-radius: 10px;
	border-color:transparent;
	padding:10px;
	white-space:normal;
	color:inherit;
}

.mw-body h1, .mw-body h2 {
	font-family:os, Arial, Geneva, sans-serif;
}

/* remove a weird horizontal white bar on special pages */
#mw-page-base.noprint { background-color:transparent !important; background-image:none !important; }

/* different color for some parts of the background */
.mw-highlight
{
	background-color:rgba(32,36,36,192);
	color:inherit;
}

.mw-warning
{
	background-color:#222222;
	border: 1px solid orangered;
}

/* contains the stuff at the bottom of an edit page (summary, save page/show preview/show changes, etc.) */
.editOptions
{
	background-color:#333;
	border: 1px solid teal;
}

/* Category bar */
.catlinks 
{ 
	background-color:#111;
	border: 1px solid grey;
}

/* Advanced search */
.mw-search-profile-tabs { background-color:#202424; }
fieldset#mw-searchoptions { background-color:#222a2a; }
.mw-search-profile-tabs div.search-types ul li.current a { color: inherit }

/* Warning divs */
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high {
	background: #3a0606;
}

/* footer */
div#footer ul li {color: #ede;}

/* Diff display */
td.diff-context { background-color: rgba(32,40,40,160); color: inherit; }
td.diff-addedline .diffchange { background-color: #355580; }
td.diff-deletedline .diffchange { background-color: #806525; }

#pagehistory li.selected { background-color: rgba(40,48,48,192); }

.mw-changeslist-line-not-watched td, .mw-changeslist-line-watched td { background-color: transparent; }

.template-documentation { background-color:inherit; }

/* ---------------------------------------------------*/
/* right navigation (userbar, edit/view history/etc.) */

div#right-navigation { background:transparent; }

DIV.vectorTabs { background:transparent; }

div.vectorMenu { background: transparent; border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px; }

/* More -> Delete/protect */
div.menu ul { background-color:#204040; border: none}
div.menu li { border: 1px solid teal;}
div#mw-head div.vectorMenu h3 { background-image:none; } /* fixes the strange horizontal bar to the right of cactions button, it was driving me buggy */
div.vectorMenu h3 span { color: #ede; background: transparent;}
div.vectorMenu div.menu { background: transparent; border:none;}

div.vectorTabs span{
        background:transparent;
}

.vectorTabs SPAN A
{
	border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px;
	min-width:40px;
	text-align: center;
	vertical-align: center;
        background:transparent;
}

div.vectorTabs ul{
	background:transparent;
}

div.vectorTabs ul li{
	background:transparent;
}

div.vectorTabs ul li.selected{
	background:transparent;
}

.vectorTabs UL LI.selected A, .vectorTabs UL LI.selected A:visited
{
	background-color:transparent;
	color:#ede;
}

/* tables */
/* limitreport is for parser profiling data after preview */
.wikitable, div.limitreport div table { border: 1px solid teal; }
th, div.limitreport div table tbody tr th, .mw-datatable th { background-color:#154550; color:#ede; }
td, .mw-datatable td { background-color: rgba(32,40,40,192); color:#ede; }
table.wikitable tr th { background-color:#101a20; border-color:teal; }

/* these are for Template:Navbox */
.navbox th, .navbox-title, .navbox-abovebelow { background-color:#101a20; border: 0px solid; }
.navbox-odd { background-color:#122736; border-color:teal; }
.navbox-even { background-color:#10242c; border-color:teal; }

/* code blocks */
code
{ 
	background-color:#204040;
	border: 1px solid teal;
	color:inherit;
}

pre, .mw-code
{
	background: #222;
	border: 1px dotted #888;
	padding: 7px;
	margin-left: 4em;
	margin-right: 4em;
	color: inherit;
}

/* Thumbnail port (seen on image upload) */
div.thumbinner {
	background-color:#202028;
}

/* Image metadata table*/
table.mw_metadata td
{
	background-color:#202028;
}
table.mw_metadata th
{
	background-color:#24242b;
}

/* ---------------------------------------- */
/* Adapted from Zero-K.info/styles/base.css */

h1 {font-size: 160%; color: #fff; padding: 0; margin: 0; }
h2 {font-size: 140%; color: #cee; padding: 0; margin: 0;}
h3 {font-size: 120%; color: #eec; padding: 0; margin: 0; }
h4, h5, h6 { color: #d0d8c8 } /*was ddd*/

/* links links links */
/*
	a.external.text: for external links (not on this wiki)
        div#mw-panel div.portal div.body ul li a: links in left sidebar
        div.menu ul li a: (IIRC) drop down menu in top right ("move this page" and more)
        div.vectorTabs li a: links in top right buttons ("edit" etc.)
*/
a, a.external.text, div.menu ul li a, div.vectorTabs li a, div#mw-panel div.portal div.body ul li a 
{color: #38bfec; text-decoration: none;}

a:visited, a.external.text:visited, div.menu ul li a:visited, div.vectorTabs li a:visited, div#mw-panel div.portal div.body ul li a:visited 
{color: #4c90a6;}

a:hover 
{color: #fff;}

a:active 
{color: #cbd3d4;}

/* Help cursor for anything that brings up a tooltip when moused over.
base.css might be the wrong file, please move when needed or delete this comment.
Whatever you do, please notify me so I know next time. -Skasi */
[nicetitle], [nicetitle-processed] {cursor: help;}

input[type="button"], input[type="checkbox"], input[type="image"],
input[type="submit"], input[type="radio"], input[type="reset"],
select, a, a[nicetitle], a[nicetitle-processed], 
[onclick][nicetitle], [onclick][nicetitle-processed]
{
  cursor: pointer;
}

/* ------------ */
/* input fields */

input, textarea
{
	color: #cbd3d4; 
	background-color:#111;
	border: 1px solid teal;
	padding: 3px;
}


div#simpleSearch
{
	color: #cbd3d4; 
	background-color:#111;
	border: 1px solid grey;
	font-family: Arial, Geneva, sans-serif; /* Open Sans causes odd search bar offset */
}


div#simpleSearch input {color: inherit; background-color: inherit;}

form { background-color:transparent; }

ul {list-style-type: circle;}

.border
{
	background: #000 url("../img/border-1.png") repeat-x scroll 50% 0;
	margin: 10px;
	padding: 5px;
    /**/border: 1px solid #2a8eaf;/**/
    /*border: 1px solid #000;/**/
	border-radius: 3px;
	
    box-shadow: 0 0 3px 3px #000;
	-moz-box-shadow: 0 0 3px 3px #000;
    -webkit-box-shadow: 0 0 3px 3px #000;
    
    /*
    -moz-border-image: url("../img/zk_border.png") 10% 10% 10% 10% / 10px 10px 10px 10px ;
    -webkit-border-image: url("../img/zk_border.png") 10% 10% 10% 10% / 10px 10px 10px 10px ;
    -border-image: url("../img/zk_border.png") 10% 10% 10% 10% / 10px 10px 10px 10px ;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=88)";
    /**/
}

.ie .border
{
    padding: 13px;
	border: 1px solid #38bfec;
}

/* Styles for unitguide
-----------------------------------------------------------*/

.infoCell
{
	background-color:#204040;
	border-style: solid;
	border-image: url("../styles/dark-hive/images/tech_button.png") 24 24 24 24 fill / 15px 15px 15px 15px;
	border-radius: 10px;
	border-color:transparent;
	max-width: 700px;
	overflow: hidden;
	padding:10px;
	white-space:normal;
}
.unitCell{
	margin-left: 30px; 
}
.unitname {
	font-weight:bold;
}
.unitdesc {
	font-style:oblique;
}
.helptext {
	font-size:small;
}

.buildpic {
	border: 1px solid white;
}
.statsnumval {
	font-weight:bold;
	color:DeepSkyBlue;
	font-family: monospace;
	white-space:nowrap;
}
.statsfield {
	font-size:small;
}

#ca-unwatch.icon a:link, #ca-unwatch.icon a:hover, #ca-unwatch.icon a:focus, #ca-unwatch.icon a:active,
#ca-watch.icon a:link, #ca-watch.icon a:hover, #ca-watch.icon a:focus, #ca-watch.icon a:active 
{
	background:url(http://zero-k.info/mediawiki/skins/Vector/images/unwatch-icon-hl.svg?a3932) transparent no-repeat center center
}

/* Redirect arrow */
.redirectText {color: #ede;}

/* See common.css*/
/* Style for horizontal lists (separator following item).
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 8 (2016-05-21)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.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;
}
/* Hide empty list items */
.hlist .mw-empty-li {
    display: none;
}
/* 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;
}
/* 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;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}