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;
}