Add css code

Jump to: navigation, search

Please add this code

/* Extension & Skin infobox styling */
.tpl-infobox {
	border: 2px solid #aaaaaa;
	width: 280px;
	/* @noflip */ clear: right;
	/* @noflip */ float: right;
	margin: 0 0 0.5em 0.5em;
	border-collapse: collapse;
	background-color: white;
}
.tpl-infobox td {
	border: 2px none #aaaaaa;
	padding: 0.2em 0.5em;
	border-bottom: 1px solid #f0f0f0 !important;
}
.tpl-infobox-header {
	background-color: #aaaaaa;
	color: white;
	text-align: left;
}
.tpl-infobox-header td {
	padding-top: 0.5em;
}
 
.ext-infobox-header img {
	padding: 0 0.2em 0 0.5em;
}
.ext-status-unstable,
.ext-status-unstable td {
	border-color: #990000;
}
.ext-status-unstable .ext-infobox-header {
	background-color: #990000;
	color: #ffff00;
}
.ext-status-experimental,
.ext-status-experimental td {
	border-color: #ff4500;
}
.ext-status-experimental .ext-infobox-header {
	background-color: #ff4500;
}
.ext-status-beta,
.ext-status-beta td {
	border-color: #ffba01;
}
.ext-status-beta .ext-infobox-header {
	background-color: #ffba01;
}
.ext-status-stable,
.ext-status-stable td {
	border-color: #32cd32;
}
.ext-status-stable .ext-infobox-header {
	background-color: #32cd32;
}
.ext-status-unmaintained,
.ext-status-unmaintained td {
	border-color: #8b4513;
}
.ext-status-unmaintained .ext-infobox-header {
	background-color: #8b4513;
}
.ext-status-magic,
.ext-status-magic td {
	border-color: #fe57a1;
}
.ext-status-magic .ext-infobox-header {
	color: #000;
	background: #FFDBEB url(//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Magic_wand.svg/60px-Magic_wand.svg.png) 0 0 no-repeat;
}
.ext-status-magic .ext-infobox-header img {
	visibility: hidden;
	padding-right: 1em;
}
 
.skin-infobox,
.skin-infobox td {
	border-color: #a7d7f9;
}
.skin-infobox-header {
	color: #000;
	background: #e2f4ff;
}
 
/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa;
    background-color: #ecfcf4;
    padding: 1em;
}

To MediaWiki:Common.css please

08:50, 12 May 2014

Done, please test and let me know if it works.

08:55, 12 May 2014

Thanks you.

09:03, 12 May 2014

You do not have permission to edit this page, for the following reasons:

  • The action you have requested is limited to users in the group: Users.
  • You must confirm your email address before editing pages. Please set and validate your email address through your user preferences.

You can view and copy the source of this page.

Return to Thread:User talk:Wmat/Add css code/reply (3).

Done.

09:50, 12 May 2014

Thank you

10:46, 12 May 2014