wip: css cleanup

resources/www/prod/skins/ui-components/_answers-tools.scss

@@ -91,7 +91,7 @@
 
 #idFrameT .tools .dropdown-menu a:hover {
   background-color: $answersToolsBtnHoverBg;
-  color: $answersToolsBtnHoverColor;
+  color: $highlightTextColor; //$answersToolsBtnHoverColor;
 }
 
 #idFrameT .tools .dropdown-menu img {

resources/www/prod/skins/ui-components/_answers.scss

@@ -38,24 +38,22 @@
   background-image: url('#{$iconsPath}download.gif');
 }
 
-.diapo div.title {
-  overflow: hidden;
-  text-overflow: ellipsis;
+#answers .status img {
+  max-width: 16px;
+  max-height: 16px;
 }
 
-
-div.diapo {
-  position: relative;
-  display: block;
-  float: left;
-  border: 1px solid #404040;
-  -webkit-border-radius: 4px;
-  -moz-border-radius: 4px;
-  border-radius: 4px;
-  text-align: center;
-  margin: 8px 5px;
+#answers #answersNext {
+  width: 150px;
+  margin: 5px;
+  height: 193px;
+  line-height: 193px;
+  font-size: 25px;
+  color: #666666;
+  cursor: pointer;
 }
 
+
 #idFrameT #answers {
   background-color: $answersBg;
   border: 1px solid $answersBorderTop;

resources/www/prod/skins/ui-components/_buttons.scss

@@ -1,5 +1,5 @@
 @import '../../../../../www/bower_components/bootstrap-sass/vendor/assets/stylesheets/bootstrap/_mixins.scss';
-button, .btn, input[type="file"] {
+.btn, input[type="file"] {
   //font-family: verdana,"Helvetica Neue",Helvetica,Arial,sans-serif;
   //font-size: 12px;
   //font-weight: bold;

resources/www/prod/skins/ui-components/_diapo.scss

@@ -15,7 +15,7 @@
 #reorder_box .CHIM.diapo img {
   z-index: 1000;
   position: relative;
-  margin:0;
+  margin: 0;
 }
 
 #reorder_dialog .ui-sortable-placeholder,
@@ -25,14 +25,36 @@
   background-color: $backgroudSecondaryColor;
 }
 
-.diapo .thumb {
-  overflow: hidden;
+.diapo {
   position: relative;
-}
+  display: block;
+  float: left;
+  border: 1px solid #404040;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  text-align: center;
+  margin: 8px 5px;
+  &.selected {
+    cursor: url('#{$iconsPath}cursor-move.png'), -moz-grab;
+  }
 
-.diapo .thumb .record {
-  position: relative;
-  margin: 0 auto;
+  .thumb {
+    overflow: hidden;
+    position: relative;
+    .record {
+      position: relative;
+      margin: 0 auto;
+    }
+  }
+  .bottom {
+    position: absolute;
+    bottom: 0px;
+  }
+  div.title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
 }
 
 .diapo.CHIM .thumb_wrapper {
@@ -41,8 +63,4 @@
 
 .diapo.IMGT .thumb_wrapper {
   padding: 0 11px;
-}
-
-.diapo .bottom {
-  position: absolute; bottom: 0px;
 }

resources/www/prod/skins/ui-components/_jquery-ui.scss

@@ -1,5 +1,5 @@
 .ui-dialog .ui-dialog-content.loading, .loading {
-  background-image: url('#{$iconsPath}#{$dialogLoaderImg}');
+  background-image: url('#{$iconsPath}#{$contentLoaderImg}');
   background-position: center center;
   background-repeat: no-repeat;
 }

resources/www/prod/skins/ui-components/_workzone.scss

@@ -1,4 +1,26 @@
+/**
+ * Workzone
+ */
 #idFrameC {
+  top: 0 !important;
+  min-width: 300px;
+  bottom: 0 !important;
+  &.closed {
+    min-width: 0;
+    #retractableButton {
+      background: url('#{$iconsPath}workzoneEscamote_on.png') 30px 30px no-repeat;
+    }
+  }
+  #retractableButton {
+    cursor: pointer;
+    width: 70px;
+    height: 85px;
+    float: right;
+    text-align: center;
+    line-height: 70px;
+    margin-bottom: -20px;
+    background: url('#{$iconsPath}workzoneEscamote.png') 30px 36px no-repeat;
+  }
   .wrapper {
     background-color: $workzoneBg;
     right: 10px;