MediaWiki:Monobook.css: Difference between revisions

From Pikmin Fanon
(& almost completely reworked the skin to fix a lot of errors, improve some designs, make it more accessible, and even chucked in a few new features. let me know if there are any issues.)
mNo edit summary
Line 109: Line 109:
#p-Help_and_rules-label {color:#EEEEEE; padding-top:3px; font-size: 1.2em; text-transform:capitalize;}
#p-Help_and_rules-label {color:#EEEEEE; padding-top:3px; font-size: 1.2em; text-transform:capitalize;}
#p-Affiliates-label {color:#EEEEEE; padding-top:3px; font-size: 1.2em; text-transform:capitalize;}
#p-Affiliates-label {color:#EEEEEE; padding-top:3px; font-size: 1.2em; text-transform:capitalize;}
 
#p-tb-label {color:#EEEEEE; padding-top:3px; font-size: 1.2em; text-transform:capitalize;}
#p-tb-label {color:#48A627; padding-top:3px; font-size: 1.2em; text-transform:capitalize;}
#p-tb a:visited {color:#48A627;}
#p-tb a:visited {color:#48A627;}
#sidebar div.pBody {font-weight:bold;}
#sidebar div.pBody {font-weight:bold;}

Revision as of 14:26, 16 June 2024

/* Don't display some stuff on the main page */
body.page-Main_Page #lastmod, 
body.page-Main_Page #siteSub, 
body.page-Main_Page #contentSub, 
body.page-Main_Page .firstHeading {
    display: none !important;
}

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

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

/* Header */
#p-personal a {background-color:#336612; color:#EEEEEE!important;}
#p-personal a:hover {background-color:#336612; color:#48A627!important;}
#p-personal a:visited {color:#48A627;}
li#pt-userpage.mw-list-item a:hover {background-color:#336612!important; color:#48A627; text-decoration: underline!important;}
li#pt-mytalk.mw-list-item a:hover {background-color:#336612!important; color:#48A627; text-decoration: underline!important;}
li#pt-preferences.mw-list-item a:hover {background-color:#336612!important; color:#48A627!important; text-decoration: underline!important;}
li#pt-watchlist.mw-list-item a:hover {background-color:#336612!important; color:#48A627!important; text-decoration: underline!important;}
li#pt-mycontris.mw-list-item a:hover {background-color:#336612!important; color:#48A627!important; text-decoration: underline!important;}
li#pt-logout.mw-list-item a:hover {background-color:#336612!important; color:#FFA590!important; text-decoration: underline!important;}
li#pt-userpage,
li#pt-anonuserpage,
li#pt-login {background: none!important; background-size:16px!important; padding:0 0 0 0!important}

/*Content area*/
#footer {
    border: 2px outset #CCCCCC;
    border-width: 2px 0;
    background: #FFFFFFDD;

}
html .skin-monobook ul {list-style-image: url(/w/images/Bullet.png);}
#toc {
    background: #D0F0C0;
    border: 2px outset #CCBBDD;
    border-radius: 60px 0 40px 0;
    padding: 7px 11px;
	min-width: 120px;
}
#toc li {list-style: none;}
body {background-color: #336612; background: #336612;}
#content {
    border: 2px outset #CCCCCC !important;
    border-radius: 10px;
    background: #EEEEEE;
}
#editform {background: #EEEEEE; padding-bottom:3px}

table, td, .diff, .diff-otitle, .diff-ntitle {background: none;}
pre {background: #EAEDE8;}
div.thumb {border: none;}
.tright {
   border: none;
   margin: 5px 0 5px 10px;
}
.tleft {
   border: none;
   margin: 5px 15px 5px 0;
}

#catlinks {
   border: 2px outset #CCBBDD;
   background: #CCFFCC;
    border-radius: 10px 0;
    padding-bottom: 0;
    padding-top: 0;
}

/*Sidebar*/
.portlet {width: 175px;}
.portlet {
    color: black;
    background: #336612;
    border: 2px outset #000000;
    padding: 1px 0 3px 10px;
    font-family:"Helvetica", Helvetica, serif;
    font-weight: bold;
    display: block;
    border-radius: 11px 0;
}
.portlet label {cursor: auto;}
#sidebar div.pBody {
    background: #A3D293;
    border: 2px outset #CCBBDD;
    padding-left: 0;
    margin: 2px 5px;
    border-radius: 15px 0;
}
.portlet ul {list-style-type: none;}
#sidebar {background-color:#336612;}
#p-Community-label {color:#EEEEEE; padding-top:3px; font-size: 1.2em; text-transform:capitalize;}
#p-Navigation-label {color:#EEEEEE; padding-top:3px; font-size: 1.2em; text-transform:capitalize;}
#p-search-label {color:#EEEEEE; padding-top:3px; font-size: 1.2em; text-transform:capitalize;}
#p-Help_and_rules-label {color:#EEEEEE; padding-top:3px; font-size: 1.2em; text-transform:capitalize;}
#p-Affiliates-label {color:#EEEEEE; padding-top:3px; font-size: 1.2em; text-transform:capitalize;}
#p-tb-label {color:#EEEEEE; padding-top:3px; font-size: 1.2em; text-transform:capitalize;}
#p-tb a:visited {color:#48A627;}
#sidebar div.pBody {font-weight:bold;}
#sidebar div.pBody a {color:#336612;}
#sidebar div.pBody a:visted {color:#336612;}
#sidebar div.pBody a:hover {color:#336612; text-transform:underline;}

/*Search*/
body:not(.skin--responsive) #searchButton {border-radius: 11px 0;font-weight:bold;}
#searchGoButton, #mw-searchButton {border-radius: 11px 0; font-weight:bold;}
body:not(.skin--responsive) #searchButton:hover {text-transform:underline;}
#searchGoButton, #mw-searchButton:hover {text-transform:underline;}

#searchInput {width: 120px;}
body:not(.skin--responsive) #searchInput {width: 120px;}
#p-search .pBody {padding: 2px;}

/* increase sidebar width */
#column-content { margin-left: -13.5em }
#column-content #content { margin-left: 13.5em }
#p-logo a, #p-logo a:hover { width: 13.5em }
#p-cactions { left: 13em }
.portlet { width: 12.5em }
#column-content { margin-left: -12.5em }
#content { margin-left: 12.5em }

/*Tabs*/
body:not(.skin--responsive) #p-cactions li.selected a {z-index:0;}
body:not(.skin--responsive) #p-cactions li.selected a:hover {z-index:0;}
body:not(.skin--responsive) #p-cactions li a:hover {z-index:0;}
body:not(.skin--responsive) #p-cactions ul {margin-left:23px}
body:not(.skin--responsive) #p-cactions li {background:none;}
div#p-cactions.portlet {background-color:#336612; text-transform:capitalize!important;}
div#p-cactions.portlet li a {background-color:#336612; padding-top:3px; border-color:#AADC00; border: 2px outset #CCCCCC; border-top-left-radius: 10px; text-transform:capitalize!important; color:#FFFFFF!important;}
div#p-cactions.portlet li a:hover {background-color:#A3D293;}
/* yes these really have to be individual for some reason */
li#ca-nstab-user.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-nstab-user.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-nstab-main.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-nstab-main.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-nstab-project.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-nstab-project.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-nstab-mediawiki.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-nstab-mediawiki.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-nstab-image.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-nstab-image.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-nstab-template.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-nstab-template.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-nstab-category.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-nstab-category.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-nstab-help.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-nstab-help.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-nstab-blog.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-nstab-blog.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-nstab-module.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-nstab-module.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-nstab-competitive.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-nstab-competitive.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-nstab-special.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-nstab-special.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-talk.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-talk.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-edit.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-edit.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-history.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-history.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-delete.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-delete.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-undelete.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-undelete.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-move.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-move.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-watch.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-watch.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-unwatch.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-unwatch.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-protect.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-protect.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-cargo-purge.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-cargo-purge.selected.mw-list-item a:hover {background-color:#336612!important;}
li#ca-viewsource.selected.mw-list-item a {background-color:#A3D293!important;}
li#ca-viewsource.selected.mw-list-item a:hover {background-color:#336612!important;}
li#new.mw-list-item a {background-color:#336612; color:#FFA590!important;}
li#ca-talk.new.mw-list-item a {background-color:#336612; color:#EEFFEF!important;}
div#p-cactions.portlet li {border: none;}

/*Input boxes*/
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="password"],
input[type="search"] {
    border-radius: 10px 0;
    border: 2px inset #CCCCCC;
    padding: 0 3px;
}
input[type="submit"],
input[type="button"] {
    color: #000;
    cursor: pointer;
    background: #d0f0c0;
    border: 2px outset #CCCCCC;
}
textarea {
    border: 2px inset #CCCCCC;
    background: none;
    padding: 0;
    margin-bottom: 3px;
}

/* save button color */
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {background-color: #A3D293; background-image: linear-gradient(to bottom,#A3D293 0,#48A627 100%); border: 2px outset #CCCCCC;}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {text-transform:underline; border: 2px outset #787878;}

.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {border: 2px outset #CCCCCC;}
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover {border: 2px outset #787878;}

/*Links*/
a,
#p-personal li a,
#p-cactions li a,
#bodyContent a.extiw,
#bodyContent a.external {
    color: #008844;
}
a:visited,
#bodyContent a.extiw:visited,
#bodyContent a.external:visited {
    color: #008844;
}
a:hover,
#p-personal li a:hover,
#bodyContent a.extiw:hover,
#bodyContent a.external:hover {
    color: #CCBBDD;
}
a:visited:hover,
#bodyContent a.extiw:visited:hover,
#bodyContent a.external:visited:hover {
    color: #00BB44;
}
a.new:link,
a.new:visited,
#p-personal li a.new,
#p-cactions .new a,
#p-personal li a.new:visited,
#p-cactions .new a:visited {
    color: #BBBB00;
}

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

code {
  border: 1px solid #ddd;
}

/* Right-side margin for wider displays */
@media all and (min-width: 1350px) {
	#column-content #content {
		margin-right: 14em;
	}
}