created by http://livecoding.io/3411676

README.md

View this code at http://livecoding.io/3973166

options.json

{
    "libraries": [],
    "mode": "css",
    "layout": "sketchpad mode"
}

water.css

#format-success-hover {
    position: fixed;
    top: 10px;
    left: 10px;

    background-color: #F1F1F1;
    border-radius: 5px;
    box-shadow: 0px 0px 2.5px 2.5px #DDD;
}

#format-success-hover div {
  font-size: 14px;
  line-height: 18px;
}

#format-success-hover .format {
    background-color: #E6E5E5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 4px 9px 2px 7px;
}


#format-success-hover .details {
  padding: 2px 9px 4px 7px;
}

water.html

  <div id="format-success-hover" class="hover" style="display: block;">
      <div class="format">Benefits</div>
      <div class="details">9.1k times used<br/>47.5% used successfully</div>
  </div>