MediaWiki:Theme-bigu-light.css

From Official Temtem Wiki
Jump to navigation Jump to search

In other languages: EspañolFrançais


CSS and Javascript changes must comply with the wiki design rules.


Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
.theme-bigu-light {
	--wiki-body-background-image:url(/images/5/5e/Bigu_background.jpg); /* [[File:Bigu background.jpg]] */
	--bigu-render:url(/images/3/35/Bigu_racing_render.png); /* [[File:Bigu racing render.png]] */
	--bigu-width:64px;
	--fire-size:20px;
}

#firstHeading {
	border:none;
	padding-bottom:calc(0.17em + var(--fire-size));
}

#firstHeading,
.mw-body h2 {
	font-style: italic;
}

#firstHeading::after {
	display:inline-block;
	width:calc(var(--bigu-width) + var(--fire-size));
	height:calc(1.5em + var(--fire-size));
	content:'';
	background-image:var(--bigu-render);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
	vertical-align: top;
	margin-left:5px;
	margin-bottom:calc(var(--fire-size) * -1);
}

#firstHeading .mw-page-title-main {
	position:relative;
	padding-bottom:var(--fire-size);
}

#firstHeading .mw-page-title-main::after {
	position:absolute;
	height:var(--fire-size);
	width:100%;
	bottom:0;
	left:0;
	content:'';
	background-image:url(/images/3/30/Fire.png); /* [[File:Fire.png]] */
	background-position:right center;
	background-size:contain;
	background-repeat:repeat-x;
	transform:skew(-45deg)
}

div#content,
#footer {
 background:rgba(var(--wiki-content-background-color--rgb), 0.95);
}

.mw-wiki-logo {
  background-image:url(/images/b/b8/Bigu_Wiki.png); /* [[File:Bigu Wiki.png]] */
}

/* overqualifying these to override normal styles */

#mw-panel #p-logo,
#mw-panel #p-logo a {
	height: 140px;
	width: 100%;
}

#mw-panel #p-logo {
	margin-left:-0.5em;
}

#mw-panel #p-logo a {
	background-size: 100%;
}