-// Cosmo 2.2.1
+// Cosmo 2.2.2
// Bootswatch
// -----------------------------------------------------
// TYPOGRAPHY
// -----------------------------------------------------
-@import url('https://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;
background-color: @grayLight;
background-image: 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;
+ background-color: @black;
+ color: @white;
// border-left-width: 2px;
.box-shadow(none);
- color: @grayDarker;
-
- &:hover {
- background-color: @black;
- color: @white;
- }
}
&-fixed {
}
}
+.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;