client/css/renkan.css
changeset 113 fac7354c55d2
parent 111 fbe12f54453a
child 117 803f14e35431
--- a/client/css/renkan.css	Mon Mar 25 19:29:15 2013 +0100
+++ b/client/css/renkan.css	Tue Mar 26 16:14:19 2013 +0100
@@ -61,8 +61,6 @@
 .Rk-Render {
     position: absolute; top: 0; right: 0; bottom: 0;
     background: #ffffff;
-    background: -moz-linear-gradient(left, #f3f3f3 0, #ffffff 30%, #ffffff 70%, #f3f3f3 100%);
-    background: -webkit-linear-gradient(left, #f3f3f3 0, #ffffff 30%, #ffffff 70%, #f3f3f3 100%);
 }
 
 .Rk-Render-Full {
@@ -80,6 +78,8 @@
     background: #333333;
     background: -moz-linear-gradient(top, #505050 5px, #1e1e1e 30px);
     background: -webkit-linear-gradient(top, #505050 5px, #1e1e1e 30px);
+    background: -ms-linear-gradient(top, #505050 5px, #1e1e1e 30px);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#1e1e1e',GradientType=0 );
 }
 
 .Rk-PadTitle {
@@ -117,6 +117,7 @@
     background: #666666;
     background: -moz-linear-gradient(top, #666666 20%, #333333 80%);
     background: -webkit-linear-gradient(top, #666666 20%, #333333 80%);
+    background: -ms-linear-gradient(top, #666666 20%, #333333 80%);
     content: ""; display: block; height: 35px; float: right; width: 1px; border-left: 1px solid #111111;
     margin: 0 3px;
 }
@@ -202,8 +203,8 @@
 /* Canvas */
 
 .Rk-Canvas {
-    background: -moz-linear-gradient(top, rgba(180,180,180,.2) 0, rgba(255,255,255,.2) 30%, rgba(255,255,255,.2) 70%, rgba(180,180,180,.2) 100%);
-    background: -webkit-linear-gradient(top, rgba(180,180,180,.2) 0, rgba(255,255,255,.2) 30%, rgba(255,255,255,.2) 70%, rgba(180,180,180,.2) 100%);
+	background: -moz-radial-gradient( center, circle, #ffffff 40%, #e0e0e0 90%);
+	background: -webkit-radial-gradient( center, circle, #ffffff 40%, #e0e0e0 90%);
     position: absolute; left: 0; top: 35px; right: 0; bottom: 0; z-index: 1;
 }
 
@@ -220,6 +221,8 @@
     background: rgba(20,20,20,.7);
     background: -moz-linear-gradient(top, rgba(40,40,40,.7) 20%, rgba(0,0,0,.7) 80%);
     background: -webkit-linear-gradient(top, rgba(40,40,40,.7) 20%, rgba(0,0,0,.7) 80%);
+    background: -ms-linear-gradient(top, rgba(40,40,40,.7) 20%, rgba(0,0,0,.7) 80%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#000000',GradientType=0 );
 }
 
 .Rk-CloseX {
@@ -374,6 +377,8 @@
     background: #333333; font-size: 14px; color: #F0F0F0;
     background: -moz-linear-gradient(top, #1e1e1e 5px, #606060 30px);
     background: -webkit-linear-gradient(top, #1e1e1e 5px, #606060 30px);
+    background: -ms-linear-gradient(top, #1e1e1e 5px, #606060 30px);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#606060',GradientType=0 );
 }
 
 /* Bin Search Field */
@@ -449,6 +454,7 @@
     background: #333333;
     background: -moz-linear-gradient(top, #505050 20%, #1e1e1e 80%);
     background: -webkit-linear-gradient(top, #505050 20%, #1e1e1e 80%);
+    background: -ms-linear-gradient(top, #505050 20%, #1e1e1e 80%);
     border-bottom: 1px solid #666666; font-weight: bold;
     font-size: 14px; padding: 5px; cursor: pointer; color: #f0f0f0;
 }
@@ -464,8 +470,10 @@
 
 .Rk-Bin-Title:hover {
     color: #ffffe0;
+    background: #505050;
     background: -moz-linear-gradient(top, rgb(20,20,20) 20%, rgb(60,60,60) 80%);
     background: -webkit-linear-gradient(top, rgb(20,20,20) 20%, rgb(60,60,60) 80%);
+    background: -ms-linear-gradient(top, rgb(20,20,20) 20%, rgb(60,60,60) 80%);
 }
 
 .Rk-Bin-Refresh {
@@ -490,6 +498,7 @@
     background: #ffffff;
     background: -moz-linear-gradient(top, #e0e0e0 0, #FFFFFF 2%, #FFFFFF 98%, #e0e0e0 100%);
     background: -webkit-linear-gradient(top, #e0e0e0 0, #FFFFFF 2%, #FFFFFF 98%, #e0e0e0 100%);
+    background: -ms-linear-gradient(top, #e0e0e0 0, #FFFFFF 2%, #FFFFFF 98%, #e0e0e0 100%);
 }
 
 .Rk-Bin-Item {
@@ -499,12 +508,8 @@
 .Rk-Bin-Item:hover {
     background: -moz-linear-gradient(top, rgba(0,0,0,.1) 20%, rgba(128,128,128,.1) 80%);
     background: -webkit-linear-gradient(top, rgba(0,0,0,.1) 20%, rgba(128,128,128,.1) 80%);
-}
-
-.Rk-Bin-Item.dragging {
-    background: -moz-linear-gradient(top, rgba(128,0,0,.1) 20%, rgba(255,128,128,.1) 80%);
-    background: -webkit-linear-gradient(top, rgba(128,0,0,.1) 20%, rgba(255,128,128,.1) 80%);
-    color: #660000;
+    background: -ms-linear-gradient(top, rgba(0,0,0,.1) 20%, rgba(128,128,128,.1) 80%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#f3f3f3',GradientType=0 );
 }
 
 .Rk-Bin-Item.selected {