style for btn-inverse

4 files changed, 54 insertions, 6 deletions

diff --git a/cyborg/bootstrap.css b/cyborg/bootstrap.css
index 4dc84a84..876911c3 100644
--- a/cyborg/bootstrap.css
+++ b/cyborg/bootstrap.css
@@ -3926,6 +3926,30 @@ select,
 .btn-info:active, .btn-info.active {
   background-color: #000000 \9;
 }
+.btn-inverse {
+  background-color: #9f3fcf;
+  background-image: -moz-linear-gradient(top, #a347d1, #9933cc);
+  background-image: -ms-linear-gradient(top, #a347d1, #9933cc);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a347d1), to(#9933cc));
+  background-image: -webkit-linear-gradient(top, #a347d1, #9933cc);
+  background-image: -o-linear-gradient(top, #a347d1, #9933cc);
+  background-image: linear-gradient(top, #a347d1, #9933cc);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a347d1', endColorstr='#9933cc', GradientType=0);
+  border-color: #9933cc #9933cc #6b248f;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
+}
+.btn-inverse:hover,
+.btn-inverse:active,
+.btn-inverse.active,
+.btn-inverse.disabled,
+.btn-inverse[disabled] {
+  background-color: #9933cc;
+}
+.btn-inverse:active, .btn-inverse.active {
+  background-color: #7a29a3 \9;
+}
 .btn-group .btn:first-child {
   -webkit-border-top-left-radius: 3px;
   -moz-border-top-left-radius: 3px;
diff --git a/cyborg/bootstrap.min.css b/cyborg/bootstrap.min.css
index 34920925..5b124d25 100644
--- a/cyborg/bootstrap.min.css
+++ b/cyborg/bootstrap.min.css
@@ -694,6 +694,8 @@ input,textarea,select,.uneditable-input{color:#282828;}
 .btn-success:active,.btn-success.active{background-color:#446600 \9;}
 .btn-info{background-color:#292929;background-image:-moz-linear-gradient(top, #333333, #191919);background-image:-ms-linear-gradient(top, #333333, #191919);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#191919));background-image:-webkit-linear-gradient(top, #333333, #191919);background-image:-o-linear-gradient(top, #333333, #191919);background-image:linear-gradient(top, #333333, #191919);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#191919', GradientType=0);border-color:#191919 #191919 #000000;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-info:hover,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled]{background-color:#191919;}
 .btn-info:active,.btn-info.active{background-color:#000000 \9;}
+.btn-inverse{background-color:#9f3fcf;background-image:-moz-linear-gradient(top, #a347d1, #9933cc);background-image:-ms-linear-gradient(top, #a347d1, #9933cc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a347d1), to(#9933cc));background-image:-webkit-linear-gradient(top, #a347d1, #9933cc);background-image:-o-linear-gradient(top, #a347d1, #9933cc);background-image:linear-gradient(top, #a347d1, #9933cc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a347d1', endColorstr='#9933cc', GradientType=0);border-color:#9933cc #9933cc #6b248f;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);}.btn-inverse:hover,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled]{background-color:#9933cc;}
+.btn-inverse:active,.btn-inverse.active{background-color:#7a29a3 \9;}
 .btn-group .btn:first-child{-webkit-border-top-left-radius:3px;-moz-border-top-left-radius:3px;border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}
 .btn-group .btn:last-child,.btn-group .dropdown-toggle{-webkit-border-top-right-radius:3px;-moz-border-top-right-radius:3px;border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}
 .btn .caret{border-top:4px solid black;opacity:0.3;}
diff --git a/cyborg/bootswatch.less b/cyborg/bootswatch.less
index 950daa90..12bb24e5 100755
--- a/cyborg/bootswatch.less
+++ b/cyborg/bootswatch.less
@@ -348,28 +348,30 @@ input, textarea, select, .uneditable-input {
 	}
 }
 
-// Set the backgrounds
-// -------------------------
 .btn-primary {
   .buttonBackground(@blueDark, darken(@blueDark, 10%));
 }
-// Warning appears are orange
+
 .btn-warning {
   .buttonBackground(lighten(@orange, 10%), @orange);
 }
-// Danger and error appear as red
+
 .btn-danger {
   .buttonBackground(lighten(@red, 10%), @red);
 }
-// Success appears as green
+
 .btn-success {
   .buttonBackground(lighten(@green, 10%), @green);
 }
-// Info appears as a neutral blue
+
 .btn-info {
   .buttonBackground(darken(@gray, 40%), darken(@gray, 50%));
 }
 
+.btn-inverse {
+  .buttonBackground(lighten(@purple, 5%), @purple);
+}
+
 .btn-group .btn:first-child {
     -webkit-border-top-left-radius: 3px;
        -moz-border-top-left-radius: 3px;
diff --git a/cyborg/index.html b/cyborg/index.html
index 26057c35..cb3ac6c4 100755
--- a/cyborg/index.html
+++ b/cyborg/index.html
@@ -321,6 +321,26 @@
 	        </div><!-- /btn-group -->
 		</td>
       </tr>
+      <tr>
+        <td><a class="btn btn-inverse" href="#">Inverse</a></td>
+        <td><a class="btn btn-inverse btn-large" href="#">Inverse</a></td>
+        <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td>
+        <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td>
+        <td><a class="btn btn-inverse" href="#"><i class="icon-remove icon-white"></i> Inverse</a></td>
+		<td>
+	        <div class="btn-group">
+	          <a class="btn btn-inverse" href="#">Inverse</a>
+	          <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
+	          <ul class="dropdown-menu">
+	            <li><a href="#">Action</a></li>
+	            <li><a href="#">Another action</a></li>
+	            <li><a href="#">Something else here</a></li>
+	            <li class="divider"></li>
+	            <li><a href="#">Separated link</a></li>
+	          </ul>
+	        </div><!-- /btn-group -->
+		</td>
+      </tr>
     </tbody>
   </table>