MediaWiki:H3CSS.css: Difference between revisions

From Heroes 3 wiki
Jump to navigation Jump to search
Changed to StyleBot version from minified version
mNo edit summary
Line 33: Line 33:


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

Revision as of 21:17, 31 March 2025

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

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