4 files changed, 69 insertions, 19 deletions
diff --git a/simplex/bootstrap.css b/simplex/bootstrap.css
index 7e85ea39..3b3962e0 100644
--- a/simplex/bootstrap.css
+++ b/simplex/bootstrap.css
@@ -3479,6 +3479,21 @@ a.thumbnail:hover {
   font-weight: 200;
   line-height: 27px;
 }
+.pull-right {
+  float: right;
+}
+.pull-left {
+  float: left;
+}
+.hide {
+  display: none;
+}
+.show {
+  display: block;
+}
+.invisible {
+  visibility: hidden;
+}
 h1,
 h2,
 h3,
@@ -3656,21 +3671,30 @@ h6 {
 .btn-info:active, .btn-info.active {
   background-color: #31b0d5 \9;
 }
-i[class^="icon-"] {
-  opacity: 0.6;
-}
-.pull-right {
-  float: right;
-}
-.pull-left {
-  float: left;
+.btn-inverse {
+  background-color: #a54ca9;
+  background-image: -moz-linear-gradient(top, #ac4fb0, #9b479f);
+  background-image: -ms-linear-gradient(top, #ac4fb0, #9b479f);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ac4fb0), to(#9b479f));
+  background-image: -webkit-linear-gradient(top, #ac4fb0, #9b479f);
+  background-image: -o-linear-gradient(top, #ac4fb0, #9b479f);
+  background-image: linear-gradient(top, #ac4fb0, #9b479f);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac4fb0', endColorstr='#9b479f', GradientType=0);
+  border-color: #9b479f #9b479f #672f6a;
+  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);
 }
-.hide {
-  display: none;
+.btn-inverse:hover,
+.btn-inverse:active,
+.btn-inverse.active,
+.btn-inverse.disabled,
+.btn-inverse[disabled] {
+  background-color: #9b479f;
 }
-.show {
-  display: block;
+.btn-inverse:active, .btn-inverse.active {
+  background-color: #79377c \9;
 }
-.invisible {
-  visibility: hidden;
+i[class^="icon-"] {
+  opacity: 0.6;
 }
diff --git a/simplex/bootstrap.min.css b/simplex/bootstrap.min.css
index 331dd8cb..4c63d93b 100644
--- a/simplex/bootstrap.min.css
+++ b/simplex/bootstrap.min.css
@@ -625,6 +625,11 @@ a.thumbnail:hover{border-color:#366ddc;-webkit-box-shadow:0 1px 4px rgba(0, 105,
 .carousel-caption h4,.carousel-caption p{color:#ffffff;}
 .hero-unit{padding:60px;margin-bottom:30px;background-color:#f5f5f5;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.hero-unit h1{margin-bottom:0;font-size:60px;line-height:1;letter-spacing:-1px;}
 .hero-unit p{font-size:18px;font-weight:200;line-height:27px;}
+.pull-right{float:right;}
+.pull-left{float:left;}
+.hide{display:none;}
+.show{display:block;}
+.invisible{visibility:hidden;}
 h1,h2,h3,h4,h5,h6{color:#000000;}
 .navbar .brand,.subnav a{color:#aaaaaa;}
 .navbar .nav .active>a,.navbar .nav .active>a:hover{background-color:#2c2c2c;color:#ffffff;}
@@ -644,9 +649,6 @@ h1,h2,h3,h4,h5,h6{color:#000000;}
 .btn-success:active,.btn-success.active{background-color:#286100 \9;}
 .btn-info{background-color:#68c5e1;background-image:-moz-linear-gradient(top, #70c8e2, #5bc0de);background-image:-ms-linear-gradient(top, #70c8e2, #5bc0de);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#70c8e2), to(#5bc0de));background-image:-webkit-linear-gradient(top, #70c8e2, #5bc0de);background-image:-o-linear-gradient(top, #70c8e2, #5bc0de);background-image:linear-gradient(top, #70c8e2, #5bc0de);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#70c8e2', endColorstr='#5bc0de', GradientType=0);border-color:#5bc0de #5bc0de #28a1c5;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:#5bc0de;}
 .btn-info:active,.btn-info.active{background-color:#31b0d5 \9;}
+.btn-inverse{background-color:#a54ca9;background-image:-moz-linear-gradient(top, #ac4fb0, #9b479f);background-image:-ms-linear-gradient(top, #ac4fb0, #9b479f);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ac4fb0), to(#9b479f));background-image:-webkit-linear-gradient(top, #ac4fb0, #9b479f);background-image:-o-linear-gradient(top, #ac4fb0, #9b479f);background-image:linear-gradient(top, #ac4fb0, #9b479f);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ac4fb0', endColorstr='#9b479f', GradientType=0);border-color:#9b479f #9b479f #672f6a;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:#9b479f;}
+.btn-inverse:active,.btn-inverse.active{background-color:#79377c \9;}
 i[class^="icon-"]{opacity:0.6;}
-.pull-right{float:right;}
-.pull-left{float:left;}
-.hide{display:none;}
-.show{display:block;}
-.invisible{visibility:hidden;}
diff --git a/simplex/bootswatch.less b/simplex/bootswatch.less
index ece365bd..de6ed356 100755
--- a/simplex/bootswatch.less
+++ b/simplex/bootswatch.less
@@ -92,6 +92,10 @@ h1, h2, h3, h4, h5, h6 {
   .buttonBackground(lighten(#5bc0de, 5%), #5bc0de);
 }
 
+.btn-inverse {
+  .buttonBackground(lighten(@purple, 5%), @purple);
+}
+
 // ICONS
 // -----------------------------------------------------
 
diff --git a/simplex/index.html b/simplex/index.html
index d40a1f6c..4ccebe04 100755
--- a/simplex/index.html
+++ b/simplex/index.html
@@ -320,6 +320,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>