Commit a22a382f authored by Thomas Park's avatar Thomas Park
Browse files

spacelab: tweak link and button colors

parent 2c3a1a98
......@@ -142,11 +142,11 @@ body {
background-color: #ffffff;
}
a {
color: #6c737e;
color: #558bc4;
text-decoration: none;
}
a:hover {
color: #6c737e;
color: #558bc4;
text-decoration: underline;
}
.img-rounded {
......@@ -2220,30 +2220,30 @@ table .span24 {
.dropdown-submenu:hover > a {
text-decoration: none;
color: #ffffff;
background-color: #6c737e;
background-color: #676e79;
background-image: -moz-linear-gradient(top, #6c737e, #606670);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6c737e), to(#606670));
background-image: -webkit-linear-gradient(top, #6c737e, #606670);
background-image: -o-linear-gradient(top, #6c737e, #606670);
background-image: linear-gradient(to bottom, #6c737e, #606670);
background-color: #558bc4;
background-color: #4d86c1;
background-image: -moz-linear-gradient(top, #558bc4, #427ebd);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#558bc4), to(#427ebd));
background-image: -webkit-linear-gradient(top, #558bc4, #427ebd);
background-image: -o-linear-gradient(top, #558bc4, #427ebd);
background-image: linear-gradient(to bottom, #558bc4, #427ebd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6c737e', endColorstr='#ff606670', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff558bc4', endColorstr='#ff427ebd', GradientType=0);
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #6c737e;
background-color: #676e79;
background-image: -moz-linear-gradient(top, #6c737e, #606670);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6c737e), to(#606670));
background-image: -webkit-linear-gradient(top, #6c737e, #606670);
background-image: -o-linear-gradient(top, #6c737e, #606670);
background-image: linear-gradient(to bottom, #6c737e, #606670);
background-color: #558bc4;
background-color: #4d86c1;
background-image: -moz-linear-gradient(top, #558bc4, #427ebd);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#558bc4), to(#427ebd));
background-image: -webkit-linear-gradient(top, #558bc4, #427ebd);
background-image: -o-linear-gradient(top, #558bc4, #427ebd);
background-image: linear-gradient(to bottom, #558bc4, #427ebd);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6c737e', endColorstr='#ff606670', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff558bc4', endColorstr='#ff427ebd', GradientType=0);
}
.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
......@@ -2540,17 +2540,17 @@ button.close {
.btn-primary {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #848a94;
background-image: -moz-linear-gradient(top, #949aa3, #6c737e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#949aa3), to(#6c737e));
background-image: -webkit-linear-gradient(top, #949aa3, #6c737e);
background-image: -o-linear-gradient(top, #949aa3, #6c737e);
background-image: linear-gradient(to bottom, #949aa3, #6c737e);
background-color: #77a2d0;
background-image: -moz-linear-gradient(top, #8eb2d8, #558bc4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8eb2d8), to(#558bc4));
background-image: -webkit-linear-gradient(top, #8eb2d8, #558bc4);
background-image: -o-linear-gradient(top, #8eb2d8, #558bc4);
background-image: linear-gradient(to bottom, #8eb2d8, #558bc4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff949aa3', endColorstr='#ff6c737e', GradientType=0);
border-color: #6c737e #6c737e #494d55;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8eb2d8', endColorstr='#ff558bc4', GradientType=0);
border-color: #558bc4 #558bc4 #356598;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #6c737e;
*background-color: #558bc4;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
......@@ -2561,12 +2561,12 @@ button.close {
.btn-primary.disabled,
.btn-primary[disabled] {
color: #ffffff;
background-color: #6c737e;
*background-color: #606670;
background-color: #558bc4;
*background-color: #427ebd;
}
.btn-primary:active,
.btn-primary.active {
background-color: #545a63 \9;
background-color: #3b71ab \9;
}
.btn-warning {
color: #ffffff;
......@@ -2664,17 +2664,17 @@ button.close {
.btn-info {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5eaff6;
background-image: -moz-linear-gradient(top, #7bbdf7, #3399f3);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7bbdf7), to(#3399f3));
background-image: -webkit-linear-gradient(top, #7bbdf7, #3399f3);
background-image: -o-linear-gradient(top, #7bbdf7, #3399f3);
background-image: linear-gradient(to bottom, #7bbdf7, #3399f3);
background-color: #d2d2d2;
background-image: -moz-linear-gradient(top, #e1e1e1, #bbbbbb);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e1e1e1), to(#bbbbbb));
background-image: -webkit-linear-gradient(top, #e1e1e1, #bbbbbb);
background-image: -o-linear-gradient(top, #e1e1e1, #bbbbbb);
background-image: linear-gradient(to bottom, #e1e1e1, #bbbbbb);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7bbdf7', endColorstr='#ff3399f3', GradientType=0);
border-color: #3399f3 #3399f3 #0c73cd;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe1e1e1', endColorstr='#ffbbbbbb', GradientType=0);
border-color: #bbbbbb #bbbbbb #959595;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #3399f3;
*background-color: #bbbbbb;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
......@@ -2685,27 +2685,27 @@ button.close {
.btn-info.disabled,
.btn-info[disabled] {
color: #ffffff;
background-color: #3399f3;
*background-color: #1b8df2;
background-color: #bbbbbb;
*background-color: #aeaeae;
}
.btn-info:active,
.btn-info.active {
background-color: #0e80e5 \9;
background-color: #a2a2a2 \9;
}
.btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #444444;
background-image: -moz-linear-gradient(top, #535353, #2d2d2d);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#535353), to(#2d2d2d));
background-image: -webkit-linear-gradient(top, #535353, #2d2d2d);
background-image: -o-linear-gradient(top, #535353, #2d2d2d);
background-image: linear-gradient(to bottom, #535353, #2d2d2d);
background-color: #848a94;
background-image: -moz-linear-gradient(top, #949aa3, #6c737e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#949aa3), to(#6c737e));
background-image: -webkit-linear-gradient(top, #949aa3, #6c737e);
background-image: -o-linear-gradient(top, #949aa3, #6c737e);
background-image: linear-gradient(to bottom, #949aa3, #6c737e);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff535353', endColorstr='#ff2d2d2d', GradientType=0);
border-color: #2d2d2d #2d2d2d #070707;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff949aa3', endColorstr='#ff6c737e', GradientType=0);
border-color: #6c737e #6c737e #494d55;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #2d2d2d;
*background-color: #6c737e;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
......@@ -2716,12 +2716,12 @@ button.close {
.btn-inverse.disabled,
.btn-inverse[disabled] {
color: #ffffff;
background-color: #2d2d2d;
*background-color: #202020;
background-color: #6c737e;
*background-color: #606670;
}
.btn-inverse:active,
.btn-inverse.active {
background-color: #141414 \9;
background-color: #545a63 \9;
}
button.btn,
input[type="submit"].btn {
......@@ -2759,13 +2759,13 @@ input[type="submit"].btn.btn-mini {
.btn-link {
border-color: transparent;
cursor: pointer;
color: #6c737e;
color: #558bc4;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-link:hover {
color: #6c737e;
color: #558bc4;
text-decoration: underline;
background-color: transparent;
}
......@@ -2901,7 +2901,7 @@ input[type="submit"].btn.btn-mini {
background-color: #eeeeee;
}
.btn-group.open .btn-primary.dropdown-toggle {
background-color: #6c737e;
background-color: #558bc4;
}
.btn-group.open .btn-warning.dropdown-toggle {
background-color: #d47500;
......@@ -2913,10 +2913,10 @@ input[type="submit"].btn.btn-mini {
background-color: #819e37;
}
.btn-group.open .btn-info.dropdown-toggle {
background-color: #3399f3;
background-color: #bbbbbb;
}
.btn-group.open .btn-inverse.dropdown-toggle {
background-color: #2d2d2d;
background-color: #6c737e;
}
.btn .caret {
margin-top: 8px;
......@@ -3077,7 +3077,7 @@ input[type="submit"].btn.btn-mini {
.nav-list > .active > a:hover {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background-color: #6c737e;
background-color: #558bc4;
}
.nav-list [class^="icon-"] {
margin-right: 2px;
......@@ -3156,7 +3156,7 @@ input[type="submit"].btn.btn-mini {
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
color: #ffffff;
background-color: #6c737e;
background-color: #558bc4;
}
.nav-stacked > li {
float: none;
......@@ -3210,13 +3210,13 @@ input[type="submit"].btn.btn-mini {
border-radius: 6px;
}
.nav .dropdown-toggle .caret {
border-top-color: #6c737e;
border-bottom-color: #6c737e;
border-top-color: #558bc4;
border-bottom-color: #558bc4;
margin-top: 6px;
}
.nav .dropdown-toggle:hover .caret {
border-top-color: #6c737e;
border-bottom-color: #6c737e;
border-top-color: #558bc4;
border-bottom-color: #558bc4;
}
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
......@@ -3409,7 +3409,7 @@ input[type="submit"].btn.btn-mini {
color: #2d2d2d;
}
.navbar-link:hover {
color: #6c737e;
color: #558bc4;
}
.navbar .divider-vertical {
height: 40px;
......@@ -3559,7 +3559,7 @@ input[type="submit"].btn.btn-mini {
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
background-color: transparent;
color: #6c737e;
color: #558bc4;
text-decoration: none;
}
.navbar .nav > .active > a,
......@@ -4301,7 +4301,7 @@ input[type="submit"].btn.btn-mini {
transition: all 0.2s ease-in-out;
}
a.thumbnail:hover {
border-color: #6c737e;
border-color: #558bc4;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
......@@ -4759,7 +4759,7 @@ a.badge:hover {
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.navbar .brand:hover {
color: #6c737e;
color: #558bc4;
}
.navbar .nav > li > a {
padding: 11px 10px 9px;
......@@ -4804,7 +4804,7 @@ a.badge:hover {
border-bottom: none;
}
.navbar .nav-collapse.collapse > .nav li > a:hover {
background-color: #6c737e;
background-color: #558bc4;
color: #ffffff;
text-shadow: none;
}
......@@ -4830,7 +4830,7 @@ div.subnav .nav > li > a {
color: #2d2d2d;
}
div.subnav .nav > li > a:hover {
color: #6c737e;
color: #558bc4;
}
div.subnav .nav > li.active > a {
color: #2d2d2d;
......@@ -4847,7 +4847,7 @@ div.subnav .nav > li.dropdown.open > .dropdown-toggle {
color: #2d2d2d;
}
div.subnav .nav > li.dropdown.open > .dropdown-toggle:hover {
color: #6c737e;
color: #558bc4;
}
.nav > li.dropdown > .dropdown-toggle .caret,
.nav > li.dropdown.active > .dropdown-toggle .caret,
......@@ -4861,8 +4861,20 @@ div.subnav .nav > li.dropdown.open > .dropdown-toggle:hover {
.nav > li.dropdown.active > .dropdown-toggle:hover .caret,
.nav > li.dropdown.open > .dropdown-toggle:hover .caret,
.nav > li.dropdown.open.active > .dropdown-toggle:hover .caret {
border-top: 4px solid #6c737e;
border-top-color: #6c737e;
border-top: 4px solid #558bc4;
border-top-color: #558bc4;
}
.btn-info,
.btn-info:hover,
.btn-info.disabled {
color: #2d2d2d;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
}
.btn-info .caret,
.btn-info:hover .caret,
.btn-info.disabled .caret {
border-top-color: #2d2d2d;
border-bottom-color: #2d2d2d;
}
/*.btn {
.buttonBackground(#F4F4F4, #ECECEC);
......
This diff is collapsed.
......@@ -157,6 +157,24 @@ div.subnav {
// BUTTONS
// -----------------------------------------------------
.btn {
&-info,
&-info:hover,
&-info.disabled {
color: @textColor;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
.caret {
border-top-color: @textColor;
border-bottom-color: @textColor;
}
}
}
/*.btn {
.buttonBackground(#F4F4F4, #ECECEC);
color: @textColor;
......
......@@ -40,7 +40,7 @@
// Links
// -------------------------
@linkColor: #6C737E;
@linkColor: #558BC4;
@linkColorHover: @linkColor;
......@@ -77,8 +77,8 @@
@btnPrimaryBackground: lighten(@linkColor, 15%);
@btnPrimaryBackgroundHighlight: @linkColor;
@btnInfoBackground: lighten(@blue, 15%);
@btnInfoBackgroundHighlight: @blue;
@btnInfoBackground: lighten(@grayLight, 15%);
@btnInfoBackgroundHighlight: @grayLight;
@btnSuccessBackground: lighten(@green, 15%);
@btnSuccessBackgroundHighlight: @green;
......@@ -89,8 +89,8 @@
@btnDangerBackground: lighten(@red, 15%);
@btnDangerBackgroundHighlight: @red;
@btnInverseBackground: lighten(@grayDarker, 15%);
@btnInverseBackgroundHighlight: @grayDarker;
@btnInverseBackground: lighten(@navbarInverseBackground, 15%);
@btnInverseBackgroundHighlight: @navbarInverseBackground;
// Forms
......@@ -173,7 +173,7 @@
@navbarBrandColor: @grayDark;
// Inverted navbar
@navbarInverseBackground: @linkColor;
@navbarInverseBackground: #6C737E;
@navbarInverseBackgroundHighlight: lighten(@navbarInverseBackground, 25%);
@navbarInverseBorder: darken(@navbarInverseBackground, 5%);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment