Welcome to the independent BOXBOY WIKI!

After ten years on Fandom, we forked on January 14, 2025. If you have edited the Fandom wiki and would like to reclaim your account, click here. To ensure that you only visit the independent wiki going forward, install the Indie Wiki Buddy browser extension.

MediaWiki:Gadget-monobook-boxboy-daylight.css: Difference between revisions

From BOXBOY WIKI!
Jump to navigationJump to search
(Set background)
(Rm image size adjustment)
 
(34 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* All CSS here will be loaded for users of the MonoBook skin */
/* Load Press Start 2P font for layout */
@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Adjust logo size */
.mw-wiki-logo {
.mw-wiki-logo {
background-size: 90%;
background-size: 90%;
}
}


/* Set background */
body {
body {
background-image: url(https://boxboy.wiki/mw/images/e/ee/BOXBOY_Wiki%21_background_light.png);
background-image: url(https://boxboy.wiki/mw/images/e/ee/BOXBOY_Wiki%21_background_light.png);
    background-size: auto;
background-color: #f1f5f6;
    background-repeat: repeat-x;
background-size: auto;
    background-attachment: unset;
background-repeat: repeat-x;
    background-position: top left;
background-attachment: unset;
     background-color: #fff;
background-position: top left;
}
 
/* Add footer graphic */
#footer {
  background-image: url(https://boxboy.wiki/mw/images/4/4b/BOXBOY_WIKI%21_Footer.png);
  background-size: auto 80px;
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 100px;
}
 
/* Adjust padding at top */
#column-content, #p-cactions, #p-cactions-mobile {
padding-top: 30px;
}
 
#p-personal:not(.mobile-menu-active) ul {
  background-color: rgba(255,255,255,0.5) !important;
  width: fit-content !important;
  padding: .5em 1em .5em 1em !important;
}
 
.mw-list-item {
font-size: 1.1em;
}
 
/* Style sidebar headers */
#sidebar h3, #sidebar-mobilejs h3, #p-cactions h3, #p-personal h3 {
font-family: "Press Start 2P", sans-serif;
font-weight: 400;
font-style: normal;
font-size: .75em;
background: black;
color: white;
display: block;
padding: .5em;
margin: 0;
text-transform: uppercase;
}
 
/* Set text background colors to off-white */
#content, #p-cactions .mw-list-item a, #p-cactions-mobile .mw-list-item a, #sidebar .pBody, .mobile-menu-active {
background-color: #f0f0f0 !important;
}
 
/* Change user icon to BoxBoy */
body.skin--responsive li#pt-userpage, body.skin--responsive #p-personal-toggle {
background-image: url("https://boxboy.wiki/mw/images/2/26/Favicon.png");
background-size: 13px;
background-position: center left;
    background-repeat: no-repeat;
     padding-left: 20px;
}
 
body.skin--responsive #p-personal-toggle {
background-position: center;
}
 
/* Footer */
#f-list li {
  margin: .4em 1em;
}
 
#f-poweredbyico {
gap: 1em;
display: flex;
padding: .5em;
justify-content: center;
}
 
@media screen and (max-width: 1500px) {
#lastmod, #copyright {
display: block;
}
}
 
@media screen and (max-width: 1000px) {
#f-list {
display: flex;
    flex-direction: column;
}
.mw-footer {
display: flex;
    flex-direction: column;
}
}
}

Latest revision as of 18:03, 14 January 2025

/* Load Press Start 2P font for layout */
@font-face {
  font-family: 'Press Start 2P';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/pressstart2p/v15/e3t4euO8T-267oIAQAu6jDQyK3nVivNm4I81.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Adjust logo size */
.mw-wiki-logo {
	background-size: 90%;
}

/* Set background */
body {
	background-image: url(https://boxboy.wiki/mw/images/e/ee/BOXBOY_Wiki%21_background_light.png);
	background-color: #f1f5f6;
	background-size: auto;
	background-repeat: repeat-x;
	background-attachment: unset;
	background-position: top left;
}

/* Add footer graphic */
#footer {
  background-image: url(https://boxboy.wiki/mw/images/4/4b/BOXBOY_WIKI%21_Footer.png);
  background-size: auto 80px;
  background-repeat: repeat-x;
  background-position: left bottom;
  padding-bottom: 100px;
}

/* Adjust padding at top */
#column-content, #p-cactions, #p-cactions-mobile {
	padding-top: 30px;
}

#p-personal:not(.mobile-menu-active) ul {
  background-color: rgba(255,255,255,0.5) !important;
  width: fit-content !important;
  padding: .5em 1em .5em 1em !important;
}

.mw-list-item {
	font-size: 1.1em;
}

/* Style sidebar headers */
#sidebar h3, #sidebar-mobilejs h3, #p-cactions h3, #p-personal h3 {
	font-family: "Press Start 2P", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: .75em;
	background: black;
	color: white;
	display: block;
	padding: .5em;
	margin: 0;
	text-transform: uppercase;
}

/* Set text background colors to off-white */
#content, #p-cactions .mw-list-item a, #p-cactions-mobile .mw-list-item a, #sidebar .pBody, .mobile-menu-active {
	background-color: #f0f0f0 !important;
}

/* Change user icon to BoxBoy */
body.skin--responsive li#pt-userpage, body.skin--responsive #p-personal-toggle {
	background-image: url("https://boxboy.wiki/mw/images/2/26/Favicon.png");
	background-size: 13px;
	background-position: center left;
    background-repeat: no-repeat;
    padding-left: 20px;
}

body.skin--responsive #p-personal-toggle {
	background-position: center;
}

/* Footer */
#f-list li {
  margin: .4em 1em;
}

#f-poweredbyico {
	gap: 1em;
	display: flex;
	padding: .5em;
	justify-content: center;
}

@media screen and (max-width: 1500px) {
	#lastmod, #copyright {
		display: block;
	}
}

@media screen and (max-width: 1000px) {
	#f-list {
		display: flex;
    	flex-direction: column;
	}
	.mw-footer {
		display: flex;
    	flex-direction: column;
	}
}