diff options
Diffstat (limited to 'cerulean')
-rw-r--r-- | cerulean/bootstrap.css | 52 | ||||
-rw-r--r-- | cerulean/bootstrap.min.css | 12 | ||||
-rwxr-xr-x | cerulean/bootswatch.less | 15 | ||||
-rwxr-xr-x | cerulean/index.html | 20 |
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> |