diff options
-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 | ||||
-rw-r--r-- | cyborg/bootstrap.css | 24 | ||||
-rw-r--r-- | cyborg/bootstrap.min.css | 2 | ||||
-rwxr-xr-x | cyborg/bootswatch.less | 14 | ||||
-rwxr-xr-x | cyborg/index.html | 20 | ||||
-rwxr-xr-x | default/index.html | 20 | ||||
-rw-r--r-- | journal/bootstrap.css | 80 | ||||
-rw-r--r-- | journal/bootstrap.min.css | 26 | ||||
-rwxr-xr-x | journal/index.html | 20 | ||||
-rwxr-xr-x | journal/variables.less | 2 | ||||
-rw-r--r-- | js/bootswatch.js | 1 | ||||
-rw-r--r-- | simplex/bootstrap.css | 52 | ||||
-rw-r--r-- | simplex/bootstrap.min.css | 12 | ||||
-rwxr-xr-x | simplex/bootswatch.less | 4 | ||||
-rwxr-xr-x | simplex/index.html | 20 | ||||
-rwxr-xr-x | slate/index.html | 20 | ||||
-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 | ||||
-rwxr-xr-x | spruce/index.html | 20 | ||||
-rwxr-xr-x | superhero/index.html | 20 | ||||
-rwxr-xr-x | united/index.html | 20 |
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> |