diff options
Diffstat (limited to 'spacelab')
-rw-r--r-- | spacelab/bootstrap.css | 54 | ||||
-rw-r--r-- | spacelab/bootstrap.min.css | 12 | ||||
-rwxr-xr-x | spacelab/bootswatch.less | 4 | ||||
-rwxr-xr-x | spacelab/index.html | 20 |
4 files changed, 70 insertions, 20 deletions
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> |