MediaWiki:Monobook.css: Difference between revisions

From Pikipedia, the Pikmin wiki
Jump to navigation Jump to search
m (Forgot one thing.)
mNo edit summary
 
(160 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* Don't display some stuff on the main page */
/* CSS placed here will affect users of the Monobook skin */
body.page-Main_Page.action-view #lastmod,
 
body.page-Main_Page.action-view #siteSub,
#globalWrapper {
body.page-Main_Page.action-view h1.firstHeading {
overflow: hidden;
    display: none !important;
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,
.rootpage-Pikipedia_Featured_article p + dl {
margin-top: -0.4em;
}
.ns-talk dl + dl, .ns-110 dl + dl,
.rootpage-Pikipedia_Featured_article dl + dl {
margin-top: -0.2em;
}
 
/* Infoboxes */
.infobox th {
background: #cfc;
}
 
/* Pikipedia boxes */
.pikipediaBox {
background-color: #cfc;
border: 2px outset #0b0;
border-radius: 30px 0 20px 0;
}
 
/* Titled boxes */
.titledBox {
background-color: #f5fffa;
border: 1px solid #cef2e0;
margin-top: 10px;
}
.titledBoxTitle {
background-color: #cef2e0;
border: 1px solid #a3bfb1;
}
}


.editsimilar {
/* CategoryTree */
    background: #cfc;
.CategoryTreeToggle {
    border: 2px outset #0b0;
color: #080;
    -webkit-border-radius: 40px 0 / 40px 0;
    -moz-border-radius: 40px 0;
    border-radius: 40px 0;
}
}


/* edit page */
/* Edit page */
div.editOptions {
div.editOptions {
    background: none;
background: none;
    border: 1px solid #9c9;
border: 1px solid #9c9;
}
#wpSummaryWidget .oo-ui-labelElement-label {
margin-top: -4px;
}
input#wpSummary {
width: 99%;
}
}


.mw-editsection {
.CodeMirror {
    float: right;
background: transparent;
}
}


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


li#pt-createaccount {
/* Content area */
text-transform: none;
div#footer {
border: outset #0b0;
border-width: 2px 0;
background: rgba(255, 255, 255, 0.95);
}
}
 
ul {
/*Content area*/
list-style-image: url(https://pikmin.wiki.gallery/images/bullet.png);
div#footer {
    border: outset #0b0;
    border-width: 2px 0;
    background: url("/images/e/e0/Wiki-background.jpeg") -150px top no-repeat fixed;
    background: white;
    background: rgba(255, 255, 255, 0.95);
}
}
html body.skin-monobook ul {list-style-image: url(/images/bullet.png);}
#toc {
#toc {
    background: #cfc;
background: #cfc;
    -webkit-border-radius: 60px 0 40px 0 / 60px 0 40px 0;
border: 2px outset #0b0;
    -moz-border-radius: 60px 0 40px 0;
border-radius: 60px 0 40px 0;
    border-radius: 60px 0 40px 0;
padding: 7px 13px;
    border: 2px outset #0b0;
min-width: 115px;
}
#toc li {
list-style: none;
}
body {
background: #6a9140 url(https://pikmin.wiki.gallery/images/8/8a/Wiki-background.jpg) no-repeat fixed -150px top;
}
}
#toc li {list-style: none;}
body {background: url("/images/e/e0/Wiki-background.jpeg") -150px top no-repeat fixed #6a9140;}
div#content {
div#content {
    border: 2px outset #0b0 !important;
border: 2px outset #0b0 !important;
    -webkit-border-radius: 15px;
border-radius: 15px;
    -moz-border-radius: 20px;
background: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
}
    background: url("/images/e/e0/Wiki-background.jpeg") -150px top no-repeat fixed;
table, td, table.diff,
    background: white;
td.diff-otitle, td.diff-ntitle {
    background: rgba(255, 255, 255, 0.95);
background: none;
}
pre {
background: rgba(249, 249, 249, .7);
}
div.thumb {
border: none;
}
}
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 {
div.tright {
  border: none;
border: none;
  margin: 5px 0 5px 10px;
margin: 5px 0 10px 15px;
}
}
div.tleft {
div.tleft {
  border: none;
border: none;
  margin: 5px 15px 5px 0;
margin: 5px 15px 10px 0;
}
}
#catlinks {
#catlinks {
    border: 2px outset #0b0;
border: 2px outset #0b0;
    background: #ccffcc;
background: #ccffcc;
    -webkit-border-radius: 15px 0 / 15px 0;
border-radius: 15px 0;
    -moz-border-radius: 15px 0;
margin-top: 10px;
    border-radius: 15px 0;
padding-top: 0;
    padding-bottom: 0;
padding-bottom: 0;
    padding-top: 0;
}
}


/*Sidebar*/
@media all and (min-width: 551px) {
.portlet {width: 150px;}
/* User links */
.portlet h3 {
body.skin-monobook #p-personal ul {
    text-transform: uppercase;
background: rgba(0, 0, 0, 0.4);
    color: #fff;
border-radius: 0 0 0 10px;
    background: #050;
float: right;
    border: 2px outset #0b0;
padding: 2px 1em 2px 0;
    padding: 1px 0 3px 10px;
}
    font-weight: bold;
body.skin-monobook #p-personal li a,
    display: block;
body.skin-monobook li#pt-anonuserpage {
    -webkit-border-radius: 11px 0 / 11px 0;
color: #efe;
    -moz-border-radius: 11px 0;
}
    border-radius: 11px 0;
body.skin-monobook #p-personal li a:hover {
}
color: #bfb;
.portlet h3 label {cursor: auto;}
background: none;
.pBody {
text-decoration: underline;
    background: #cfc;
}
    border: 2px outset #0b0;
    padding-left: 0;
    margin: 2px 20px 0 5px;
    -webkit-border-radius: 25px 0 / 25px 0;
    -moz-border-radius: 25px 0;
    border-radius: 25px 0;
}
.portlet ul {list-style-type: none;}


/*Search*/
/* Tabs */
input[type="submit"]:hover,
body.skin-monobook #p-cactions .pBody:hover {
input[type="button"]:hover {
opacity: 1;
    background: none;
}
}
body.skin-monobook #p-cactions li:hover {
#searchInput {width: 100px;}
opacity: 0.95;
#p-search .pBody {padding: 4px 6px 5px 6px;}
}
#searchGoButton, #mw-searchButton {
body.skin-monobook #p-cactions li {
    padding: 0 2px;
border: 2px outset #0b0;
    -moz-border-radius: 11px 0;
border-bottom: 1px solid #fff;
    -webkit-border-radius: 11px 0 / 11px 0;
border-radius: 10px 0;
    border-radius: 11px 0;
padding: 0 0 .2em;
}
}
body.skin-monobook #p-cactions li.selected {
border-color: #fabd23;
}
body.skin-monobook #p-cactions li a {
border: none;
border-radius: 10px 0;
}


/*Tabs*/
/* Sidebar */
#p-cactions .pBody:hover {opacity: 1;}
body.skin-monobook .portlet {
#p-cactions li:hover {opacity: 0.95;}
width: 150px;
#p-cactions li {
}
    border: 2px outset #0b0;
body.skin-monobook .portlet h3 {
    border-bottom: 1px solid #fff;
text-transform: uppercase;
    -webkit-border-radius: 10px 0 / 10px 0;
color: #fff;
    -moz-border-radius: 10px 0;
background: #050;
    border-radius: 10px 0;
border: 2px outset #0b0;
    padding: 0 0 .2em;
padding: 1px 0 3px 10px;
}
font-weight: bold;
#p-cactions li a {
display: block;
    border: none;
border-radius: 11px 0;
    -webkit-border-radius: 10px 0 / 10px 0;
}
    -moz-border-radius: 10px 0;
body.skin-monobook .portlet h3 label {
    border-radius: 10px 0;
cursor: auto;
}
}
body.skin-monobook .pBody {
background: #cfc;
border: 2px outset #0b0;
padding-left: 0;
margin: 2px 20px 0 5px;
border-radius: 25px 0;
}
body.skin-monobook .portlet ul {
list-style-type: none;
}


/*User links*/
/* Search */
#p-personal ul {
input[type="submit"]:hover,
    background: rgba(0, 0, 0, 0.4);
input[type="button"]:hover,
    border-radius: 0 0 0 10px;
.mw-body-content button:hover {
    float: right;
background: none;
    padding: 2px 1em 2px 0;
}
body.skin-monobook #searchInput {
width: 100px;
}
body.skin-monobook #p-search .pBody {
padding: 4px 6px 5px 6px;
}
body.skin-monobook #searchButton,
body.skin-monobook #mw-searchButton {
padding: 0 2px;
border-radius: 11px 0;
}
body.skin-monobook #searchButton:hover,
body.skin-monobook #mw-searchButton:hover {
background: #fff;
}
}
}
#p-personal li a, li#pt-anonuserpage {color: #efe;}
@media all and (max-width: 550px) {
#p-personal li a:hover {color: #bfb; background: none; text-decoration: underline;}
body.skin--responsive #searchInput {
 
border: 1px solid #aaa !important;
/*Hover*/
}
/*.usermessage:hover,
body.skin--responsive #searchButton {
#toc:hover,
border: 0 !important;
#catlinks:hover {background: none;}
}
.portlet .pBody:hover,
body.skin--responsive #searchInput,
.portlet h3:hover {
body.skin--responsive #searchButton {
    background: #fff;
border-radius: 0 !important;
    opacity: 0.85;
box-sizing: border-box !important;
}
}
}
.portlet h3:hover {color: #050;}*/


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


/*Links*/
/* Links */
a,
a,
#p-cactions li a,
.toctogglelabel,
#bodyContent a.extiw,
.mw-parser-output a.extiw,
#bodyContent a.external {
.mw-parser-output a.external,
    color: #080;
body.skin-monobook #p-cactions li a,
.mw-special-CheckUser .mw-checkuser-paging-links {
color: #080;
}
}
a:visited,
a:visited,
#bodyContent a.extiw:visited,
.mw-parser-output a.extiw:visited,
#bodyContent a.external:visited {
.mw-parser-output a.external:visited {
    color: #084;
color: #084;
}
}
a:hover,
a:hover,
#bodyContent a.extiw:hover,
.mw-parser-output a.extiw:hover,
#bodyContent a.external:hover {
.mw-parser-output a.external:hover {
    color: #0b0;
color: #0b0;
}
}
a:visited:hover,
a:visited:hover,
#bodyContent a.extiw:visited:hover,
.mw-parser-output a.extiw:visited:hover,
#bodyContent a.external:visited:hover {
.mw-parser-output a.external:visited:hover {
    color: #0b4;
color: #0b4;
}
}
a.new:link,
a.new:link,
a.new:visited,
a.new:visited,
#p-cactions .new a,
a.mw-usertoollinks-contribs-no-edits,
#p-cactions .new a:visited {
body.skin-monobook #p-cactions .new a,
    color: #bb0;
body.skin-monobook #p-cactions .new a:visited {
color: #bb0;
}
}
#bodyContent a.external {background-image: url(/images/external.png);}
.mw-parser-output a.external {
 
background: url(https://pikmin.wiki.gallery/images/external.png) center right no-repeat;
#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 {
.mw-parser-output a.external[href$=".pdf"], .mw-parser-output a.external[href$=".PDF"],
    margin-bottom: 15px;
.mw-parser-output a.external[href*=".pdf#"], .mw-parser-output a.external[href*=".PDF#"],
.mw-parser-output a.external[href*=".pdf?"], .mw-parser-output a.external[href*=".PDF?"], .link-document {
background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%23080' d='M7.5 2v3H10l1-1H8.5V1z'/%3E%3Cpath fill='%230a0' d='M3 1v10h8V4L8.5 1zm1 1h4l2 2.5V10H4z'/%3E%3C/svg%3E");
}
}


/* Infoboxes */
/* Infobox links */
.infobox a:visited{
.infobox a:visited{
  color: #040;
color: #040;
}
}
.inbobox a:link{
.inbobox a:link{
  color: #050;
color: #050;
}
 
#new_edit_page_preview_notice { display: none; }
#wikiPreview > *:first-child { display: block; }
#editform { margin-top: 15px; }
 
/* Site notice */
#siteNotice .pikipediaBox {
margin: 0 auto 5px !important;
}
}


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


/* collapsible */
/* News on the front page */
.collapsible .collapsible-button a { font-weight: bold; }
.news-date {
.collapsible.alt-collapsible .collapsible-button, .collapsible.alt-collapsible .collapsible-button a { color: #ffc; }
color: #343;
font-style: italic;
}


/* audio player */
/* Fix footer spacing */
.listenlist {width: auto !important;}
body.skin-monobook #f-list {
.listenlist p {text-align: left !important;}
line-height: 17px;
}


/* navboxes */
/* Indicator icons */
table.navbox-light {
.mw-indicators {
  color: #000;
top: -4px;
}
}


table.navbox-light a,
/* Page previews */
table.navbox-light a.extiw,
.mwe-popups .mwe-popups-extract:hover {
table.navbox-light a.external {
color: #222;
  color: #262;
}
}


table.navbox-light a:visited,
/* Multimedia viewer */
table.navbox-light a.extiw:visited,
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-iconedElement-icon.oo-ui-icon-check,
table.navbox-light a.external:visited {
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-iconElement-icon.oo-ui-icon-check {
  color: #141;
display: none !important;
}
.mw-mmv-wrapper a:not(.oo-ui-buttonElement-button) {
color: #3167d4 !important;
}
.mw-mmv-wrapper a.mw-ui-button.mw-ui-progressive {
color: #fff !important;
}
}


table.navbox-light a:hover,
/* Special:Search */
table.navbox-light a.extiw:hover,
.oo-ui-textInputWidget.oo-ui-iconElement input,
table.navbox-light a.external:hover {
.oo-ui-textInputWidget.oo-ui-iconElement textarea {
  color: #363;
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;
}
}


table.navbox-light a:visited:hover,
/* Advanced search */
table.navbox-light a.extiw:visited:hover,
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
table.navbox-light a.external:visited:hover {
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
  color: #242;
box-shadow: none !important;
}
}
 
#mw-advancedSearch-expandable-namespaces .oo-ui-textInputWidget .oo-ui-inputWidget-input {
table.navbox-light a.new,
width: 94% !important;
table.navbox-light a.new:visited,
table.navbox-light a.new:hover,
table.navbox-light a.new:visited:hover {
  color: #422;
}
}
 
.oo-ui-tagMultiselectWidget-handle {
table.navbox-dark {
border: 0 !important;
  color: #FFF;
}
}
 
.oo-ui-icon-search, .oo-ui-icon-menu {
table.navbox-dark a,
background-size: 14px;
table.navbox-dark a.extiw,
background-position: 0 1px;
table.navbox-dark a.external {
  color: #BFB;
}
}


table.navbox-dark a:visited,
/* InputBox */
table.navbox-dark a.extiw:visited,
.mw-body-content .mw-ui-button.mw-ui-progressive,
table.navbox-dark a.external:visited {
.mw-body-content .mw-ui-button.mw-ui-primary {
  color: #CFC;
color: #000;
background: #CCFFCC;
}
}
 
.mw-body-content .mw-ui-button.mw-ui-progressive:hover,
table.navbox-dark a:hover,
.mw-body-content .mw-ui-button.mw-ui-primary:hover {
table.navbox-dark a.extiw:hover,
background-color: #F5FFFA;
table.navbox-dark a.external:hover {
  color: #CFC;
}
}
 
.mw-body-content .mw-ui-button.mw-ui-progressive:disabled,
table.navbox-dark a:visited:hover,
.mw-body-content .mw-ui-button.mw-ui-primary:disabled {
table.navbox-dark a.extiw:visited:hover,
border-color: #999999 !important;
table.navbox-dark a.external:visited:hover {
  color: #DFD;
}
}
 
.mw-body-content .mw-ui-button.mw-ui-progressive:disabled:hover,
table.navbox-dark a.new,
.mw-body-content .mw-ui-button.mw-ui-primary:disabled:hover {
table.navbox-dark a.new:visited,
background-color: #DDDDDD;
table.navbox-dark a.new:hover,
table.navbox-dark a.new:visited:hover {
  color: #FDD;
}
}
 
.mw-body-content .mw-ui-input:focus {
/* News on the front page */
box-shadow: inset 0 0 0 2px #CEF2E0;
.news-date{
  color: #343;
  font-style: italic;
}
}


/* Fix footer spacing */
/* Responsive fix */
#f-list {
@media all and (max-width: 550px) {
line-height: 17px;
body.skin--responsive #sidebar .portlet[role="navigation"] {
display: none !important;
}
}
}
  .page-Main_Page {
    background: url("https://images2.alphacoders.com/233/thumb-1920-233232.jpg") -150px top no-repeat fixed #db9140;
  }
 
  .page-Main_Page .mw-wiki-logo {
    background: url("https://www.pikminwiki.com/images/5/5d/Patapon_wiki.png");
  }
 
  .page-Main_Page div#footer {
    border: outset #b60;
    background: rgba(255, 255, 255, 0.95);
  }
 
  .page-Main_Page div#content {
    border: 2px outset #b60 !important;
    background: rgba(255, 255, 255, 0.95);
  }
 
  .page-Main_Page #catlinks {
    border: 2px outset #b60;
    background: #ffccaa;
  }
 
  .page-Main_Page .portlet h3 {
    color: #fff;
    background: #520;
    border: 2px outset #b60;
  }
 
  .page-Main_Page .pBody {
    background: #fca;
    border: 2px outset #b60;
  }
 
  .page-Main_Page #p-cactions li {
    border: 2px outset #b60;
  }
 
  .page-Main_Page #p-personal li a, li#pt-anonuserpage {
    color: #fee;
  }
 
  .page-Main_Page input[type="submit"],
  .page-Main_Page input[type="button"],
  .page-Main_Page *.mw-ui-button,
  .page-Main_Page #wpCreateaccount,
  .page-Main_Page #wpLoginAttempt,
  .page-Main_Page #mw-createaccount-join,
  .page-Main_Page #wpLoginAttempt:active,
  .page-Main_Page #wpCreateaccount:active,
  .page-Main_Page #mw-createaccount-join:active,
  .page-Main_Page #wpLoginAttempt:focus,
  .page-Main_Page #wpCreateaccount:focus,
  .page-Main_Page #mw-createaccount-join:focus,
  .page-Main_Page #wpLoginAttempt:active:focus,
  .page-Main_Page #wpCreateaccount:active:focus,
  .page-Main_Page #mw-createaccount-join:active:focus {
    background: #fca;
    border: 2px outset #b60 !important;
  }
 
  .page-Main_Page #wpLoginAttempt:hover,
  .page-Main_Page #wpCreateaccount:hover,
  .page-Main_Page #mw-createaccount-join:hover {
    border: 2px outset #b60 !important;
  }
 
  .page-Main_Page input[type="submit"],
  .page-Main_Page input[type="button"],
  .page-Main_Page input[type="text"],
  .page-Main_Page input[type="password"],
  .page-Main_Page input[type="search"],
  .page-Main_Page input[type="email"],
  .page-Main_Page input.loginText,
  .page-Main_Page *.mw-ui-button {
    border: 2px inset #b60 !important;
  }
 
  .page-Main_Page textarea {
    border: 2px inset #b60;
  }
 
  .page-Main_Page a,
  .page-Main_Page #p-cactions li a,
  .page-Main_Page #bodyContent a.extiw,
  .page-Main_Page #bodyContent a.external {
    color: #d40;
  }
 
  .page-Main_Page a:visited,
  .page-Main_Page #bodyContent a.extiw:visited,
  .page-Main_Page #bodyContent a.external:visited {
    color: #b60;
  }
 
  .page-Main_Page a:hover,
  .page-Main_Page #bodyContent a.extiw:hover,
  .page-Main_Page #bodyContent a.external:hover {
    color: #d40;
  }
 
  .page-Main_Page a:visited:hover,
  .page-Main_Page #bodyContent a.extiw:visited:hover,
  .page-Main_Page #bodyContent a.external:visited:hover {
    color: #b60;
  }
 
  .page-Main_Page a.new:link,
  .page-Main_Page a.new:visited,
  .page-Main_Page #p-cactions .new a,
  .page-Main_Page #p-cactions .new a:visited {
    color: #f00;
  }
 
  .page-Main_Page #bodyContent a.external {
    background-image: none;
    padding-right: 0px;
  }
 
  .page-Main_Page .pikipediaBox{
    background-color: #fc4;
    border:          2px outset #b60;
  }
  .page-Main_Page .titledBox{
    background: #fffbf5;
    border:    1px solid #f2e7ce;
  }
  .page-Main_Page .titledBoxTitle{
    background:  #f2e7ce;
    border:      1px solid #bfb4a3;
  }
 
  .page-Main_Page div ul {
    list-style-image: none !important;
  }

Latest revision as of 20:29, January 24, 2024

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

#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,
.rootpage-Pikipedia_Featured_article p + dl {
	margin-top: -0.4em;
}
.ns-talk dl + dl, .ns-110 dl + dl,
.rootpage-Pikipedia_Featured_article dl + dl {
	margin-top: -0.2em;
}

/* Infoboxes */
.infobox th {
	background: #cfc;
}

/* Pikipedia boxes */
.pikipediaBox {
	background-color: #cfc;
	border: 2px outset #0b0;
	border-radius: 30px 0 20px 0;
}

/* Titled boxes */
.titledBox {
	background-color: #f5fffa;
	border: 1px solid #cef2e0;
	margin-top: 10px;
}
.titledBoxTitle {
	background-color: #cef2e0;
	border: 1px solid #a3bfb1;
}

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

/* Edit page */
div.editOptions {
	background: none;
	border: 1px solid #9c9;
}
#wpSummaryWidget .oo-ui-labelElement-label {
	margin-top: -4px;
}
input#wpSummary {
	width: 99%;
}

.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: rgba(255, 255, 255, 0.95);
}
ul {
	list-style-image: url(https://pikmin.wiki.gallery/images/bullet.png);
}
#toc {
	background: #cfc;
	border: 2px outset #0b0;
	border-radius: 60px 0 40px 0;
	padding: 7px 13px;
	min-width: 115px;
}
#toc li {
	list-style: none;
}
body {
	background: #6a9140 url(https://pikmin.wiki.gallery/images/8/8a/Wiki-background.jpg) no-repeat fixed -150px top;
}
div#content {
	border: 2px outset #0b0 !important;
	border-radius: 15px;
	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 10px 15px;
}
div.tleft {
	 border: none;
	 margin: 5px 15px 10px 0;
}
#catlinks {
	border: 2px outset #0b0;
	background: #ccffcc;
	border-radius: 15px 0;
	margin-top: 10px;
	padding-top: 0;
	padding-bottom: 0;
}

@media all and (min-width: 551px) {
	/* User links */
	body.skin-monobook #p-personal ul {
		background: rgba(0, 0, 0, 0.4);
		border-radius: 0 0 0 10px;
		float: right;
		padding: 2px 1em 2px 0;
	}
	body.skin-monobook #p-personal li a, 
	body.skin-monobook li#pt-anonuserpage {
		color: #efe;
	}
	body.skin-monobook #p-personal li a:hover {
		color: #bfb;
		background: none;
		text-decoration: underline;
	}

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

	/* Sidebar */
	body.skin-monobook .portlet {
		width: 150px;
	}
	body.skin-monobook .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;
	}
	body.skin-monobook .portlet h3 label {
		cursor: auto;
	}
	body.skin-monobook .pBody {
		background: #cfc;
		border: 2px outset #0b0;
		padding-left: 0;
		margin: 2px 20px 0 5px;
		border-radius: 25px 0;
	}
	body.skin-monobook .portlet ul {
		list-style-type: none;
	}

	/* Search */
	input[type="submit"]:hover,
	input[type="button"]:hover,
	.mw-body-content button:hover {
		background: none;
	}
	body.skin-monobook #searchInput {
		width: 100px;
	}
	body.skin-monobook #p-search .pBody {
		padding: 4px 6px 5px 6px;
	}
	body.skin-monobook #searchButton,
	body.skin-monobook #mw-searchButton {
		padding: 0 2px;
		border-radius: 11px 0;
	}
	body.skin-monobook #searchButton:hover,
	body.skin-monobook #mw-searchButton:hover {
		background: #fff;
	}
}
@media all and (max-width: 550px) {
	body.skin--responsive #searchInput {
		border: 1px solid #aaa !important;
	}
	body.skin--responsive #searchButton {
		border: 0 !important;
	}
	body.skin--responsive #searchInput,
	body.skin--responsive #searchButton {
		border-radius: 0 !important;
		box-sizing: border-box !important;
	}
}

/* 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,
.mw-body-content input[type="text"],
.mw-body-content input[type="password"],
.mw-body-content input[type="email"],
input[type="search"],
#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;
}
.mw-body-content input[type="text"],
.mw-body-content 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,
.toctogglelabel,
.mw-parser-output a.extiw,
.mw-parser-output a.external,
body.skin-monobook #p-cactions li a,
.mw-special-CheckUser .mw-checkuser-paging-links {
	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,
a.mw-usertoollinks-contribs-no-edits,
body.skin-monobook #p-cactions .new a,
body.skin-monobook #p-cactions .new a:visited {
	color: #bb0;
}
.mw-parser-output a.external {
	background: url(https://pikmin.wiki.gallery/images/external.png) center right no-repeat;
}
.mw-parser-output a.external[href$=".pdf"], .mw-parser-output a.external[href$=".PDF"],
.mw-parser-output a.external[href*=".pdf#"], .mw-parser-output a.external[href*=".PDF#"],
.mw-parser-output a.external[href*=".pdf?"], .mw-parser-output a.external[href*=".PDF?"], .link-document {
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='UTF-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%23080' d='M7.5 2v3H10l1-1H8.5V1z'/%3E%3Cpath fill='%230a0' d='M3 1v10h8V4L8.5 1zm1 1h4l2 2.5V10H4z'/%3E%3C/svg%3E");
}

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

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

/* Site notice */
#siteNotice .pikipediaBox {
	margin: 0 auto 5px !important;
}

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

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

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

/* Indicator icons */
.mw-indicators {
	top: -4px;
}

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

/* 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;
}
.mw-mmv-wrapper a:not(.oo-ui-buttonElement-button) {
	color: #3167d4 !important;
}
.mw-mmv-wrapper a.mw-ui-button.mw-ui-progressive {
	color: #fff !important;
}

/* 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;
}

/* Advanced search */
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined .oo-ui-tagMultiselectWidget-handle {
	box-shadow: none !important;
}
#mw-advancedSearch-expandable-namespaces .oo-ui-textInputWidget .oo-ui-inputWidget-input {
	width: 94% !important;
}
.oo-ui-tagMultiselectWidget-handle {
	border: 0 !important;
}
.oo-ui-icon-search, .oo-ui-icon-menu {
	background-size: 14px;
	background-position: 0 1px;
}

/* InputBox */
.mw-body-content .mw-ui-button.mw-ui-progressive,
.mw-body-content .mw-ui-button.mw-ui-primary {
	color: #000;
	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;
}

/* Responsive fix */
@media all and (max-width: 550px) {
	body.skin--responsive #sidebar .portlet[role="navigation"] {
		display: none !important;
	}
}