style for btn-inverse

26 files changed, 442 insertions, 124 deletions

diff --git a/cerulean/bootstrap.css b/cerulean/bootstrap.css
index dfb05ea8..14f20401 100644
--- a/cerulean/bootstrap.css
+++ b/cerulean/bootstrap.css
@@ -3480,6 +3480,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,
@@ -3725,21 +3740,30 @@ h6 {
 .btn-info:active, .btn-info.active {
   background-color: #7d4898 \9;
 }
-i[class^="icon-"] {
-  opacity: 0.8;
-}
-.pull-right {
-  float: right;
-}
-.pull-left {
-  float: left;
+.btn-inverse {
+  background-color: #f8b93b;
+  background-image: -moz-linear-gradient(top, #f8bd45, #f7b42c);
+  background-image: -ms-linear-gradient(top, #f8bd45, #f7b42c);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f8bd45), to(#f7b42c));
+  background-image: -webkit-linear-gradient(top, #f8bd45, #f7b42c);
+  background-image: -o-linear-gradient(top, #f8bd45, #f7b42c);
+  background-image: linear-gradient(top, #f8bd45, #f7b42c);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8bd45', endColorstr='#f7b42c', GradientType=0);
+  border-color: #f7b42c #f7b42c #cf8d08;
+  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: #f7b42c;
 }
-.show {
-  display: block;
+.btn-inverse:active, .btn-inverse.active {
+  background-color: #e79e09 \9;
 }
-.invisible {
-  visibility: hidden;
+i[class^="icon-"] {
+  opacity: 0.8;
 }
diff --git a/cerulean/bootstrap.min.css b/cerulean/bootstrap.min.css
index 5f31c5ef..9a5f31de 100644
--- a/cerulean/bootstrap.min.css
+++ b/cerulean/bootstrap.min.css
@@ -626,6 +626,11 @@ a.thumbnail:hover{border-color:#369bd7;-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,.navbar,.subnav{font-family:'Telex',sans-serif;}
 h1,h2,h3,h4,h5,h6{color:#317eac;}
 .navbar-inner{background-color:#3f9fd9;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#369bd7), color-stop(90%, #369bd7), to(#61b0df));background-image:-webkit-linear-gradient(#369bd7, #369bd7 90%, #61b0df);background-image:-moz-linear-gradient(top, #369bd7, #369bd7 90%, #61b0df);background-image:-ms-linear-gradient(#369bd7, #369bd7 90%, #61b0df);background-image:-o-linear-gradient(#369bd7, #369bd7 90%, #61b0df);background-image:linear-gradient(#369bd7, #369bd7 90%, #61b0df);background-repeat:no-repeat;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#369bd7', endColorstr='#61b0df', GradientType=0);}
@@ -655,9 +660,6 @@ h1,h2,h3,h4,h5,h6{color:#317eac;}
 .btn-success:active,.btn-success.active{background-color:#59822c \9;}
 .btn-info{background-color:#9e6ab8;background-image:-moz-linear-gradient(top, #a271bb, #9760b3);background-image:-ms-linear-gradient(top, #a271bb, #9760b3);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#a271bb), to(#9760b3));background-image:-webkit-linear-gradient(top, #a271bb, #9760b3);background-image:-o-linear-gradient(top, #a271bb, #9760b3);background-image:linear-gradient(top, #a271bb, #9760b3);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a271bb', endColorstr='#9760b3', GradientType=0);border-color:#9760b3 #9760b3 #6f4086;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:#9760b3;}
 .btn-info:active,.btn-info.active{background-color:#7d4898 \9;}
+.btn-inverse{background-color:#f8b93b;background-image:-moz-linear-gradient(top, #f8bd45, #f7b42c);background-image:-ms-linear-gradient(top, #f8bd45, #f7b42c);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f8bd45), to(#f7b42c));background-image:-webkit-linear-gradient(top, #f8bd45, #f7b42c);background-image:-o-linear-gradient(top, #f8bd45, #f7b42c);background-image:linear-gradient(top, #f8bd45, #f7b42c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8bd45', endColorstr='#f7b42c', GradientType=0);border-color:#f7b42c #f7b42c #cf8d08;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:#f7b42c;}
+.btn-inverse:active,.btn-inverse.active{background-color:#e79e09 \9;}
 i[class^="icon-"]{opacity:0.8;}
-.pull-right{float:right;}
-.pull-left{float:left;}
-.hide{display:none;}
-.show{display:block;}
-.invisible{visibility:hidden;}
diff --git a/cerulean/bootswatch.less b/cerulean/bootswatch.less
index 37110250..91e64822 100755
--- a/cerulean/bootswatch.less
+++ b/cerulean/bootswatch.less
@@ -87,28 +87,31 @@ h1,h2,h3,h4,h5,h6 {
   }
 }
 
-// Set the backgrounds
-// -------------------------
 .btn-primary {
   .buttonBackground(lighten(@linkColor, 5%), @linkColor);
 }
-// Warning appears are orange
+
 .btn-warning {
   .buttonBackground(lighten(@orange, 5%), @orange);
 }
-// Danger and error appear as red
+
 .btn-danger {
   .buttonBackground(lighten(@red, 5%), @red);
 }
-// Success appears as green
+
 .btn-success {
   .buttonBackground(lighten(@green, 5%), @green);
 }
-// Info appears as a neutral blue
+
 .btn-info {
   .buttonBackground(lighten(@purple, 5%), @purple);
 }
 
+.btn-inverse {
+  .buttonBackground(lighten(@yellow, 5%), @yellow);
+}
+
+
 // ICONS
 // -----------------------------------------------------
 
diff --git a/cerulean/index.html b/cerulean/index.html
index c6c63d14..28ad45ac 100755
--- a/cerulean/index.html
+++ b/cerulean/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>
 
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>
 
diff --git a/default/index.html b/default/index.html
index e819aece..d4c942d1 100755
--- a/default/index.html
+++ b/default/index.html
@@ -318,6 +318,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>
 
diff --git a/journal/bootstrap.css b/journal/bootstrap.css
index 1e1ae274..fa682ccc 100644
--- a/journal/bootstrap.css
+++ b/journal/bootstrap.css
@@ -2442,15 +2442,15 @@ button.btn.small, input[type="submit"].btn.small {
 .navbar-inner {
   padding-left: 20px;
   padding-right: 20px;
-  background-color: #fafafc;
-  background-image: -moz-linear-gradient(top, #fafafc, #fafafc);
-  background-image: -ms-linear-gradient(top, #fafafc, #fafafc);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafc), to(#fafafc));
-  background-image: -webkit-linear-gradient(top, #fafafc, #fafafc);
-  background-image: -o-linear-gradient(top, #fafafc, #fafafc);
-  background-image: linear-gradient(top, #fafafc, #fafafc);
+  background-color: #fcfbfd;
+  background-image: -moz-linear-gradient(top, #fcfbfd, #fcfbfd);
+  background-image: -ms-linear-gradient(top, #fcfbfd, #fcfbfd);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfbfd), to(#fcfbfd));
+  background-image: -webkit-linear-gradient(top, #fcfbfd, #fcfbfd);
+  background-image: -o-linear-gradient(top, #fcfbfd, #fcfbfd);
+  background-image: linear-gradient(top, #fcfbfd, #fcfbfd);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafc', endColorstr='#fafafc', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfd', endColorstr='#fcfbfd', GradientType=0);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
@@ -2464,16 +2464,16 @@ button.btn.small, input[type="submit"].btn.small {
   padding: 7px 10px;
   margin-left: 5px;
   margin-right: 5px;
-  background-color: #fafafc;
-  background-image: -moz-linear-gradient(top, #fafafc, #fafafc);
-  background-image: -ms-linear-gradient(top, #fafafc, #fafafc);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafc), to(#fafafc));
-  background-image: -webkit-linear-gradient(top, #fafafc, #fafafc);
-  background-image: -o-linear-gradient(top, #fafafc, #fafafc);
-  background-image: linear-gradient(top, #fafafc, #fafafc);
+  background-color: #fcfbfd;
+  background-image: -moz-linear-gradient(top, #fcfbfd, #fcfbfd);
+  background-image: -ms-linear-gradient(top, #fcfbfd, #fcfbfd);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fcfbfd), to(#fcfbfd));
+  background-image: -webkit-linear-gradient(top, #fcfbfd, #fcfbfd);
+  background-image: -o-linear-gradient(top, #fcfbfd, #fcfbfd);
+  background-image: linear-gradient(top, #fcfbfd, #fcfbfd);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafc', endColorstr='#fafafc', GradientType=0);
-  border-color: #fafafc #fafafc #cacadf;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfd', endColorstr='#fcfbfd', GradientType=0);
+  border-color: #fcfbfd #fcfbfd #d6c8e4;
   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);
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
@@ -2485,10 +2485,10 @@ button.btn.small, input[type="submit"].btn.small {
 .btn-navbar.active,
 .btn-navbar.disabled,
 .btn-navbar[disabled] {
-  background-color: #fafafc;
+  background-color: #fcfbfd;
 }
 .btn-navbar:active, .btn-navbar.active {
-  background-color: #dadae9 \9;
+  background-color: #e3d9ec \9;
 }
 .btn-navbar .icon-bar {
   display: block;
@@ -2657,15 +2657,15 @@ button.btn.small, input[type="submit"].btn.small {
 .navbar .nav .active > a, .navbar .nav .active > a:hover {
   color: #222222;
   text-decoration: none;
-  background-color: #fafafc;
+  background-color: #fcfbfd;
 }
 .navbar .divider-vertical {
   height: 40px;
   width: 1px;
   margin: 0 9px;
   overflow: hidden;
-  background-color: #fafafc;
-  border-right: 1px solid #fafafc;
+  background-color: #fcfbfd;
+  border-right: 1px solid #fcfbfd;
 }
 .navbar .nav.pull-right {
   margin-left: 10px;
@@ -3480,8 +3480,23 @@ 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;
+}
 body {
-  background-color: #fafafc !important;
+  background-color: #fcfbfd !important;
 }
 a {
   text-decoration: underline;
@@ -3569,7 +3584,7 @@ form.navbar-form, form.navbar-search {
   color: #888888;
 }
 .dropdown-menu {
-  background-color: #fafafc;
+  background-color: #fcfbfd;
 }
 .dropdown-menu a {
   color: #222222;
@@ -3579,7 +3594,7 @@ form.navbar-form, form.navbar-search {
   color: #222222;
 }
 div.subnav {
-  background-color: #fafafc;
+  background-color: #fcfbfd;
   background-image: none;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
@@ -3626,18 +3641,3 @@ pre.prettyprint,
 .table-striped tbody tr:nth-child(odd) th {
   background-color: #eeeeee;
 }
-.pull-right {
-  float: right;
-}
-.pull-left {
-  float: left;
-}
-.hide {
-  display: none;
-}
-.show {
-  display: block;
-}
-.invisible {
-  visibility: hidden;
-}
diff --git a/journal/bootstrap.min.css b/journal/bootstrap.min.css
index f3fcd992..2e8bcdea 100644
--- a/journal/bootstrap.min.css
+++ b/journal/bootstrap.min.css
@@ -479,9 +479,9 @@ button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom
 .tabs-right .nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #eeeeee #dddddd;}
 .tabs-right .nav-tabs .active>a,.tabs-right .nav-tabs .active>a:hover{border-color:#ddd #ddd #ddd transparent;*border-left-color:#ffffff;}
 .navbar{overflow:visible;margin-bottom:18px;}
-.navbar-inner{padding-left:20px;padding-right:20px;background-color:#fafafc;background-image:-moz-linear-gradient(top, #fafafc, #fafafc);background-image:-ms-linear-gradient(top, #fafafc, #fafafc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fafafc), to(#fafafc));background-image:-webkit-linear-gradient(top, #fafafc, #fafafc);background-image:-o-linear-gradient(top, #fafafc, #fafafc);background-image:linear-gradient(top, #fafafc, #fafafc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafc', endColorstr='#fafafc', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);}
-.btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#fafafc;background-image:-moz-linear-gradient(top, #fafafc, #fafafc);background-image:-ms-linear-gradient(top, #fafafc, #fafafc);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fafafc), to(#fafafc));background-image:-webkit-linear-gradient(top, #fafafc, #fafafc);background-image:-o-linear-gradient(top, #fafafc, #fafafc);background-image:linear-gradient(top, #fafafc, #fafafc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafc', endColorstr='#fafafc', GradientType=0);border-color:#fafafc #fafafc #cacadf;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);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);}.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]{background-color:#fafafc;}
-.btn-navbar:active,.btn-navbar.active{background-color:#dadae9 \9;}
+.navbar-inner{padding-left:20px;padding-right:20px;background-color:#fcfbfd;background-image:-moz-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:-ms-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfbfd), to(#fcfbfd));background-image:-webkit-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:-o-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:linear-gradient(top, #fcfbfd, #fcfbfd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfd', endColorstr='#fcfbfd', GradientType=0);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);}
+.btn-navbar{display:none;float:right;padding:7px 10px;margin-left:5px;margin-right:5px;background-color:#fcfbfd;background-image:-moz-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:-ms-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fcfbfd), to(#fcfbfd));background-image:-webkit-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:-o-linear-gradient(top, #fcfbfd, #fcfbfd);background-image:linear-gradient(top, #fcfbfd, #fcfbfd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfbfd', endColorstr='#fcfbfd', GradientType=0);border-color:#fcfbfd #fcfbfd #d6c8e4;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);-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1),0 1px 0 rgba(255, 255, 255, 0.075);}.btn-navbar:hover,.btn-navbar:active,.btn-navbar.active,.btn-navbar.disabled,.btn-navbar[disabled]{background-color:#fcfbfd;}
+.btn-navbar:active,.btn-navbar.active{background-color:#e3d9ec \9;}
 .btn-navbar .icon-bar{display:block;width:18px;height:2px;background-color:#f5f5f5;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);box-shadow:0 1px 0 rgba(0, 0, 0, 0.25);}
 .btn-navbar .icon-bar+.icon-bar{margin-top:3px;}
 .nav-collapse.collapse{height:auto;}
@@ -507,8 +507,8 @@ button.btn.small,input[type="submit"].btn.small{*padding-top:3px;*padding-bottom
 .navbar .nav>li{display:block;float:left;}
 .navbar .nav>li>a{float:none;padding:10px 10px 11px;line-height:19px;color:#222222;text-decoration:none;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
 .navbar .nav>li>a:hover{background-color:transparent;color:#222222;text-decoration:none;}
-.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#222222;text-decoration:none;background-color:#fafafc;}
-.navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#fafafc;border-right:1px solid #fafafc;}
+.navbar .nav .active>a,.navbar .nav .active>a:hover{color:#222222;text-decoration:none;background-color:#fcfbfd;}
+.navbar .divider-vertical{height:40px;width:1px;margin:0 9px;overflow:hidden;background-color:#fcfbfd;border-right:1px solid #fcfbfd;}
 .navbar .nav.pull-right{margin-left:10px;margin-right:0;}
 .navbar .dropdown-menu{margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.navbar .dropdown-menu:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0, 0, 0, 0.2);position:absolute;top:-7px;left:9px;}
 .navbar .dropdown-menu:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;position:absolute;top:-6px;left:10px;}
@@ -626,7 +626,12 @@ a.thumbnail:hover{border-color:#222222;-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;}
-body{background-color:#fafafc !important;}
+.pull-right{float:right;}
+.pull-left{float:left;}
+.hide{display:none;}
+.show{display:block;}
+.invisible{visibility:hidden;}
+body{background-color:#fcfbfd !important;}
 a{text-decoration:underline;}
 .nav a,.navbar .brand,.subnav a,a.btn{text-decoration:none;}
 h1,h2,h3,h4,h5,h6,.brand,.navbar,.subnav a,blockquote>p{font-family:'Open Sans',sans-serif;color:#222222;}
@@ -641,15 +646,10 @@ h1,h2,h3,h4,h5,h6,.brand{font-weight:700;}
 form.navbar-form,form.navbar-search{border-top:0px solid #eee;border-bottom:0px solid #eee;}
 .navbar-search .search-query,.navbar-search .search-query:hover{border:1px solid #eeeeee;color:#222222;}.navbar-search .search-query :-moz-placeholder,.navbar-search .search-query:hover :-moz-placeholder{color:#888888;}
 .navbar-search .search-query::-webkit-input-placeholder,.navbar-search .search-query:hover::-webkit-input-placeholder{color:#888888;}
-.dropdown-menu{background-color:#fafafc;}.dropdown-menu a{color:#222222;}
+.dropdown-menu{background-color:#fcfbfd;}.dropdown-menu a{color:#222222;}
 .dropdown-menu li:hover>a{background-color:#eee;color:#222222;}
-div.subnav{background-color:#fafafc;background-image:none;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}
+div.subnav{background-color:#fcfbfd;background-image:none;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);}
 .navbar .nav-collapse .nav li>a,div.subnav .nav>li>a:hover,div.subnav .nav>.active>a,div.subnav .nav>.active>a:hover{color:#222222;text-decoration:none;font-weight:normal;}
 .btn-primary{background-color:#2a2a2a;background-image:-moz-linear-gradient(top, #2f2f2f, #222222);background-image:-ms-linear-gradient(top, #2f2f2f, #222222);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#2f2f2f), to(#222222));background-image:-webkit-linear-gradient(top, #2f2f2f, #222222);background-image:-o-linear-gradient(top, #2f2f2f, #222222);background-image:linear-gradient(top, #2f2f2f, #222222);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#222222', GradientType=0);border-color:#222222 #222222 #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-primary:hover,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled]{background-color:#222222;}
 .btn-primary:active,.btn-primary.active{background-color:#080808 \9;}
 code,pre,pre.prettyprint,.well,.form-actions,.table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#eeeeee;}
-.pull-right{float:right;}
-.pull-left{float:left;}
-.hide{display:none;}
-.show{display:block;}
-.invisible{visibility:hidden;}
diff --git a/journal/index.html b/journal/index.html
index e697b375..fa6761b2 100755
--- a/journal/index.html
+++ b/journal/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>
 
diff --git a/journal/variables.less b/journal/variables.less
index 3df3f10c..e6b01284 100755
--- a/journal/variables.less
+++ b/journal/variables.less
@@ -7,7 +7,7 @@
 // CUSTOM VALUES
 // -----------------------------------------------------
 
-@baseBackgroundColor: #FAFAFC;
+@baseBackgroundColor: #FCFBFD;
 
 
 
diff --git a/js/bootswatch.js b/js/bootswatch.js
index 49b17176..872fec69 100644
--- a/js/bootswatch.js
+++ b/js/bootswatch.js
@@ -6,6 +6,7 @@ var menu = '<ul class="nav"> \
 	         <ul class="dropdown-menu"> \
 	           <li><a href="/default">Default</a></li> \
 	           <li class="divider"></li> \
+	           <li><a href="/amelia">Amelia</a></li> \
 	           <li><a href="/cerulean">Cerulean</a></li> \
 	           <li><a href="/cyborg">Cyborg</a></li> \
 	           <li><a href="/journal">Journal</a></li> \
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>
 
diff --git a/slate/index.html b/slate/index.html
index cb0e9c4e..8782e54b 100755
--- a/slate/index.html
+++ b/slate/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>
 
diff --git a/spacelab/bootstrap.css b/spacelab/bootstrap.css
index 12e39d7f..d66b042e 100644
--- a/spacelab/bootstrap.css
+++ b/spacelab/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;
+}
 .navbar {
   border-bottom: 1px solid #CACACA;
 }
@@ -3714,6 +3729,30 @@ a.thumbnail:hover {
 .btn-info:active, .btn-info.active {
   background-color: #366d96 \9;
 }
+.btn-inverse {
+  background-color: #466274;
+  background-image: -moz-linear-gradient(top, #4a687a, #405a6a);
+  background-image: -ms-linear-gradient(top, #4a687a, #405a6a);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4a687a), to(#405a6a));
+  background-image: -webkit-linear-gradient(top, #4a687a, #405a6a);
+  background-image: -o-linear-gradient(top, #4a687a, #405a6a);
+  background-image: linear-gradient(top, #4a687a, #405a6a);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a687a', endColorstr='#405a6a', GradientType=0);
+  border-color: #405a6a #405a6a #23323a;
+  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: #405a6a;
+}
+.btn-inverse:active, .btn-inverse.active {
+  background-color: #2d3f4a \9;
+}
 .control-group.warning > label, .control-group.warning .help-block, .control-group.warning .help-inline {
   color: #e29235;
 }
@@ -3780,18 +3819,3 @@ a.thumbnail:hover {
 .label-info {
   background-color: #4183C4;
 }
-.pull-right {
-  float: right;
-}
-.pull-left {
-  float: left;
-}
-.hide {
-  display: none;
-}
-.show {
-  display: block;
-}
-.invisible {
-  visibility: hidden;
-}
diff --git a/spacelab/bootstrap.min.css b/spacelab/bootstrap.min.css
index 4f7007d0..f1d35322 100644
--- a/spacelab/bootstrap.min.css
+++ b/spacelab/bootstrap.min.css
@@ -625,6 +625,11 @@ a.thumbnail:hover{border-color:#4183c4;-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;}
 .navbar{border-bottom:1px solid #CACACA;}.navbar .brand{font-size:20px;font-weight:bold;color:#333333;}.navbar .brand:hover{color:#4183c4;}
 .navbar .navbar-inner{-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.4);-moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.4);box-shadow:0 1px 0 rgba(255, 255, 255, 0.4);-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.1);box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
 .navbar .nav>li>a{font-weight:bold;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);}
@@ -652,6 +657,8 @@ a.thumbnail:hover{border-color:#4183c4;-webkit-box-shadow:0 1px 4px rgba(0, 105,
 .btn-success:active,.btn-success.active{background-color:#4c8b36 \9;}
 .btn-info{background-color:#669dc7;background-image:-moz-linear-gradient(top, #7caccf, #4488bb);background-image:-ms-linear-gradient(top, #7caccf, #4488bb);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#7caccf), to(#4488bb));background-image:-webkit-linear-gradient(top, #7caccf, #4488bb);background-image:-o-linear-gradient(top, #7caccf, #4488bb);background-image:linear-gradient(top, #7caccf, #4488bb);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7caccf', endColorstr='#4488bb', GradientType=0);border-color:#4488bb #4488bb #305f83;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:#4488bb;}
 .btn-info:active,.btn-info.active{background-color:#366d96 \9;}
+.btn-inverse{background-color:#466274;background-image:-moz-linear-gradient(top, #4a687a, #405a6a);background-image:-ms-linear-gradient(top, #4a687a, #405a6a);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#4a687a), to(#405a6a));background-image:-webkit-linear-gradient(top, #4a687a, #405a6a);background-image:-o-linear-gradient(top, #4a687a, #405a6a);background-image:linear-gradient(top, #4a687a, #405a6a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a687a', endColorstr='#405a6a', GradientType=0);border-color:#405a6a #405a6a #23323a;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:#405a6a;}
+.btn-inverse:active,.btn-inverse.active{background-color:#2d3f4a \9;}
 .control-group.warning>label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#e29235;}
 .control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#e29235;border-color:#e29235;}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#c7781d;-webkit-box-shadow:0 0 6px #efc28e;-moz-box-shadow:0 0 6px #efc28e;box-shadow:0 0 6px #efc28e;}
 .control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#e29235;background-color:#f5f3b4;border-color:#e29235;}
@@ -665,8 +672,3 @@ a.thumbnail:hover{border-color:#4183c4;-webkit-box-shadow:0 1px 4px rgba(0, 105,
 .label-warning{background-color:#E3E84D;}
 .label-success{background-color:#6CC644;}
 .label-info{background-color:#4183C4;}
-.pull-right{float:right;}
-.pull-left{float:left;}
-.hide{display:none;}
-.show{display:block;}
-.invisible{visibility:hidden;}
diff --git a/spacelab/bootswatch.less b/spacelab/bootswatch.less
index 2e8f1e79..5425db89 100755
--- a/spacelab/bootswatch.less
+++ b/spacelab/bootswatch.less
@@ -136,6 +136,10 @@
   .buttonBackground(lighten(#4488BB, 15%), #4488BB);
 }
 
+.btn-inverse {
+  .buttonBackground(lighten(@purple, 5%), @purple);
+}
+
 // FORMS
 // -----------------------------------------------------
 
diff --git a/spacelab/index.html b/spacelab/index.html
index a6b40cab..0c1d0c2e 100755
--- a/spacelab/index.html
+++ b/spacelab/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>
 
diff --git a/spruce/index.html b/spruce/index.html
index ef1bef14..1a6808ed 100755
--- a/spruce/index.html
+++ b/spruce/index.html
@@ -319,6 +319,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>
 
diff --git a/superhero/index.html b/superhero/index.html
index 81949668..3d175681 100755
--- a/superhero/index.html
+++ b/superhero/index.html
@@ -319,6 +319,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>
 
diff --git a/united/index.html b/united/index.html
index b55db5de..9d4b2c37 100755
--- a/united/index.html
+++ b/united/index.html
@@ -319,6 +319,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>