adding css classes for operation icons.

This commit is contained in:
Saman Bemel-Benrud
2013-01-29 17:56:47 -05:00
parent f39b502c5a
commit bfafc8e929
2 changed files with 32 additions and 47 deletions
+22 -22
View File
@@ -416,12 +416,12 @@ button[disabled] .label {
}
/* Definitions for every icon */
.icon.browse { background-position: 0px -20px;}
.icon.add-point { background-position: -20px -20px;}
.icon.add-line { background-position: -40px -20px;}
.icon.add-area { background-position: -60px -20px;}
.icon.undo { background-position: -80px -20px;}
.icon.redo { background-position: -100px -20px;}
.icon.browse { background-position: 0px 0px;}
.icon.add-point { background-position: -20px 0px;}
.icon.add-line { background-position: -40px 0px;}
.icon.add-area { background-position: -60px 0px;}
.icon.undo { background-position: -80px 0px;}
.icon.redo { background-position: -100px 0px;}
.icon.apply { background-position: -120px 0px;}
.icon.save { background-position: -140px 0px;}
@@ -437,18 +437,7 @@ button[disabled] .label {
.icon.nearby { background-position: -340px 0px;}
.icon.geolocate { background-position: -360px 0px;}
.icon.warning { background-position: -380px 0px;}
.icon.close-modal{ background-position: -200px -40px;}
.icon.invert.zoom-in { background-position: -240px -40px;}
.icon.browse { background-position: 0px 0px;}
.icon.add-point { background-position: -20px 0px;}
.icon.add-line { background-position: -40px 0px;}
.icon.add-area { background-position: -60px 0px;}
.icon.undo { background-position: -80px 0px;}
.icon.redo { background-position: -100px 0px;}
.fillD .icon.avatar { background-position: -320px -20px;}
.fillD .icon.nearby { background-position: -340px -20px;}
@@ -471,13 +460,24 @@ button[disabled] .icon.layers { background-position: -300px -40px;}
button[disabled] .icon.avatar { background-position: -320px -40px;}
button[disabled] .icon.nearby { background-position: -340px -40px;}
.icon.big-line { background-position: 0px -80px;}
.icon.big-point { background-position: -40px -80px;}
.icon.big-area { background-position: -80px -80px;}
.icon.big-vertex { background-position: -120px -80px;}
.icon.big-inspect { background-position: -160px -80px;}
.icon.big-line { background-position: 0px -80px;}
.icon.big-point { background-position: -40px -80px;}
.icon.big-area { background-position: -80px -80px;}
.icon.big-vertex { background-position: -120px -80px;}
.icon.big-inspect { background-position: -160px -80px;}
.icon.big-relation { background-position: -200px -80px;}
.icon.operation.delete { background-position: 0px -140px;}
.icon.operation.circularize { background-position: -20px -140px;}
.icon.operation.straighten { background-position: -40px -140px;}
.icon.operation.split { background-position: -60px -140px;}
.icon.operation.unjoin { background-position: -80px -140px;}
.icon.operation.reverse { background-position: -100px -140px;}
.icon.operation.move { background-position: -120px -140px;}
.icon.operation.merge { background-position: -140px -140px;}
.icon.operation.orthogonalize { background-position: -160px -140px;}
/* Toggle icon is special */
.toggle.icon { background-position: 0px -180px;}
a:hover .toggle.icon { background-position: -20px -180px;}