MediaWiki:H3CSS.css

/* Text Changes */
#content,
h1,
h2,
h3,
h4,
span.tocnumber,
#footer-info-lastmod,
.mw-redirectedfrom,
.vector-menu-heading-label,
pre,
.mw-headline,
th a span,
tbody tr th,
div.editOptions,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.suggestions-special .special-query,
.cdx-message,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-container .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
    color: #ffffff;
    text-shadow: 1px 1px 1px black
}

code,
.mw-rcfilters-ui-row,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button,
.diff-addedline .diffchange,
.diff-deletedline .diffchange,
div.mw-editinginterface,
.mw-content-ltr.mw-highlight-lines pre {
    color: #000000;
    text-shadow: 0px 0px 0px
}

a:link,
a:visited,
label.toctogglelabel,
div.mw-collapsible.mw-customtoggle-user_commentary.mw-customtoggle-,
.mw-customtoggle-Gameplay,
.mw-customtoggle-Lore,
.mw-customtoggle-Tools,
.mw-customtoggle-Wiki,
.mw-customtoggle-LowPri,
span.mw-customtoggle-BuildingTree,
span.mw-customtoggle-HCStable,
a.mw-collapsible-text {
    color: #f7de7b !important;
    text-shadow: 1px 1px 1px black
}

a.new,
.vector-menu-tabs-legacy .new a,
span.mw-broken-media,
.diff-context {
    color: #ff3030 !important
}

.mw-highlight .linenos {
    color: black !important;
    text-shadow: 0px 0px 0px black !important;
}

span.mw-page-title-main,
.vector-menu-content {
    font-weight: bold
}

#mw-head,
#mw-head-base,
#mw-page-base,
li.mw-list-item,
pre {
    background: 0 0 !important
}

/* Background Content */
body {
    background: url(https://heroes.thelazy.net/images/9/9f/Shroud.png);
    background-attachment: fixed;
}

div.mw-body-content.mw-content-ltr {
    color: #ffffff;
    text-shadow: 1px 1px 1px black;
    background: url(https://heroes.thelazy.net/images/b/b4/Leather-extra-dark.png)
}

#mw-content-text {
    padding: 8px;
    background-image: url(https://heroes.thelazy.net/images/b/b4/Leather-extra-dark.png);
    background-color: transparent !important;
}

#mw-content-text,
div.mw-body-content.mw-content-ltr {
    border-image-source: url(https://heroes.thelazy.net/images/c/c7/Border-gold.png);
    border-image-slice: 8 9 8 9;
    border-image-width: 9px 9px 9px 9px;
    border-image-outset: 9px 9px 9px 9px;
    border-image-repeat: repeat repeat
}

#content {
    border-image-source: url(https://heroes.thelazy.net/images/4/43/Border-blue.png);
    border-image-slice: 48 48 48 48;
    border-image-width: 48px 48px 48px 48px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: repeat repeat;
    background: url(https://heroes.thelazy.net/images/3/3d/Leather.png);
    margin-top: 14px;
    padding-left: 44px;
    padding-right: 44px;
    padding-top: 32px;
    padding-bottom: 32px
}

div.toc {
    border-image-source: url(https://heroes.thelazy.net/images/9/9b/Border-small.png);
    border-image-slice: 4 4 4 4;
    border-image-width: 4px 4px 4px 4px;
    border-image-outset: 4px 4px 4px 4px;
    border-image-repeat: repeat repeat;
    background-image: url(https://heroes.thelazy.net/images/0/0f/Marble-dark.png);
    color: #ffffff;
    font-weight: bold;
    margin-left: 8px;
    margin-right: 0px;
    margin-top: 4px;
    margin-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    display: inline-block
}

/* Table Content */
table,
.wikitable {
    border-image-source: url(https://heroes.thelazy.net/images/9/9b/Border-small.png);
    border-image-slice: 4 4 4 4;
    border-image-width: 4px 4px 4px 4px;
    border-image-outset: 4px 4px 4px 4px;
    border-image-repeat: repeat repeat;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
    margin-bottom: 8px;
    color: #ffffff !important;
    background-color: transparent !important;
}

/* Set wikitable headers to white */
.wikitable th {
    color:#fff!important
}

tbody {
    background-image: url(https://heroes.thelazy.net/images/2/2a/Leather-dark.png);
    background-color: transparent !important;
}

tbody tr th,
tbody tr td,
tbody tr,
.maps tr,
.maps tbody,
table.mw-enhanced-rc tbody,
table#mw-customcollapsible-roe tbody,
table#mw-customcollapsible-ab tbody,
table#mw-customcollapsible-sod tbody,
table#mw-customcollapsible-hota tbody,
table#mw-customcollapsible-dor tbody,
table#mw-customcollapsible-hc tbody {
    background-image: none;
    background: 0 0 !important;
    background-color: transparent !important;
}

.maps {
    background-image: url(https://heroes.thelazy.net/images/2/25/Leather-blue-light.png);
    background-color: transparent !important;
    border-image-source: url(https://heroes.thelazy.net/images/9/9b/Border-small.png);
    border-image-slice: 4 4 4 4;
    border-image-width: 4px 4px 4px 4px;
    border-image-outset: 4px 4px 4px 4px;
    border-image-repeat: repeat repeat;
}

table.mw-enhanced-rc {
    border: 0;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-spacing: 0;
    background: 0 0 !important;
    background-color: transparent !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    background-image: none
}

.h3cssWhiteTH th {
    color: #ffffff !important;
}

/* Category Links Content */
div.mw-normal-catlinks {
    background-image: url(https://heroes.thelazy.net/images/0/0f/Marble-dark.png);
}

div.catlinks {
    background-image: url(https://heroes.thelazy.net/images/0/0f/Marble-dark.png);
    border-image-source: url(https://heroes.thelazy.net/images/c/c7/Border-gold.png);
    border-image-slice: 8 9 8 9;
    border-image-width: 8px 9px 8px 9px;
    border-image-outset: 9px 9px 9px 9px;
    border-image-repeat: repeat repeat;
    margin-top: 26px;
}

/* Main Menu Tabs Content */
.tabs-plain .tabs-content {
    border-image-source: url(https://heroes.thelazy.net/images/9/9b/Border-small.png);
    border-image-slice: 4 4 4 4;
    border-image-width: 4px 4px 4px 4px;
    border-image-outset: 4px 4px 4px 4px;
    border-image-repeat: repeat repeat;
    margin-bottom: 8px;
}

.tabs-plain .tabs-label {
    font-size: 1.302em;
    font-weight: bold;
    font-family: Serif;
    line-height: 1.4;
    background-image: url(https://heroes.thelazy.net/images/2/25/Leather-blue-light.png);
    background-color: transparent !important;
    border-image-source: url(https://heroes.thelazy.net/images/9/9b/Border-small.png);
    border-image-slice: 4 4 4 4;
    border-image-width: 4px 4px 4px 4px;
    border-image-outset: 4px 4px 4px 4px;
    border-image-repeat: repeat repeat;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 8px;
    padding: 0px 8px;
    border-radius: 0px;
}

.tabs-tabbox .tabs-input:checked+.tabs-label {
    background-image: url(https://heroes.thelazy.net/images/6/61/Leather-blue-dark.png);
}

/* Wiki Editor Content */
.mw-editfont-monospace,
.wikiEditor-ui-toolbar,
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui-toolbar .tabs span.tab a,
.wikiEditor-ui-toolbar .page-characters div span {
    color: #000000;
    text-shadow: 0px 0px 0px
}

div.wikiEditor-ui-bottom {
    background-color: rgba(255, 255, 255, 1);
}

div.wikiEditor-ui-text textarea {
    color: #000000 !important;
}

.wikiEditor-ui-toolbar .booklet>.index>.current {
    background-color: rgba(0, 0, 0, 0.5);
    color: #000000;
    text-shadow: 0px 0px 0px
}

.wikiEditor-ui-toolbar .booklet>.index> :hover {
    background-color: rgba(0, 0, 0, 0.25);
}

.mw-message-box-warning {
    background: 0 0 !important;
    background-color: transparent !important;
    color: #ffffff;
}

/* Vector Menu Content */
#p-views,
.vector-menu-tabs-legacy,
.vector-menu-tabs-legacy li a,
.editOptions {
    background: 0 0;
    height: initial
}

input.vector-search-box-input {
    background-image: url(https://heroes.thelazy.net/images/0/0f/Marble-dark.png);
    border-image-source: url(https://heroes.thelazy.net/images/c/c7/Border-gold.png);
    border-image-slice: 8 9 8 9;
    border-image-width: 8px 9px 8px 9px;
    border-image-outset: 9px 9px 9px 9px;
    border-image-repeat: repeat repeat;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 1px black
}

.vector-menu-dropdown .vector-menu-content,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend,
.mw-rcfilters-ui-filterTagMultiselectWidget {
    background-image: url(https://heroes.thelazy.net/images/0/0f/Marble-dark.png);
    border-image-source: url(https://heroes.thelazy.net/images/9/9b/Border-small.png);
    border-image-slice: 4 4 4 4;
    border-image-width: 4px 4px 4px 4px;
    border-image-outset: 4px 4px 4px 4px;
    border-image-repeat: repeat repeat;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
    background-color: transparent !important;
    border: 0;
}

.suggestions {
    border-image-source: url(https://heroes.thelazy.net/images/9/9b/Border-small.png);
    border-image-slice: 4 4 4 4;
    border-image-width: 4px 4px 4px 4px;
    border-image-outset: 4px 4px 4px 4px;
    border-image-repeat: repeat repeat;
}

.suggestions-results,
div.suggestions-special {
    background-image: url(https://heroes.thelazy.net/images/0/0f/Marble-dark.png);
    background-color: transparent !important;
}

.suggestions-result,
div.suggestions-special,
div.special-query {
    background-attachment: fixed;
    color: #ffffff;
    text-shadow: 0px 0px 0px
}

/* Miscellaneous. Content */
.mw-tmh-player video {
    border-image-source: url(https://heroes.thelazy.net/images/9/9b/Border-small.png);
    border-image-slice: 4 4 4 4;
    border-image-width: 4px 4px 4px 4px;
    border-image-outset: 4px 4px 4px 4px;
    border-image-repeat: repeat repeat;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 8px;
}

#content ul {
    list-style-type: disc;
    list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23FFFFFF%22%2F%3E%0A%3C%2Fsvg%3E%0A);
}

.mw-parser-output .external {
    background-image: url(https://upload.wikimedia.org/wikipedia/commons/9/99/OOjs_UI_icon_external-link-ltr-invert.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: .8em;
    padding-right: 1em;
}

figure[typeof~="mw:File/Frame"],
figure[typeof~="mw:File/Frame"]>figcaption,
figure[typeof~="mw:File/Frame"]>span:first-child> :first-child:not(.mw-broken-media),
figure[typeof~="mw:File/Thumb"],
figure[typeof~="mw:File/Thumb"]>figcaption,
.gallerybox .thumb {
    background-image: none;
    background: 0 0 !important;
    background-color: transparent !important;
    border: 0;
}

.cdx-message--warning {
    background-color: transparent !important;
    border-color: white;
    border-style: dashed;
    border-width: 2px;
}

/* Make recent changes arrows white */
.mw-enhancedchanges-checkbox + * .mw-enhancedchanges-arrow {
    background-color:#fff
}