MediaWiki:Monobook.css: Difference between revisions
Jump to navigation
Jump to search
m (Reverted edits by BladeBronson (talk) to last version by Greenpickle) |
Greenpickle (talk | contribs) m (fixes/optimisations) |
||
Line 11: | Line 11: | ||
/*That crazy box*/ | /*That crazy box*/ | ||
.editsimilar { | .editsimilar { | ||
background: # | background: #cfc; | ||
border: 2px outset # | border: 2px outset #0b0; | ||
-moz-border-radius-topleft: 40px; | -moz-border-radius-topleft: 40px; | ||
-moz-border-radius-bottom right: 40px; | -moz-border-radius-bottom right: 40px; | ||
Line 19: | Line 19: | ||
/*OGG player*/ | /*OGG player*/ | ||
.ogg-player-options { | .ogg-player-options { | ||
border: 2px outset # | border: 2px outset #0b0; | ||
-moz-border-radius-topleft: 50px; | -moz-border-radius-topleft: 50px; | ||
-moz-border-radius-bottom right: 100px; | -moz-border-radius-bottom right: 100px; | ||
Line 28: | Line 28: | ||
background: #ccffcc; | background: #ccffcc; | ||
font-weight: bold; | font-weight: bold; | ||
margin: 20px | margin: 20px 0 10px 0; | ||
padding: 5px 10px; | padding: 5px 10px; | ||
vertical-align: middle; | vertical-align: middle; | ||
border: 2px outset # | border: 2px outset #0b0; | ||
-moz-border-radius-bottomright: 15px; | -moz-border-radius-bottomright: 15px; | ||
-moz-border-radius-topleft: 15px; | -moz-border-radius-topleft: 15px; | ||
Line 37: | Line 37: | ||
/*Background*/ | /*Background*/ | ||
body | body { | ||
{ | background-image: url(http://images.wikia.com/pikmin/images/3/37/White_and_Purple_Pikmin.jpg); | ||
background-image: url(http://images.wikia.com/pikmin/images/3/37/White_and_Purple_Pikmin.jpg); | background-repeat: no-repeat; | ||
background-repeat: no-repeat; | background-position: right; | ||
background-position: right; | background-attachment: fixed; | ||
background-attachment: fixed; | |||
} | } | ||
Line 59: | Line 58: | ||
div.tright { | div.tright { | ||
border: none; | border: none; | ||
margin: 5px | margin: 5px 0 5px 10px; | ||
} | } | ||
div.tleft { | div.tleft { | ||
border: none; | border: none; | ||
margin: 5px 15px 5px | margin: 5px 15px 5px 0; | ||
} | } | ||
Line 72: | Line 71: | ||
.portlet h5 { | .portlet h5 { | ||
text-transform: uppercase; | text-transform: uppercase; | ||
color: # | color: #fff; | ||
background: # | background: #050; | ||
border: 2px outset # | border: 2px outset #0b0; | ||
padding: 1px | padding: 1px 0 3px 10px; | ||
font-weight: bold; | font-weight: bold; | ||
display: block; | display: block; | ||
Line 83: | Line 82: | ||
} | } | ||
.pBody { | .pBody { | ||
background: # | background: #cfc; | ||
border: 2px outset # | border: 2px outset #0b0; | ||
padding-left: | padding-left: 0; | ||
margin: 2px 30px | margin: 2px 30px 0 10px; | ||
-moz-border-radius-topleft: 2.0em; | -moz-border-radius-topleft: 2.0em; | ||
-moz-border-radius-bottomright: 2.0em; | -moz-border-radius-bottomright: 2.0em; | ||
Line 95: | Line 94: | ||
/*Search*/ | /*Search*/ | ||
input | input[type="submit"] { | ||
cursor: pointer; | cursor: pointer; | ||
background: # | background: #cfc; | ||
border: 2px outset # | border: 2px outset #0b0; | ||
} | } | ||
input | input:hover { | ||
background: # | background: #fff; | ||
} | } | ||
#searchInput { | #searchInput { | ||
width: 89px; | width: 89px; | ||
background: # | background: #fff; | ||
} | } | ||
#p-search .pBody { | #p-search .pBody { | ||
Line 116: | Line 112: | ||
/*Tabs*/ | /*Tabs*/ | ||
#p-cactions li { | #p-cactions li { | ||
border: 2px outset # | border: 2px outset #0b0; | ||
border-bottom: 1px solid # | border-bottom: 1px solid #fff; | ||
} | } | ||
#p-cactions li a { | #p-cactions li a { | ||
Line 130: | Line 126: | ||
/*ToC*/ | /*ToC*/ | ||
#toc { | #toc { | ||
background: # | background: #cfc; | ||
-moz-border-radius-topleft: 60px; | -moz-border-radius-topleft: 60px; | ||
-moz-border-radius-bottomright: 40px; | -moz-border-radius-bottomright: 40px; | ||
border: 2px outset # | border: 2px outset #0b0; | ||
} | } | ||
Line 143: | Line 139: | ||
} | } | ||
#p-search .pBody:hover { | #p-search .pBody:hover { | ||
background: # | background: #fff; | ||
} | } | ||
#p-tb .pBody:hover, | #p-tb .pBody:hover, | ||
Line 152: | Line 148: | ||
#p-cactions li.selected, | #p-cactions li.selected, | ||
#p-cactions li.selected a { | #p-cactions li.selected a { | ||
background: # | background: #fff; | ||
opacity: 0.85; | opacity: 0.85; | ||
} | } | ||
.portlet h5:hover { | .portlet h5:hover { | ||
background: none; | background: none; | ||
color: # | color: #070; | ||
} | } | ||
Line 164: | Line 160: | ||
-moz-border-radius-topleft: 20px; | -moz-border-radius-topleft: 20px; | ||
-moz-border-radius-bottomright: 20px; | -moz-border-radius-bottomright: 20px; | ||
border: 2px inset # | border: 2px inset #0b0; | ||
padding-left: 3px; | padding-left: 3px; | ||
} | } | ||
select { | select { | ||
border: 2px inset # | border: 2px inset #0b0; | ||
} | } | ||
input[type="text"], | input[type="text"], | ||
Line 175: | Line 171: | ||
} | } | ||
textarea { | textarea { | ||
border: 2px inset # | border: 2px inset #0b0; | ||
-moz-border-radius-topleft: 40px; | -moz-border-radius-topleft: 40px; | ||
-moz-border-radius-bottomright: 40px; | -moz-border-radius-bottomright: 40px; | ||
padding: 8px 5px 16px 8px; | padding: 8px 5px 16px 8px; | ||
background: none; | background: none; | ||
} | } | ||
/*Content area*/ | /*Content area*/ | ||
#content { | #content { | ||
border: 2px outset # | border: 2px outset #0b0; | ||
-moz-border-radius: 20px; | -moz-border-radius: 20px; | ||
} | } | ||
Line 235: | Line 224: | ||
} | } | ||
#catlinks { | #catlinks { | ||
border: 2px outset # | border: 2px outset #0b0; | ||
background: #ccffcc; | background: #ccffcc; | ||
-moz-border-radius-topleft: 30px; | -moz-border-radius-topleft: 30px; | ||
-moz-border-radius-bottomright: 30px; | -moz-border-radius-bottomright: 30px; | ||
padding-bottom: | padding-bottom: 0; | ||
padding-top: | padding-top: 0; | ||
} | } | ||
/* TabbyBox */ | /* TabbyBox */ | ||
#tabbyHead a { | #tabbyHead a { | ||
padding: | padding: 0 10px; | ||
background-color: # | background-color: #cfc; | ||
-moz-border-radius-topleft: 15px; | -moz-border-radius-topleft: 15px; | ||
-moz-border-radius-bottomright: 15px; | -moz-border-radius-bottomright: 15px; | ||
color: # | color: #060; | ||
font-size: 150%; | font-size: 150%; | ||
} | } | ||
#tabbyHead a.selected { | #tabbyHead a.selected { | ||
border: 2px solid # | border: 2px solid #0b0; | ||
background: #ffffff; | background: #ffffff; | ||
} | } |
Revision as of 14:42, October 7, 2008
/* CSS placed here will affect users of the Monobook skin */
/* 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 h1.firstHeading {
display: none !important;
}
/*That crazy box*/
.editsimilar {
background: #cfc;
border: 2px outset #0b0;
-moz-border-radius-topleft: 40px;
-moz-border-radius-bottom right: 40px;
}
/*OGG player*/
.ogg-player-options {
border: 2px outset #0b0;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottom right: 100px;
}
/*Watchlist edit message*/
.usermessage {
background: #ccffcc;
font-weight: bold;
margin: 20px 0 10px 0;
padding: 5px 10px;
vertical-align: middle;
border: 2px outset #0b0;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-topleft: 15px;
}
/*Background*/
body {
background-image: url(http://images.wikia.com/pikmin/images/3/37/White_and_Purple_Pikmin.jpg);
background-repeat: no-repeat;
background-position: right;
background-attachment: fixed;
}
#content {
background-image: url(http://images.wikia.com/pikmin/images/1/1f/Background.jpg);
background-position: right;
background-attachment: fixed;
background-repeat: no-repeat;
}
table, td {
background: none;
}
div.thumb {
border: none;
}
div.tright {
border: none;
margin: 5px 0 5px 10px;
}
div.tleft {
border: none;
margin: 5px 15px 5px 0;
}
/*Sidebar*/
.portlet {
width: 150px;
}
.portlet h5 {
text-transform: uppercase;
color: #fff;
background: #050;
border: 2px outset #0b0;
padding: 1px 0 3px 10px;
font-weight: bold;
display: block;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
}
.pBody {
background: #cfc;
border: 2px outset #0b0;
padding-left: 0;
margin: 2px 30px 0 10px;
-moz-border-radius-topleft: 2.0em;
-moz-border-radius-bottomright: 2.0em;
}
.portlet ul {
list-style-type: none;
}
/*Search*/
input[type="submit"] {
cursor: pointer;
background: #cfc;
border: 2px outset #0b0;
}
input:hover {
background: #fff;
}
#searchInput {
width: 89px;
background: #fff;
}
#p-search .pBody {
padding: 0.5em 0.5em 0.5em 0.5em;
}
/*Tabs*/
#p-cactions li {
border: 2px outset #0b0;
border-bottom: 1px solid #fff;
}
#p-cactions li a {
border: none;
}
#p-cactions li,
#p-cactions li a {
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
}
/*ToC*/
#toc {
background: #cfc;
-moz-border-radius-topleft: 60px;
-moz-border-radius-bottomright: 40px;
border: 2px outset #0b0;
}
/*Hover*/
.usermessage:hover,
#toc:hover,
#catlinks:hover {
background: none;
}
#p-search .pBody:hover {
background: #fff;
}
#p-tb .pBody:hover,
#p-wikicities-nav .pBody:hover,
#p-navigation .pBody:hover,
#p-cactions li,
#p-cactions li a,
#p-cactions li.selected,
#p-cactions li.selected a {
background: #fff;
opacity: 0.85;
}
.portlet h5:hover {
background: none;
color: #070;
}
/*Input boxes*/
input {
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border: 2px inset #0b0;
padding-left: 3px;
}
select {
border: 2px inset #0b0;
}
input[type="text"],
input[type="password"] {
height: 16px;
}
textarea {
border: 2px inset #0b0;
-moz-border-radius-topleft: 40px;
-moz-border-radius-bottomright: 40px;
padding: 8px 5px 16px 8px;
background: none;
}
/*Content area*/
#content {
border: 2px outset #0b0;
-moz-border-radius: 20px;
}
#footer {
background: none;
}
/*Links*/
a,
#p-personal li a,
#p-cactions li a,
#bodyContent a.extiw,
#bodyContent a.external {
color: #008800;
}
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: #00bb00;
}
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;
}
#bodyContent a.external {
background-image: url(http://images.wikia.com/pikmin/images/4/44/External.png);
}
#catlinks {
border: 2px outset #0b0;
background: #ccffcc;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomright: 30px;
padding-bottom: 0;
padding-top: 0;
}
/* TabbyBox */
#tabbyHead a {
padding: 0 10px;
background-color: #cfc;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
color: #060;
font-size: 150%;
}
#tabbyHead a.selected {
border: 2px solid #0b0;
background: #ffffff;
}
#tabbyHead p {
margin: 1px;
}
#tabbyHead {
position: relative;
left: 50px;
}