Untitled

dabblet.css

body {
  margin: 0;
  padding: 0;
}

.ya {
	position: absolute;
	background-image: linear-gradient(#EAA, #D22);
	width: 55px;
	height: 32px;
	right: 10px;
	border-radius: 3px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 1px 1px 2px #CCC;
}

.y {
	background-image: url('http://yandex.st/lego/_/mGGX461vz0Sw_LXi_rqPlvSuBBc.png');
	position: absolute;
	width: 20px;
	height: 35px;
	left: 3px;
	top: -1px;
	transform: scale(0.7)
}

.me {
	background-image: url('http://avatars.yandex.net/get-avatar/22805354/a3d4ffb7880fc4f7c33df852c47359ab.6107-small');
	position: absolute;
	width: 24px;
	height: 24px;
	left: 26px;
	top: 4px;
	border-radius: 3px;
}

dabblet.html

<div class="ya">
	<div class="y"></div>
	<div class="me"></div>
</div>

settings.json

{"view":"split-vertical","fontsize":"70","seethrough":"","prefixfree":"1","page":"all"}