-// 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: none;
.border-radius(0);
}
.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;
.box-shadow(none);
- color: @grayDarker;
}
&-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 {
.table {
- tbody tr.success td {
- color: @white;
- }
-
- tbody tr.error td {
- color: @white;
- }
-
- tbody tr.info td {
+ tbody tr.success td,
+ tbody tr.error td,
+ tbody tr.info td,
+ tbody tr.warning td {
color: @white;
}
&.warning {
- & > label,
+ .control-label,
.help-block,
.help-inline {
color: @orange;
&.error {
- & > label,
+ .control-label,
.help-block,
.help-inline {
color: @red;
}
}
+ &.info {
+
+ .control-label,
+ .help-block,
+ .help-inline {
+ color: @purple;
+ }
+
+ input,
+ select,
+ textarea {
+ border-color: @purple;
+ color: @grayDarker;
+ }
+ }
+
&.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;
}
}