MediaWiki:Monobook.css: Difference between revisions
From Pikmin Fanon
No edit summary |
Trig Jegman (talk | contribs) m (& should fix display issues with TOC, attempting to fix the same with search bar #cww) |
||
(19 intermediate revisions by 5 users not shown) | |||
Line 3: | Line 3: | ||
body.page-Main_Page #siteSub, | body.page-Main_Page #siteSub, | ||
body.page-Main_Page #contentSub, | body.page-Main_Page #contentSub, | ||
body.page-Main_Page | body.page-Main_Page .firstHeading { | ||
display: none !important; | display: none !important; | ||
} | } | ||
.editsimilar { | .editsimilar { | ||
background: # | background: #D0F0C0; | ||
border: 2px outset # | border: 2px outset #CCBBDD; | ||
border-radius: 40px 0; | border-radius: 40px 0; | ||
} | } | ||
Line 17: | Line 15: | ||
/*Watchlist edit message*/ | /*Watchlist edit message*/ | ||
.usermessage { | .usermessage { | ||
background: # | background: #D0F0C0; | ||
font-weight: bold; | font-weight: bold; | ||
margin: 20px 0 10px 0; | margin: 20px 0 10px 0; | ||
Line 23: | Line 21: | ||
vertical-align: middle; | vertical-align: middle; | ||
border: 2px outset #000000; | border: 2px outset #000000; | ||
border-radius: 15px; | border-radius: 15px; | ||
} | } | ||
Line 32: | Line 28: | ||
border: outset #CCCCCC; | border: outset #CCCCCC; | ||
border-width: 2px 0; | border-width: 2px 0; | ||
background: url(/images/W80.png); | background: url(/w/images/W80.png); | ||
background: rgba(255, 255, 255, 0.8); | background: rgba(255, 255, 255, 0.8); | ||
} | } | ||
html | html .skin-monobook ul {list-style-image: url(/w/images/Bullet.png);} | ||
#toc { | #toc { | ||
background: # | background: #D0F0C0; | ||
border: 2px outset #CCBBDD; | |||
border-radius: 60px 0 40px 0; | border-radius: 60px 0 40px 0; | ||
padding: 7px 11px; | |||
min-width: 120px; | |||
} | } | ||
#toc li {list-style: none;} | #toc li {list-style: none;} | ||
body {background: url(/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 #CCCCCC !important; | border: 2px outset #CCCCCC !important; | ||
border-radius: 15px; | border-radius: 15px; | ||
background: url(/images/W80.png); | background: url(/w/images/W80.png); | ||
background: rgba(255, 255, 255, 0.8); | background: rgba(255, 255, 255, 0.8); | ||
} | } | ||
table, td, | table, td, .diff, .diff-otitle, .diff-ntitle {background: none;} | ||
pre {background: rgba(249, 249, 249, .7);} | pre {background: rgba(249, 249, 249, .7);} | ||
div.thumb {border: none;} | div.thumb {border: none;} | ||
.tright { | |||
border: none; | border: none; | ||
margin: 5px 0 5px 10px; | margin: 5px 0 5px 10px; | ||
} | } | ||
.tleft { | |||
border: none; | border: none; | ||
margin: 5px 15px 5px 0; | margin: 5px 15px 5px 0; | ||
Line 66: | Line 60: | ||
.wikia-gallery-item .thumb {border-color: #aca;} | .wikia-gallery-item .thumb {border-color: #aca;} | ||
#catlinks { | #catlinks { | ||
border: 2px outset # | border: 2px outset #CCBBDD; | ||
background: # | background: #CCFFCC; | ||
border-radius: 30px 0; | border-radius: 30px 0; | ||
padding-bottom: 0; | padding-bottom: 0; | ||
Line 76: | Line 68: | ||
/*Sidebar*/ | /*Sidebar*/ | ||
.portlet {width: | .portlet {width: 175px;} | ||
.portlet | .portlet { | ||
color: black; | color: black; | ||
background: # | background: #48A627; | ||
border: 2px outset # | 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; | ||
border-radius: 11px 0; | border-radius: 11px 0; | ||
} | } | ||
.portlet | .portlet label {cursor: auto;} | ||
.pBody { | .pBody { | ||
background: # | background: #A3D293; | ||
border: 2px outset # | border: 2px outset #CCBBDD; | ||
padding-left: 0; | padding-left: 0; | ||
margin: 2px 20px 0 5px; | margin: 2px 20px 0 5px; | ||
border-radius: 25px 0; | border-radius: 25px 0; | ||
} | } | ||
Line 107: | Line 95: | ||
#p-cactions { left: 13.5em } | #p-cactions { left: 13.5em } | ||
.portlet { width: 13em } | .portlet { width: 13em } | ||
#column-content { margin-left: -13em } | |||
#content { margin-left: 13em } | |||
/*Search*/ | /*Search*/ | ||
Line 115: | Line 103: | ||
background: none; | background: none; | ||
} | } | ||
#searchInput {width: | #searchInput {width: 90px;} | ||
#p-search .pBody {padding: 4px 6px 5px 6px;} | #p-search .pBody {padding: 4px 6px 5px 6px;} | ||
#searchGoButton, #mw-searchButton { | #searchGoButton, #mw-searchButton { | ||
padding: 0 2px; | padding: 0 2px; | ||
border-radius: 11px 0; | border-radius: 11px 0; | ||
} | } | ||
Line 129: | Line 115: | ||
#p-cactions li { | #p-cactions li { | ||
border: 2px outset #CCCCCC; | border: 2px outset #CCCCCC; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #FFFFFF; | ||
border-radius: 10px 0; | border-radius: 10px 0; | ||
} | } | ||
#p-cactions li a { | #p-cactions li a { | ||
border: none; | border: none; | ||
border-radius: 10px 0; | border-radius: 10px 0; | ||
} | } | ||
Line 146: | Line 128: | ||
#catlinks:hover {background: none;} | #catlinks:hover {background: none;} | ||
.portlet .pBody:hover, | .portlet .pBody:hover, | ||
.portlet | .portlet :hover { | ||
background: # | background: #FFFFFF; | ||
opacity: 0.85; | opacity: 0.85; | ||
} | } | ||
.portlet | .portlet :hover {color: #050;} | ||
/*Input boxes*/ | /*Input boxes*/ | ||
input[type="submit"], | input[type="submit"], | ||
input[type="button"], | input[type="button"], | ||
Line 165: | Line 140: | ||
input[type="password"], | input[type="password"], | ||
input[type="search"] { | input[type="search"] { | ||
border-radius: 15px 0; | border-radius: 15px 0; | ||
border: 2px inset #CCCCCC; | border: 2px inset #CCCCCC; | ||
padding: 0 3px; | padding: 0 3px; | ||
} | } | ||
input[type=" | input[type="submit"], | ||
input[type=" | input[type="button"] { | ||
color: #000; | |||
cursor: pointer; | |||
background: #d0f0c0; | |||
border: 2px outset #CCCCCC; | |||
} | |||
textarea { | textarea { | ||
border: 2px inset #CCCCCC; | border: 2px inset #CCCCCC; | ||
Line 187: | Line 164: | ||
#bodyContent a.extiw, | #bodyContent a.extiw, | ||
#bodyContent a.external { | #bodyContent a.external { | ||
color: # | color: #008844; | ||
} | } | ||
a:visited, | a:visited, | ||
#bodyContent a.extiw:visited, | #bodyContent a.extiw:visited, | ||
#bodyContent a.external:visited { | #bodyContent a.external:visited { | ||
color: # | color: #008844; | ||
} | } | ||
a:hover, | a:hover, | ||
Line 198: | Line 175: | ||
#bodyContent a.extiw:hover, | #bodyContent a.extiw:hover, | ||
#bodyContent a.external:hover { | #bodyContent a.external:hover { | ||
color: # | 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: # | color: #00BB44; | ||
} | } | ||
a.new:link, | a.new:link, | ||
Line 211: | Line 188: | ||
#p-personal li a.new:visited, | #p-personal li a.new:visited, | ||
#p-cactions .new a:visited { | #p-cactions .new a:visited { | ||
color: # | color: #BBBB00; | ||
} | } | ||
#p-personal li a:hover {background: none;} | #p-personal li a:hover {background: none;} | ||
Line 228: | Line 205: | ||
#p-personal li a {color: #efe;} | #p-personal li a {color: #efe;} | ||
#p-personal li a:hover {color: #bfb; background: none; text-decoration: underline;} | #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; | |||
} | |||
} |
Latest revision as of 08:06, 29 September 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: 2px outset #CCBBDD;
border-radius: 60px 0 40px 0;
padding: 7px 11px;
min-width: 120px;
}
#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: 90px;}
#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;
}
}