Welcome to the newly independent BOXBOY WIKI!

Learn more about our fork at BOXBOY WIKI!:2025 Fork. If you have edited the Fandom wiki and would like to claim your account here, you can do so via Special:MigrateUserAccount. To ensure 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
(Adjust gaps and padding in footer)
(Rm image size adjustment)
 
(10 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-face {
   font-family: 'Press Start 2P';
   font-family: 'Press Start 2P';
Line 10: Line 9:
}
}


/* 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);
Line 23: Line 24:
}
}


/* 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 {
#column-content, #p-cactions, #p-cactions-mobile {
padding-top: 30px;
padding-top: 30px;
}
}


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


Line 37: Line 48:
}
}


#sidebar h3 {
/* Style sidebar headers */
#sidebar h3, #sidebar-mobilejs h3, #p-cactions h3, #p-personal h3 {
font-family: "Press Start 2P", sans-serif;
font-family: "Press Start 2P", sans-serif;
font-weight: 400;
font-weight: 400;
Line 51: Line 63:


/* Set text background colors to off-white */
/* Set text background colors to off-white */
#content, #p-cactions .mw-list-item a, #p-cactions-mobile .mw-list-item a, #sidebar .pBody {
#content, #p-cactions .mw-list-item a, #p-cactions-mobile .mw-list-item a, #sidebar .pBody, .mobile-menu-active {
background-color: #f0f0f0 !important;
background-color: #f0f0f0 !important;
}
}
Line 66: Line 78:
body.skin--responsive #p-personal-toggle {
body.skin--responsive #p-personal-toggle {
background-position: center;
background-position: center;
}
/* Reset img size on responsive monobook */
body.skin--responsive .monobook-body img {
width: auto;
height: auto !important;
max-width: unset !important;
}
}



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