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
(Background color on mobile menus)
(Rm image size adjustment)
 
(5 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 */
/* Load Press Start 2P font for layout */
@font-face {
@font-face {
Line 24: 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 31: Line 38:
}
}


#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 42: Line 49:


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