Guild Wars 2 Wiki:Projects/CSS documentation/extensions- vector

/** EXTENSION:SEMANTIC MEDIAWIKI **/
/* Gallery format with overlays enabled */
.srf-overlay li.gallerybox div.thumb {
    background-image: none;
    background-color: #2B344A; /* color scheme: inactive tabs */
}

/* Special:Ask */
.smw-ask-toplinks,
.options-parameter-list {
    border-width: 1px;
    border-style: solid;
    border-color: #393A3C; /* color scheme: gray page border */
}

/* Box at the top and the popup SMW help menu */
.smw-ask-toplinks,
.smw-modal-content {
    background-color: #2B344A; /* color scheme: inactive tabs */
}

/* SMW help menu close button */
.smw-modal-close {
    color: black;
    opacity: 1;
}

/* Callout info is used on Special:ProcessingErrorList and Special:ConstraintErrorList which is really still Special:Ask */
.smw-callout-info,
.smw-ask-options-row-odd,
.smw-ask-options-row-even {
    background-color: #2B344A; /* color scheme: inactive tabs */
}

.smw-ask-condition fieldset,
.options-parameter-list {
    border-color: #393A3C; /* color scheme: gray page border */
}

/* the little "+" sign by the fieldset toggles visibility of the rest of the table */
#options-toggle:not(:checked) + #options-list .options-parameter-list::after {
    background-image: linear-gradient(to bottom, transparent, rgba(30,30,30,0.85) 90%); /* #1E1E1E in rgb with transparency */ /* color scheme: page gray */
}

.smw-ask-button,
.smw-tabs input.nav-tab:checked + label.nav-label {
    color: black;
}

/* Special:Browse */
.smwb-datasheet,
.smwb-factbox .smwb-cell,
.smwb-ifactbox .smwb-cell {
    border-color: #393A3C; /* color scheme: gray page border */
}

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

.smwb-theme-light .smwb-factbox,
.smwb-theme-light .smwb-ifactbox {
    border-color: #393A3C; /* color scheme: gray page border */
}

.smwb-bottom {
    border: none;
}

.smwb-propvalue,
.smwb-ipropvalue,
.smwb-theme-light .smwb-title,
.smwb-theme-light .smwb-center,
.smwb-theme-light .smwb-actions,
.smwb-theme-light .smwb-prophead,
.smwb-theme-light .smwb-propval {
    background-color: #2B344A; /* color scheme: inactive tabs */
}

.smwb-group .smwb-propval {
    background-color: #1A1A1A; /* color scheme: super dark */
}

/* seems to be empty all the time anyway */
.smwb-center {
    display: none;
}

.smwb-factbox .smwb-cell,
.smwb-ifactbox .smwb-cell {
    border-top-width: 1px;
}

.smwb-bottom {
    border-bottom-width: 2px;
}

/* Property pages */
.smw-property-page-results .value-row:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

/* Semantic facts box beneath page previews */
.smw-factbox-view.skin-vector #mw-data-after-content .smw-factbox {
    margin-top: 0;
    padding-top: 1em;
    border-color: #393A3C; /* color scheme: gray page border */
    background-color: #1E1E1E; /* color scheme: page gray */
}

.smw-factbox section,
.smw-factbox .smwfact {
    background-color: #2B344A; /* color scheme: inactive tabs */
    border-color: #393A3C; /* color scheme: gray page border */
}

.smw-factbox .smwfact,
.smw-ask-button, .smw-tabs input.nav-tab:checked + label.nav-label {
    color: #C3C7C8; /* color scheme: font offwhite */
}

.smw-factbox img.thumbborder,
.smw-factbox input.nav-tab:checked + label.nav-label {
    border-color: #393A3C; /* color scheme: gray page border */
    background-color: #2B344A; /* color scheme: inactive tabs */
}

.smwfact .smw-table-row:nth-child(2n),
.smwfact .smw-table-row:nth-child(2n+1) {
    background-color: inherit;
}

/* Special:CreateClass */
#createClassForm #mainTable th,
#createClassForm #mainTable td {
    background-color: #1A1A1A !important; /* color scheme: super dark */
    border-width: 1px;
    border-style: solid;
    border-color: #393A3C; /* color scheme: gray page border */
    padding: 0.5em;
}

/* Special:CreateTemplate */
.fieldBox {
    background-color: #2B344A; /* color scheme: inactive tabs */
}

/** EXTENSION:PAGE FORMS **/
/* Special:MultiPageEdit */
.jexcel_content {
    color: black;
}

/** EXTENSION:POPUPS **/
div.mwe-popups,
div.mwe-popups .mwe-popups-container {
    background: none; /* remove default white */
    background-color: #2B344A; /* color scheme: inactive tabs */
}

.mwe-popups.mwe-popups-no-image-pointer::after {
    border-bottom-color: #2B344A; /* color scheme: inactive tabs - using it here on a border, popups triangle for the speech bubble arrow */
}

.mwe-popups .mwe-popups-extract {
    color: #C3C7C8; /* color scheme: font offwhite */
}

.mwe-popups .mwe-popups-extract[dir="ltr"]::after {
    background-image: none;
}

/** EXTENSION:CITE **/
div ol.references li:target, div sup.reference:target {
    background-color: #2B344A; /* color scheme: inactive tabs */
}

/** EXTENSION:ECHO **/
a.mw-echo-alert {
    color: #1A1A1A; /* color scheme: super dark */
}

.mw-echo-ui-notificationItemWidget-unread,
.mw-echo-ui-notificationItemWidget-unread:hover {
    background-color: unset;
}

.mw-echo-ui-notificationItemWidget-initiallyUnseen {
    animation: none;
}

.mw-echo-ui-notificationItemWidget:hover {
    background-color: #1E1E1E; /* color scheme: page gray */
}

.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label {
    color: #C3C7C8; /* color scheme: font offwhite */
}

.mw-echo-ui-notificationItemWidget {
    border-color: #393A3C; /* color scheme: gray page border */
}

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.mw-echo-ui-notificationItemWidget {
    background-color: #2B344A; /* color scheme: inactive tabs */
}

/** EXTENSION:ADVANCED SEARCH **/
.mw-advancedSearch-fieldContainer,
.mw-advancedSearch-namespace-selection {
    background: unset;
    background-color: #2B344A; /* color scheme: inactive tabs */
}
.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
    background: #2B344A; /* color scheme: inactive tabs */
}

.mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover {
    background-color: #1E1E1E;
    color: inherit;
}

.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
    color: #C3C7C8; /* color scheme: font offwhite */
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button,
.mw-advancedSearch-fieldContainer,
.mw-advancedSearch-fieldContainer fieldset,
.mw-advancedSearch-namespace-selection {
    border-color: #393A3C; /* color scheme: gray page border */
}

/* Namespace selection dropdown menu inherits colours from elsewhere */
.mw-advancedSearch-ui-itemMenuOptionWidget.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
    color: black;
}

/** EXTENSION:WIKIEDITOR //*
.wikiEditor-ui-toolbar {
    background-color: #1E1E1E; /* color scheme: page gray */
}

.wikiEditor-ui-toolbar .page-characters div span {
    color: #C3C7C8; /* color scheme: font offwhite */
}

.wikiEditor-ui-toolbar .tabs span.tab a {
    color: #77B4D2; /* color scheme: font link */
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: #B0B0B0; /* color scheme: font darker offwhite */
}

.wikiEditor-ui-toolbar .tabs span.tab a::before,
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current::before,
body.ltr .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before,
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current::before,
body.rtl .wikiEditor-ui-toolbar .tabs span.tab a.current:visited::before {
    filter: invert(90);
}

.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group,
.wikiEditor-ui-toolbar .sections .section,
.wikiEditor-ui .wikiEditor-ui-top {
    border-color: #393A3C; /* color scheme: gray page border */
}