diff --git a/web/index.html b/web/index.html
index f6017c4..867e78b 100755
--- a/web/index.html
+++ b/web/index.html
@@ -17,6 +17,7 @@
+
@@ -40,10 +41,10 @@
-
-
-
-
+
+
+
+
diff --git a/web/style.css b/web/style.css
index dbbf416..2a56842 100755
--- a/web/style.css
+++ b/web/style.css
@@ -105,6 +105,78 @@ margin:10px;
}
+.rot-left{
+ display:inline;
+ float:left;
+ width:50%;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ outline: none;
+ border:0;
+ -webkit-border-radius: 13px;
+ -moz-border-radius: 13px;
+ border-radius: 13px;
+ height:40px;
+ display: block;
+ font-family: inherit;
+ font-size: 20px;
+ font-weight:bold;
+ text-shadow: 0 0 23px #888;
+ background-color:#fff;
+ -moz-box-shadow:0 0 23px #bbb;
+ -webkit-box-shadow:0 0 23px #bbb;
+ box-shadow:0 0 23px #bbb;
+}
+
+.rot-right{
+ // margin-right: 60px;
+ display:inline;
+ width:50%;
+ float:right;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ outline: none;
+ border:0;
+ -webkit-border-radius: 13px;
+ -moz-border-radius: 13px;
+ border-radius: 13px;
+ height:40px;
+ display: block;
+ font-family: inherit;
+ font-size: 20px;
+ font-weight:bold;
+ text-shadow: 0 0 23px #888;
+ background-color:#fff;
+ -moz-box-shadow:0 0 23px #bbb;
+ -webkit-box-shadow:0 0 23px #bbb;
+ box-shadow:0 0 23px #bbb;
+}
+
+
+.photo-buttons {
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ outline: none;
+ border:0;
+ -webkit-border-radius: 13px;
+ -moz-border-radius: 13px;
+ border-radius: 13px;
+ height:40px;
+ width:100%;
+ display: block;
+ font-family: inherit;
+ font-size: 20px;
+ font-weight:bold;
+ text-shadow: 0 0 23px #888;
+ background-color:#fff;
+ -moz-box-shadow:0 0 23px #bbb;
+ -webkit-box-shadow:0 0 23px #bbb;
+ box-shadow:0 0 23px #bbb;
+
+}
+
+
+
/* hide calculation canvases */
#sourceImage{
display: none;
@@ -243,31 +315,6 @@ hr{
}
-.photo-buttons {
- -webkit-appearance: none;
- -moz-appearance: none;
- outline: none;
- //border: 1px solid #bbb;
- border:0;
- -webkit-border-radius: 13px;
- -moz-border-radius: 13px;
- border-radius: 13px;
- height:40px;
- width:100%;
- display: block;
- font-family: inherit;
- font-size: 20px;
- font-weight:bold;
- text-shadow: 0 0 23px #888;
- background-color:#fff;
-
- -moz-box-shadow:0 0 23px #bbb;
- -webkit-box-shadow:0 0 23px #bbb;
- box-shadow:0 0 23px #bbb;
-
-}
-
-
.node, .hops {