MediaWiki:Common.css
From Guild Wars 2 Wiki
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/** -------- FONTS -------- **/
/* NO COLORS IN COMMON.CSS PLEASE */
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.eot?#iefix") format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.woff") format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.ttf") format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-regular-webfont.svg#EasonProregular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.eot?#iefix") format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.woff") format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.ttf") format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-italic-webfont.svg#EasonProitalic") format("svg");
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: "EasonPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.eot?#iefix") format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.woff") format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.ttf") format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/eason/v1/easonpro-bold-webfont.svg#EasonProBold") format("svg");
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: "CronosPro";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.eot?#iefix") format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.woff") format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.ttf") format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/cronos/v1/cronospro-regular-webfont.svg#CronosProregular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Menomonia";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.eot?#iefix") format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.woff") format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.ttf") format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia.svg#MenomoniaRegular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "Menomonia";
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.eot");
src: url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.eot?#iefix") format("embedded-opentype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.woff") format("woff"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.ttf") format("truetype"),
url("https://d1h9a8s8eodvjz.cloudfront.net/fonts/menomonia/08-02-12/font/menomonia-italic.svg#MenomoniaRegular") format("svg");
font-weight: normal;
font-style: italic;
}
/** -------- UI NOTICES -------- **/
/* Cookie notice */
/* Cookie notification banner fix for IE10 - Requires a snippet in Common.js to set the user agent into the HTML node */
html[data-useragent*="MSIE 10.0"] .index_cookieNotification__1-VLN > div {
display: block;
}
/* Site notice */
#mw-dismissable-notice {
margin-bottom: 1em;
}
div.mw-dismissable-notice .mw-dismissable-notice-body {
margin: 0;
margin-bottom: 0.5em;
}
div.mw-dismissable-notice .mw-dismissable-notice-close {
margin-right: 5px;
margin-top: 5px;
}
/** -------- NON-CONTENT UI -------- **/
/* MOBILE DEVICES */
.mobileonly {
display: none;
}
/** -------- CONTENT GENERAL -------- **/
/* TOC display level limiter, will only display the TOC up to level N */
.toc1 li.toclevel-2,
.toc1 li.toclevel-3,
.toc1 li.toclevel-4,
.toc1 li.toclevel-5,
.toc1 li.toclevel-6,
.toc2 li.toclevel-3,
.toc2 li.toclevel-4,
.toc2 li.toclevel-5,
.toc2 li.toclevel-6,
.toc3 li.toclevel-4,
.toc3 li.toclevel-5,
.toc3 li.toclevel-6,
.toc4 li.toclevel-5,
.toc4 li.toclevel-6,
.toc5 li.toclevel-6,
.hide {
display: none;
}
/* TOC heading font */
#toc h2,
.toc h2 {
font-family: Arial, sans-serif !important;
}
/* Edit buttons - only right aligned within tables, otherwise use MediaWiki default of left aligned */
table .mw-editsection {
float: right;
}
/* References */
ol.references {
font-size: 90%;
}
sup,
sub {
line-height: 1em;
}
/* prevent multi-columns (specifically added this rule for achievement pages) */
.mw-references-columns {
column-count: 1;
}
#content .hiddenlinks a,
#content .hiddenlinks a:link,
#content .hiddenlinks a:visited {
color: inherit;
}
/* Custom gallery element styles */
ul.gallery.simple-overlay .gallerytext p {
margin: 0;
padding: 2px 5px;
font-weight: bold;
}
ul.gallery.simple-overlay .gallerytext {
background-color: rgba(255, 255, 255, 0.85);
position: absolute;
bottom: 5px;
right: 5px;
}
/** -------- EXTENSIONS -------- **/
/** EXTENSION:SEMANTIC MEDIAWIKI **/
/* Hide "vertical bar loader" in the top-right indicator section of every page when loading */
/* This can occasionally fail to finish loading/disappear, especially if SMW is busy on the backend, resulting in entire page contents oscillating */
.smw-indicator-vertical-bar-loader {
display: none;
}
/* Hide smw annotation notice */
#smw-form-editpage-help {
display: none;
}
/* Result format table: further results */
.table + .smw-template-furtherresults {
display: block;
}
.table + .smw-template-furtherresults a {
background: none;
color: #0645AD;
}
/* Result format ul */
.smw-ul-columns ul {
column-gap: 1em;
margin-block-start: 0;
margin-block-end: 0;
}
.smw-ul-columns-fill ul {
column-count: auto;
column-width: 300px;
}
/* Special:Browse */
.mw-special-Browse .smw-subobject-entity {
white-space: nowrap;
}
/** EXTENSION:SEMANTIC RESULT FORMATS **/
/* Result format gallery: Fix last row spacing */
.srf-gallery ul.gallery,
ul.mw-gallery-nolines li.gallerybox div.gallerytext,
ul.mw-gallery-packed-hover,
ul.mw-gallery-packed-overlay,
ul.mw-gallery-packed {
text-align: left !important;
}
ul.gallery .gallerybox:first-child {
margin-left: -4px;
}
/* Result format jqplot: improve data labels readability */
.jqplot-data-label {
color: white;
text-shadow: 1px 1px black;
}
.srf-jqplot-plot.bar.jqplot-target {
color: black;
font-size: 120%;
}
/* Workaround for [[Guild Wars 2 Wiki:Reporting wiki bugs#SMW galleries appearing as a column]]. */
/* CSS copied from "https://wiki.guildwars2.com/load.php?modules=mediawiki.page.gallery.styles&only=styles" */
ul.gallery{margin:2px;padding:2px;display:block}li.gallerycaption{font-weight:bold;text-align:center;display:block;word-wrap:break-word}li.gallerybox{vertical-align:top;display:-moz-inline-box;display:inline-block}li.gallerybox div.thumb{text-align:center;margin:2px}li.gallerybox div.thumb img{display:block;margin:0 auto}div.gallerytext{overflow:hidden;font-size:94%;padding:2px 4px;word-wrap:break-word}.galleryfilename{display:block}.galleryfilename-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ul.mw-gallery-nolines li.gallerybox div.thumb{background-color:transparent;border:0}ul.mw-gallery-nolines li.gallerybox div.gallerytext{text-align:center}ul.mw-gallery-packed,ul.mw-gallery-packed-overlay,ul.mw-gallery-packed-hover{text-align:center}ul.mw-gallery-packed li.gallerybox div.thumb,ul.mw-gallery-packed-overlay li.gallerybox div.thumb,ul.mw-gallery-packed-hover li.gallerybox div.thumb{background-color:transparent;border:0}ul.mw-gallery-packed li.gallerybox div.thumb img,ul.mw-gallery-packed-overlay li.gallerybox div.thumb img,ul.mw-gallery-packed-hover li.gallerybox div.thumb img{margin:0 auto}ul.mw-gallery-packed-hover li.gallerybox,ul.mw-gallery-packed-overlay li.gallerybox{position:relative}ul.mw-gallery-packed-hover div.gallerytextwrapper{overflow:hidden;height:0}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{position:absolute;background:#fff;background:rgba(255,255,255,0.8);padding:5px 10px;bottom:0;left:0;height:auto;max-height:40%;overflow:hidden;font-weight:bold;margin:2px}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover{overflow:visible;max-height:none}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper:hover p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper:hover p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper:hover p{text-overflow:clip;white-space:normal;overflow:visible}ul.gallery.mw-gallery-slideshow{display:block;margin:4em 0}ul.gallery.mw-gallery-slideshow .gallerycaption{font-size:1.3em;margin:0}ul.gallery.mw-gallery-slideshow .gallerycarousel{display:block;text-align:center}ul.gallery.mw-gallery-slideshow .gallerycarousel.mw-gallery-slideshow-thumbnails-toggled{margin-bottom:1.3em}ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons{opacity:0.5;padding:1.3em 0;white-space:nowrap}ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement{margin:0 2em}ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement:first-child{margin-left:0}ul.gallery.mw-gallery-slideshow .mw-gallery-slideshow-buttons .oo-ui-buttonElement:last-child{margin-right:0}ul.gallery.mw-gallery-slideshow .gallerybox.slideshow-current{background:#efefef}ul.gallery.mw-gallery-slideshow .gallerybox > div{max-width:120px}ul.gallery.mw-gallery-slideshow .gallerybox div.thumb{border:0;background:transparent}.mw-gallery-slideshow-img-container a{display:block}@media screen{li.gallerybox div.thumb{border:1px solid #c8ccd1;background-color:#f8f9fa}}@media print{li.gallerybox{vertical-align:top;display:inline-block}ul.gallery{margin:2px;padding:2px;display:block}li.gallerycaption{font-weight:bold;text-align:center;display:block;word-wrap:break-word}li.gallerybox div.thumb{background-color:#fff;border:1px solid #ccc}div.gallerytext{overflow:visible}ul.mw-gallery-packed-hover div.gallerytextwrapper{overflow:visible;height:auto}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{position:static;background:transparent;padding:0;bottom:0;max-height:none;overflow:visible;font-weight:normal;margin:0}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper p,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper p,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper p{text-overflow:clip;white-space:normal;overflow:visible}}
/** EXTENSION:PAGE FORMS **/
/* Semantic Forms: Multiple template instances as used on research pages */
.form-row input {
text-align: center;
line-height: 1;
}
.form-row input.left {
text-align: left;
}
td.instanceRearranger {
display: none;
}
.multipleTemplateWrapper td.instanceRearranger {
display: table-cell;
}
/** EXTENSION:ADVANCED SEARCH **/
/* CSS default for Extension:AdvancedSearch is 1% too big when 60% and results in the label appearing on a different row to the box */
.mw-special-Search .oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > div.oo-ui-fieldLayout-field,
.mw-special-Search .oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > div.oo-ui-fieldLayout-field {
width: 59%;
}
/* Sensible size text for info popups */
.oo-ui-popupWidget .mw-advancedSearch-tooltip-head,
.oo-ui-popupWidget .mw-advancedSearch-tooltip-head ~ dl {
font-size: 80%;
}
/* Remove random border on the namespace checkbox wrapper */
.mw-advancedSearch-namespaceFilter div.oo-ui-tagMultiselectWidget-handle {
border: 0;
padding: 0.5em;
}
/* Override prebaked -8px random space below the namespace selection search box */
div.mw-advancedSearch-namespaceFilter {
top: 0px;
}
/* Reposition dropdown menu arrows to the middle */
.mw-advancedSearch-container span .oo-ui-indicator-down {
margin-top: 0;
}
/** EXTENSION:WIKIEDITOR **/
/* Hide image upload button to prevent no license images from being uploaded via the editor toolbar */
#wikieditor-toolbar-file-dialog + .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:last-child {
display: none;
}
/** -------- SCRIPTS -------- **/
/* Formatting for the wiki clock, referenced by [[MediaWiki:Common.js]] */
#utcdate a {
font-weight: bold;
text-transform: none;
}
/* Chat link search, for [[MediaWiki:ChatLinkSearch.js]] */
.gw2w-chat-link-search {
margin: 1em 0;
padding: 0.5em;
}
.gw2w-chat-link-search tt {
font-size: 10px;
margin-right: 1em;
}
/* Spaces around TP coin icons, referenced by [[MediaWiki:Common.js]] */
.gw2-tpprice {
white-space: nowrap;
text-align: right;
}
.gw2-tpprice > img {
position: relative;
bottom: 1px;
width: 18px;
height: 18px;
}
table .gw2-tpprice .numbers {
display: inline-block;
min-width: 18px;
text-align: right;
}
/* gameUpdateIcons, referenced by [[MediaWiki:Common.js]] */
.patchnote {
line-height: 2.7em;
}
.patchnote .skillicon img,
.patchnote .traiticon img {
background-color: black;
}
/* Collapsible functionality provided by [[MediaWiki:CollapsibleTables.js]]. Mainly for [[Template:Professions nav]]. */
tr.collapse-reverse,
tr.collapse-reverse {
display: none;
}
tr.collapse-reverse.hide,
tr.collapse-reverse.hide {
display: table-row;
}
/* Dialogue indent guides, for "demarcateDialogue" in [[MediaWiki:Common.js]] */
.dialogue dl dd {
padding-left: 16px;
margin-left: 0;
}
.dialogue dl {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 11px;
border-left: 2px solid rgba(110, 98, 74, 0.4);
}
.dialogue > dl,
.dialogue td > dl {
margin-bottom: 10px;
border-left: none;
}
.dialogue dt {
margin-left: -11px;
}
/** -------- WIDGETS -------- **/
/* Generic widgets - Button spacing */
fieldset.widget input[type="button"].mw-ui-button,
fieldset.widget button.mw-ui-button {
margin-right: 0.5em;
}
/* Widget:Game link */
input.chatlink {
position: absolute;
margin-top: -2px;
margin-left: -2px;
display: none;
width: 6.6em;
font-size: inherit;
line-height: inherit;
}
/** -------- SPECIAL PAGES -------- **/
/* Special:RecentChanges */
span.comment {
font-style: italic;
}
/* Need to add padding for conventional pages, but remove it on RecentChanges (special pages in general) due using the same class names */
.mw-collapsible-toggle,
.collapsible-toggle {
font-weight: normal;
font-size: 85%;
margin-left: 0.5em;
}
.collapsible-toggle {
width: 3em;
float: right;
text-align: center;
padding: 0px 3px;
}
.ns-special .mw-collapsible-toggle {
margin-left: 0;
}
ul.special abbr,
ul.special acronym {
border: none;
}
.mw-changeslist-legend dt,
.mw-changeslist-legend dd {
line-height: 1.2em;
}
/* Apply fixes when the screen size is below the minimum width */
@media screen and (max-width: 750px) {
.mw-changeslist-legend {
display: none;
}
}
/* If using "grouped" recent changes, condenses the new user log entries into an abbreviated line with an ellipse, users still visible by expanding the arrow */
.mw-changeslist-log-newusers .changedby {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
max-width: 30vw;
height: 1.3em;
line-height: 1.3em;
margin-bottom: -0.3em;
}
/* Special:Search */
#mw-search-top-table div.oo-ui-actionFieldLayout {
float: none;
}
.mw-search-exists {
display: inline-block;
padding: 1em 0.5em;
margin: 0.5em 0em 0em -0.5em;
}
.results-info {
margin-top: 1em;
}
.mw-search-visualclear {
clear: none;
}
/* Deletion page field indents */
@media screen and (min-width: 820px) {
#mw-deleteconfirm-table div label {
display: inline-block;
width: 170px;
text-align: right;
margin-bottom: 5px;
}
#mw-deleteconfirm-table input#wpWatch {
margin-left: 156px;
}
}
/** -------- INDIVIDUAL PAGES -------- **/
/** MAIN PAGE **/
body.page-Main_Page.ns-subject h1.firstHeading,
body.page-Main_Page.ns-subject #contentSub {
display: none;
}
/* Unfortunately cannot get the custom CSS widget to function on FormEdit pages */
/* [[Glob of Ectoplasm/salvage research]] */
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research .multipleTemplateList p,
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research .fieldValuesDisplay {
display: none;
}
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research div.multipleTemplateInstance {
padding: 0px 5px !important;
margin: 0px !important;
background: none !important;
border: none !important;
}
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research .instanceMain {
display: inherit !important;
}
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research .instanceAddAbove,
body.page-Special_FormEdit_Glob_of_Ectoplasm_salvage_research_Glob_of_Ectoplasm_salvage_research .instanceRemove {
position: relative !important;
opacity: 1 !important;
top: unset !important;
}
/** -------- TEMPLATES: NOTICES -------- **/
/* Notices (e.g. historical content) */
.notice {
margin: 10px auto;
padding-left: 10px;
width: 60%;
min-width: 500px;
}
.notice.static {
width: 500px;
}
/* For narrow screens up to 720px wide */
@media (max-width: 720px) {
.notice,
.notice.static {
width: unset;
min-width: unset;
}
.notice .notice-icon {
display: none;
}
}
/** -------- TEMPLATES: INFOBOXES -------- **/
.infobox .clear,
.recipe-box .clear {
height: 5px;
}
/** -------- TEMPLATES: ICONS -------- **/
/* Used by [[Template:Icon]] etc. Due to "stacks", [[Template:Effect icon]] does not have a right margin */
.inline-icon {
display: inline-block;
overflow: visible;
height: 1.538em;
margin: 0 0.167em;
}
.inline-icon img {
position: relative;
bottom: 2px;
}
.inline-icon.effect {
margin: 0 0 0 0.167em;
}
/* Used by [[Template:Item icon]] etc */
.item-icon.small,
.item-icon.medium {
display: inline-block;
overflow: hidden;
vertical-align: middle;
margin-left: -1pt;
}
.item-icon.small,
.item-icon.small img {
width: 20px;
height: 20px;
}
.item-icon.medium,
.item-icon.medium img {
width: 35px;
height: 35px;
}
/* Prevent icon alt text being copied */
.infobox-icon,
.inline-icon,
.item-icon,
.patchnote .skillicon img,
.patchnote .traiticon img {
user-select: none;
}
/** -------- TEMPLATES: LISTS -------- **/
/* Generic ingredient lists */
div.ingredients dt {
float: left;
clear: left;
text-align: right;
font-weight: normal;
width: 25px;
margin: 0 -2px 0 0;
padding: 2px 2px 2px 3px;
line-height: 1.667em;
border: none;
}
div.ingredients.wide dt {
width: 50px;
}
div.ingredients dd {
float: left;
margin: 0;
padding: 2px 7px;
border: none;
}
div.ingredients dl {
margin: 2px 0;
}
/* Horizontal lists. See [[mw:Snippets/Horizontal lists]] */
.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,
.hlist .mw-empty-elt {
display: none;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " • ";
font-weight: bold;
margin: 0 2px;
}
.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";
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) "\a0";
}
.hlist li {
white-space: nowrap;
}
/** -------- TEMPLATES: OTHER -------- **/
/* Used for marking content in gray, e.g. historical vendors */
.gray,
.gray a {
color: gray;
}
/* Attribute prefix spacing (usually in infoboxes) */
.prefixwrapper dl {
margin: 0;
}
/* Remove top margin for ul within [[Template:Bug]] and [[Template:Anomaly]] */
.buglist ul {
margin-top: 0;
}
/* Add an extra top margin for [[Template:Achievement box]] when preceded by lists (ul) or paragraph (p) elements */
p + .achievementbox,
ul + .achievementbox {
margin-top: 2em;
}
/* Patch notes for skill history project */
.skill-history {
padding: 0.2em 0.5em 0.5em 0.5em;
margin-bottom: 0.5em;
border-width: 1px;
border-style: dashed;
background-color: #F6F3E4;
}
.skill-history li {
padding: 0.1em 0em;
}
/* MOBILE DEVICES */
/* Apply fixes when the screen size is below the minimum width */
@media screen and (max-width: 750px) {
.clear-if-narrow {
clear: both;
width: unset !important;
}
#rcQuickLinks {
display: none;
}
#latest-update {
margin-top: unset !important;
float: unset !important;
}
}
/** -------- PRINTER -------- **/
@media print {
#content {
border: 0 solid #FFF;
box-shadow: none;
border-radius: 0;
}
.mw-parser-output,
div.infobox .heading,
div.nav .heading {
color: #000 !important;
background: none;
text-shadow: none !important;
border-width: 0 !important;
}
table.table > :first-child > tr:first-child,
table.table > :first-child > tr:first-child > *,
.table > tbody > tr > * {
border: 1px solid #000 !important;
}
.table {
border-collapse: collapse !important;
}
}
