Difference between revisions of "Thread:MediaWiki talk:Common.css/Add css code"

From eLinux.org
Jump to: navigation, search
(New thread: Add css code)
 
m
 
Line 1: Line 1:
 
Hi please add this css code please
 
Hi please add this css code please
 
+
<pre>
 
/* Extension & Skin infobox styling */
 
/* Extension & Skin infobox styling */
 
.tpl-infobox {
 
.tpl-infobox {
Line 95: Line 95:
 
}
 
}
  
 +
</pre>
  
 
Please
 
Please

Latest revision as of 07:30, 12 May 2014

Hi please add this css code please

/* 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;
}

Please