summaryrefslogtreecommitdiff
path: root/spruce/bootswatch.less
diff options
context:
space:
mode:
authorThomas Park <thomas@thomaspark.me>2012-03-13 18:41:44 -0400
committerThomas Park <thomas@thomaspark.me>2012-03-13 18:41:44 -0400
commit43a4a1fd764fd15cc530e19a3643cf36d23079b6 (patch)
tree21d9e6d62e85dab7f4fb1caa032a01bdd210db4e /spruce/bootswatch.less
parent342cce47318fbde6612c156bb1483a111bfcfd4a (diff)
update for bootstrap 2.0.2
Diffstat (limited to 'spruce/bootswatch.less')
-rwxr-xr-xspruce/bootswatch.less93
1 files changed, 52 insertions, 41 deletions
diff --git a/spruce/bootswatch.less b/spruce/bootswatch.less
index d8f977c5..64725709 100755
--- a/spruce/bootswatch.less
+++ b/spruce/bootswatch.less
@@ -1,5 +1,6 @@
// Bootswatch.less
-// Swatch: Vintage
+// Swatch: Spruce
+// Version: 2.0.2
// -----------------------------------------------------
// TYPOGRAPHY
@@ -7,34 +8,34 @@
@import url('http://fonts.googleapis.com/css?family=Josefin+Slab:400,700');
-h1, h2, h3, h4, h5, h6, .navbar .brand, legend, .btn,
+.navbar .brand, legend, .btn,
.navbar .nav > li > a,
div.subnav li > a {
- font-family: 'Josefin Slab', serif;
- font-weight: 700;
+ font-family: @headingsFontFamily;
+ font-weight: @headingsFontWeight;
}
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
-.alert-heading {
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
h1, h2, h3, h4, h5, h6 {
color: @yellow;
}
h1 > small, h2 > small, h3 > small, h4 > small, h5 > small, h6 > small, .muted {
color: @linkColor;
+ font-family: @baseFontFamily;
+}
+
+.alert-heading {
+ font-family: @baseFontFamily;
}
// SCAFFOLDING
// --------------------------------------------------
body {
- background-color: #AEAD8E;
#gradient > .vertical-three-colors (#90A38F, #AEAD8E, 60%, #90A38F);
background-size: 100% 1400px;
background-repeat: repeat-y !important;
@@ -93,6 +94,7 @@ code, pre {
.navbar-search .search-query {
border-color: transparent;
padding: 6px 9px 2px 9px;
+ background-color: rgba(256, 256, 256, 0.4);
}
.navbar .nav > .dropdown.open > a {
@@ -116,18 +118,11 @@ code, pre {
}
div.subnav {
- font-size: 18px;
-}
-
-div.subnav-fixed {
- top: 54px;
-}
-
-div.subnav {
background-color: @green;
background-image: none;
border-color: transparent;
.box-shadow(0 1px 5px rgba(0,0,0,.1));
+ font-size: 18px;
}
div.subnav .nav > li > a {
@@ -145,6 +140,10 @@ div.subnav .dropdown.open .dropdown-toggle {
color: @yellow;
}
+div.subnav .nav > li + li > a {
+ border-color: transparent;
+}
+
div.subnav .dropdown.open > .dropdown-menu {
background-color: @linkColor;
color: @textColor;
@@ -156,11 +155,15 @@ div.subnav .dropdown.open > .dropdown-menu a:hover {
color: @linkColor;
}
+div.subnav-fixed {
+ top: 54px;
+}
+
.navbar .btn-navbar {
margin-top: 14px;
}
-.navbar .nav-collapse.collapse .nav li > a {
+.navbar .nav-collapse.in .nav li > a {
color: @linkColor;
&:hover {
@@ -174,34 +177,43 @@ div.subnav .dropdown.open > .dropdown-menu a:hover {
.box-shadow(none);
}
-div.subnav .nav > li + li > a {
- border-color: transparent;
-}
-
-
// TABLES
// --------------------------------------------------
-.table-bordered {
- border: 2px solid @linkColor;
+.table,
+.table.table-bordered,
+.table.table-striped {
+ .border-radius(0 0 8px 8px);
}
-.table th,
-.table-striped tbody tr:nth-child(odd) th {
- background-color: darken(#90A38F, 10%);
- color: @linkColor;
+.table-bordered thead:first-child tr:first-child th:first-child,
+.table-bordered tbody:first-child tr:first-child td:first-child,
+.table-bordered thead:first-child tr:first-child th:last-child,
+.table-bordered tbody:first-child tr:first-child td:last-child {
+ .border-radius(0);
+}
+
+.table-striped tbody:last-child tr:last-child td:first-child {
+ .border-radius(0 0 0 8px);
+}
+
+.table-striped tbody:last-child tr:last-child td:last-child {
+ .border-radius(0 0 8px 0);
}
-.table tbody tr td {
- background-color: #C3C7AE;
+.table-bordered {
+ border: none;
}
-.table-striped tbody tr:nth-child(odd) td {
- background-color: darken(#C3C7AE, 5%);
+.table thead tr th:first-child,
+.table tbody tr td:first-child {
+ border-left: none;
}
-.table tbody tr:hover td {
- background-color: darken(#C3C7AE, 10%);
+.table th,
+.table-striped tbody tr:nth-child(odd) th {
+ background-color: darken(#90A38F, 10%);
+ color: @linkColor;
}
// BUTTONS
@@ -226,23 +238,23 @@ div.subnav .nav > li + li > a {
.btn-primary {
.buttonBackground(lighten(@blue, 10%), lighten(@blue, 5%));
}
-// Warning appears are orange
+
.btn-warning {
.buttonBackground(@orange, darken(@orange, 5%));
}
-// Danger and error appear as red
+
.btn-danger {
.buttonBackground(lighten(@red, 5%), @red);
}
-// Success appears as green
+
.btn-success {
.buttonBackground(#62c462, #51a351);
}
-// Info appears as a neutral blue
+
.btn-info {
.buttonBackground(#5bc0de, #2f96b4);
}
-// Inverse appears as dark gray
+
.btn-inverse {
.buttonBackground(@yellow, darken(@yellow, 5%));
}
@@ -261,7 +273,6 @@ div.subnav .nav > li + li > a {
.box-shadow(none);
}
-
.breadcrumb li {
color: @yellow;
text-shadow: none;