Guild Wars 2 Wiki:Projects/CSS documentation/extensions- common
From Guild Wars 2 Wiki
Jump to navigationJump to search
/** 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:POPUPS **/ .mwe-popups .mwe-popups-extract[dir="ltr"]::after { background-image: none; /* remove white fade at the end of text extract */ } .mwe-popups.mwe-popups-is-not-tall .mwe-popups-extract { max-height: 750px; } .mwe-popups.mwe-popups-is-tall { width: auto; } .mwe-popups.mwe-popups-is-tall .mwe-popups-extract { max-width: 400px; min-width: 300px; max-height: 750px; height: auto; padding-bottom: 2em; } /** 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; }