MediaWiki:Monobook.css: Difference between revisions

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
No edit summary
mNo edit summary
 
(20 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; }
h1 { font-size: 193%; }
h1 { font-size: 193%; }
h3 + dl, h4 + dl, h5 + dl {
:is(h3, h4, h5) + dl {
margin-top: -0.1em;
margin-top: -0.1em;
}
}
.ns-talk p + dl, .ns-110 p + dl {
:is(.ns-talk, .ns-110) p + dl {
margin-top: -0.4em;
margin-top: -0.4em;
}
}
.ns-talk dl + dl, .ns-110 dl + dl {
:is(.ns-talk, .ns-110) dl + dl {
margin-top: -0.2em;
margin-top: -0.2em;
}
}


#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;
}
body.skin-monobook #p-cactions li.new a {
color: #a20;
}
}
#p-cactions li.selected a{
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 144: Line 150:
margin-left: 7px;
margin-left: 7px;
}
}
.pBody {
body.skin-monobook .pBody {
padding: 0;
padding: 0;
margin: 0;
margin: 0;
Line 236: Line 242:
#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,
Line 254: Line 260:


/* 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 287: Line 293:
}
}
#p-Navigation > div, #p-Community > div {
#p-Navigation > div, #p-Community > div {
background: white;
background: #fff;
padding: 0;
padding: 0;
}
}
Line 303: Line 309:
#p-Navigation > div > ul > li > a, #p-Community > 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;
}
}
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 406: Line 407:
pre {
pre {
overflow: auto;
overflow: auto;
}
/* Responsive fixes */
@media all and (max-width: 550px) {
.mw-body-content {
overflow: clip !important;
}
.infobox, .tabber.info {
margin: 1em 0 !important;
}
.infobox, .tabber.info, .nav-right,
#mw-content-text table {
float: none !important;
width: auto !important;
overflow: auto !important;
display: block !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#mw-content-text table > tbody {
width: 100% !important;
display: table !important;
}
div.thumb {
float: none !important;
max-width: none !important;
margin: 1em 0;
}
div.thumbinner > div {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
div.thumbcaption {
margin-top: 3px !important;
}
div.thumbimage {
max-width: max-content;
}
ul.gallery {
text-align: center;
}
div.gallerytext {
text-align: left;
}
center div.gallerytext,
.gallery.center div.gallerytext,
.gallery[style*="center"] div.gallerytext {
text-align: center;
}
a.feedlink {
padding-left: 16px !important;
}
}
}


/* Fix footer spacing */
/* Fix footer spacing */
#f-list {
body.skin-monobook #f-list {
line-height: 17px;
line-height: 17px;
}
}
Line 469: Line 416:
/* Indicator icons */
/* Indicator icons */
.mw-indicators {
.mw-indicators {
height: 0;
top: -8px;
top: -8px;
}
}
Line 478: 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 495: 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 506: 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 22:38, 24 July 2024

/* 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%; }
:is(h3, h4, h5) + dl {
	margin-top: -0.1em;
}
:is(.ns-talk, .ns-110) p + dl {
	margin-top: -0.4em;
}
:is(.ns-talk, .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;
	}
}