میڈیاویکی:Gadget-Preview.css

.articlepreview-button {
	background: url("//upload.wikimedia.org/wikipedia/commons/thumb/d/de/Speech_bubble_text.svg/15px-Speech_bubble_text.svg.png") no-repeat center;
	float: left;
	height: 15px;
	margin-left: 0.5em;
	padding-right: 15px;
}

.articlepreview {
	min-height: 400px;
	width: 0;
	position: absolute;
	margin: 0;
	right: 0;
	top: 100px;
	background: white;
}

.articlepreview.open {
	border-radius: 0.2em 0em 0em 0.2em;
	box-shadow: 0 0 0.2em #999999;
}

.articlepreview.fixed {
	position: fixed;
	top: 10px;
}

.articlepreview .toggler {
	background: url("//upload.wikimedia.org/wikipedia/commons/thumb/1/18/Arrow_left_font_awesome.svg/25px-Arrow_left_font_awesome.svg.png") no-repeat scroll 50% 50% white;
	border-radius: 0.2em 0em 0em 0.2em;
	box-shadow: 0 0 0.2em #999999;
	cursor: pointer;
	display: block;
	height: 30px;
	padding: 5px;
	width: 30px;
	position: absolute;
	top: 60px;
	left: -40px;
}

.articlepreview.open .toggler {
	background: url("//upload.wikimedia.org/wikipedia/commons/thumb/5/53/Arrow_right_font_awesome.svg/25px-Arrow_right_font_awesome.svg.png") no-repeat scroll 50% 50% white;
}

.articlepreview .container {
	padding: 0 20px;
	position: relative;
	background: white;
	display: none;
	overflow-y: auto;
}

.articlepreview.open .container {
	display: block;
}

.articlepreview .thumbnail {
	float: left;
	margin-right: 5px;
}

/*
<div class="articlepreview open mw-body-content">
	<div class="toggler"></div>
	<div class="container">
		<h2 class="title">$1</h2>
		<div class="content">
			$2
		</div>
	</div>
</div>
*/