Demo entry 3303026

MediaWiki Example Styles

   

Submitted by Volker E. on Dec 13, 2015 at 02:44
Language: CSS. Code size: 1.4 kB.

.bar {
	-webkit-border-radius: 30px 10px;
	border-radius: 30px 10px;
}
.foo {
	background-color: #444;
	background-image: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #999 ) );
	background-image: -webkit-linear-gradient( top, #444, #999 );
	background-image: -moz-linear-gradient( top, #444, #999 );
	background-image: -o-linear-gradient( top, #444, #999 );
	background-image: linear-gradient( to bottom, #444, #999 );
}

/* Annotated version */
.foo {
	/* Fallback color in case background-image gradient is not supported */
	background-color: #444;
	/* Safari 4, Chrome 2, iOS 2 */
	background-image: -webkit-gradient( linear, left top, left bottom, from( #444 ), to( #999 ) );
	/* Safari 5.1+, Chrome 10+, iOS 5 */
	background-image: -webkit-linear-gradient( top, #444, #999 );
	/* Firefox 3.6 - 15 */
	background-image: -moz-linear-gradient( top, #444, #999 );
	/* Opera 11.10 - 12.5 */
	background-image: -o-linear-gradient( top, #444, #999 );
	/* Standard syntax supported by Firefox 16+, Opera 12.5+, IE10+ */
	background-image: linear-gradient( to bottom, #444, #999 );
}

.mw-selector,
#mw-some-element,
div#jump-to-nav,
span.is-aural {
	background-color: #fff;
	color: #252525;
	float: right;
	border: 1px solid white;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	transform: scale( 1.2 );
}

This snippet took 0.00 seconds to highlight.

Back to the Entry List or Home.

Delete this entry (admin only).