button.css in rsence-pre-3.0.0.8

- old
+ new

@@ -13,16 +13,16 @@
 }
 .default > .button_control > .button_bg {
   top: 2px; left: 2px; right: 2px; bottom: 3px;
   border: 1px solid #e0e0e0;
   border-top: 0; border-left: 0;
-  box-shadow: 0px 0px 3px #333;
+  box-shadow: 0 0 3px #333;
   #{this.gradientCSS('#fcfcfc',[45,'#ffffff'],[55,'#fdfdfd'],[75,'#f3f3f3'],'#f0f0f0')}
 }
 .default.disabled > .button_control > .button_bg {
   border-color: #ddd;
-  box-shadow: 0px 0px 3px #666;
+  box-shadow: 0 0 3px #666;
   opacity: 0.75;
   #{this.gradientCSS('#d6d6d6',[66,'#d0d0d0'],[71,'#d3d3d3'],'#cccccc')}
 }
 .default > .button_control > .button_label {
   left: 6px; right: 6px; top: 2px; bottom: auto;
@@ -36,21 +36,55 @@
   color: #333;
 }
 .default.disabled > .button_control > .button_label {
   color: #999;
 }
+
+.default.enabled.action > .button_control > .button_bg {
+  border-color: #000;
+  box-shadow: 0 0 3px #000;
+  #{this.gradientCSS('#333',[45,'#555'],[55,'#444'],[75,'#222'],'#111')}
+}
+.default.enabled.action > .button_control > .button_label {
+  color: #fdfdfd;
+  text-shadow: 0 0 2px #000;
+}
+
 .default.enabled > .button_control:hover > .button_bg {
-  box-shadow: 0px 0px 3px #000;
+  box-shadow: 0 0 3px #000;
   #{this.gradientCSS('#f6f6f6',[66,'#ffffff'],[71,'#fcfcfc'],'#f0f0f0')}
 }
 .default.enabled > .button_control:hover > .button_label {
   color: #000;
 }
+
+.default.enabled.action > .button_control:hover > .button_bg {
+  border-color: #000;
+  box-shadow: 0 0 3px #000;
+  #{this.gradientCSS('#111',[66,'#333'],[71,'#333'],'#000')}
+}
+.default.enabled.action > .button_control:hover > .button_label {
+  color: #fff;
+  text-shadow: 0 0 2px #000;
+}
+
 .default.enabled > .button_control:active > .button_bg {
   border: 1px solid #fff;
   border-bottom: 0; border-right: 0;
-  box-shadow: 0px 0px 3px #000;
+  box-shadow: 0 0 3px #000;
   #{this.gradientCSS('#e6e6e6',[29,'#f0f0f0'],[33,'#f6f6f6'],'#ffffff')}
 }
 .default.enabled > .button_control:active > .button_label {
   color: #000;
 }
+
+.default.enabled.action > .button_control:active > .button_bg {
+  border: 1px solid #fff;
+  margin: -1px;
+  box-shadow: 0 0 3px #fff;
+  #{this.gradientCSS('#111',[29,'#333'],[33,'#333'],'#000')}
+}
+.default.enabled.action > .button_control:active > .button_label {
+  color: #fff;
+  text-shadow: 0 0 2px #000;
+}
+