-// Cosmo 2.2.1
+// Cosmo 2.3.2
// Bootswatch
// -----------------------------------------------------
// TYPOGRAPHY
// -----------------------------------------------------
-@import url('http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');
+@import url('//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700');
body {
font-weight: 300;
color: @gray;
}
+.text-warning { color: @orange; }
+a.text-warning:hover { color: darken(@orange, 10%); }
+
+.text-error { color: @red; }
+a.text-error:hover { color: darken(@red, 10%); }
+
+.text-info { color: @purple; }
+a.text-info:hover { color: darken(@purple, 10%); }
+
+.text-success { color: @green; }
+a.text-success:hover { color: darken(@green, 10%); }
+
// SCAFFOLDING
// -----------------------------------------------------
&-inverse {
+ .brand,
+ .nav > li > a {
+ text-shadow: none;
+ }
+ .brand:hover,
.nav > .active > a,
.nav > .active > a:hover,
.nav > .active > a:focus {
- .box-shadow(none);
background-color: @navbarInverseLinkBackgroundHover;
+ .box-shadow(none);
+ color: @white;
}
.navbar-search .search-query {
div.subnav {
- background-color: @grayLight;
- background-image: none;
+ margin: 0 1px;
+ background: @grayLight none;
.box-shadow(none);
- border-color: transparent;
+ border: none;
.border-radius(0);
.nav {
border-color: transparent;
}
- .nav > .active > a {
+ .nav > .active > a,
+ .nav > .active > a:hover {
border-color: transparent;
- background-color: transparent;
- // border-left-width: 2px;
+ background-color: @black;
+ color: @white;
.box-shadow(none);
- color: @grayDarker;
-
- &:hover {
- background-color: @black;
- color: @white;
- }
}
&-fixed {
- top: @navbarHeight;
+ top: @navbarHeight + 1;
+ margin: 0;
}
}
& > li.dropdown.open.active > a:hover {
color: @blue;
}
-
}
.nav-tabs {
}
}
+.tabs-below,
+.tabs-left,
+.tabs-right {
+
+ & > .nav-tabs > li > a{
+ .border-radius(0);
+ }
+}
+
.nav-pills {
& > li > a {
// -----------------------------------------------------
.btn {
-
padding: 5px 12px;
background-image: none;
.box-shadow(none);
&.disabled {
box-shadow: inset 0 2px 4px rgba(0,0,0,.15),~" "0 1px 2px rgba(0,0,0,.05);
}
+}
- &-large {
- padding: 22px 30px;
- }
+.btn-large {
+ padding: 22px 30px;
+}
- &-mini {
- padding: 2px 6px;
- }
+.btn-small {
+ padding: 2px 10px;
+}
+
+.btn-mini {
+ padding: 2px 6px;
}
.btn-group {
&.warning {
- & > label,
+ .control-label,
.help-block,
.help-inline {
color: @orange;
&.error {
- & > label,
+ .control-label,
.help-block,
.help-inline {
color: @red;
&.success {
- & > label,
+ .control-label,
.help-block,
.help-inline {
color: @green;
}
&-info {
- background-color: @blue;
+ background-color: @purple;
}
&-inverse {
- background-color: @gray;
+ background-color: @black;
}
}
}
&-info {
- background-color: @blue;
+ background-color: @purple;
}
&-inverse {
- background-color: @gray;
+ background-color: @black;
}
}