MediaWiki:Common.css

来自口袋百科
跳转至: 导航搜索

注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox/Safari:按住“Shift”的同时单击“刷新”,或按“Ctrl-F5”或“Ctrl-R”(Mac为“⌘-R”)
  • Google Chrome:按“Ctrl-Shift-R”(Mac为“⌘-Shift-R”)
  • Internet Explorer:按住“Ctrl”的同时单击“刷新”,或按“Ctrl-F5”
  • Opera:在“工具→首选项”中清除缓存
/****************/
/* Common Style */
/****************/

body {
	font-family: arial, sans-serif;
}

div.portal a { line-height:1.15em; }

#catlinks {
	padding: 0;
}
#mw-normal-catlinks {
	padding: 5px;
}
#mw-hidden-catlinks {
	border-top: 1px solid #aaaaaa;
	font-size: 90%;
	padding: 3px 5px;
}

h3 { border-bottom: 1px dotted #DDD; }

h1,h2,h3,h4,h5{text-shadow: 1px 1px 3px #ddd}

pre { white-space:pre-wrap; }

sup, sub {
	font-weight: normal;
	line-height: 0;
}

code {
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    padding: 1px 2px;
    margin: 0 2px;
}

td > ul {
	margin-top: 0 !important;
}

time:before {
    border-radius: 5px;
    background-color: #BBB;
    content: "🕒 " attr(data-timezone);
    color: #FFF;
    padding: 0 3px;
    margin: 0 3px;
    font-size: 88%;
}

.mw-body .mw-indicators {
	font-size: small;
	top: 1em;
	z-index: 0;
}

/* 1.18 box model */
#p-logo {
	left: 0;
}
#mw-panel {
	padding-left: 0;
}
#left-navigation {
	left: 10em;
}
div#content {
	margin-left: 10em;
	padding: 1em;
}
div#footer,div#content {
	margin-left: 10em;
}
.mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd {
	margin-left: 2em;
}

/* table */
table.combined + table.combined { margin-top: -1px; }

table.striping tr:nth-child(even) td {background-color: #FFFFFF}
table.striping tr:nth-child(odd)  td {background-color: #F2F2F2}

table.nowarp1 td:nth-child(1), table.nowarp2 td:nth-child(2), table.nowarp3 td:nth-child(3), 
table.nowarp4 td:nth-child(4), table.nowarp5 td:nth-child(5), table.nowarp6 td:nth-child(6), 
table.nowarp7 td:nth-child(7), table.nowarp8 td:nth-child(8), table.nowarp9 td:nth-child(9) {
	white-space: nowrap;
}
.text-left1 > tbody > tr > td:nth-child(1), .text-left2 > tbody > tr > td:nth-child(2), .text-left3 > tbody > tr > td:nth-child(3), 
.text-left4 > tbody > tr > td:nth-child(4), .text-left5 > tbody > tr > td:nth-child(5), .text-left6 > tbody > tr > td:nth-child(6), 
.text-left7 > tbody > tr > td:nth-child(7), .text-left8 > tbody > tr > td:nth-child(8), .text-left9 > tbody > tr > td:nth-child(9) {
	text-align: left;
}
.text-center1 > tbody > tr > td:nth-child(1), .text-center2 > tbody > tr > td:nth-child(2), .text-center3 > tbody > tr > td:nth-child(3),
.text-center4 > tbody > tr > td:nth-child(4), .text-center5 > tbody > tr > td:nth-child(5), .text-center6 > tbody > tr > td:nth-child(6), 
.text-center7 > tbody > tr > td:nth-child(7), .text-center8 > tbody > tr > td:nth-child(8), .text-center9 > tbody > tr > td:nth-child(9) {
	text-align: center;
}
.text-right1 > tbody > tr > td:nth-child(1), .text-right2 > tbody > tr > td:nth-child(2), .text-right3 > tbody > tr > td:nth-child(3),
.text-right4 > tbody > tr > td:nth-child(4), .text-right5 > tbody > tr > td:nth-child(5), .text-right6 > tbody > tr > td:nth-child(6), 
.text-right7 > tbody > tr > td:nth-child(7), .text-right8 > tbody > tr > td:nth-child(8), .text-right9 > tbody > tr > td:nth-child(9), 
.text-right10 > tbody > tr > td:nth-child(10), .text-right11 > tbody > tr > td:nth-child(11), .text-right12 > tbody > tr > td:nth-child(12) {
	text-align: right;
}

table.text-left   td { text-align: left;   }
table.text-right  td { text-align: right;  }
table.text-center td { text-align: center; }

table {	empty-cells:show; }
table th { white-space:nowrap; }
table th td { white-space:normal; }

#content table.none,
#content table.none>tbody>tr>th,
#content table.none>tbody>tr>td,
#content th.none,
#content td.none {
	background-color:transparent;
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0;
	box-shadow: none;
}

#content .nopadding { padding: 0; }
#content .nopadding td { padding: 0; }
#content .nomargin  { margin:  0; }
#content .noborder  { border:  0; background-color: transparent; padding: 0; }

.round-top-left,     .round-top,    .round-left,  .round { border-top-left-radius: 0.4em; }
.round-top-right,    .round-top,    .round-right, .round { border-top-right-radius: 0.4em; }
.round-bottom-left,  .round-bottom, .round-left,  .round { border-bottom-left-radius: 0.4em; }
.round-bottom-right, .round-bottom, .round-right, .round { border-bottom-right-radius: 0.4em; }

.square-top-left,     .square-top,    .square-left,  .square { border-top-left-radius: 0 !important; }
.square-top-right,    .square-top,    .square-right, .square { border-top-right-radius: 0 !important; }
.square-bottom-left,  .square-bottom, .square-left,  .square { border-bottom-left-radius: 0 !important; }
.square-bottom-right, .square-bottom, .square-right, .square { border-bottom-right-radius: 0 !important; }

/* text */
.nowarp, .nowarp-a a, .nowarp-span span { white-space: nowrap; }

.Hide {	DISPLAY:none; }

.InvisibleText { color:transparent; }

.text-indent,
.text-indent > p,
.mw-content-ltr > p {
	text-indent:2em;
}

.left-indent,
.mw-content-ltr > .colortable {
	margin-left: 2em;
}

.double-indent { margin-left: 2em; margin-right: 2em; }

.mw-content-ltr > .gallery,
table.double-indent {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}


table.invisible {
	background:transparent;
	border-collapse: collapse;
	border: 0;
}

table.invisible th, table.invisible td {
	background:transparent;
	border: 0;
}

.rightbox {
	float:right;
	margin: 0 0 0.5em 0.5em;
}


/*
 * .tilelist
 */

.tilelist ul {
	margin: 0;
	list-style: none;
}

.tilelist li {
	display: inline-block;
	margin-bottom: 0;
}

.listwidth-80px  li { width:  80px; }
.listwidth-90px  li { width:  90px; }
.listwidth-100px li { width: 100px; }
.listwidth-120px li { width: 120px; }
.listwidth-150px li { width: 150px; }
.listwidth-160px li { width: 160px; }
.listwidth-180px li { width: 180px; }
.listwidth-200px li { width: 200px; }
.listwidth-250px li { width: 250px; }

/*
 * .mbox
 */

.mbox {
	border: 1px solid #aaa;
	border-collapse: collapse;
	background: #f9f9f9;
	margin-bottom: 3px;
}

.mbox-image {
	text-align: center;
	padding: 4px;
	width: 48px;
}

.mbox-text {
	width: 100%;
}

/* for article message box */

.ambox {
	margin-left: 10%;
	margin-right: 10%;
}

.ambox .mbox-bar {
	background: #d2d2d2;
	display: table-cell;
	font-size: 80%;
	padding: 0;
}

/* for disambiguation message box */

.dmbox {
	background: transparent;
	border-width: 1px 0;
}

/* for system message box */

.smbox {

}

/* small */

.mbox.mbox-small {
	clear: none;
	margin-left: auto;
	margin-right: auto;
}

.mbox.mbox-small .mbox-image {
	padding: 2px;
	width: 36px;
}

.mbox.mbox-small .mbox-text {
	font-size: 90%;
	line-height: 1.25em;
	width: auto;
}

.mbox-small-left {
	float: left;
}

.mbox-small-right {
	float: right;
}

.mbox-small-right .mbox-bar {
	display: none;
}

/***********/
/* Stylish */
/***********/

/*
 * table.colortable
 */


table.colorless {
	background-color: transparent;
	border: none;
	//border-collapse: collapse;
}

th.colorless, td.colorless {
	background-color: transparent;
	border: none;
}

.colorbox {
	border-width: 1px;
	border-style: solid;
}

.colorbox th {
	border-width: 1px;
	border-style: solid;
}

.colorbox td {
	background-color: white;
	border-width: 1px;
	border-style: solid;
}

/* Regions */
.region-kanto { background-color: #fffbda; }
.region-kanto th { background-color: #fff6a4; }
.region-kanto th, .region-kanto th a { }
.region-kanto, .region-kanto th, .region-kanto td { border-color: #f6bd20; }

.region-johto { background-color: #e3f3ed; }
.region-johto th { background-color: #9ce6ff; }
.region-johto th, .region-johto th a { color: #294a7b; }
.region-johto, .region-johto th, .region-johto td { border-color: #4a83b4; }

.region-hoenn { background-color: #cee6c1; }
.region-hoenn th { background-color: #90d8b0; }
.region-hoenn th, .region-hoenn th a { color: #385038; }
.region-hoenn, .region-hoenn th, .region-hoenn td { border-color: #488070; }

.region-sinnoh { background-color: #c5cdd5; }
.region-sinnoh th { background-color: #9494a4; }
//.region-sinnoh th, .region-sinnoh th a { color: #4a4a5a; }
.region-sinnoh, .region-sinnoh th, .region-sinnoh td { border-color: #4a4a5a; }

.region-unova { background-color: #bde6ff; }
.region-unova th { background-color: #aacfff; }
//.region-unova th, .region-unova th a { color: #6aa4ee; }
.region-unova, .region-unova th, .region-unova td { border-color: #6aa4ee; }

.region-kalos { background-color: #7DD3D0; }
.region-kalos th { background-color: #69bbff; border-color: #0084f2; }
.region-kalos, .region-kalos td { border-color: #1e8f73; }

/* Pokemon colors */
.pokemoncolor th {border:none !important}

.pokemoncolor-red    { border-color: #d03000; background: #f85020; box-shadow: 0 40px 60px -30px #f8a898 inset; }
.pokemoncolor-blue   { border-color: #4890c0; background: #68b0e0; box-shadow: 0 40px 60px -30px #98e0f0 inset; }
.pokemoncolor-yellow { border-color: #e8b800; background: #f8e800; box-shadow: 0 40px 60px -30px #f8f878 inset; }
.pokemoncolor-green  { border-color: #70A830; background: #98D048; box-shadow: 0 40px 60px -30px #B8F870 inset; }
.pokemoncolor-black  { border-color: #403838; background: #585050; box-shadow: 0 40px 60px -30px #b0a0a0 inset; }
.pokemoncolor-brown  { border-color: #b89850; background: #b89850; box-shadow: 0 40px 60px -30px #e0c068 inset; }
.pokemoncolor-purple { border-color: #b860b8; background: #e098d0; box-shadow: 0 40px 60px -30px #f8d0f8 inset; }
.pokemoncolor-gray   { border-color: #807878; background: #b8b0b0; box-shadow: 0 40px 60px -30px #d8d0d0 inset; }
.pokemoncolor-white  { border-color: #c0c0c0; background: #e0e0e0; box-shadow: 0 40px 60px -30px #f8f8f8 inset; }
.pokemoncolor-pink   { border-color: #f07070; background: #f8a8a8; box-shadow: 0 40px 60px -30px #f8d0d0 inset; }

.pokemoncolor-red    td { border-color: #d03000; }
.pokemoncolor-blue   td { border-color: #4890c0; }
.pokemoncolor-yellow td { border-color: #e8b800; }
.pokemoncolor-green  td { border-color: #70A830; }
.pokemoncolor-black  td { border-color: #403838; }
.pokemoncolor-brown  td { border-color: #907030; }
.pokemoncolor-purple td { border-color: #b860b8; }
.pokemoncolor-gray   td { border-color: #807878; }
.pokemoncolor-white  td { border-color: #c0c0c0; }
.pokemoncolor-pink   td { border-color: #f07070; }

/*
 * colorcell
 */

/* Common */
.colorcell, .cc {
	color: white;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	box-shadow: none !important;
	font-size: 90%;
}
.colorcell a,   .cc a   { color: inherit;}
div.colorcell,  div.cc  { padding: 0.1em; margin: 1px; line-height: 1em; }
span.colorcell, span.cc { padding: 0 1em; margin: 0.1em; border-radius: 16px; }

.colorcells-nest td, td.colorcells-nest { border: 0 !important; padding: 0 !important; }
.colorcells-move div.cc  { width: 6em }

/* Games */
.colorcell.game-红     { border-color:#d04830; background:#f8c058; color:#d04830; }
.colorcell.game-绿     { border-color:#68a878; background:#c0e090; color:#68a878; }
.colorcell.game-蓝     { border-color:#38c0e0; background:#bddcf5; color:#38c0e0; }
.colorcell.game-黄     { border-color:#e0b848; background:#f8f898; color:#e0b848; }
.colorcell.game-金     { border-color:#c87818; background:#f8a818; color:#904830; }
.colorcell.game-银     { border-color:#6283a4; background:#bdcdff; color:#101010; }
.colorcell.game-水晶   { border-color:#4a83b4; background:#5abdd5; color:#294a7b; }
.colorcell.game-红宝石 { border-color:#a82838; background:#f87880; color:#782028; }
.colorcell.game-蓝宝石 { border-color:#3860b0; background:#58a0f8; color:#303870; }
.colorcell.game-火红   { border-color:#d06850; background:#f89040; color:#a84000; }
.colorcell.game-叶绿   { border-color:#40a018; background:#68c840; color:#206030; }
.colorcell.game-绿宝石 { border-color:#488070; background:#58b888; color:#385038; }
.colorcell.game-钻石   { border-color:#1f5993; background:#69a3e6; color:#1f4069; }
.colorcell.game-珍珠   { border-color:#9b619b; background:#eedeff; color:#cd8ac4; }
.colorcell.game-白金   { border-color:#3a3a4a; background:#c5ced6; color:#4a4a5a; }
.colorcell.game-心金   { border-color:#734120; background:#ffb410; color:#ac6220; }
.colorcell.game-魂银   { border-color:#0062bd; background:#bdcdff; color:#6283a4; }
.colorcell.game-黑     { border-color:#101010; background:#484848; color:#c8c8d8; }
.colorcell.game-白     { border-color:#686890; background:#e8e8f8; color:#181818; }
.colorcell.game-黑2    { border-color:#101010; background:#484848; color:#20a0f0; }
.colorcell.game-白2    { border-color:#686890; background:#e8e8f8; color:#c03848; }
.colorcell.game-X      { border-color:#434EA6; background:#6A7EF4; color:#1B1F42; }
.colorcell.game-Y      { border-color:#894149; background:#FF4239; color:#391B1E; }
.colorcell.game-终极红宝石 { border-color:#5d1230; background:#e9202a; color:#fef8bc; }
.colorcell.game-始源蓝宝石 { border-color:#08142c; background:#006bb1; color:#cfe9ea; }
.colorcell.game-XD     { border-color:#d21e2a; background:#21181b; color:#ee1b2c; }

.colorcells .colorcell { border-radius: 0; }
.colorcells .colorcell:first-child { border-top-left-radius: 16px; border-bottom-left-radius: 16px; }
.colorcells .colorcell:last-child  { border-top-right-radius: 16px; border-bottom-right-radius: 16px; }

.colorcell-disable {
	border-color: #aaa !important;
	background-color: #f2f2f2 !important;
	color: #999 !important;
	//text-shadow:1px 1px #eee;
}

.colorcell-empty {
	border:1px dotted #ddd !important;
	background-color: transparent !important;
	color: #ddd !important;
}

/* Types */
.colorcell.type-普, .cc.t-普 { border-color: #8A8A7B; background: #BBBBAA; }
.colorcell.type-斗, .cc.t-斗 { border-color: #912E1E; background: #BB5544; }
.colorcell.type-飞, .cc.t-飞 { border-color: #3678FF; background: #6699FF; }
.colorcell.type-毒, .cc.t-毒 { border-color: #792F6A; background: #AA5599; }
.colorcell.type-地, .cc.t-地 { border-color: #B59226; background: #DDBB55; }
.colorcell.type-岩, .cc.t-岩 { border-color: #88762C; background: #BBAA66; }
.colorcell.type-虫, .cc.t-虫 { border-color: #849400; background: #AABB22; }
.colorcell.type-鬼, .cc.t-鬼 { border-color: #42428E; background: #6666BB; }
.colorcell.type-钢, .cc.t-钢 { border-color: #74747B; background: #AAAABB; }
.colorcell.type-火, .cc.t-火 { border-color: #BA1F00; background: #FF4422; }
.colorcell.type-水, .cc.t-水 { border-color: #0D6AC8; background: #3399FF; }
.colorcell.type-草, .cc.t-草 { border-color: #40C60A; background: #77CC55; }
.colorcell.type-电, .cc.t-电 { border-color: #BD8E00; background: #FFCC33; }
.colorcell.type-超, .cc.t-超 { border-color: #D00053; background: #FF5599; }
.colorcell.type-冰, .cc.t-冰 { border-color: #13A8D9; background: #77DDFF; }
.colorcell.type-龙, .cc.t-龙 { border-color: #31229D; background: #7766EE; }
.colorcell.type-恶, .cc.t-恶 { border-color: #442C21; background: #775544; }
.colorcell.type-妖, .cc.t-妖 { border-color: #EC67EA; background: #FFAAFF; }
.colorcell.type-?, .cc.t-? { border-color: #206860; background: #68A090; }

/* Move Kinds */
.colorcell.movekind-物, .cc.mk-物 { border-color:#702008; background: #f05030; color:#f8c030 } 
.colorcell.movekind-特, .cc.mk-特 { border-color:#483850; background: #5070a8; color:#c0d8f8 }
.colorcell.movekind-变, .cc.mk-变 { border-color:#505050; background: #a8a090; color:#f8f8f8 }

/*
 * Color lists
 */

table.move-learnset th {
	padding:0;
}
table.move-learnset th div.colorcell {
	margin:0 0 0 1px;
	font-size:88%;
}

.stat-hp, .stat-at, .stat-df, .stat-sa, .stat-sd, .stat-sp, .stat-sum {
	text-align: right;
	font-weight: bold;
}
.stat-hp  { color: #03be3b; }
.stat-at  { color: #beb700; }
.stat-df  { color: #b45f00; }
.stat-sa  { color: #07b3b7; }
.stat-sd  { color: #0236bb; }
.stat-sp  { color: #a403b3; }
.stat-sum { color: #d463a1; }

.stat {
	text-align: right;
	font-weight: bold;
}
.stat { color: #03be3b; }
.stat+.stat { color: #beb700; }
.stat+.stat+.stat { color: #b45f00; }
.stat+.stat+.stat+.stat  { color: #07b3b7; }
.stat+.stat+.stat+.stat+.stat { color: #0236bb; }
.stat+.stat+.stat+.stat+.stat+.stat { color: #a403b3; }
.stat+.stat+.stat+.stat+.stat+.stat+.stat { color: #000000; }

/***********/
/* Gadgets */
/***********/

/*
 * 子页面标题
 */

.jq-subpages span.sep {
	display: inline-block;
	height: 1em;
}

/*
 * 缩进版式
 */

.indent > p {
	text-indent: 2em;
}

.indent > table.wikitable,
.indent > table.wikibox,
.indent > table.listbox,
.indent > table.graytable,
.indent > table.graybox,
.indent > table.bluebox,
.indent > table.colorbox,
.indent > table.color,
.indent > embed {
	margin-left: 2em;
}

.indent > ul {
	padding-left: 2em;
}

/* 
 * 折叠功能
 */

.collapsible-toggleShow  { display: none; }
.collapsible-toggleHide  { display: none; }
.collapsible-toggle-once { display: none; }

/*
 * 可排序表格
 */

table.jq-sortable th.sortable {
	padding-right:       7px;
	background-image:    url('http://www.pokemon.name/w/images/4/41/Sort_both.gif');
	background-repeat:   no-repeat;
	background-position: right center;
	cursor:              pointer;
}
table.jq-sortable th.sortable:hover {
	background-image:    url(http://www.pokemon.name/w/images/1/1f/Sort_both_hover.gif);
}

table.sortable th {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

/*
 * 编辑界面
 */

#wpTextbox1 {
	font-size: 1em;
	margin: 0.5em 0;
	resize: vertical;
	font-family: simsun,arial,​sans-serif;
}

.editOptions {
	background-color: #F0F0F0;
	border: 1px solid silver;
	border-top: none;
	padding: 0.5em;
}

#editpage-copywarn {
	border-top: 1px solid silver;
	margin-top: 0.5em;
}

input#wpSummary {
	margin-bottom: 0.5em;
}

/* 
 * 版本历史
 */

#pagehistory li {
	background:#f3f3f3;
	color:#333333;
	border-style:solid;
	border-width:1px 1px 1px 4px;
	border-color:#e6e6e6;
	border-radius:0.33em;
	margin:0.3em 0;
}

#pagehistory li.selected {
	border-color:#a3d3ff;
	background:#d8ecff;
}


/*
 * 模板文档
 */
.template-documentation {
    background: url("data:image/jpg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAZAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAAQDIAwERAAIRAQMRAf/EAGoAAAICAwAAAAAAAAAAAAAAAAIDAQUABAoBAQEBAAAAAAAAAAAAAAAAAAEAAhAAAQMCBwADAAAAAAAAAAAAAAExAkFx8FGBkbHBA9FykhEBAQEAAQUBAAAAAAAAAAAAAAExQfBRgaHRwf/aAAwDAQACEQMRAD8A7bIOpLlZeT6/IXFc8rHxpdeBuJYebRv2QuNiLbcIPJPjS3UQmeTwZFxB6OlwVw5GQl9HF9FC4KYjfrk0rogI443iV/ByaEwpR0ugi4fkVMxhI6NPqXdTr2IkKLLiiivhsWxkhVJBHRbVeVCKYIUlK27QKZsf/9k=") repeat-y scroll 0 0 transparent;
    border: 1px solid #AAAAAA;
    clear: both;
    margin: 1em 0;
    padding: 1em;
}

/**
 * Style for horizontal lists (separator following item).
 * @source mediawiki.org/wiki/Snippets/Horizontal_lists
 * @revision 4.2 (2013-11-20)
 * @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;
}
.hlist li ul {
    display:inline;
}
/* Display nested lists inline */
.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;
}
/* 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 ordinals in front of ordered list items */
.hlist ol {
    counter-reset: list-item;
}
.hlist ol > li {
    counter-increment: list-item;
}
.hlist ol > li:before {
    content: " " counter(list-item) " ";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(list-item) " ";
}