application.css.sass in bhf-0.6.12

- old
+ new

@@ -261,17 +261,17 @@
       +text-shadow(#000, -1)
       color: #C2C2C2
       &.primary_key
         text-transform: uppercase
       &.sorted
-        +box-inner-shadow(0, -15, 50, #000)
+        background: #000
         & a:after,
         &.desc:hover a:after
-          content: ' ▼'
+          content: ' ▲'
         &:hover a:after,
         &.desc a:after
-          content: ' ▲'
+          content: ' ▼'
         a
           color: #FFFFFF
           +text-shadow
 
   th,
@@ -297,47 +297,25 @@
         padding: 10px 0
         color: $g1
         a
           font-weight: bold
           display: inline
-			
     a
       display: block
       padding: 5px 3px
       &.duplicate,
       &.edit,
       &.delete
         padding: 0
         margin-right: 5px
         display: inline-block
-        text-indent: -9999px
-        width: 20px
-        height: 20px
-        background: image-url('bhf/pictos.png') no-repeat
-        &.clicked
-          background: image-url('bhf/small_ajax_loader.gif') no-repeat center center
-      &.duplicate
-        width: 24px
-      &.duplicate
-        background-position: -348px 0
-        &:active
-          background-position: -348px -101px
-      &.edit
-        &:active
-          background-position: 0 -101px
-      &.delete
-        background-position: -50px 0
-        &:active
-          background-position: -50px -101px
 
     .handle
-      background: image-url('bhf/pictos.png') no-repeat -94px 0
-      cursor: move
       display: block
     
 
-    tr      
+    tr
       &:hover td,
       &.live_edit td
         +bg-gradient($b1, $b2)
         border-bottom-color: $b1
         color: $w1
@@ -352,13 +330,13 @@
         .delete
           background-position: -50px -50px
           &:hover
             background-position: -50px -100px
         .handle
-          background-position: -94px -50px
+          background-position: -98px -50px
           &:hover
-            background-position: -94px -100px
+            background-position: -98px -100px
         .duplicate,
         .edit,
         .delete
           &.clicked
             background: image-url('bhf/small_ajax_loader_h.gif') no-repeat center center
@@ -392,10 +370,29 @@
       &.wider
         width: 88px
   tbody
     .primary_key
       color: #999
+.icon
+  text-indent: -9999px
+  display: inline-block
+  width: 20px
+  height: 20px
+  background: image-url('bhf/pictos.png') no-repeat
+  &.duplicate,
+  &.edit,
+  &.delete
+    &.clicked
+      background: image-url('bhf/small_ajax_loader.gif') no-repeat center center
+  &.duplicate
+    width: 24px
+    background-position: -348px 0
+  &.delete
+    background-position: -50px 0
+  &.handle
+    background-position: -98px 0
+    cursor: move
 
 .default_input
   border: 1px solid transparent
   background: #FFF
   +border-radius(2)
@@ -906,12 +903,17 @@
     color: #fbb !important
     cursor: default !important
 
 .hide
   display: none !important
+.float_left
+  float: left
+.float_right
+  float: right
+.clear
+  clear: both
   
-  
 #ajax_holder
   text-indent: -9999px
   height: 60px
   opacity: 0
   width: 120px
@@ -1081,21 +1083,12 @@
 .translation_missing
   color: red !important
   
 
 @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min--moz-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5)
-  table.data_table
-    tbody
-      a
-        &.duplicate,
-        &.edit,
-        &.delete
-          background-image: image-url('bhf/pictos_2x.png')
-          background-size: 377px 152px
-      .handle
-        background-image: image-url('bhf/pictos_2x.png')
-        background-size: 377px 152px
-
+  .icon
+    background-image: image-url('bhf/pictos_2x.png')
+    background-size: 377px 152px
   #content
     .quick_edit_holder
       .group
         button
           &.save_and_next