MediaWiki:Monobook.css

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

#globalWrapper { background: none !important; }
h1 { font-size: 193%; }
p { margin: 0.6em 0 0.7em 0; }
h3 + dl, h4 + dl, h5 + dl {
	margin-top: -0.1em;
}
.ns-talk p + dl, .ns-4 p + dl, .ns-110 p + dl {
	margin-top: -0.4em;
}
.ns-talk dl + dl, .ns-4 dl + dl, .ns-110 dl + dl {
	margin-top: -0.2em;
}

.editsimilar {
	background: #cfc;
	border: 2px outset #0b0;
	border-radius: 40px 0;
}

/* edit page */
div.editOptions {
	background: none;
	border: 1px solid #9c9;
}

.mw-editsection {
	float: right;
}

.CodeMirror {
	background: transparent;
}

/*Watchlist edit message*/
.usermessage {
	background: #cfc;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 5px 10px;
	vertical-align: middle;
	border: 2px outset #0b0;
	border-radius: 15px 0;
}

/*Content area*/
div#footer {
	border: outset #0b0;
	border-width: 2px 0;
	background: url(/images/monobook-bg.webp) -150px top no-repeat fixed;
	background: white;
	background: rgba(255, 255, 255, 0.95);
}
ul { list-style-image: url(/images/bullet.png); }
.pikipediaBox {
	border-radius: 30px 0 20px 0;
}
#toc {
	background: #cfc;
	border-radius: 60px 0 40px 0;
	border: 2px outset #0b0;
}
#toc li { list-style: none; }
body { background: url(/images/monobook-bg.webp) -150px top no-repeat fixed #6a9140; }
div#content {
	border: 2px outset #0b0 !important;
	border-radius: 15px;
	background: url(/images/monobook-bg.webp) -150px top no-repeat fixed;
	background: white;
	background: rgba(255, 255, 255, 0.95);
}
table, td, table.diff, td.diff-otitle, td.diff-ntitle { background: none; }
pre { background: rgba(249, 249, 249, .7); }
div.thumb { border: none; }
div.tright {
	 border: none;
	 margin: 5px 0 5px 10px;
}
div.tleft {
	 border: none;
	 margin: 5px 15px 5px 0;
}
#catlinks {
	border: 2px outset #0b0;
	background: #ccffcc;
	border-radius: 15px 0;
	margin-top: 10px;
	padding-top: 0;
	padding-bottom: 0;
}

/*Sidebar*/
.portlet { width: 150px; }
.portlet h3 {
	text-transform: uppercase;
	color: #fff;
	background: #050;
	border: 2px outset #0b0;
	padding: 1px 0 3px 10px;
	font-weight: bold;
	display: block;
	border-radius: 11px 0;
}
.portlet h3 label { cursor: auto; }
.pBody {
	background: #cfc;
	border: 2px outset #0b0;
	padding-left: 0;
	margin: 2px 20px 0 5px;
	border-radius: 25px 0;
}
.portlet ul { list-style-type: none; }

/*Search*/
input[type="submit"]:hover,
input[type="button"]:hover,
.mw-body-content button:hover {
	background: none;
}
#searchInput { width: 100px; }
#p-search .pBody { padding: 4px 6px 5px 6px; }
#searchGoButton, #mw-searchButton {
	padding: 0 2px;
	border-radius: 11px 0;
}
#searchGoButton:hover, #mw-searchButton:hover {
	background: #fff;
}

/*Tabs*/
#p-cactions .pBody:hover { opacity: 1; }
#p-cactions li:hover { opacity: 0.95; }
#p-cactions li {
	border: 2px outset #0b0;
	border-bottom: 1px solid #fff;
	border-radius: 10px 0;
	padding: 0 0 .2em;
}
#p-cactions li a {
	border: none;
	border-radius: 10px 0;
}

/*User links*/
#p-personal ul {
	background: rgba(0, 0, 0, 0.4);
	border-radius: 0 0 0 10px;
	float: right;
	padding: 2px 1em 2px 0;
}
#p-personal li a, li#pt-anonuserpage { color: #efe; }
#p-personal li a:hover { color: #bfb; background: none; text-decoration: underline; }

/*Hover*/
/*.usermessage:hover,
#toc:hover,
#catlinks:hover { background: none; }
.portlet .pBody:hover,
.portlet h3:hover {
	background: #fff;
	opacity: 0.85;
}
.portlet h3:hover { color: #050; }*/

/*Input boxes*/
body input[type="submit"],
body input[type="button"],
body .mw-body-content button:not(.vjs-control),
body .mw-body-content .mw-ui-button,
.ns-special .oo-ui-inputWidget-input.oo-ui-buttonElement-button,
#wpSave,
#wpPreview,
#wpDiff,
#wpCreateaccount,
#wpLoginAttempt,
#mw-createaccount-join,
#wpLoginAttempt:active,
#wpCreateaccount:active,
#mw-createaccount-join:active, 
#wpLoginAttempt:focus,
#wpCreateaccount:focus,
#mw-createaccount-join:focus, 
#wpLoginAttempt:active:focus,
#wpCreateaccount:active:focus,
#mw-createaccount-join:active:focus {
	color: #000;
	cursor: pointer;
	background: #cfc;
	border: 2px outset #0b0 !important;
	border-shadow: none;
}
#wpLoginAttempt:hover,
#wpCreateaccount:hover,
#mw-createaccount-join:hover,
.ns-special .oo-ui-inputWidget-input.oo-ui-buttonElement-button:hover,
#wpSave:hover,
#wpPreview:hover,
#wpDiff:hover {
	color: #000;
	cursor: pointer;
	background: #fff;
	opacity: 0.85;
	border: 2px outset #0b0 !important;
	border-shadow: none;
}
#mw-editform-cancel .oo-ui-buttonElement-button {
	background: #fff;
}
#mw-editform-cancel .oo-ui-labelElement-label {
	color: #080;
}
input[type="submit"],
input[type="button"],
.mw-body-content button:not(.vjs-control),
.editButtons .oo-ui-buttonElement-button,
.ns-special .oo-ui-inputWidget-input.oo-ui-buttonElement-button,
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
#mw-input-captchaWord,
input.loginText,
.mw-body-content .mw-ui-button {
	border-radius: 15px 0;
	border: 2px inset #0b0 !important;
	padding: 0 3px !important;
	box-sizing: content-box !important;
}
input[type="text"],
input[type="password"],
input[type="search"] {
	height: 16px;
}
textarea {
	border: 2px inset #0b0;
	background: none;
	margin-bottom: 3px;
}
div#userloginForm,
div#userlogin {
	background: none;
}

/*Links*/
a,
#p-cactions li a,
.mw-parser-output a.extiw,
.mw-parser-output a.external {
	color: #080;
}
a:visited,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited {
	color: #084;
}
a:hover,
.mw-parser-output a.extiw:hover,
.mw-parser-output a.external:hover {
	color: #0b0;
}
a:visited:hover,
.mw-parser-output a.extiw:visited:hover,
.mw-parser-output a.external:visited:hover {
	color: #0b4;
}
a.new:link,
a.new:visited,
#p-cactions .new a,
#p-cactions .new a:visited {
	color: #bb0;
}
.mw-parser-output a.external {
	background: url(/images/external.png) center right no-repeat;
	padding-right: 15px;
}

#new_edit_page_preview_notice { display: none; }
#wikiPreview > *:first-child { display: block; }
#editform { margin-top: 15px; }

/* Site Notice */
#localNotice {
	margin-bottom: 11px;
}
.page-Main_Page.action-view #localNotice {
	margin-bottom: 15px;
}

/* Infoboxes */
.infobox a:visited{
	color: #040;
}
.inbobox a:link{
	color: #050;
}

/* switchable */
.switchabletabs li {
	border: 2px outset #0b0;
	border-radius: 10px 0;
	background: none;
}

/* collapsible */
.collapsible .collapsible-button a { font-weight: bold; }
.collapsible.alt-collapsible .collapsible-button, .collapsible.alt-collapsible .collapsible-button a { color: #ffc; }

/* audio player */
.listenlist { width: auto !important; }
.listenlist p { text-align: left !important; }

/* navboxes */
table.navbox-light {
	color: #000;
}

table.navbox-light a,
table.navbox-light a.extiw,
table.navbox-light a.external {
	color: #262;
}

table.navbox-light a:visited,
table.navbox-light a.extiw:visited,
table.navbox-light a.external:visited {
	color: #141;
}

table.navbox-light a:hover,
table.navbox-light a.extiw:hover,
table.navbox-light a.external:hover {
	color: #363;
}

table.navbox-light a:visited:hover,
table.navbox-light a.extiw:visited:hover,
table.navbox-light a.external:visited:hover {
	color: #242;
}

table.navbox-light a.new,
table.navbox-light a.new:visited,
table.navbox-light a.new:hover,
table.navbox-light a.new:visited:hover {
	color: #422;
}

table.navbox-dark {
	color: #FFF;
}

table.navbox-dark a,
table.navbox-dark a.extiw,
table.navbox-dark a.external {
	color: #BFB;
}

table.navbox-dark a:visited,
table.navbox-dark a.extiw:visited,
table.navbox-dark a.external:visited {
	color: #CFC;
}

table.navbox-dark a:hover,
table.navbox-dark a.extiw:hover,
table.navbox-dark a.external:hover {
	color: #CFC;
}

table.navbox-dark a:visited:hover,
table.navbox-dark a.extiw:visited:hover,
table.navbox-dark a.external:visited:hover {
	color: #DFD;
}

table.navbox-dark a.new,
table.navbox-dark a.new:visited,
table.navbox-dark a.new:hover,
table.navbox-dark a.new:visited:hover {
	color: #FDD;
}

/* News on the front page */
.news-date{
	color: #343;
	font-style: italic;
}

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

/* Fix preferences tabs */
.client-js #preftoc a,
.client-js #preftoc a:active {
	padding: 0 0.7em;
}

/* Page previews */
.mwe-popups .mwe-popups-extract:hover {
	color: #222;
}

/* Multimedia viewer */
.mw-mmv-post-image .mw-ui-button.mw-ui-progressive {
	border-color: #070;
	background-color: #070;
}
.mw-mmv-post-image .mw-ui-button.mw-ui-progressive:hover {
	border-color: #090;
	background-color: #090;
}

/* References */
ol.references li:target,
sup.reference:target {
	background-color: #CCFFCC;
}

/* CategoryTree */
.CategoryTreeToggle {
	color: #080;
}

/* Special:Search */
.oo-ui-textInputWidget.oo-ui-iconElement input,
.oo-ui-textInputWidget.oo-ui-iconElement textarea {
	padding-left: 2.475em !important;
}
.oo-ui-textInputWidget.oo-ui-iconElement > .oo-ui-iconElement-icon {
	max-height: 1.25em;
	margin-top: 2px;
}
.oo-ui-textInputWidget.oo-ui-indicatorElement > .oo-ui-indicatorElement-indicator {
	margin-right: -2.5em;
}
.oo-ui-actionFieldLayout-input {
	padding-right: 3.5em;
}

/* InputBox */
.mw-body-content .mw-ui-button.mw-ui-progressive,
.mw-body-content .mw-ui-button.mw-ui-primary {
	color: black;
	background: #CCFFCC;
}
.mw-body-content .mw-ui-button.mw-ui-progressive:hover,
.mw-body-content .mw-ui-button.mw-ui-primary:hover {
	background-color: #F5FFFA;
}
.mw-body-content .mw-ui-button.mw-ui-progressive:disabled,
.mw-body-content .mw-ui-button.mw-ui-primary:disabled {
	border-color: #999999 !important;
}
.mw-body-content .mw-ui-button.mw-ui-progressive:disabled:hover,
.mw-body-content .mw-ui-button.mw-ui-primary:disabled:hover {
	background-color: #DDDDDD;
}
.mw-body-content .mw-ui-input:focus {
	box-shadow: inset 0 0 0 2px #CEF2E0;
}