MediaWiki:Monobook.css: Difference between revisions

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
No edit summary
No edit summary
 
(25 intermediate revisions by the same user not shown)
Line 3: Line 3:
a { color: #002BB8; }
a { color: #002BB8; }
a:visited { color: #5A3696; }
a:visited { color: #5A3696; }
#globalWrapper { background: none !important; }
#globalWrapper {
overflow: hidden;
background: none !important;
}
.firstHeading { margin-top: 5px; }
.firstHeading { margin-top: 5px; }
p { margin: 0.6em 0 0.7em 0; }
p { margin: 0.6em 0 0.7em 0; }
Line 18: Line 21:


#content {
#content {
color: black;
color: #000;
background: white;
background: #fff;
border: 1px solid #000;
border: 1px solid #000;
border-right: none;
border-right: none;
Line 36: Line 39:
}
}


#p-logo {
body.skin-monobook #p-logo {
top: 6px;
top: 6px;
margin-left: 21px;
margin-left: 21px;
Line 46: Line 49:


.toc {
.toc {
border-top-left-radius: 0.5em;
border-radius: 8px;
border-top-right-radius: 0.5em;
border-bottom-left-radius: 0.5em;
border-bottom-right-radius: 0.5em;
}
}
 
div.catlinks {
.catlinks {
border-radius: 8px;
background: #f9f9f9;
padding: 5px 11px !important;
margin-top: 10px;
margin-top: 10px;
}
}


#searchInput {
body.skin-monobook #searchInput {
margin-bottom: 6px !important;
margin-bottom: 6px !important;
}
}
#searchGoButton {
body.skin-monobook #searchButton {
margin-left: 2px;
margin-left: 2px;
}
}
#mw-searchButton {
body.skin-monobook #mw-searchButton {
display: none;
display: none;
margin-bottom: 10px !important;
margin-bottom: 10px !important;
Line 69: Line 71:
/* Tabs */
/* Tabs */
@media all and (min-width: 551px) {
@media all and (min-width: 551px) {
#p-cactions {
body.skin-monobook #p-cactions {
left: 183px !important;
left: 183px !important;
background-color: transparent;
background-color: transparent;
border-bottom: none;
border-bottom: none;
}
}
#p-cactions li {
body.skin-monobook #p-cactions li {
border: 1px solid #282828;
border: 1px solid #282828;
border-bottom: none;
border-bottom: none;
}
}
#p-cactions li a{
body.skin-monobook #p-cactions li a {
border: 2px solid #454659;
border: 2px solid #454659;
border-bottom: none;
border-bottom: none;
        background: #9294b0;
background: #9294b0;
        box-shadow: 0px 0px 4px 2px #fff;
box-shadow: 0px 0px 4px 2px #fff;
        position: static;
position: static;
        color: #454659;
color: #454659;
        font-weight: bold;
font-weight: bold;
}
}
#p-cactions li.selected a{
body.skin-monobook #p-cactions li.new a {
color: #a20;
}
body.skin-monobook #p-cactions li.selected a {
border: 2px solid #716992;
border: 2px solid #716992;
        background-color: #454659;
background-color: #454659;
        color:#fff;
color: #fff;
}
}
#p-cactions li a:hover {
body.skin-monobook #p-cactions li a:hover {
z-index: 3;
z-index: 3;
text-decoration: none;
text-decoration: none;
background: #464a91;
background: #464a91;
border: 2px solid #aeb2f2;
border: 2px solid #aeb2f2;
        color:#aeb2f2;
color: #aeb2f2;
}
}
#p-cactions ul li, #p-cactions ul li a {
body.skin-monobook #p-cactions ul li,
body.skin-monobook #p-cactions ul li a {
border-top-left-radius: 0.5em;
border-top-left-radius: 0.5em;
border-top-right-radius: 0.5em;
border-top-right-radius: 0.5em;
Line 105: Line 111:
}
}
@media all and (max-width: 550px) {
@media all and (max-width: 550px) {
#ca-more a { color: #fff; }
body.skin--responsive #ca-more a { color: #fff; }
}
}


/* Personal links at top right */
/* Personal links at top right */
@media all and (min-width: 551px) {
@media all and (min-width: 551px) {
#p-personal .pBody ul {
body.skin-monobook #p-personal .pBody ul {
background: #464a91;
background: #464a91;
border-bottom: 2px solid #9294b0;
border-bottom: 2px solid #9294b0;
Line 119: Line 125:
height: 18px;
height: 18px;
}
}
#p-personal li {
body.skin-monobook #p-personal li {
color: #ccc;
color: #ccc;
margin: 0;
margin: 0;
}
}
#p-personal li a {
body.skin-monobook #p-personal li a {
        color: #fff;
color: #fff;
        font-weight: bold;
font-weight: bold;
        padding: 0.5em;
padding: 0.5em;
}
}
#p-personal li a:hover {
body.skin-monobook #p-personal li a:hover {
        color: #8a8bbd;
color: #8a8bbd;
        font-weight: bold;
font-weight: bold;
        background: none;
background: none;
}
}
#p-personal li a.new {
body.skin-monobook #p-personal li a.new {
color: #ddd;
color: #ddd;
}
}
Line 140: Line 146:
/* Navigation and other left-menu boxes */
/* Navigation and other left-menu boxes */
@media all and (min-width: 551px) {
@media all and (min-width: 551px) {
#p-Navigation, #p-Interaction, #p-search, #p-tb, #p-lang {
#p-Navigation, #p-Community, #p-search, #p-tb, #p-lang {
margin: 1em 0;
margin: 1em 0;
margin-left: 7px;
margin-left: 7px;
}
}
.pBody {
body.skin-monobook .pBody {
padding: 0;
padding: 0;
margin: 0;
margin: 0;
}
}
#p-Navigation ul, #p-Interaction ul, #p-search ul, #p-tb ul, #p-lang ul {
#p-Navigation ul, #p-Community ul, #p-search ul, #p-tb ul, #p-lang ul {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
}
}
#p-Navigation li, #p-Interaction li, #p-search li, #p-tb li, #p-lang li {
#p-Navigation li, #p-Community li, #p-search li, #p-tb li, #p-lang li {
list-style: none;
list-style: none;
font-family: Tahoma,arial,sans-serif;
font-family: Tahoma,arial,sans-serif;
Line 162: Line 168:
background: url(https://kh.wiki.gallery/images/a/af/Sidebar-menu-separator.png) center bottom no-repeat;
background: url(https://kh.wiki.gallery/images/a/af/Sidebar-menu-separator.png) center bottom no-repeat;
}
}
#p-Navigation li:last-of-type, #p-Interaction li:last-of-type,
#p-Navigation li:last-of-type, #p-Community li:last-of-type,
#p-search li:last-of-type, #p-tb li:last-of-type, #p-lang li:last-of-type {
#p-search li:last-of-type, #p-tb li:last-of-type, #p-lang li:last-of-type {
background: none;
background: none;
Line 169: Line 175:
margin-left: 11px;
margin-left: 11px;
}
}
#p-Navigation, #p-Interaction, #p-search, #p-tb, #p-lang {
#p-Navigation, #p-Community, #p-search, #p-tb, #p-lang {
background: #fff url(https://kh.wiki.gallery/images/e/e1/Sidebar-strip.png) repeat-x;
background: #fff url(https://kh.wiki.gallery/images/e/e1/Sidebar-strip.png) repeat-x;
width: 180px;
width: 180px;
Line 177: Line 183:
border-top-right-radius: 1em;
border-top-right-radius: 1em;
}
}
#p-Navigation h3, #p-Interaction h3, #p-search h3, #p-tb h3, #p-lang h3 {
#p-Navigation h3, #p-Community h3, #p-search h3, #p-tb h3, #p-lang h3 {
display: block;
display: block;
border: none;
border: none;
Line 192: Line 198:
background: url(https://kh.wiki.gallery/images/2/2f/Sidebar-Navigation.png) no-repeat 184px 1px;
background: url(https://kh.wiki.gallery/images/2/2f/Sidebar-Navigation.png) no-repeat 184px 1px;
}
}
#p-Interaction h3 {
#p-Community h3 {
background: url(https://kh.wiki.gallery/images/9/93/Sidebar-Community.png) no-repeat 184px 1px;
background: url(https://kh.wiki.gallery/images/9/93/Sidebar-Community.png) no-repeat 184px 1px;
}
}
Line 205: Line 211:
}
}
#p-Navigation .pBody,
#p-Navigation .pBody,
#p-Interaction .pBody,
#p-Community .pBody,
#p-search .pBody,
#p-search .pBody,
#p-tb .pBody,
#p-tb .pBody,
Line 212: Line 218:
}
}
#p-Navigation .pBody,
#p-Navigation .pBody,
#p-Interaction .pBody,
#p-Community .pBody,
#p-tb .pBody,
#p-tb .pBody,
#p-lang .pBody,
#p-lang .pBody,
Line 222: Line 228:
}
}
#p-Navigation .pBody a,
#p-Navigation .pBody a,
#p-Interaction .pBody a,
#p-Community .pBody a,
#p-search .pBody a,
#p-search .pBody a,
#p-tb .pBody a,
#p-tb .pBody a,
Line 231: Line 237:
}
}
#p-Navigation .pBody a:hover,
#p-Navigation .pBody a:hover,
#p-Interaction .pBody a:hover,
#p-Community .pBody a:hover,
#p-search .pBody a:hover,
#p-search .pBody a:hover,
#p-tb .pBody a:hover,
#p-tb .pBody a:hover,
#p-lang .pBody a:hover {
#p-lang .pBody a:hover {
color: #454659;
color: #454659;
        text-shadow: #666 1px 1px 3px;
text-shadow: #666 1px 1px 3px;
}
}
#p-Navigation li a div:hover,
#p-Navigation li a div:hover,
#p-Interaction li a div:hover,
#p-Community li a div:hover,
#p-tb li a div:hover,
#p-tb li a div:hover,
#p-lang li a div:hover {
#p-lang li a div:hover {
Line 245: Line 251:
background-color:#282828;
background-color:#282828;
}
}
#p-Navigation li a div, #p-Interaction li a div, #p-tb li a div, #p-lang li a div {
#p-Navigation li a div, #p-Community li a div, #p-tb li a div, #p-lang li a div {
padding: 2px 5px !important;
padding: 2px 5px !important;
width: 197px;
width: 197px;
}
}
#feedlinks {
#p-tb li#feedlinks {
margin-left: 26px;
margin-left: 26px;
}
}


/* Search box */
/* Search box */
#searchInput {
body.skin-monobook #searchInput {
background: #fff;
background: #fff;
border: 1px solid #000;
border: 1px solid #000;
Line 261: Line 267:
width: 115px;
width: 115px;
}
}
#p-search .pBody {
body.skin-monobook #p-search .pBody {
padding: 0;
padding: 0;
margin: 0;
margin: 0;
Line 267: Line 273:


/* the icon in front of the user name, single quotes in bg url to hide it from iemac */
/* the icon in front of the user name, single quotes in bg url to hide it from iemac */
li#pt-userpage,
body.skin-monobook li#pt-login,
li#pt-anonuserpage,
body.skin-monobook li#pt-userpage,
li#pt-login {
body.skin-monobook li#pt-anonuserpage {
background: url(https://kh.wiki.gallery/images/9/9f/Mini_Keyblade.png) top left no-repeat;
background: url(https://kh.wiki.gallery/images/9/9f/Mini_Keyblade.png) top left no-repeat;
padding-left: 6px;
padding-left: 6px;
}
}
li#pt-anonuserpage {
body.skin-monobook li#pt-anonuserpage {
    padding-left: 12px !important;
padding-left: 12px !important;
    margin-right: 6px !important;
margin-right: 6px !important;
}
}


Line 283: Line 289:
}
}


#p-Navigation ul, #p-Interaction ul {
#p-Navigation ul, #p-Community ul {
margin: 0;
margin: 0;
}
}
#p-Navigation > div, #p-Interaction > div {
#p-Navigation > div, #p-Community > div {
background: white;
background: #fff;
padding: 0;
padding: 0;
}
}
/* que no sea un list */
/* que no sea un list */
#p-Navigation li, #p-Interaction li {
#p-Navigation li, #p-Community li {
display: block;
display: block;
list-style-image: none !important; /* for IE */
list-style-image: none !important; /* for IE */
}
}
/* general design of the links */
/* general design of the links */
#p-Navigation li > a, #p-Interaction li > a {
#p-Navigation li > a, #p-Community li > a {
display: block;
display: block;
position: relative;
position: relative;
}
}
/* special menu just for the class */
/* special menu just for the class */
#p-Navigation > div > ul > li > a, #p-Interaction > div > ul > li > a {
#p-Navigation > div > ul > li > a, #p-Community > div > ul > li > a {
margin: 1px 1px 0 1px;
margin: 1px 1px 0 1px;
color: black;
color: #000;
width: auto;
width: auto;
}
}
#p-Navigation > div > ul > li.hover > a, #p-Interaction > div > ul > li.hover > a {
#p-Navigation > div > ul > li.hover > a, #p-Community > div > ul > li.hover > a {
color: #666;
color: #666;
text-shadow: #666 1px 1px 3px;
text-shadow: #666 1px 1px 3px;
}
}
#p-Navigation > div > ul > li > a > em, #p-Interaction > div > ul > li > a > em {
#p-Navigation > div > ul > li > a > em, #p-Community > div > ul > li > a > em {
right: 8px;
right: 8px;
}
}
/* Submenu marker */
/* Submenu marker */
#p-Navigation em, #p-Interaction em {
#p-Navigation em, #p-Community em {
font-style: normal;
font-style: normal;
font-family: arial,sans-serif;
font-family: arial,sans-serif;
Line 325: Line 331:
}
}


#p-Navigation li.hover > ul.sub-menu, #p-Interaction li.hover > ul.sub-menu {
#p-Navigation li.hover > ul.sub-menu, #p-Community li.hover > ul.sub-menu {
display: block;
display: block;
}
}


/* general submenu */
/* general submenu */
#p-Navigation ul.sub-menu, #p-Interaction ul.sub-menu {
#p-Navigation ul.sub-menu, #p-Community ul.sub-menu {
border: 1px solid #000;
border: 1px solid #000;
display: none;
display: none;
Line 341: Line 347:
}
}
/* Only the first */
/* Only the first */
#p-Navigation > div > ul > li > ul.sub-menu, #p-Interaction > div > ul > li > ul.sub-menu {
#p-Navigation > div > ul > li > ul.sub-menu, #p-Community > div > ul > li > ul.sub-menu {
margin-left: 173px;
margin-left: 173px;
margin-top: -22px;
margin-top: -22px;
Line 347: Line 353:


#p-Navigation .pBody a:hover,
#p-Navigation .pBody a:hover,
#p-Interaction .pBody a:hover,
#p-Community .pBody a:hover,
#p-search .pBody a:hover,
#p-search .pBody a:hover,
#p-tb .pBody a:hover,
#p-tb .pBody a:hover,
Line 355: Line 361:


#p-Navigation li a div:hover,  
#p-Navigation li a div:hover,  
#p-Interaction li a div:hover,
#p-Community li a div:hover,
#p-tb li a div:hover,
#p-tb li a div:hover,
#p-lang li a div:hover {
#p-lang li a div:hover {
Line 364: Line 370:
}
}
@media all and (max-width: 550px) {
@media all and (max-width: 550px) {
.portlet ul.sub-menu {
body.skin--responsive .portlet ul.sub-menu {
margin-top: 0 !important;
margin-top: 0 !important;
padding-top: 0 !important;
padding-top: 0 !important;
Line 371: Line 377:


div#footer {
div#footer {
background-color: white;
background-color: #fff;
border-top: 2px solid #282828;
border-top: 2px solid #282828;
border-bottom: 2px solid #282828;
border-bottom: 2px solid #282828;
Line 380: Line 386:
}
}


#siteNotice {
border: none;
border-radius: 0.5em;
margin-bottom: 0.65em;
}
#localNotice {
#localNotice {
margin-bottom: 14px;
margin-bottom: 14px;
Line 397: Line 398:
}
}


.portlet ul {
body.skin-monobook .portlet ul {
line-height: 1.5em;
line-height: 1.5em;
list-style-type: square;
list-style-type: square;
Line 409: Line 410:


/* Fix footer spacing */
/* Fix footer spacing */
#f-list {
body.skin-monobook #f-list {
line-height: 17px;
line-height: 17px;
}
/* Responsive fix */
@media all and (max-width: 550px) {
a.feedlink { padding-left: 16px !important }
}
}


/* Indicator icons */
/* Indicator icons */
.mw-indicators {
.mw-indicators {
height: 0;
top: -8px;
top: -8px;
}
}
Line 429: Line 426:
}
}


/* Advanced search */
/* Input buttons */
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
input[type="submit"], input[type="reset"], input[type="button"],
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
.mw-body-content .mw-ui-button,
width: 59% !important;
.mw-body-content .mw-ui-button:visited,
#wpLoginAttempt, #wpCreateaccount, #mw-createaccount-join {
padding: 3px 6px 3px !important;
border: 3px double #aaa;
border-radius: 4px;
cursor: pointer;
color: #222 !important;
background: #f7f7f7;
background: linear-gradient(top,#f7f7f7,#e7e7e7);
text-shadow: 1px 1px 2px #aaa;
}
}
.mw-advancedSearch-namespaceFilter .oo-ui-tagMultiselectWidget-handle {
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover,
border: 0 !important;
.mw-body-content .mw-ui-button:hover,
#wpLoginAttempt:hover, #wpCreateaccount:hover, #mw-createaccount-join:hover {
border-color: #282828;
box-shadow: 0 0 5px #640639 !important;
}
}
.mw-advancedSearch-namespaceFilter {
.oo-ui-widget-disabled > input[type="submit"]:hover {
top: 0 !important;
box-shadow: none !important;
}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active,
.mw-body-content .mw-ui-button:active,
#wpLoginAttempt:focus, #wpCreateaccount:focus, #mw-createaccount-join:focus,
#wpLoginAttempt:active:focus, #wpCreateaccount:active:focus, #mw-createaccount-join:active:focus,
#wpLoginAttempt:active, #wpCreateaccount:active, #mw-createaccount-join:active {
color: #222 !important;
padding: 3px 5px 3px 7px !important;
}
input[type="button"]:disabled {
cursor: default !important;
background: #bbb !important;
}
input[type="button"]:disabled:hover {
box-shadow: none !important;
border-color: #aaa !important;
}
}


Line 446: Line 471:
background: #3366cc;
background: #3366cc;
border-radius: 2px;
border-radius: 2px;
color: white !important;
color: #fff !important;
padding: 5px 10px 4px !important;
padding: 5px 10px 4px !important;
text-shadow: none !important;
text-shadow: none !important;
Line 457: Line 482:
.mw-ui-button.mw-ui-primary:active {
.mw-ui-button.mw-ui-primary:active {
padding: 5px 10px 4px !important;
padding: 5px 10px 4px !important;
}
/* Responsive fix */
@media all and (max-width: 550px) {
body.skin--responsive #sidebar .portlet[role="navigation"] {
display: none !important;
}
}
}

Latest revision as of 20:23, 11 August 2023

/* CSS placed here will affect users of the Monobook skin */

a { color: #002BB8; }
a:visited { color: #5A3696; }
#globalWrapper {
	overflow: hidden;
	background: none !important;
}
.firstHeading { margin-top: 5px; }
p { margin: 0.6em 0 0.7em 0; }
h1 { font-size: 193%; }
h3 + dl, h4 + dl, h5 + dl {
	margin-top: -0.1em;
}
.ns-talk p + dl, .ns-110 p + dl {
	margin-top: -0.4em;
}
.ns-talk dl + dl, .ns-110 dl + dl {
	margin-top: -0.2em;
}

#content {
	color: #000;
	background: #fff;
	border: 1px solid #000;
	border-right: none;
	line-height: 1.5em;
	z-index: 2;
}
@media all and (min-width: 551px) {
	#content {
		border-top-left-radius: 1em;
		border-bottom-left-radius: 1em;
		margin-left: 196px !important;
	}
	#column-content {
		margin-left: -196px !important;
	}
}

body.skin-monobook #p-logo {
	top: 6px;
	margin-left: 21px;
}

body {
	background: #000 url(https://kh.wiki.gallery/images/9/92/MonacoBackground.png) repeat;
}

.toc {
	border-radius: 8px;
}
div.catlinks {
	border-radius: 8px;
	background: #f9f9f9;
	padding: 5px 11px !important;
	margin-top: 10px;
}

body.skin-monobook #searchInput {
	margin-bottom: 6px !important;
}
body.skin-monobook #searchButton {
	margin-left: 2px;
}
body.skin-monobook #mw-searchButton {
	display: none;
	margin-bottom: 10px !important;
}

/* Tabs */
@media all and (min-width: 551px) {
	body.skin-monobook #p-cactions {
		left: 183px !important;
		background-color: transparent;
		border-bottom: none;
	}
	body.skin-monobook #p-cactions li {
		border: 1px solid #282828;
		border-bottom: none;
	}
	body.skin-monobook #p-cactions li a {
		border: 2px solid #454659;
		border-bottom: none;
		background: #9294b0;
		box-shadow: 0px 0px 4px 2px #fff;
		position: static;
		color: #454659;
		font-weight: bold;
	}
	body.skin-monobook #p-cactions li.new a {
		color: #a20;
	}
	body.skin-monobook #p-cactions li.selected a {
		border: 2px solid #716992;
		background-color: #454659;
		color: #fff;
	}
	body.skin-monobook #p-cactions li a:hover {
		z-index: 3;
		text-decoration: none;
		background: #464a91;
		border: 2px solid #aeb2f2;
		color: #aeb2f2;
	}
	body.skin-monobook #p-cactions ul li,
	body.skin-monobook #p-cactions ul li a {
		border-top-left-radius: 0.5em;
		border-top-right-radius: 0.5em;
	}
}
@media all and (max-width: 550px) {
	body.skin--responsive #ca-more a { color: #fff; }
}

/* Personal links at top right */
@media all and (min-width: 551px) {
	body.skin-monobook #p-personal .pBody ul {
		background: #464a91;
		border-bottom: 2px solid #9294b0;
		border-left: 2px solid #9294b0;
		border-bottom-left-radius: 0.5em;
		box-shadow: 0 0 4px 2px #fff;
		padding-left: 5px;
		height: 18px;
	}
	body.skin-monobook #p-personal li {
		color: #ccc;
		margin: 0;
	}
	body.skin-monobook #p-personal li a {
		color: #fff;
		font-weight: bold;
		padding: 0.5em;
	}
	body.skin-monobook #p-personal li a:hover {
		color: #8a8bbd;
		font-weight: bold;
		background: none;
	}
	body.skin-monobook #p-personal li a.new {
		color: #ddd;
	}
}

/* Navigation and other left-menu boxes */
@media all and (min-width: 551px) {
	#p-Navigation, #p-Community, #p-search, #p-tb, #p-lang {
		margin: 1em 0;
		margin-left: 7px;
	}
	body.skin-monobook .pBody {
		padding: 0;
		margin: 0;
	}
	#p-Navigation ul, #p-Community ul, #p-search ul, #p-tb ul, #p-lang ul {
		margin: 0;
		padding: 0;
	}
	#p-Navigation li, #p-Community li, #p-search li, #p-tb li, #p-lang li {
		list-style: none;
		font-family: Tahoma,arial,sans-serif;
		font-weight: bold;
		font-size: 110%;
		display: block;
		margin: 0;
		padding: 2px 0;
		background: url(https://kh.wiki.gallery/images/a/af/Sidebar-menu-separator.png) center bottom no-repeat;
	}
	#p-Navigation li:last-of-type, #p-Community li:last-of-type,
	#p-search li:last-of-type, #p-tb li:last-of-type, #p-lang li:last-of-type {
		background: none;
	}
	#p-tb li, #p-lang li {
		margin-left: 11px;
	}
	#p-Navigation, #p-Community, #p-search, #p-tb, #p-lang {
		background: #fff url(https://kh.wiki.gallery/images/e/e1/Sidebar-strip.png) repeat-x;
		width: 180px;
		padding-top: 1px;
		border: 1px solid #000;
		border-top-left-radius: 1em;
		border-top-right-radius: 1em;
	}
	#p-Navigation h3, #p-Community h3, #p-search h3, #p-tb h3, #p-lang h3 {
		display: block;
		border: none;
		position: relative;
		left: -180px;
		width: 342px;
		height: 22px;
		margin-bottom: 0;
	}
	#p-Navigation h3, #p-tb h3 {
		height: 25px;
	}
	#p-Navigation h3 {
		background: url(https://kh.wiki.gallery/images/2/2f/Sidebar-Navigation.png) no-repeat 184px 1px;
	}
	#p-Community h3 {
		background: url(https://kh.wiki.gallery/images/9/93/Sidebar-Community.png) no-repeat 184px 1px;
	}
	#p-search h3 {
		background: url(https://kh.wiki.gallery/images/f/f6/Sidebar-Search.png) no-repeat 184px 1px;
	}
	#p-tb h3 {
		background: url(https://kh.wiki.gallery/images/3/33/Sidebar-Toolbox.png) no-repeat 184px 1px;
	}
	#p-lang h3 {
		background: url(https://kh.wiki.gallery/images/e/ee/Sidebar-Languages.png) no-repeat 184px 1px;
	}
	#p-Navigation .pBody,
	#p-Community .pBody,
	#p-search .pBody,
	#p-tb .pBody,
	#p-lang .pBody {
		display: block;
	}
	#p-Navigation .pBody,
	#p-Community .pBody,
	#p-tb .pBody,
	#p-lang .pBody,
	ul.sub-menu {
		background: url(https://kh.wiki.gallery/images/e/ef/Sidebar-menu-topleft.png) left top no-repeat, url(https://kh.wiki.gallery/images/e/e4/Sidebar-menu-topright.png) right top no-repeat, url(https://kh.wiki.gallery/images/5/59/Sidebar-menu-bottomleft.png) left bottom no-repeat, url(https://kh.wiki.gallery/images/2/29/Sidebar-menu-bottomright.png) right bottom no-repeat, url(https://kh.wiki.gallery/images/0/0e/Sidebar-menu-background.png), #e5e5e5;
	}
	#p-search .pBody {
		background: url(https://kh.wiki.gallery/images/e/ef/Sidebar-menu-topleft.png) left top no-repeat, url(https://kh.wiki.gallery/images/e/e4/Sidebar-menu-topright.png) right top no-repeat, url(https://kh.wiki.gallery/images/0/0e/Sidebar-menu-background.png), #e5e5e5;
	}
	#p-Navigation .pBody a,
	#p-Community .pBody a,
	#p-search .pBody a,
	#p-tb .pBody a,
	#p-lang .pBody a {
		color: #000;
		text-decoration: none;
		padding: 0 15px;
	}
	#p-Navigation .pBody a:hover,
	#p-Community .pBody a:hover,
	#p-search .pBody a:hover,
	#p-tb .pBody a:hover,
	#p-lang .pBody a:hover {
		color: #454659;
		text-shadow: #666 1px 1px 3px;
	}
	#p-Navigation li a div:hover,
	#p-Community li a div:hover,
	#p-tb li a div:hover,
	#p-lang li a div:hover {
		width: 197px;
		background-color:#282828;
	}
	#p-Navigation li a div, #p-Community li a div, #p-tb li a div, #p-lang li a div {
		padding: 2px 5px !important;
		width: 197px;
	}
	#p-tb li#feedlinks {
		margin-left: 26px;
	}

	/* Search box */
	body.skin-monobook #searchInput {
		background: #fff;
		border: 1px solid #000;
		margin-bottom: 3px;
		padding: 2px 0 2px 2px;
		width: 115px;
	}
	body.skin-monobook #p-search .pBody {
		padding: 0;
		margin: 0;
	}

	/* the icon in front of the user name, single quotes in bg url to hide it from iemac */
	body.skin-monobook li#pt-login,
	body.skin-monobook li#pt-userpage,
	body.skin-monobook li#pt-anonuserpage {
		background: url(https://kh.wiki.gallery/images/9/9f/Mini_Keyblade.png) top left no-repeat;
		padding-left: 6px;
	}
	body.skin-monobook li#pt-anonuserpage {
		padding-left: 12px !important;
		margin-right: 6px !important;
	}

	/*** Monobook Sidebar ***/
	.sub-menu li {
		font-size: 13px !important;
	}

	#p-Navigation ul, #p-Community ul {
		margin: 0;
	}
	#p-Navigation > div, #p-Community > div {
		background: #fff;
		padding: 0;
	}
	/* que no sea un list */
	#p-Navigation li, #p-Community li {
		display: block;
		list-style-image: none !important; /* for IE */
	}
	/* general design of the links */
	#p-Navigation li > a, #p-Community li > a {
		display: block;
		position: relative;
	}
	/* special menu just for the class */
	#p-Navigation > div > ul > li > a, #p-Community > div > ul > li > a {
		margin: 1px 1px 0 1px;
		color: #000;
		width: auto;
	}
	#p-Navigation > div > ul > li.hover > a, #p-Community > div > ul > li.hover > a {
		color: #666;
		text-shadow: #666 1px 1px 3px;
	}
	#p-Navigation > div > ul > li > a > em, #p-Community > div > ul > li > a > em {
		right: 8px;
	}
	/* Submenu marker */
	#p-Navigation em, #p-Community em {
		font-style: normal;
		font-family: arial,sans-serif;
		font-size: 16pt;
		font-weight: bold;
		line-height: 20px;
		position: absolute;
		right: 8px;
		top: -2px
	}

	#p-Navigation li.hover > ul.sub-menu, #p-Community li.hover > ul.sub-menu {
		display: block;
	}

	/* general submenu */
	#p-Navigation ul.sub-menu, #p-Community ul.sub-menu {
		border: 1px solid #000;
		display: none;
		position: absolute;
		padding: 1px;
		width: 180px;
		margin-left: 176px;
		margin-top: -24px;
		z-index: 100;
	}
	/* Only the first */
	#p-Navigation > div > ul > li > ul.sub-menu, #p-Community > div > ul > li > ul.sub-menu {
		margin-left: 173px;
		margin-top: -22px;
	}

	#p-Navigation .pBody a:hover,
	#p-Community .pBody a:hover,
	#p-search .pBody a:hover,
	#p-tb .pBody a:hover,
	#p-lang .pBody a:hover {
		color: #282828;
	}

	#p-Navigation li a div:hover, 
	#p-Community li a div:hover,
	#p-tb li a div:hover,
	#p-lang li a div:hover {
		width: 197px;
		background-color:#282828;
	}
	/*** End Monobook Sidebar ***/
}
@media all and (max-width: 550px) {
	body.skin--responsive .portlet ul.sub-menu {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}

div#footer {
	background-color: #fff;
	border-top: 2px solid #282828;
	border-bottom: 2px solid #282828;
	font-size: 90%;
	text-align: center;
	padding: 0.4em 0 0.3em 0;
	margin: 0.6em 0 1em 0;
}

#localNotice {
	margin-bottom: 14px;
}

ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: .3em 0 0 1.5em;
	padding: 0;
	list-style-image: url(https://kh.wiki.gallery/images/bullet.png);
}

body.skin-monobook .portlet ul {
	line-height: 1.5em;
	list-style-type: square;
	list-style-image: url(https://kh.wiki.gallery/images/bullet.png);
	font-size: 95%;
}

pre {
	overflow: auto;
}

/* Fix footer spacing */
body.skin-monobook #f-list {
	line-height: 17px;
}

/* Indicator icons */
.mw-indicators {
	height: 0;
	top: -8px;
}

/* Multimedia viewer */
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-iconedElement-icon.oo-ui-icon-check,
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-iconElement-icon.oo-ui-icon-check {
	display: none !important;
}

/* Input buttons */
input[type="submit"], input[type="reset"], input[type="button"],
.mw-body-content .mw-ui-button,
.mw-body-content .mw-ui-button:visited,
#wpLoginAttempt, #wpCreateaccount, #mw-createaccount-join {
	padding: 3px 6px 3px !important;
	border: 3px double #aaa;
	border-radius: 4px;
	cursor: pointer;
	color: #222 !important;
	background: #f7f7f7;
	background: linear-gradient(top,#f7f7f7,#e7e7e7);
	text-shadow: 1px 1px 2px #aaa;
}
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, 
.mw-body-content .mw-ui-button:hover,
#wpLoginAttempt:hover, #wpCreateaccount:hover, #mw-createaccount-join:hover {
	border-color: #282828;
	box-shadow: 0 0 5px #640639 !important;
}
.oo-ui-widget-disabled > input[type="submit"]:hover {
	box-shadow: none !important;
}
input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active,
.mw-body-content .mw-ui-button:active,
#wpLoginAttempt:focus, #wpCreateaccount:focus, #mw-createaccount-join:focus,
#wpLoginAttempt:active:focus, #wpCreateaccount:active:focus, #mw-createaccount-join:active:focus,
#wpLoginAttempt:active, #wpCreateaccount:active, #mw-createaccount-join:active {
	color: #222 !important;
	padding: 3px 5px 3px 7px !important;
}
input[type="button"]:disabled {
	cursor: default !important;
	background: #bbb !important;
}
input[type="button"]:disabled:hover {
	box-shadow: none !important;
	border-color: #aaa !important;
}

/* InputBox */
.mw-ui-button.mw-ui-progressive,
.mw-ui-button.mw-ui-primary {
	background: #3366cc;
	border-radius: 2px;
	color: #fff !important;
	padding: 5px 10px 4px !important;
	text-shadow: none !important;
}
.mw-ui-button.mw-ui-progressive:hover,
.mw-ui-button.mw-ui-primary:hover {
	box-shadow: none !important;
}
.mw-ui-button.mw-ui-progressive:active,
.mw-ui-button.mw-ui-primary:active {
	padding: 5px 10px 4px !important;
}

/* Responsive fix */
@media all and (max-width: 550px) {
	body.skin--responsive #sidebar .portlet[role="navigation"] {
		display: none !important;
	}
}
Retrieved from "https://www.khwiki.com/index.php?title=MediaWiki:Monobook.css&oldid=876981"