Untitled

dabblet.css

.wrapper {
  width: 800px;
  padding: 20px;
  padding-bottom: 20px;
  border: 1px solid #E5E5E5;
  box-shadow: 0px 1px 10px #DDD;
  margin: 0 auto;
  margin-top: -30px;
}

.note {
  font: 12pt arial;
  color: #666;
  margin-top: 3px;
}

.user {
  color: #333;
  font-weight: bold;
}

.user_first {
  color: red;
  font-weight: bold;
}

/*//////*/

.head {
  width: 1200px;
  margin: 0 auto;
  padding-top: 10px;
  padding-left: 20px;
  margin-bottom: 0px;
}

.logo {
  width: 95px;
  background: #888;
  font: 12pt arial;
  color: #F3F3F3;
  text-align: center;
  font-weight: bold;
  padding: 2px 0;
}

dabblet.html

<div class="head">
  <img src="http://yandex.st/lego/_/X31pO5JJJKEifJ7sfvuf3mGeD_8.png"/>
  <div class="logo">фотки</div>
</div>
<div class="wrapper">
<img src="http://img-fotki.yandex.ru/get/6610/50183784.7/0_9a55c_530b0932_-4-XL" />
<div class="note">Фото дня от <span class="user_first">М</span><span class="user">их@йловой Ирины</span></div>
</div>

settings.json

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