MediaWiki:Common.css

/** FTB Wiki Global Stylesheet Current maintainers: Wiki staff members and CurseGamepedia staff Please discuss changes on MediaWiki talk:Common.css For skin specific stylesheets, see: Vector Skin: MediaWiki:Vector.css FTB Skin: MediaWiki:Ftb.css

/** Testing area, please clear out this section after testing is done **/

/** End test area **/

/** Fun stuff **/

/** Rainbows **/ /* Check browser support @ http://caniuse.com/background-img-opts */ .rainbow { background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) ); background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) ); color:transparent; -webkit-background-clip: text; background-clip: text; } .rainbow > :not(.rainbow-ignore), .rainbow div:not(.rainbow-ignore) *, .rainbow span:not(.rainbow-ignore) * { color: rgba(0,0,0,0) !important; }

/** Upside down stuff **/ div.upside-down { -ms-transform: scaleX(-1) scaleY(-1); -moz-transform: scaleX(-1) scaleY(-1); -o-transform: scaleX(-1) scaleY(-1); -webkit-transform: scaleX(-1) scaleY(-1); transform: scaleX(-1) scaleY(-1); display: inline-block; }

/** Generic infobox styling **/ .infobox { width: 23em; text-align: right; border: 1px solid #AAA; background-color: #F9F9F9; color: #000; margin: 0.5em 0 0.5em 1em; padding: 0.2em; float: right; clear: right; font-size: 88%; line-height: 1.2em; vertical-align: top; border-collapse: collapse; }

.infobox td[colspan="2"], .infobox th[colspan="2"] { text-align: center; }

.infobox td:first-child:not([colspan="2"]) { text-align: left; font-weight: bold; width: 50%; vertical-align: top; }

.infobox th.infoboxFirstHeader{ font-size: 120% }

.infobox td ul, .infobox td ol{ text-align:left; }

.infobox th{ border-bottom: #AAA thin solid; border-top: #AAA thin solid; }

.infobox th, .infobox td{ padding: 0.4em 0.6em 0.2em 0.6em; }

.infobox tr.infoboxSubsectionBreak{ border-top: #AAA thin solid; }

.infobox th.infoboxSectionHeader, .infobox th.infoboxFirstHeader { background-color: #CDDEFF; }

.infoboxSubsectionBreak td { padding: 0; }

/** Crafting grid override classes **/ .craftingGridNoBg .gridContainer, .craftingGridNoBg .gridBorder, .craftingGridNoBg .gridBorder span{ border:none !important; background:none !important; }

.craftingGridText{ color: rgb(54,54,54); font-family: 'Minecraftia-Regular', sans-serif; font-size: 16px; line-height: 24px; padding: 5px 4px 0px 4px; } .CraftingGrid, .tilesheet { image-rendering: -moz-crisp-edges; } .craftingGridTitle { white-space: nowrap; text-align: center; width: 100%; padding-left: 0px; padding-right: 0px; }

.craftingGridText b, .craftingGridText strong, .craftingGridText{ font-weight:normal; }

/** Galleries **/ .gallery > .page{ display:none; }

.gallery > div.page.active{ display:block; }

.gallery > span.page.active{ display:inline; }

/** Crafting Grid Slides **/ .CraftingGridCell > span.ActiveSlide{ display:inline-block; } .CraftingGridCell > div.GridTank, .CraftingGridCell > span{ display:none } .CraftingGridCell > div.GridTank.ActiveSlide{ display:block; }

/** Crafting grid controls **/ .pageNum{ margin-left:20px; } .pageCount{ margin-right:20px; }

/** FTB table **/ /** Probably will merge and replace .wikitable in the FTB Skin **/ table.ftbtable{ margin:1em 0; border-collapse: collapse; background-color: #FFF2E5; border:solid thin #DAB08B; color: #000; } table.ftbtable > tr > th, table.ftbtable > * > tr > th{ background-color: #FFDEBF; text-align:center; } table.ftbtable > tr > th, table.ftbtable > tr > td, table.ftbtable > * > tr > th, table.ftbtable > * > tr > td{ border:solid thin #DAB08B; padding:0.2em; } table.ftbtable > * > tr > th > h2, table.ftbtable > tr > th > h2{ border:none; font-weight:bold; margin:0.5em; margin-top:0.1em; text-align:center; width:100%; }

/** Image tags for shortened links **/ .tracking-link img{ vertical-align:baseline !important; }

/** Tooltips **/ /** Template:Tooltip **/ .tooltip{ text-align:left; position:absolute; white-space:nowrap; overflow:hidden; z-index:100; /* Defaults */ color:white; background-color:green; }

.tooltipParent{ position:relative; /* Defaults */ /*background-color:#AAA; height:100px; width:100px;*/ }

/** Crafting grid tooltips **/ .gridTooltipOuter{ border:solid 2px #100210; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:white; font-size:16px; font-family: 'Minecraftia-Regular', sans-serif; text-shadow: 2px 2px #3F3F3F; padding: 2px; /* Background gradient */ background: #27187f; /* Old browsers */ background: -moz-linear-gradient(top, #27187f 0%, #1f174c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27187f), color-stop(100%,#1f174c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #27187f 0%,#1f174c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #27187f 0%,#1f174c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #27187f 0%,#1f174c 100%); /* IE10+ */ background: linear-gradient(to bottom, #27187f 0%,#1f174c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27187f', endColorstr='#1f174c',GradientType=0 ); /* IE6-9 */ }

.gridTooltipInner{ padding: 0px 4px 0px 4px; position: relative; top: 5px; line-height: 24px; } .gridTooltipMiddle { background: #100210; }

/** Thaumcraft Aspect Tooltips **/ .tcAspectTooltip{ color:#54FCFC; text-shadow:2px 2px #153E3E; }

.tcAspectTooltipDesc{ color:#A8A8A8; text-shadow:2px 2px #292929; font-style:italic; font-size:85%; line-height:1.25em; }

.tcAspectTooltip a.new{ display:none; }

/** Tanks **/ /** Template:Tanks **/ .tanks{ position:absolute; top:0; }

/** Styling for the new grid templates **/ .CraftingGrid, .CraftingGrid *{ -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; user-drag: none; }

.gridContainer{ display: inline-block; position: relative; text-align: left !important; background-color: #8B8B8B; height: 32px; width: 32px; padding: 2px; vertical-align:bottom; color:rgba(0,0,0,0); }

.gridContainer .gridBorder{ display: block; margin: -2px 0 0 -2px; border-style: solid none none solid; border-width: 2px; border-color: #373737; height: 100%; }

.gridContainer .gridBorder span { display: block; margin-right: -2px; border-style: none solid solid none; border-width: 2px; border-color: #FFFFFF; height: 100%; }

.gridContainer .gridImage, .gridContainer .gridDefaultImage { position: absolute; top: 2px; width: 32px; height: 32px; }

.gridContainer .gridNumber { position: absolute; bottom: -3px; right: -2px; height: 16px; display: block; text-align: right; font-family: 'Minecraftia-Regular', sans-serif; font-size: 16px; line-height: 24px; }

.gridContainer .gridNumber .selflink, .gridContainer .gridNumber a { /* color: #3F3F3F; */ text-decoration: none; font-weight: normal; }

.gridContainer .gridNumber .selflink{ cursor: default; }

.gridContainer .gridImage a.new + .gridNumber { display: none; }

.gridNumber, .gridNumber a, .gridNumber a.new{ text-shadow:2px 2px #3F3F3F; color:white !important; }

.gridContainer div.tilesheet{ position:absolute; top:0; left:0; pointer-events:none; }

.gridContainer .gridImage > a { display: inline-block; width: 32px; height: 32px; outline: none; color: rgba(0,0,0,0); overflow: hidden; }

/** Generic animation support **/ .animated > span.gridContainer.active, .animated > div.gridTankContainer.active{ display:inline-block; } .animated > span, .animated:not(.gridImage) > div { display:none; } /** Animation support for the new grid templates **/ .oreDictAnimated > a{	display:none; } .oreDictAnimated > a.active{ display:inline; }

/* Generic styling for animation class */ .animated > span, .animated > div { display: none; }

.animated > span.active { display: inline; }

.animated > div.active { display: block; } .animated p {visibility:hidden;}

.nowrap { white-space: nowrap; }

/* Default skin for navigation boxes */ /** Template:Navbox **/ table.navbox {			/* Navbox container style */ border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; } table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */ margin-top: -1px;		 /* (doesn't work for IE6, but that's okay)	   */ } .navbox-title, .navbox-abovebelow, table.navbox th { text-align: center;	 /* Title and above/below styles */ padding-left: 1em; padding-right: 1em; } .navbox-group {			 /* Group style */ white-space: nowrap; /* @noflip */text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; } .navbox, .navbox-subgroup { background: #fdfdfd;	 /* Background color */ } .navbox-list { border-color: #fdfdfd;  /* Must match background color */ } .navbox-title, table.navbox th { background: #d4d4d4;	 /* Level 1 color */ color: #4d4d4d; } .navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #e2e2e2;	 /* Level 2 color */ color: black; } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #ebebeb;	 /* Level 3 color */ color: black; } .navbox-even { background: #f9f9f9;	 /* Even row striping */ color: black; } .navbox-odd { background: transparent; /* Odd row striping */ } .collapseButton {		 /* 'show'/'hide' buttons created dynamically */ /* @noflip */float: right;		 /* by the CollapsibleTables javascript in	*/ font-weight: normal;  /* MediaWiki:Common.js are styled here   */ /* @noflip */text-align: right;	 /* so they can be customised. */	width: auto; } .navbox .collapseButton { /* In navboxes, the show/hide button balances */ width: 6em;			/* the vde links from Template:Navbar,	*/ }						 /* so they need to be the same width. */ .navbar {				 /* Navbox template links */ font-size: 88%;		/* Default font-size */ font-weight: normal; } .navbox .navbar { font-size: 100%;	  /* Font-size when nested within navbox */ }

table.collapsed tr.collapsible { display: none; }

/* Messagebox templates */ .messagebox { border: 1px solid #aaa; background-color: #f9f9f9; width: 80%; margin: 0 auto 1em auto; padding: .2em; } .messagebox.merge { border: 1px solid #c0b8cc; background-color: #f0e5ff; text-align: center; } .messagebox.cleanup { border: 1px solid #9f9fff; background-color: #efefff; text-align: center; } .messagebox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; margin: 4px auto; } /* For old WikiProject banners inside banner shells. */ .mbox-inside .standard-talk, .messagebox.nested-talk { border: 1px solid #c0c090; background-color: #f8eaba; width: 100%; margin: 2px 0; padding: 2px; } .messagebox.small { width: 238px; font-size: 85%; /* @noflip */ float: right; clear: both; /* @noflip */ margin: 0 0 1em 1em; line-height: 1.25em; } .messagebox.small-talk { width: 238px; font-size: 85%; /* @noflip */ float: right; clear: both; /* @noflip */ margin: 0 0 1em 1em; line-height: 1.25em; background: #F8EABA; } /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ th.mbox-text, td.mbox-text {  /* The message body cell(s) */ border: none; /* @noflip */ padding: 0.25em 0.9em;    /* 0.9em left/right */ width: 100%;              /* Make all mboxes the same width regardless of text length */ } td.mbox-image {               /* The left image cell */ border: none; /* @noflip */ padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ text-align: center; } td.mbox-imageright {          /* The right image cell */ border: none; /* @noflip */ padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ text-align: center; } td.mbox-empty-cell {          /* An empty narrow cell */ border: none; padding: 0px; width: 1px; } /* Article message box styles */ table.ambox { margin: 0px 10%;                 /* 10% = Will not overlap with other elements */ border: 1px solid #aaa; /* @noflip */ border-left: 10px solid #1e90ff; /* Default "notice" blue */ background: #fbfbfb; } table.ambox + table.ambox {     /* Single border between stacked boxes. */   margin-top: -1px; } .ambox th.mbox-text, .ambox td.mbox-text {           /* The message body cell(s) */ padding: 0.25em 0.5em;      /* 0.5em left/right */ } .ambox td.mbox-image {          /* The left image cell */ /* @noflip */ padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */ } .ambox td.mbox-imageright {     /* The right image cell */ /* @noflip */ padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */ } table.ambox-notice { /* @noflip */ border-left: 10px solid #1e90ff;   /* Blue */ } table.ambox-speedy { /* @noflip */ border-left: 10px solid #b22222;   /* Red */ background: #fee;                  /* Pink */ } table.ambox-delete { /* @noflip */ border-left: 10px solid #b22222;   /* Red */ } table.ambox-content { /* @noflip */ border-left: 10px solid #f28500;   /* Orange */ } table.ambox-style { /* @noflip */ border-left: 10px solid #f4c430;   /* Yellow */ } table.ambox-move { /* @noflip */ border-left: 10px solid #9932cc;   /* Purple */ } table.ambox-protection { /* @noflip */ border-left: 10px solid #bba;      /* Gray-gold */ } /* Image message box styles */ table.imbox { margin: 4px 10%; border-collapse: collapse; border: 3px solid #1e90ff;   /* Default "notice" blue */ background: #fbfbfb; } .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */   margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right. */   display: block;         /* Fix for webkit to force 100% width. */ } .mbox-inside .imbox {      /* For imboxes inside other templates. */   margin: 4px; } table.imbox-notice { border: 3px solid #1e90ff;   /* Blue */ } table.imbox-speedy { border: 3px solid #b22222;   /* Red */ background: #fee;            /* Pink */ } table.imbox-delete { border: 3px solid #b22222;   /* Red */ } table.imbox-content { border: 3px solid #f28500;   /* Orange */ } table.imbox-style { border: 3px solid #f4c430;   /* Yellow */ } table.imbox-move { border: 3px solid #9932cc;   /* Purple */ } table.imbox-protection { border: 3px solid #bba;      /* Gray-gold */ } table.imbox-license { border: 3px solid #88a;      /* Dark gray */ background: #f7f8ff;         /* Light gray */ } table.imbox-featured { border: 3px solid #cba135;   /* Brown-gold */ } /* Category message box styles */ table.cmbox { margin: 3px 10%; border-collapse: collapse; border: 1px solid #aaa; background: #DFE8FF;   /* Default "notice" blue */ } table.cmbox-notice { background: #D8E8FF;   /* Blue */ } table.cmbox-speedy { margin-top: 4px; margin-bottom: 4px; border: 4px solid #b22222;   /* Red */ background: #FFDBDB;         /* Pink */ } table.cmbox-delete { background: #FFDBDB;   /* Red */ } table.cmbox-content { background: #FFE7CE;   /* Orange */ } table.cmbox-style { background: #FFF9DB;   /* Yellow */ } table.cmbox-move { background: #E4D8FF;   /* Purple */ } table.cmbox-protection { background: #EFEFE1;   /* Gray-gold */ } /* Other pages message box styles */ table.ombox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #aaa;      /* Default "notice" gray */ background: #f9f9f9; } table.ombox-notice { border: 1px solid #aaa;      /* Gray */ } table.ombox-speedy { border: 2px solid #b22222;   /* Red */ background: #fee;            /* Pink */ } table.ombox-delete { border: 2px solid #b22222;   /* Red */ } table.ombox-content { border: 1px solid #f28500;   /* Orange */ } table.ombox-style { border: 1px solid #f4c430;   /* Yellow */ } table.ombox-move { border: 1px solid #9932cc;   /* Purple */ } table.ombox-protection { border: 2px solid #bba;      /* Gray-gold */ } /* Talk page message box styles */ table.tmbox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #c0c090;   /* Default "notice" gray-brown */ background: #f8eaba; } .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */ margin: 2px 0;              /* this declaration overrides other styles (including mbox-small above)   */ width: 100%;                /* For Safari and Opera */ } .mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ line-height: 1.5em;         /* also "nested", so reset styles that are   */ font-size: 100%;            /* set in "mbox-small" above. */ } table.tmbox-speedy { border: 2px solid #b22222;   /* Red */ background: #fee;            /* Pink */ } table.tmbox-delete { border: 2px solid #b22222;   /* Red */ } table.tmbox-content { border: 2px solid #f28500;   /* Orange */ } table.tmbox-style { border: 2px solid #f4c430;   /* Yellow */ } table.tmbox-move { border: 2px solid #9932cc;   /* Purple */ } table.tmbox-protection, table.tmbox-notice { border: 1px solid #c0c090;   /* Gray-brown */ } /* Disambig and set index box styles */ table.dmbox { clear: both; margin: 0.9em 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: transparent; } /* Footer and header message box styles */ table.fmbox { clear: both; margin: 0.2em 0; width: 100%; border: 1px solid #aaa; background: #f9f9f9;    /* Default "system" gray */ } table.fmbox-system { background: #f9f9f9; } table.fmbox-warning { border: 1px solid #bb7070; /* Dark pink */ background: #ffdbdb;       /* Pink */ } table.fmbox-editnotice { background: transparent; } /* Div based "warning" style fmbox messages. */ div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon { clear: both; margin: 0.2em 0; border: 1px solid #bb7070; background: #ffdbdb; padding: 0.25em 0.9em; } /* Div based "system" style fmbox messages. Used in MediaWiki:Readonly lag. */ div.mw-lag-warn-normal, div.fmbox-system { clear: both; margin: 0.2em 0; border: 1px solid #aaa; background: #f9f9f9; padding: 0.25em 0.9em; } /* These mbox-small classes must be placed after all other ambox/tmbox/ombox etc classes. "body.mediawiki" is so  they override "table.ambox + table.ambox" above. */ body.mediawiki table.mbox-small {  /* For the "small=yes" option. */   /* @noflip */ clear: right; /* @noflip */ float: right; /* @noflip */ margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; } body.mediawiki table.mbox-small-left {  /* For the "small=left" option. */   /* @noflip */ margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; } /* Style for compact ambox */ /* Hide the images */ .compact-ambox table .mbox-image, .compact-ambox table .mbox-imageright, .compact-ambox table .mbox-empty-cell { display: none; } /* Remove borders, backgrounds, padding, etc. */ .compact-ambox table.ambox { border: none; border-collapse: collapse; background: transparent; margin: 0 0 0 1.6em !important; padding: 0 !important; width: auto; display: block; } body.mediawiki .compact-ambox table.mbox-small-left { font-size: 100%; width: auto; margin: 0; } /* Style the text cell as a list item and remove its padding */ .compact-ambox table .mbox-text { padding: 0 !important; margin: 0 !important; } .compact-ambox table .mbox-text-span { display: list-item; line-height: 1.5em; list-style-type: square; list-style-image: url(//bits.wikimedia.org/skins/common/images/bullet.gif); } .skin-vector .compact-ambox table .mbox-text-span { list-style-type: circle; list-style-image: url(//bits.wikimedia.org/skins/vector/images/bullet-icon.png) } /* Allow for hiding text in compact form */ .compact-ambox .hide-when-compact { display: none; }

/** Main Page Styles **/

body.page-FTB_Wiki.ns-0.action-view h1.firstHeading { display: none; }

body.page-FTB_Wiki.ns-0.action-view div#content { background: none; padding-bottom: 0; }

body.page-FTB_Wiki.ns-0.action-view #siteNotice, body.page-FTB_Wiki.ns-0.action-view .diff { background: #ffffff; }

body.page-FTB_Wiki.ns-0.action-view div#footer { margin-left: 1em; margin-right: 1em; }

body.page-FTB_Wiki.ns-0.action-view legend#mw-fr-reviewformlegend { background: white; }

body.page-FTB_Wiki.ns-0.action-view .flaggedrevs_reviewform { border: none; }

body.page-FTB_Wiki.ns-0.action-view .mw-pt-translate-header ~ hr { display: none; }

body.page-FTB_Wiki.ns-0.action-view .mw-pt-translate-header a { color: #ffffff; }

table.main-page-layout { border-spacing: .5em; margin-left: -.5em; margin-right: -.5em; width: calc(100% + 1em); }

table.main-page-layout > tr > td, table.main-page-layout > * > tr > td { vertical-align: top; background: #ffffff; padding: 0; }

.main-page-heading { color: #e04a40; font-size: 140%; border-bottom: 1px dashed #e04a40; margin-top: .5em; margin-left: .5em; margin-right: .5em; }

.main-page-nav-links { background: #e04a40; color: #ffffff; text-align: left; line-height: 2.5em; padding-left: 1em; }

.mw-body .main-page-nav-links a:link, .mw-body .main-page-nav-links a:hover, .mw-body .main-page-nav-links a:visited { color: #ffffff; padding-right: 1em; }

.main-page-content, table.main-page-layout > tr > td.main-page-content, table.main-page-layout > * > tr > td.main-page-content { padding: .5em; }

/** * simple-navbox styles */

.simple-navbox, .simple-navbox .sub-navbox, .simple-navbox .navbox-subgroup { background: none; border-spacing: 2px; margin: -3px; width: calc( 100% + 6px ); }

.simple-navbox { border: solid 1px silver; margin: 1em 0; }

.simple-navbox .sub-navbox, .simple-navbox .navbox-subgroup { border: none; }

.simple-navbox .navbox-title { background: #d4d4d4; }

.simple-navbox .sub-navbox .navbox-title { background: #e2e2e2; }

.simple-navbox > tr > th, .simple-navbox > * > tr > th, .simple-navbox .sub-navbox > tr > th, .simple-navbox .sub-navbox > * > tr > th, .simple-navbox .navbox-subgroup > tr > th, .simple-navbox .navbox-subgroup > * > tr > th { background: #ebebeb; border: none; }

.simple-navbox > tr > td, .simple-navbox > * > tr > td, .simple-navbox .sub-navbox > tr > td, .simple-navbox .sub-navbox > * > tr > td, .simple-navbox .navbox-subgroup > tr > td, .simple-navbox .navbox-subgroup > * > tr > td { background: none; border: none; }

/* Link hovering glow */ a, a:active, a:focus, a:hover{ text-decoration: none; } a:hover{ text-shadow: 0px 0px 6px; }

/* Style for horizontal lists (separator following item). IE8-specific classes are assigned in MediaWiki:Common.js/IEFixes.js. @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 6 (2014-05-09) @author wp: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; } /* 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: listitem; } .hlist ol > li {    counter-increment: listitem; } .hlist ol > li:before {    content: " " counter(listitem) " ";    white-space: nowrap; } .hlist dd ol > li:first-child:before, .hlist dt ol > li:first-child:before, .hlist li ol > li:first-child:before {    content: " (" counter(listitem) " "; }