• Wikisimpsons needs more Featured Article, Picture, Quote, Episode and Comprehensive article nominations!
  • Wikisimpsons has a Discord server! Click here for your invite! Join to talk about the wiki, Simpsons and Tapped Out news, or just to talk to other users.
  • Make an account! It's easy, free, and your work on the wiki can be attributed to you.
TwitterFacebookDiscord

Difference between revisions of "MediaWiki:Monobook.css"

Wikisimpsons - The Simpsons Wiki
 
(54 intermediate revisions by 5 users not shown)
Line 1: Line 1:
/*** MAIN COLORS ***/
+
/* CSS placed here will affect users of the Monobook skin */
  
#wikia_page {
+
/* Background image */
background-color: #FFF9CF;
+
body {
 +
background: #399BC0 url(http://simpsonswiki.net/w/images/8/80/Simp2.jpg);
 
}
 
}
.color1, .color1 a {
+
 
background-color: #FED51B;
+
#content {
color: #000;
+
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;
 
}
 
}
.color2 {
+
 
background: #399BC0 url(http://images2.wikia.nocookie.net/simpsons/images/8/80/Simp2.jpg);  
+
#column-one {
 +
padding-top: 155px;
 
}
 
}
#background_strip {
+
 
background: transparent;
+
#column-content {
border: none;
+
float: right;
 +
margin: 0 0 0.6em -12.2em;
 +
padding: 0;
 +
width: 100%;
 +
color: #FFF4C4;
 
}
 
}
  
/*** HEADER & FOOTER ***/
+
#p-logo {
 +
top: 0em;
 +
}
  
#wikia_header {
+
/* Link colors */
border: none;
+
a {
 +
background: transparent none repeat scroll 0 0;
 +
color: #002BB8;
 +
text-decoration: none;
 
}
 
}
#userData a, #wikiaBranding a {
+
 
color: #000;
+
a:active {
 +
color: #000000;
 
}
 
}
#header_username a {
+
 
color: #000;
+
/* Titles */
 +
h1, h2, h3, h4, h5, h6 {
 +
color: black;
 
}
 
}
#wikia_logo {
+
 
background-image: url(http://images1.wikia.nocookie.net/__cb20100714060529/simpsons/images/5/53/Wikia_logo_in_simpsons_font.png);
+
/* tabs */
 +
#p-cactions li {
 +
border-collapse: separate;
 +
border-bottom: 1px solid #aaa;
 +
padding-bottom: 0.4em;
 
}
 
}
* html #wikia_logo {
+
 
background-image: none;
+
#p-cactions li.selected {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoade (src='http://images1.wikia.nocookie.net/__cb20100714060529/simpsons/images/5/53/Wikia_logo_in_simpsons_font.png', sizingMethod='crop');
+
border-collapse: collapse;
 +
border-color: #000000;
 +
border-bottom: none;
 +
font-weight: bold;
 +
padding: 0 0 0.2em;
 +
padding-bottom: 0.5em;
 
}
 
}
.headerMenuButton dt, .headerMenuButton dd {
+
 
background: url(http://images1.wikia.nocookie.net/simpsons/images/9/90/HeaderButton.png);
+
#p-cactions li.selected a {
color: #FED51B;
+
background-color: #FFF4C4;
 +
padding: 0 1em 0.2em !important;
 +
z-index: 3;
 +
color: #000000
 
}
 
}
* html .headerMenuButton dt, * html .headerMenuButton dd  {
+
 
background-image: none;
+
#p-cactions .new a {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images1.wikia.nocookie.net/simpsons/images/9/90/HeaderButton.png', sizingMethod='crop');
+
color: #BA0000;
 
}
 
}
#wikia_footer, #wikia_footer a {
+
 
color: #000;
+
#p-cactions li a {
 +
text-transform: lowercase;
 
}
 
}
#wikia_corporate_footer {
+
 
border-top: none;
+
#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;
 
}
 
}
  
/*** WIDGETS ***/
+
/* toolbox */
 +
.portlet {
 +
border: none;
 +
margin: 0 0 .5em;
 +
padding: 0;
 +
float: none;
 +
width: 11.6em;
 +
overflow: hidden;
 +
}
  
.widget dd {
+
.portlet h4 {
background: #FDF6A5;
+
font-size: 95%;
 +
font-weight: bold;
 +
white-space: nowrap;
 
}
 
}
#navigation a {
+
 
background: #FDF6A5;
+
.portlet h5 {
color: #111;
+
background: transparent;
 +
padding: 0 1em 0 .5em;
 +
display: inline;
 +
height: 1em;
 +
text-transform: uppercase;
 +
font-size: 91%;
 +
font-weight: bold;
 +
white-space: nowrap;
 
}
 
}
#navigation a:hover, .navigation-hover {
+
 
background: #FED51B;
+
.portlet h6 {
color: #111;
+
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;
 
}
 
}
#navigation .menu-item {
+
 
border-color: #CCC;
+
.pBody {
 +
font-size: 95%;
 +
background:transparent;
 +
color: #FFF4C4;
 +
border-collapse: collapse;
 +
border: 1px solid #AAAAAA;
 +
padding: 0 .8em .3em .5em;
 
}
 
}
#link_box, #link_box_dynamic {
+
 
background: #FEE46E;
+
.portlet h1,
 +
.portlet h2,
 +
.portlet h3,
 +
.portlet h4 {
 +
margin: 0;
 +
padding: 0;
 
}
 
}
#link_box_table td {
+
 
padding: 1px 4px;
+
.portlet li {
 +
padding: 0;
 +
margin: 0;
 
}
 
}
#search_button {
+
 
background: transparent url(http://images3.wikia.nocookie.net/simpsons/images/4/40/SearchButton.png);
+
.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)";
 
}
 
}
#search_box {
+
 
background-image: none;
+
/* references */
 +
ol.references li:target,
 +
sup.reference:target {
 +
background: #FFEFD5;
 +
border: 1px solid yellow;
 +
padding: 1px 2px;
 
}
 
}
.WidgetCommunity .community_header {
+
 
background: transparent;
+
.portlet h5 {
border-bottom: none;
+
text-transform: uppercase !important;
 +
font-size: 1.3 em;
 
}
 
}
.WidgetCommunity .toolbar {
+
 
background: transparent;
+
/* infobox */
border-top: none;
+
.infobox {
 +
border: 1px solid #FFD733 !important;
 
}
 
}
  
.accent {
+
/* footer */
background: #FFF4C4;
+
#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;
 
}
 
}
CreatePage.redLinkClick = function() {
 
};
 
  
.headerMenuButton dt, .headerMenuButton dd {
+
.icon div {
background-image: url(http://images2.wikia.nocookie.net/__cb20100518160420/simpsons/images/6/62/WikiaLogo.png);
+
display: inline !important;
 
}
 
}
* html .headerMenuButton dt, * html .headerMenuButton dd  {
+
 
background-image: none;
+
/* Main Page */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images2.wikia.nocookie.net/__cb20100518160420/simpsons/images/6/62/WikiaLogo.png', sizingMethod='crop');
+
.page-Main_Page #firstHeading {
 +
display: none;
 
}
 
}
  
.star-rating, .star-rating a:hover, .star-rating .current-rating {
+
/* Tables (i.e. sitenotice, Special:SpecialPages etc.) */
background-image: url(http://trac.wikia-code.com/export/19974/wikia/trunk/skins/monaco/images/monaco-sprite.png)
+
table {
 +
background-color: transparent;
 
}
 
}
  
#wikia_header { background: none; }
+
/* 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%;
 +
}
  
a.wikia-button,
+
/* Thumb and gallery colors */
a.wikia-button:visited,
+
.thumb {
span.wikia-button a,
+
background: transparent !important;
span.wikia-button a:visited,
+
border-color: transparent !important;
input[type="submit"],
 
input[type="reset"],
 
input[type="button"],
 
button {
 
background-color: #FFCC00;
 
background-image: -moz-linear-gradient(top, #FFCC00 20%, #CCA300 70%);
 
background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#FFCC00), to(#CCA300));
 
border-color: #FFFFFF;
 
box-shadow: 0 1px 0 #4C3D00, 0 -1px 0 #4C3D00, 1px 0 0 #4C3D00, -1px 0 0 #4C3D00;
 
color: #000000;
 
-moz-box-shadow: 0 0 0 1px #4C3D00;
 
-webkit-box-shadow: 0 1px 0 #4C3D00, 0 -1px 0 #4C3D00, 1px 0 0 #4C3D00, -1px 0 0 #4C3D00;
 
 
}
 
}
  
/* IE Styles */
+
.gallery {
a.wikia-button,
+
background: #FFF4C4 !important;
span.wikia-button a,
+
border: 1px solid yellow !important;
input[type="submit"],
 
input[type="reset"],
 
input[type="button"],
 
button {
 
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#FFFFCC00", EndColorStr="#FFCCA300");
 
outline: 1px solid #4C3D00\9;
 
 
}
 
}
  
/* Hover and Active states */
+
.gallery td {
a.wikia-button:hover,
+
vertical-align: top;
span.wikia-button a:hover,
+
padding: 0 !important;
input[type="submit"]:hover,
+
background: none !important;
input[type="reset"]:hover,
+
border: none !important;
input[type="button"]:hover,
 
button:hover {
 
text-shadow: #FFFFFF 0 1px 1px;
 
 
}
 
}
  
a.wikia-button:active,
+
.gallery .thumb {
span.wikia-button a:active,
+
border-color: #FFF4C4 !important;
input[type="submit"]:active,
+
margin: 0 !important;
input[type="reset"]:active,
+
background: #FFF4C4 !important;
input[type="button"]:active,
 
button:active {
 
color: #000000;
 
background-image: -moz-linear-gradient(top, #CCA300 20%, #FFCC00 70%);
 
background-image: -webkit-gradient(linear, 0% 20%, 0% 70%, from(#CCA300), to(#FFCC00));
 
 
}
 
}
  
 +
.gallerybox {
 +
margin: 2px;
 +
padding: 0 3px;
 +
background: none !important;
 
}
 
}
#wikia_header a {
+
 
color: #FFCC33;
+
/* Capital letter on tabs */
 +
#ca-edit a {
 +
text-transform: none !important;
 +
font-weight: bold !important;
 
}
 
}
#header_username a {
+
/* @todo FIXME: this is ugly...consider replacing the following CSS snippet in the "tabs" section:
color: #FFCC33;
+
#p-cactions li a {
 +
text-transform: lowercase;
 
}
 
}
  
 +
with this:
 +
#p-cactions li a {
 +
text-transform: none !important;
 
}
 
}
#monaco_footer, #wikia_footer {
 
  color: #FFCC33;
 
  
 +
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;
 
}
 
}
#monaco_footer a, #wikia_footer a {
+
 
  color: #FFCC33;
+
/* Template:Disambig */
 +
#disambig {
 +
max-width: 1040px;
 
}
 
}
  
/* references */
+
.disambig-table {
+
background: -moz-linear-gradient(top, lightyellow, yellow);
ol.references li:target,
+
/* IE 5.5 - 7 */
sup.reference:target
+
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFE0, endColorStr=#FFFF00, GradientType=0);
{
+
/* IE8+ */
  background: #FFEFD5;
+
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFE0, endColorStr=#FFFF00, GradientType=0)";
  border: 1px solid yellow;
+
}
  padding: 1px 2px;
+
 
 +
/** Edit section links **/
 +
 
 +
h1.editsection {
 +
        text-align: right;
 +
}
 +
 
 +
h2.editsection {
 +
        text-align: right;
 
}
 
}
  
div.ajax-poll {
+
h3.editsection {
  width:auto !important;
+
        text-align: right;
 
}
 
}
  
/* infobox */
+
h4.editsection {
+
        text-align: right;
.infobox {
 
  border:1px solid #FFD733 !important;
 
 
}
 
}

Latest revision as of 14: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;
}