summaryrefslogtreecommitdiff
path: root/simplex/bootswatch.less
diff options
context:
space:
mode:
Diffstat (limited to 'simplex/bootswatch.less')
-rwxr-xr-xsimplex/bootswatch.less223
1 files changed, 201 insertions, 22 deletions
diff --git a/simplex/bootswatch.less b/simplex/bootswatch.less
index 866835ed..982af344 100755
--- a/simplex/bootswatch.less
+++ b/simplex/bootswatch.less
@@ -3,51 +3,178 @@
// Version: 2.0.2
// -----------------------------------------------------
+@boxShadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+
// TYPOGRAPHY
// -----------------------------------------------------
-h6 {
- color: @black;
+h6, .hero-unit h1 {
+ color: @headingsColor;
}
// NAVBAR
// -----------------------------------------------------
-.navbar .brand, .subnav a {
- color: @navbarText;
+.navbar .navbar-inner {
+ .box-shadow(inset 0 -1px #CFCACA);
+ border-bottom: 1px solid #FFF;
+ border-bottom: none;
}
-.navbar .nav .active > a,
-.navbar .nav .active > a:hover {
- background-color: @grayDarker;
- color: @white;
+.navbar .brand {
+ padding-top: 10px;
+ color: @headingsColor;
}
.navbar .nav > li > a {
+ padding-top: 14px;
text-shadow: none;
+ font-weight: normal;
+ font-size: 11px;
+}
+
+.navbar .nav > li > a:hover {
+ text-decoration: underline;
+}
+
+.navbar .nav .active > a,
+.navbar .nav .active > a:hover {
+ background-color: transparent;
+}
+
+.navbar .nav .dropdown-toggle .caret,
+.navbar .nav .open.dropdown .caret {
+ border-top-color: @textColor;
+}
+
+.dropdown.open .dropdown-toggle {
+ color: @headingsColor;
+}
+
+div.subnav {
+ background-image: none;
+ background-color: @navbarBackground;
+ .box-shadow(@boxShadow);
+}
+
+div.subnav.subnav-fixed {
+ .box-shadow(inset 0 5px #fff~"," @boxShadow);
+}
+
+div.subnav .nav > li > a {
+ padding-top: 12px;
+ color: @navbarText;
+ font-weight: normal;
+ font-size: 11px;
+
&:hover {
- color: @white;
- background-color: rgba(256, 256, 256, 0.2);
+ text-decoration: underline;
+ }
+}
+
+.dropdown-menu {
+ .border-radius(0);
+ font-size: 11px;
+}
+
+.nav .nav-header {
+ font-weight: normal;
+ text-transform: none;
+}
+.navbar .nav-collapse.in .nav li > a {
+ color: @headingsColor;
+ font-weight: normal;
+}
+
+.navbar .nav-collapse.in .nav li > a:hover {
+ background-color: transparent;
+ color: @black;
+ text-decoration: underline;
+}
+
+@media (max-width: 979px) {
+ form.navbar-form, form.navbar-search {
+ border-top: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
}
}
-.subnav .nav > li > a {
- border-left: 0px solid white !important;
- border-right: 0px solid white !important;
- color: @grayDark;
+// NAV
+// -----------------------------------------------------
+
+.nav > li > a {
+ font-size: 11px;
+ border-width: 1px;
+}
+
+.nav-tabs > li > a,
+.nav-tabs > li > a:hover,
+.tabbable > .nav-tabs > li > a,
+.tabbable > .nav-tabs > li > a:hover {
+ background-color: darken(@bodyBackground, 3%);
+ border: 1px solid #ccc;
+}
+
+.tabbable > .nav-tabs > li.active > a {
+ border-bottom: 1px solid transparent;
+}
+
+.tabbable.tabs-below > .nav-tabs > li.active > a,
+.tabbable.tabs-left > .nav-tabs > li.active > a,
+.tabbable.tabs-right > .nav-tabs > li.active > a {
+ border-bottom: 1px solid #ccc;
}
-.btn-navbar:hover {
- background-color: darken(@white, 20%);
- background-position: 0 0;
+
+.nav-pills > li > a:hover {
+ background-color: transparent;
}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover {
+ background-color: @bodyBackground;
+}
+
+
// FORMS
// -----------------------------------------------------
-.search-query {
+input, textarea, select, .uneditable-input {
+ .border-radius(0);
+}
+
+.navbar-search .search-query {
border: 1px solid #CCC;
- .border-radius(2px);
+ .border-radius(0);
+ background-color: @bodyBackground;
+ color: @gray;
+}
+
+.help-inline, .help-block {
+ font-size: 11px;
+}
+
+.input-prepend input,
+.input-append input,
+.input-prepend select,
+.input-append select,
+.input-prepend .uneditable-input,
+.input-append .uneditable-input {
+ .border-radius(0);
+}
+
+.input-prepend .add-on,
+.input-append .add-on,
+.input-prepend .btn,
+.input-append .btn {
+ .border-radius(0);
+}
+
+// TABLES
+// -----------------------------------------------------
+
+.table th {
+ font-weight: normal;
}
// BUTTONS
@@ -55,6 +182,7 @@ h6 {
.btn {
.border-radius(2px);
+ font-weight: bold;
#gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%));
}
@@ -82,14 +210,65 @@ h6 {
.buttonBackground(lighten(@purple, 5%), @purple);
}
+// MODALS
+// -----------------------------------------------------
+
+.modal,
+.modal-header,
+.modal-footer {
+ .border-radius(0);
+}
+
+.modal-header {
+ border-bottom: none;
+}
+
+.modal-header,
+.modal-body {
+ background-color: @navbarBackground;
+}
+
+.modal-footer {
+ background-color: @bodyBackground;
+}
+
// MISCELLANEOUS
// -----------------------------------------------------
i[class^="icon-"]{
opacity: 0.6;
+ vertical-align: -2px;
+}
+
+.alert, .alert p, .alert-heading {
+ font-size: 11px;
+}
+
+.progress {
+ #gradient > .vertical(#e0e0e0, #e8e8e8);
+}
+
+.label {
+ font-size: 11px;
+ font-weight: normal;
}
.hero-unit {
- border: 1px solid rgba(0,0,0,.05);
- .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
-} \ No newline at end of file
+ background-color: @white;
+ .box-shadow(@boxShadow);
+}
+
+.well {
+ .box-shadow(@boxShadow);
+ background-color: @white;
+}
+
+.breadcrumb {
+ .box-shadow(@boxShadow);
+ border: 0px solid transparent;
+ font-size: 11px;
+}
+
+footer.footer p {
+ font-size: 11px;
+}