ul.icons {
  float: right;
  height: 30px;
}

ul.icons li {
  float: left;
}


ul.icons li a, 
ul.icons li button {
  float: left;
  
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url(../img/icons.png);

  border: 0;
  background-color: transparent;
}

button.icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  background-image: url(../img/icons.png);
  
  border: 0;
  background-color: transparent;
}

button.icon span {
  display: none;
}

ul.icons span {
  display: none;
}

ul.icons .unlocked {
  background-position: 0px 0px;
}

ul.icons .locked {
  background-position: -30px 0px;
}

ul.icons .edit,
button.icon.edit {
  background-position: -60px 0px;
}

ul.icons .save {
  background-position: -90px 0px;
}

ul.icons .revert {
  background-position: -120px 0px;
}

ul.icons .delete {
  background-position: -150px 0px;
}