From 1ae3a88f1f8a1d4c7d173134d2ddeb7cbb5f22cc Mon Sep 17 00:00:00 2001 From: Thomas Park Date: Sat, 10 Mar 2012 15:52:45 -0500 Subject: style for btn-inverse --- cyborg/bootstrap.css | 24 ++++++++++++++++++++++++ cyborg/bootstrap.min.css | 2 ++ cyborg/bootswatch.less | 14 ++++++++------ cyborg/index.html | 20 ++++++++++++++++++++ 4 files changed, 54 insertions(+), 6 deletions(-) (limited to 'cyborg') 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 @@ + + Inverse + Inverse + Inverse + Inverse + Inverse + +
+ Inverse + + +
+ + -- cgit v1.2.3