summaryrefslogtreecommitdiff
path: root/cerulean
diff options
context:
space:
mode:
Diffstat (limited to 'cerulean')
-rw-r--r--cerulean/bootstrap.css52
-rw-r--r--cerulean/bootstrap.min.css12
-rwxr-xr-xcerulean/bootswatch.less15
-rwxr-xr-xcerulean/index.html20
4 files changed, 74 insertions, 25 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>