MediaWiki:Monobook.css: Difference between revisions

From Pikmin Fanon
No edit summary
m (& cleanup/modernized; web browser radius calls should be standardized now)
Line 8: Line 8:


.editsimilar {
.editsimilar {
     background: #d0f0c0;
     background: #D0F0C0;
     border: 2px outset #cbd;
     border: 2px outset #CCBBDD;
    -webkit-border-radius: 40px 0 / 40px 0;
    -moz-border-radius: 40px 0;
     border-radius: 40px 0;
     border-radius: 40px 0;
}
}
Line 17: Line 15:
/*Watchlist edit message*/
/*Watchlist edit message*/
.usermessage {
.usermessage {
     background: #d0f0c0;
     background: #D0F0C0;
     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 #000;
     border: 2px outset #000000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
     border-radius: 15px;
     border-radius: 15px;
}
}
Line 30: Line 26:
/*Content area*/
/*Content area*/
#footer {
#footer {
     border: outset #ccc;
     border: outset #CCCCCC;
     border-width: 2px 0;
     border-width: 2px 0;
     background: url(/w/images/W80.png);
     background: url(/w/images/W80.png);
Line 37: Line 33:
html .skin-monobook ul {list-style-image: url(/w/images/Bullet.png);}
html .skin-monobook ul {list-style-image: url(/w/images/Bullet.png);}
#toc {
#toc {
     background: #d0f0c0;
     background: #D0F0C0;
    -webkit-border-radius: 60px 0 40px 0 / 60px 0 40px 0;
    -moz-border-radius: 60px 0 40px 0;
     border-radius: 60px 0 40px 0;
     border-radius: 60px 0 40px 0;
     border: 2px outset #cbd;
     border: 2px outset #CCBBDD;
}
}
#toc li {list-style: none;}
#toc li {list-style: none;}
body {background: url(/w/images/9/97/Green-grass_w.jpg) no-repeat center fixed;}
body {background: url(/w/images/9/97/Green-grass_w.jpg) no-repeat center fixed;}
#content {
#content {
     border: 2px outset #ccc !important;
     border: 2px outset #CCCCCC !important;
    -webkit-border-radius: 15px;
    -moz-border-radius: 20px;
     border-radius: 15px;
     border-radius: 15px;
     background: url(/w/images/W80.png);
     background: url(/w/images/W80.png);
Line 66: Line 58:
.wikia-gallery-item .thumb {border-color: #aca;}
.wikia-gallery-item .thumb {border-color: #aca;}
#catlinks {
#catlinks {
   border: 2px outset #cbd;
   border: 2px outset #CCBBDD;
   background: #ccffcc;
   background: #CCFFCC;
    -webkit-border-radius: 30px 0 / 30px 0;
  -moz-border-radius: 30px 0;
     border-radius: 30px 0;
     border-radius: 30px 0;
     padding-bottom: 0;
     padding-bottom: 0;
Line 79: Line 69:
.portlet {
.portlet {
     color: black;
     color: black;
     background: #48a627;
     background: #48A627;
     border: 2px outset #000;
     border: 2px outset #000000;
     padding: 1px 0 3px 10px;
     padding: 1px 0 3px 10px;
     font-family:"Helvetica", Helvetica, serif;
     font-family:"Helvetica", Helvetica, serif;
     font-weight: bold;
     font-weight: bold;
     display: block;
     display: block;
    -webkit-border-radius: 11px 0 / 11px 0;
    -moz-border-radius: 11px 0;
     border-radius: 11px 0;
     border-radius: 11px 0;
}
}
.portlet label {cursor: auto;}
.portlet label {cursor: auto;}
.pBody {
.pBody {
     background: #a3d293;
     background: #A3D293;
     border: 2px outset #cbd;
     border: 2px outset #CCBBDD;
     padding-left: 0;
     padding-left: 0;
     margin: 2px 20px 0 5px;
     margin: 2px 20px 0 5px;
    -webkit-border-radius: 25px 0 / 25px 0;
    -moz-border-radius: 25px 0;
     border-radius: 25px 0;
     border-radius: 25px 0;
}
}
Line 119: Line 105:
#searchGoButton, #mw-searchButton {
#searchGoButton, #mw-searchButton {
     padding: 0 2px;
     padding: 0 2px;
    -moz-border-radius: 11px 0;
    -webkit-border-radius: 11px 0 / 11px 0;
     border-radius: 11px 0;
     border-radius: 11px 0;
}
}
Line 129: Line 113:
#p-cactions li {
#p-cactions li {
     border: 2px outset #CCCCCC;
     border: 2px outset #CCCCCC;
     border-bottom: 1px solid #fff;
     border-bottom: 1px solid #FFFFFF;
    -webkit-border-radius: 10px 0 / 10px 0;
    -moz-border-radius: 10px 0;
     border-radius: 10px 0;
     border-radius: 10px 0;
}
}
#p-cactions li a {
#p-cactions li a {
     border: none;
     border: none;
    -webkit-border-radius: 10px 0 / 10px 0;
    -moz-border-radius: 10px 0;
     border-radius: 10px 0;
     border-radius: 10px 0;
}
}
Line 147: Line 127:
.portlet .pBody:hover,
.portlet .pBody:hover,
.portlet :hover {
.portlet :hover {
     background: #fff;
     background: #FFFFFF;
     opacity: 0.85;
     opacity: 0.85;
}
}
Line 158: Line 138:
input[type="password"],
input[type="password"],
input[type="search"] {
input[type="search"] {
    -webkit-border-radius: 15px 0 / 15px 0;
    -moz-border-radius: 15px 0;
     border-radius: 15px 0;
     border-radius: 15px 0;
     border: 2px inset #ccc;
     border: 2px inset #CCCCCC;
     padding: 0 3px;
     padding: 0 3px;
}
}
Line 169: Line 147:
     cursor: pointer;
     cursor: pointer;
     background: #d0f0c0;
     background: #d0f0c0;
     border: 2px outset #ccc;
     border: 2px outset #CCCCCC;
}
}
textarea {
textarea {
     border: 2px inset #ccc;
     border: 2px inset #CCCCCC;
     background: none;
     background: none;
     padding: 0;
     padding: 0;
Line 184: Line 162:
#bodyContent a.extiw,
#bodyContent a.extiw,
#bodyContent a.external {
#bodyContent a.external {
     color: #084;
     color: #008844;
}
}
a:visited,
a:visited,
#bodyContent a.extiw:visited,
#bodyContent a.extiw:visited,
#bodyContent a.external:visited {
#bodyContent a.external:visited {
     color: #084;
     color: #008844;
}
}
a:hover,
a:hover,
Line 195: Line 173:
#bodyContent a.extiw:hover,
#bodyContent a.extiw:hover,
#bodyContent a.external:hover {
#bodyContent a.external:hover {
     color: #cbd;
     color: #CCBBDD;
}
}
a:visited:hover,
a:visited:hover,
#bodyContent a.extiw:visited:hover,
#bodyContent a.extiw:visited:hover,
#bodyContent a.external:visited:hover {
#bodyContent a.external:visited:hover {
     color: #0b4;
     color: #00BB44;
}
}
a.new:link,
a.new:link,
Line 208: Line 186:
#p-personal li a.new:visited,
#p-personal li a.new:visited,
#p-cactions .new a:visited {
#p-cactions .new a:visited {
     color: #bb0;
     color: #BBBB00;
}
}



Revision as of 21:16, 30 August 2023

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

/*Content area*/
#footer {
    border: outset #CCCCCC;
    border-width: 2px 0;
    background: url(/w/images/W80.png);
    background: rgba(255, 255, 255, 0.8);
}
html .skin-monobook ul {list-style-image: url(/w/images/Bullet.png);}
#toc {
    background: #D0F0C0;
    border-radius: 60px 0 40px 0;
    border: 2px outset #CCBBDD;
}
#toc li {list-style: none;}
body {background: url(/w/images/9/97/Green-grass_w.jpg) no-repeat center fixed;}
#content {
    border: 2px outset #CCCCCC !important;
    border-radius: 15px;
    background: url(/w/images/W80.png);
    background: rgba(255, 255, 255, 0.8);
}
table, td, .diff, .diff-otitle, .diff-ntitle {background: none;}
pre {background: rgba(249, 249, 249, .7);}
div.thumb {border: none;}
.tright {
   border: none;
   margin: 5px 0 5px 10px;
}
.tleft {
   border: none;
   margin: 5px 15px 5px 0;
}
.wikia-gallery-item .thumb {border-color: #aca;}
#catlinks {
   border: 2px outset #CCBBDD;
   background: #CCFFCC;
    border-radius: 30px 0;
    padding-bottom: 0;
    padding-top: 0;
}

/*Sidebar*/
.portlet {width: 175px;}
.portlet {
    color: black;
    background: #48A627;
    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;}
.pBody {
    background: #A3D293;
    border: 2px outset #CCBBDD;
    padding-left: 0;
    margin: 2px 20px 0 5px;
    border-radius: 25px 0;
}
.portlet ul {list-style-type: none;}

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

/*Search*/
input[type="submit"]:hover,
input[type="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;
}

/*Tabs*/
#p-cactions .pBody:hover {opacity: 1;}
#p-cactions li:hover {opacity: 0.8;}
#p-cactions li {
    border: 2px outset #CCCCCC;
    border-bottom: 1px solid #FFFFFF;
    border-radius: 10px 0;
}
#p-cactions li a {
    border: none;
    border-radius: 10px 0;
}

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

/*Input boxes*/
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="password"],
input[type="search"] {
    border-radius: 15px 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;
}

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

#p-personal li a:hover {background: none;}

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

#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 {color: #efe;}
#p-personal li a:hover {color: #bfb; background: none; text-decoration: underline;}

code {
  border: 1px solid #ddd;
}

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