MediaWiki:Monobook.css

/* All CSS here will be loaded for users of the MonoBook skin */

/* Main skin adjustments */ width: 15.3em; }   margin-left: -196px !important; } body { background: url(https://acmods.org/images/7/7e/ACMods_Background.png); background-size: auto; font-family: 'Open Sans',sans-serif !important; background-size: 350px; } .mw-body { background-color: #ECE6CC; border: none; border-right-width: 0; box-shadow: 0 0.22em 0.9em 0.1em #805216; border-radius: 2em; border: none; margin-top: 3.5em; margin-left: 15em; } body.skin--responsive .mw-body, body:not(.skin--responsive) .mw-body { margin: 3.8em 0 0 13.2em; border-right: 0; }   margin-left: -196px !important; }
 * 1) p-logo a, #p-logo a:hover {
 * 1) column-content {
 * 1) column-content {

/* Header changes */ .firstHeading { font-family: 'Varela Round',sans-serif; color: #805216; }

h1, h2 { border-bottom: 2px dashed #805216; }

/* Sidebar changes */ .portlet { width: 187px; } .pBody { border: none !important; border-radius: 2em !important; background-color: #ECE6CC; margin: 0.6em !important; }   box-shadow: 0 0.22em 0.9em 0.1em #805216; } .portlet h3 { font-weight: normal !important; font-size: 1em !important; background-color: #805216; justify-content: center !important; display: flex !important; padding: 0.5em 0 !important; text-align: center !important; transition: color 0.3s,background-color 0.3s !important; box-sizing: inherit !important; color: #fff !important; margin: 0 !important; margin-bottom: 0px !important; border-radius: 10em !important; font-family: 'Varela Round',sans-serif !important; box-shadow: rgb(89,75,62) 0px 3px 0px 0px !important; margin-bottom: 5px !important; border-bottom: none !important; text-transform: unset !important; }   list-style: none; padding: 0.25em 0; background-color: #DAC783; border-radius: 10em; margin-bottom: 5px; box-shadow: rgb(162,144,115) 0px 3px 0px 0px; }	background: #FFF1C3; transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1); }	background: #B3A163; transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1); }   text-align: center; padding: 0.25em 0; display: grid; color: #000; cursor: pointer !important; font-family: 'Varela Round',sans-serif; }	margin: 0 0 0 0.5em; }
 * 1) sidebar > .portlet > .pBody {
 * 1) sidebar > .portlet li {
 * 1) sidebar > .portlet li:hover {
 * 1) sidebar > .portlet li:active {
 * 1) sidebar > .portlet li a {
 * 1) sidebar > .portlet ul {

/* Search input */ background-color: #fdfbe6; color: #7c7056; border-radius: 2em; font-family: 'Varela Round',sans-serif; border: none; width: auto; }   font-weight: bold; border-radius: 5em; font-family: 'Varela Round',sans-serif !important; background-color: #03B2AB; border: none; padding: 0.25em 0.5em; color: #fff; } input.searchButton { border-radius: 5em; font-family: 'Varela Round',sans-serif !important; background-color: #03B2AB; border: none; padding: 0.25em 0.5em; color: #fff; }	background-color: #0D9B95; transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1); }	background-color: #216663; transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1); }
 * 1) searchInput {
 * 1) searchButton {
 * 1) searchButton:hover, input.searchButton:hover {
 * 1) searchButton:active, input.searchButton:active {

/* Monobook tabs */ body.skin--responsive #p-cactions li.selected, body:not(.skin--responsive) #p-cactions li.selected { border-color: transparent; } body.skin--responsive #p-cactions li.selected a, body:not(.skin--responsive) #p-cactions li.selected a { z-index: 3; background: #F6F6DF; background-image: none; border-radius: 5em; color: #F39802; } body.skin--responsive #p-cactions li a, body:not(.skin--responsive) #p-cactions li a { z-index: 3; background: #F6F6DF; background-image: none; border-radius: 5em; color: #53524D; text-transform: unset; } body.skin--responsive #p-cactions li a:hover, body:not(.skin--responsive) #p-cactions li a:hover { z-index: 3; background: #FFF; background-image: none; border-radius: 5em; transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1); } body.skin--responsive #p-cactions li, body:not(.skin--responsive) #p-cactions li { border: none; margin: 0 0.5em 0 0; padding: 0 0 1em 0; overflow: visible; background: none; border-color: transparent; } body.skin--responsive #p-cactions .pBody, body:not(.skin--responsive) #p-cactions .pBody { margin-left: 3em; }

/* Footer & category */ .mw-footer { background-color: #ECE6CC; border-top: none; border-bottom: none; box-shadow: 0 0.22em 0.9em 0.1em #805216; } .catlinks { background-color: #E7E0C3; border-radius: 5em; }

/* Personal bar changes */ background-color: transparent; text-decoration: underline; color: #b99b43; transition: color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1); }   color: #796732; }
 * 1) p-personal li a:hover {
 * 1) p-personal li a {

/* Screen width changes */ @media screen and (max-width:550px) { #column-content { margin-left: 0 !important; }	.mw-body { margin-left: 0 !important; }	.mobile-menu-active { position: absolute; z-index: 10000; border: none; padding: 2em 2em 0 1.5em; border-width: 1px 1px 0.2em; line-height: 0.5; word-wrap: break-word; background: #ECE6CC; box-shadow: 0 2px 3px 1px rgba(0,0,0,0.05); position: absolute; padding: 2em 2.5em 1em; top: 3.25em; right: 0; border-radius: 1em; margin: auto; }	.mobile-menu-active a { display: block; padding: 0.65em 0; color: #000 !important; }	.mobile-menu-active li { list-style: none; padding: 0.25em 0; background-color: #DAC783; border-radius: 10em; margin-bottom: 5px; box-shadow: rgb(162,144,115) 0px 3px 0px 0px; display: block; cursor: pointer !important; font-family: 'Varela Round',sans-serif; }	.mobile-menu-active .pBody { margin-bottom: 0; border: none !important; border-radius: 2em; background-color: transparent; margin: 0.6em; }	.mobile-menu-active li { list-style: none; padding: 0.25em 0; background-color: #DAC783; color: #000; border-radius: 10em; margin-bottom: 5px; box-shadow: rgb(162,144,115) 0px 3px 0px 0px; text-align: center; font-size: 1.2em; line-height: 0.5; }	.mobile-menu-active li:hover { background: #FFF1C3; transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1); }	.mobile-menu-active li:active { background: #B3A163; transition: background-color 0.3s cubic-bezier(0.25,0.8,0.5,1),opacity 0.4s cubic-bezier(0.25,0.8,0.5,1); }	.portlet { width: auto; }	.portlet ul { margin: 0 0 0 0; }	.portlet h3 { font-weight: normal; background-color: #805216; justify-content: center; display: flex; text-align: center; transition: color 0.3s,background-color 0.3s; box-sizing: inherit; color: #fff !important; margin: 0; margin-bottom: 0px; border-radius: 10em; font-family: 'Varela Round',sans-serif; box-shadow: rgb(89,75,62) 0px 3px 0px 0px; margin-bottom: 0; border-bottom: none; text-transform: unset; line-height: 0.5; font-size: 1.5em; }	#p-cactions-mobile li { border: none; }	#p-cactions-mobile li a { background-color: #f5f7e1; background-image: url(/skins/Timeless/resources/images/page-grey.svg?f31f6); }	#p-cactions-mobile ul { margin: 0; list-style: none; background-color: #f5f7e1; padding: 0.6em; border-radius: 2em; }	#p-cactions-mobile li.selected a, #p-cactions-mobile li:hover a { z-index: 3; background-color: transparent; text-decoration: none; filter: invert(69%) sepia(69%) saturate(2948%) hue-rotate(1deg) brightness(96%) contrast(104%); }	#p-cactions-mobile li a { background-image: url(/skins/Timeless/resources/images/page-grey.svg?f31f6); }	#p-cactions-mobile li#ca-talk-mobile a { background-image: url(/skins/Timeless/resources/images/talk-grey.svg?db31b); }	#p-cactions-mobile li#ca-edit-mobile a { background-image: url(/skins/Timeless/resources/images/pencil-grey.svg?b2ced); }	#p-cactions-mobile li#ca-tools a { background-image: url(/skins/Timeless/resources/images/gear-grey.svg?6d1ac); }	#p-cactions-mobile li#ca-languages a { background-image: url(/skins/Timeless/resources/images/languages-grey.svg?42835); display: none; }	#p-personal-toggle { background-image: url(/skins/Timeless/resources/images/user-large-grey.svg?39d6e); background-size: 20px; }	#p-cactions-mobile li#ca-more a { background-image: none; }	#p-cactions-mobile li#ca-more a:after { background-image: url(/skins/Timeless/resources/images/arrow-down-grey.svg?ce6b9); transform: rotate(35deg); }	.menu-toggle { background: #f5f7e1; border: none; border-radius: 2em; background-position: 50% 50%; background-repeat: no-repeat; } }