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
(Change BG color)
(Rm image size adjustment)
 
(30 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);
Line 14: 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 28: 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-weight: 400;
font-style: normal;
font-size: .75em;
background: black;
background: black;
color: white;
color: white;
Line 35: Line 60:
margin: 0;
margin: 0;
text-transform: uppercase;
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;
	}
}