-// Cosmo 2.2.1
+// Cosmo 2.2.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;
padding: 10px 15px;
border-right-color: @gray;
}
+
+ small {
+ color: @gray;
+ }
}
.muted {
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 {
}
.nav > li > a {
- border: none;
+ border-color: transparent;
}
.nav > .active > a,
.nav > .active > a:hover {
- padding-left: 12px;
- border: none;
- background-color: transparent;
+ border-color: transparent;
+ background-color: @black;
+ color: @white;
+ // border-left-width: 2px;
.box-shadow(none);
- color: @grayDarker;
}
&-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;
+}
+
+.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;
}
.label {
+ min-width: 80px;
+ min-height: 80px;
.border-radius(0);
+ font-weight: 300;
text-shadow: none;
&-success {
}
&-info {
- background-color: @blue;
+ background-color: @purple;
}
&-inverse {
- background-color: @gray;
+ background-color: @black;
}
}
.badge {
.border-radius(0);
+ font-weight: 300;
+ text-shadow: none;
&-success {
background-color: @green;
}
&-info {
- background-color: @blue;
+ background-color: @purple;
}
&-inverse {
- background-color: @gray;
+ background-color: @black;
}
}