Update quick edit markup, styles, js. One step towards jquery ui theme.

1 files changed, 23 insertions, 31 deletions

diff --git a/core/css/quick.css b/core/css/quick.css
index 5a8b21cd..7bf78464 100644
--- a/core/css/quick.css
+++ b/core/css/quick.css
@@ -1,58 +1,50 @@
 .gQuick {
   border: none !important;
-	  margin: 0 !important;
+	margin: 0 !important;
   padding: 0 !important;
 }
 
 #gQuickPane {
-  background: #fff;
-  border-bottom: 1px dashed #000;
+  background: #000;
+  border-bottom: 1px solid #fff;
   opacity: 0.8;
 }
 
-#gQuickPane div {
-  background-color: red;
+#gQuickPane a {
+  background-color: #333;
+  background-image: url(../images/d8e7f3_edit_icons.png);
+  background-repeat: no-repeat;
   cursor: pointer;
-  display: inline;
+  display: block;
   float: right;
-  margin: 8px;
-}
-
-#gQuickPane .rotate-clockwise {
-  background: url('../images/arrow_rotate_clockwise.png');
   height: 16px;
-  position: absolute;
-  right: 0px;
+  margin: 8px;
   top: 0px;
   width: 16px;
 }
 
-#gQuickPane .rotate-clockwise span {
+#gQuickPane a:hover {
+  background-color: #666;
+}
+  
+#gQuickPane a span {
   display: none;
 }
 
-#gQuickPane .rotate-counter-clockwise {
-  background: url('../images/arrow_rotate_anticlockwise.png');
-  height: 16px;
-  left: 0px;
+#gQuickPane .clockwise {
+  background-position: -16px 0;
   position: absolute;
-  top: 0px;
-  width: 16px;
+  right: 0px;
 }
 
-#gQuickPane .rotate-counter-clockwise span {
-  display: none;
+#gQuickPane .counter-clockwise {
+  background-position: 0 0;
+  left: 0px;
+  position: absolute;
 }
 
 #gQuickPane .edit {
-  background: url('../images/image_edit.png');
-  height: 16px;
-  left: 50%;
+  background-position: 0 -16px;
+  left: 42%;
   position: absolute;
-  top: 0px;
-  width: 16px;
-}
-
-#gQuickPane .edit span {
-  display: none;
 }