Blue CSS3 Button

dabblet.css

```css
/**
 * Blue CSS3 Button
 * dribbble: http://dribbble.com/shots/397908-Blue-CSS3-Button
 */
 
* {text-decoration:none}
 
html {
  box-sizing: border-box;
  height:100%;
  width:100%;
  background:#f0f0f0;
  box-shadow:inset 0px 0px 100px rgba(0,0,0,0.3);
  font-family:Helvetica; Arial, Sans-Serif;
  border:2px solid white;
  font-smoothing: antialiased;
  font-weight:bold;
}

a.button {
  position:absolute; left:50%; top:50%;
  margin-left:-70px;
  width:120px;
  padding:10px;
  text-align:center;
  color:white;  
  text-transform:uppercase;
  border-radius:6px;
  border:1px solid #52a2b2;  
  border-top:1px solid #5fbbcd;
  background-image:linear-gradient(#A7DBD8, #69D2E7);
  box-shadow:
    inset 0px 1px 0px rgba(255,255,255,0.5),
    inset 0px 18px 0px rgba(255,255,255,0.1),
    0px 1px 0px white;
  text-shadow:0px 1px 1px rgba(0,0,0,0.3);
  transition:all 0.13s ease-out;
  font-size:15px;
}

a.button:hover {
  box-shadow:    
    inset 0px 1px 0px rgba(255,255,255,0.5),
    inset 0px 18px 0px rgba(255,255,255,0.2),
    0px 0px 10px rgba(0,0,0,0.3),
    0px 1px 0px white,
    0px -1px 0px white,
    1px 0px 0px white,
    -1px 0px 0px white;
}

a.button:active {
  border:1px solid #4a92a1;
  box-shadow:    
    inset 0px 0px 8px rgba(0,0,0,0.3),
    inset 0px 18px 0px rgba(255,255,255,0.2),
    0px 1px 0px white;
}
```

dabblet.html

<a class="button" href="http://twitter.com/ilwcss">
  follow me
</a>

settings.json

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