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
(Only apply personal bar styling on desktop)
(Rm image size adjustment)
 
(3 intermediate revisions by the same user not shown)
Line 22: Line 22:
background-attachment: unset;
background-attachment: unset;
background-position: top left;
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;
}
}


Line 30: Line 39:


#p-personal:not(.mobile-menu-active) 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 40: Line 49:


/* Style sidebar headers */
/* Style sidebar headers */
#sidebar h3, #sidebar-mobilejs h3, #p-cactions h3 {
#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 69: 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;
	}
}