


Difference between revisions of "MediaWiki:Monobook.css"
Wikisimpsons - The Simpsons Wiki
Solar Dragon (talk | contribs) |
|||
(48 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Monobook skin */ | /* CSS placed here will affect users of the Monobook skin */ | ||
+ | |||
+ | /* Background image */ | ||
body { | body { | ||
− | background: #399BC0 url(http:// | + | background: #399BC0 url(http://simpsonswiki.net/w/images/8/80/Simp2.jpg); |
+ | } | ||
+ | |||
+ | #content { | ||
+ | background: #fff9cf; | ||
+ | border: 1px solid #3366CC; | ||
+ | /*border: 1px solid #73abe6 !important;*/ | ||
+ | border-right: none !important; | ||
+ | color: #000000; | ||
+ | line-height: 1.5em; | ||
+ | padding: 0 1em 1.5em 1em; | ||
+ | position: relative; | ||
+ | z-index: 2; | ||
+ | -moz-border-radius: 9px; | ||
+ | } | ||
+ | |||
+ | #column-one { | ||
+ | padding-top: 155px; | ||
+ | } | ||
+ | |||
+ | #column-content { | ||
+ | float: right; | ||
+ | margin: 0 0 0.6em -12.2em; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | color: #FFF4C4; | ||
+ | } | ||
+ | |||
+ | #p-logo { | ||
+ | top: 0em; | ||
+ | } | ||
+ | |||
+ | /* Link colors */ | ||
+ | a { | ||
+ | background: transparent none repeat scroll 0 0; | ||
+ | color: #002BB8; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | a:active { | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | /* Titles */ | ||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | color: black; | ||
} | } | ||
− | # | + | |
+ | /* tabs */ | ||
+ | #p-cactions li { | ||
+ | border-collapse: separate; | ||
+ | border-bottom: 1px solid #aaa; | ||
+ | padding-bottom: 0.4em; | ||
+ | } | ||
+ | |||
+ | #p-cactions li.selected { | ||
+ | border-collapse: collapse; | ||
+ | border-color: #000000; | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | padding: 0 0 0.2em; | ||
+ | padding-bottom: 0.5em; | ||
+ | } | ||
+ | |||
+ | #p-cactions li.selected a { | ||
+ | background-color: #FFF4C4; | ||
+ | padding: 0 1em 0.2em !important; | ||
+ | z-index: 3; | ||
+ | color: #000000 | ||
+ | } | ||
+ | |||
+ | #p-cactions .new a { | ||
+ | color: #BA0000; | ||
+ | } | ||
+ | |||
+ | #p-cactions li a { | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | |||
+ | #p-cactions li a { | ||
+ | background-color: #FFF4C4; | ||
+ | border: medium none; | ||
+ | color: #000000; | ||
+ | margin: 0; | ||
+ | padding: 0 0.8em 0.3em; | ||
+ | position: relative; | ||
+ | text-decoration: none; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | /* toolbox */ | ||
+ | .portlet { | ||
+ | border: none; | ||
+ | margin: 0 0 .5em; | ||
+ | padding: 0; | ||
+ | float: none; | ||
+ | width: 11.6em; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .portlet h4 { | ||
+ | font-size: 95%; | ||
+ | font-weight: bold; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .portlet h5 { | ||
background: transparent; | background: transparent; | ||
− | border: none; | + | padding: 0 1em 0 .5em; |
+ | display: inline; | ||
+ | height: 1em; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 91%; | ||
+ | font-weight: bold; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .portlet h6 { | ||
+ | background: transparent; | ||
+ | border: 1px solid orange; | ||
+ | border-style: solid solid none solid; | ||
+ | padding: 0 1em 0 1em; | ||
+ | text-transform: uppercase; | ||
+ | display: block; | ||
+ | font-size: 1em; | ||
+ | height: 1.2em; | ||
+ | font-weight: normal; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | |||
+ | .pBody { | ||
+ | font-size: 95%; | ||
+ | background:transparent; | ||
+ | color: #FFF4C4; | ||
+ | border-collapse: collapse; | ||
+ | border: 1px solid #AAAAAA; | ||
+ | padding: 0 .8em .3em .5em; | ||
+ | } | ||
+ | |||
+ | .portlet h1, | ||
+ | .portlet h2, | ||
+ | .portlet h3, | ||
+ | .portlet h4 { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .portlet li { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
− | + | .generated-sidebar .pBody, #p-search .pBody, #p-tb .pBody, #p-lang .pBody { | |
− | #p- | + | background: -moz-linear-gradient(top, lightyellow, yellow); |
− | #p- | + | /* IE 5.5 - 7 */ |
− | #p- | + | filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFE0, endColorStr=#FFFF00, GradientType=0); |
− | + | /* IE8+ */ | |
− | + | -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFE0, endColorStr=#FFFF00, GradientType=0)"; | |
+ | } | ||
/* references */ | /* references */ | ||
− | |||
ol.references li:target, | ol.references li:target, | ||
− | sup.reference:target | + | sup.reference:target { |
− | { | + | background: #FFEFD5; |
− | + | border: 1px solid yellow; | |
− | + | padding: 1px 2px; | |
− | |||
} | } | ||
− | + | .portlet h5 { | |
− | + | text-transform: uppercase !important; | |
+ | font-size: 1.3 em; | ||
} | } | ||
/* infobox */ | /* infobox */ | ||
− | |||
.infobox { | .infobox { | ||
− | + | border: 1px solid #FFD733 !important; | |
+ | } | ||
− | /*** | + | /* footer */ |
+ | #footer { | ||
+ | background-color: #FFF4C4; | ||
+ | border-bottom: 1px solid #E1EDA6; | ||
+ | border-top: 1px solid #E1EDA6; | ||
+ | font-size: 90%; | ||
+ | margin: 0.6em 0 1em; | ||
+ | padding: 0.4em 0 1.2em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .icon div { | ||
+ | display: inline !important; | ||
+ | } | ||
+ | |||
+ | /* Main Page */ | ||
+ | .page-Main_Page #firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Tables (i.e. sitenotice, Special:SpecialPages etc.) */ | ||
+ | table { | ||
+ | background-color: transparent; | ||
+ | } | ||
− | . | + | /* new message box */ |
− | background: # | + | div.notice, div.usermessage { |
+ | margin: 1.0em auto 0.5em auto; | ||
+ | padding: 5px; | ||
+ | text-align: center; | ||
+ | border-width: 2px; | ||
+ | border-color: yellow; | ||
+ | background: #399BC0 url(http://simpsonswiki.net/w/images/8/80/Simp2.jpg); | ||
+ | color: #000000; | ||
+ | line-height: 120%; | ||
} | } | ||
− | + | ||
− | background: | + | /* Thumb and gallery colors */ |
− | color: | + | .thumb { |
+ | background: transparent !important; | ||
+ | border-color: transparent !important; | ||
} | } | ||
− | + | ||
− | background: # | + | .gallery { |
− | + | background: #FFF4C4 !important; | |
+ | border: 1px solid yellow !important; | ||
} | } | ||
− | + | ||
− | border | + | .gallery td { |
+ | vertical-align: top; | ||
+ | padding: 0 !important; | ||
+ | background: none !important; | ||
+ | border: none !important; | ||
} | } | ||
− | # | + | |
− | background: # | + | .gallery .thumb { |
+ | border-color: #FFF4C4 !important; | ||
+ | margin: 0 !important; | ||
+ | background: #FFF4C4 !important; | ||
} | } | ||
− | + | ||
− | padding: | + | .gallerybox { |
+ | margin: 2px; | ||
+ | padding: 0 3px; | ||
+ | background: none !important; | ||
} | } | ||
− | # | + | |
− | + | /* Capital letter on tabs */ | |
+ | #ca-edit a { | ||
+ | text-transform: none !important; | ||
+ | font-weight: bold !important; | ||
} | } | ||
− | # | + | /* @todo FIXME: this is ugly...consider replacing the following CSS snippet in the "tabs" section: |
− | + | #p-cactions li a { | |
+ | text-transform: lowercase; | ||
} | } | ||
− | + | ||
− | + | with this: | |
− | + | #p-cactions li a { | |
+ | text-transform: none !important; | ||
} | } | ||
− | . | + | |
− | + | It should work. --Jack Phoenix <jack@shoutwiki.com>, November 16, 2010 | |
− | + | */ | |
+ | #ca-protect a, | ||
+ | #ca-addsection a, | ||
+ | #ca-create a, | ||
+ | #ca-watch a, | ||
+ | #ca-unwatch a, | ||
+ | #ca-protect a, | ||
+ | #ca-talk a, | ||
+ | #ca-move a, | ||
+ | #ca-viewsource a, | ||
+ | #ca-protect a, | ||
+ | #ca-unprotect a, | ||
+ | #ca-history a, | ||
+ | #ca-delete a, | ||
+ | #ca-undelete a, | ||
+ | #ca-nstab-main a, | ||
+ | #ca-nstab-mediawiki a, | ||
+ | #ca-nstab-special a, | ||
+ | #ca-nstab-user a, | ||
+ | #ca-nstab-category a, | ||
+ | #ca-nstab-image a, | ||
+ | #ca-nstab-help a, | ||
+ | #ca-nstab-template a, | ||
+ | #ca-nstab-project a, | ||
+ | #ca-nstab-blog a, | ||
+ | #ca-nstab-userwiki a, | ||
+ | #ca-nstab-userprofile a { | ||
+ | text-transform: none !important; | ||
} | } | ||
− | + | /* Template:Disambig */ | |
− | + | #disambig { | |
+ | max-width: 1040px; | ||
} | } | ||
− | |||
− | |||
− | /* | + | .disambig-table { |
− | # | + | background: -moz-linear-gradient(top, lightyellow, yellow); |
− | + | /* IE 5.5 - 7 */ | |
− | + | filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFE0, endColorStr=#FFFF00, GradientType=0); | |
− | + | /* IE8+ */ | |
+ | -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFE0, endColorStr=#FFFF00, GradientType=0)"; | ||
} | } | ||
− | + | ||
− | + | /** Edit section links **/ | |
− | + | ||
− | + | h1.editsection { | |
+ | text-align: right; | ||
} | } | ||
− | + | ||
− | + | h2.editsection { | |
− | + | text-align: right; | |
− | |||
} | } | ||
− | + | ||
− | . | + | h3.editsection { |
− | + | text-align: right; | |
} | } | ||
− | + | h4.editsection { | |
− | . | + | text-align: right; |
− | |||
} | } |
Latest revision as of 13:05, September 18, 2014
/* CSS placed here will affect users of the Monobook skin */
/* Background image */
body {
background: #399BC0 url(http://simpsonswiki.net/w/images/8/80/Simp2.jpg);
}
#content {
background: #fff9cf;
border: 1px solid #3366CC;
/*border: 1px solid #73abe6 !important;*/
border-right: none !important;
color: #000000;
line-height: 1.5em;
padding: 0 1em 1.5em 1em;
position: relative;
z-index: 2;
-moz-border-radius: 9px;
}
#column-one {
padding-top: 155px;
}
#column-content {
float: right;
margin: 0 0 0.6em -12.2em;
padding: 0;
width: 100%;
color: #FFF4C4;
}
#p-logo {
top: 0em;
}
/* Link colors */
a {
background: transparent none repeat scroll 0 0;
color: #002BB8;
text-decoration: none;
}
a:active {
color: #000000;
}
/* Titles */
h1, h2, h3, h4, h5, h6 {
color: black;
}
/* tabs */
#p-cactions li {
border-collapse: separate;
border-bottom: 1px solid #aaa;
padding-bottom: 0.4em;
}
#p-cactions li.selected {
border-collapse: collapse;
border-color: #000000;
border-bottom: none;
font-weight: bold;
padding: 0 0 0.2em;
padding-bottom: 0.5em;
}
#p-cactions li.selected a {
background-color: #FFF4C4;
padding: 0 1em 0.2em !important;
z-index: 3;
color: #000000
}
#p-cactions .new a {
color: #BA0000;
}
#p-cactions li a {
text-transform: lowercase;
}
#p-cactions li a {
background-color: #FFF4C4;
border: medium none;
color: #000000;
margin: 0;
padding: 0 0.8em 0.3em;
position: relative;
text-decoration: none;
z-index: 0;
}
/* toolbox */
.portlet {
border: none;
margin: 0 0 .5em;
padding: 0;
float: none;
width: 11.6em;
overflow: hidden;
}
.portlet h4 {
font-size: 95%;
font-weight: bold;
white-space: nowrap;
}
.portlet h5 {
background: transparent;
padding: 0 1em 0 .5em;
display: inline;
height: 1em;
text-transform: uppercase;
font-size: 91%;
font-weight: bold;
white-space: nowrap;
}
.portlet h6 {
background: transparent;
border: 1px solid orange;
border-style: solid solid none solid;
padding: 0 1em 0 1em;
text-transform: uppercase;
display: block;
font-size: 1em;
height: 1.2em;
font-weight: normal;
white-space: nowrap;
}
.pBody {
font-size: 95%;
background:transparent;
color: #FFF4C4;
border-collapse: collapse;
border: 1px solid #AAAAAA;
padding: 0 .8em .3em .5em;
}
.portlet h1,
.portlet h2,
.portlet h3,
.portlet h4 {
margin: 0;
padding: 0;
}
.portlet li {
padding: 0;
margin: 0;
}
.generated-sidebar .pBody, #p-search .pBody, #p-tb .pBody, #p-lang .pBody {
background: -moz-linear-gradient(top, lightyellow, yellow);
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFE0, endColorStr=#FFFF00, GradientType=0);
/* IE8+ */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFE0, endColorStr=#FFFF00, GradientType=0)";
}
/* references */
ol.references li:target,
sup.reference:target {
background: #FFEFD5;
border: 1px solid yellow;
padding: 1px 2px;
}
.portlet h5 {
text-transform: uppercase !important;
font-size: 1.3 em;
}
/* infobox */
.infobox {
border: 1px solid #FFD733 !important;
}
/* footer */
#footer {
background-color: #FFF4C4;
border-bottom: 1px solid #E1EDA6;
border-top: 1px solid #E1EDA6;
font-size: 90%;
margin: 0.6em 0 1em;
padding: 0.4em 0 1.2em;
text-align: center;
}
.icon div {
display: inline !important;
}
/* Main Page */
.page-Main_Page #firstHeading {
display: none;
}
/* Tables (i.e. sitenotice, Special:SpecialPages etc.) */
table {
background-color: transparent;
}
/* new message box */
div.notice, div.usermessage {
margin: 1.0em auto 0.5em auto;
padding: 5px;
text-align: center;
border-width: 2px;
border-color: yellow;
background: #399BC0 url(http://simpsonswiki.net/w/images/8/80/Simp2.jpg);
color: #000000;
line-height: 120%;
}
/* Thumb and gallery colors */
.thumb {
background: transparent !important;
border-color: transparent !important;
}
.gallery {
background: #FFF4C4 !important;
border: 1px solid yellow !important;
}
.gallery td {
vertical-align: top;
padding: 0 !important;
background: none !important;
border: none !important;
}
.gallery .thumb {
border-color: #FFF4C4 !important;
margin: 0 !important;
background: #FFF4C4 !important;
}
.gallerybox {
margin: 2px;
padding: 0 3px;
background: none !important;
}
/* Capital letter on tabs */
#ca-edit a {
text-transform: none !important;
font-weight: bold !important;
}
/* @todo FIXME: this is ugly...consider replacing the following CSS snippet in the "tabs" section:
#p-cactions li a {
text-transform: lowercase;
}
with this:
#p-cactions li a {
text-transform: none !important;
}
It should work. --Jack Phoenix <jack@shoutwiki.com>, November 16, 2010
*/
#ca-protect a,
#ca-addsection a,
#ca-create a,
#ca-watch a,
#ca-unwatch a,
#ca-protect a,
#ca-talk a,
#ca-move a,
#ca-viewsource a,
#ca-protect a,
#ca-unprotect a,
#ca-history a,
#ca-delete a,
#ca-undelete a,
#ca-nstab-main a,
#ca-nstab-mediawiki a,
#ca-nstab-special a,
#ca-nstab-user a,
#ca-nstab-category a,
#ca-nstab-image a,
#ca-nstab-help a,
#ca-nstab-template a,
#ca-nstab-project a,
#ca-nstab-blog a,
#ca-nstab-userwiki a,
#ca-nstab-userprofile a {
text-transform: none !important;
}
/* Template:Disambig */
#disambig {
max-width: 1040px;
}
.disambig-table {
background: -moz-linear-gradient(top, lightyellow, yellow);
/* IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFE0, endColorStr=#FFFF00, GradientType=0);
/* IE8+ */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFE0, endColorStr=#FFFF00, GradientType=0)";
}
/** Edit section links **/
h1.editsection {
text-align: right;
}
h2.editsection {
text-align: right;
}
h3.editsection {
text-align: right;
}
h4.editsection {
text-align: right;
}