summaryrefslogtreecommitdiff
path: root/cyborg/bootswatch.less
diff options
context:
space:
mode:
Diffstat (limited to 'cyborg/bootswatch.less')
-rwxr-xr-xcyborg/bootswatch.less88
1 files changed, 76 insertions, 12 deletions
diff --git a/cyborg/bootswatch.less b/cyborg/bootswatch.less
index 6c505489..950daa90 100755
--- a/cyborg/bootswatch.less
+++ b/cyborg/bootswatch.less
@@ -23,12 +23,12 @@ label, input, button, select, textarea {
color: @gray;
}
-.navbar .search-query&::-moz-placeholder {
+.navbar .search-query:-moz-placeholder {
font-family: 'Droid Sans', sans-serif;
color: @gray;
}
-.navbar .search-query&:::-webkit-input-placeholder {
+.navbar .search-query::-webkit-input-placeholder {
font-family: 'Droid Sans', sans-serif;
}
@@ -71,9 +71,14 @@ body {
padding: 12px 20px 8px;
}
-.navbar .search-query {
- background: @black;
+.navbar .search-query,
+.navbar .search-query:focus,
+.navbar .search-query.focused {
+ color: @grayLight;
+ text-shadow: none;
+ background-color: #222;
.border-radius(1px);
+ .placeholder(@gray);
}
.navbar .nav .active > a,
@@ -402,16 +407,44 @@ input, textarea, select, .uneditable-input {
// FORMS
// -----------------------------------------------------
-
-.form-actions {
- background: transparent;
-}
+input, textarea, select {
+ background-color: #ccc;
+ border-color: #bbb;
+ border-width: 2px;
+ .placeholder(@gray);
+}
legend, label {
color: @textColor;
border-bottom: 0px solid #222;
}
+input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], .uneditable-input {
+ background-color: #555;
+ border-color: #444;
+}
+
+input:focus,
+textarea:focus,
+input.focused,
+textarea.focused {
+ border-color: rgba(82,168,236,1);
+ outline: 0;
+ outline: thin dotted \9; /* IE6-9 */
+}
+
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus,
+select:focus {
+ .box-shadow(none); // override for file inputs
+ .tab-focus();
+}
+
+.form-actions {
+ background: transparent;
+}
+
.form-actions, footer.footer {
border-top: 1px solid #222;
}
@@ -427,12 +460,43 @@ legend, label {
.border-radius(0);
}
-.label { background-color: darken(@gray, 20%); }
-.label-important { background-color: @red; }
+.label {
+ color: @grayLighter;
+}
+
+.label, .alert { background-color: darken(@gray, 20%); }
+
+.label:hover { background-color: darken(@gray, 30%); }
+
+
+.label-important, .alert-danger,
+.alert-error { background-color: @red; }
+
.label-important:hover { background-color: darken(@red, 10%); }
+
.label-warning { background-color: darken(@orange, 10%); }
+
.label-warning:hover { background-color: darken(@orange, 20%); }
-.label-success { background-color: darken(@green, 3%); }
+
+.label-success, .alert-success { background-color: darken(@green, 3%); }
+
.label-success:hover { background-color: darken(@green, 13%); }
-.label-info { background-color: darken(@blueDark, 10%); }
+
+.label-info, .alert-info { background-color: darken(@blueDark, 10%); }
+
.label-info:hover { background-color: darken(@blueDark, 20%); }
+
+.alert,
+.alert .alert-heading,
+.alert-success,
+.alert-success .alert-heading,
+.alert-danger,
+.alert-error,
+.alert-danger .alert-heading,
+.alert-error .alert-heading,
+.alert-info,
+.alert-info .alert-heading {
+ color: @grayLighter;
+ text-shadow: none;
+ border: none;
+}