Green button

dabblet.css

/**
 * Green button
 */
body {
  padding-top: 100px;
  font: 24px/1.2 'Arial', sans-serif;
}

.button {
  position: absolute;
  left: 200px
}


.button {
  padding: 15px 2em;
  backrgound: red;
  background-image: linear-gradient(#60e95c, #337032);
  box-shadow:
  	inset 0 0 0 1px rgba(0,0,0,0.15),
  	inset 0 -1px 0 0 #337032,
  	inset 0 -2px 2px rgba(96,233,92,0.6),
  	0 1px 1px rgba(0,0,0,0.3);
  color: #fff;
  border-radius: 5px;
  
  text-shadow: 0 -1px rgba(0,0,0,0.3);
}

.button_disabled {
	top: 172px;
}

.button_disabled {
  background-image: linear-gradient(#c5c5c5, #999999);
  box-shadow:
  	inset 0 0 0 1px rgba(0,0,0,.15),
  	inset 0 -1px 0 0 #999999,
  	inset 0 -1px 2px 1px rgba(197,197,197,.6),
  	0 1px 1px rgba(0,0,0,0.3);
}

dabblet.html

<img src="http://nb.lynn.localhost/read.png" align="left" hspace="10"/>
<div class="button">читать газету</div>
<div class="button button_disabled">читать газету</div>

settings.json

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