-// Bootswatch.less
-// Swatch: Journal
+// Journal 3.0.2
+// Bootswatch
// -----------------------------------------------------
-// SCAFFOLDING
-// -----------------------------------------------------
+@import url("//fonts.googleapis.com/css?family=News+Cycle:400,700");
-body {
- background-color: @baseBackgroundColor !important;
-}
+// Navbar =====================================================================
-a {
- text-decoration: underline;
+.navbar {
+ font-size: 18px;
+ font-family: @font-family-sans-serif;
+ font-weight: @headings-font-weight;
}
-.nav a, .navbar .brand, .subnav a, a.btn {
- text-decoration: none;
+.navbar-brand {
+ font-size: 18px;
+ font-weight: @headings-font-weight;
+ text-transform: uppercase;
}
-// TYPOGRAPHY
-// -----------------------------------------------------
-
-@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,700');
+// Buttons ====================================================================
-h1, h2, h3, h4, h5, h6, .brand, .navbar, .subnav a, blockquote > p {
- font-family: 'Open Sans', sans-serif;
- color: @textColor;
-}
+// Typography =================================================================
-h1, h2, h3, h4, h5, h6, .brand {
- font-weight: 700;
-}
+// Tables =====================================================================
-// NAVBAR
-// -----------------------------------------------------
+// Forms ======================================================================
-.navbar .brand {
- color: @navbarLinkColor;
- text-shadow: none;
- font-weight: bold;
-
- &:hover {
- background-color: #EEEEEE;
+.has-warning {
+ .help-block,
+ .control-label {
+ color: @brand-danger;
}
-}
-
-.navbar-inner {
- border-top: 1px solid #E5E5E5;
- @shadow: 0 2px 4px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1);
- .box-shadow(@shadow);
-}
-
-.navbar-inner, .navbar .dropdown-menu, div.subnav, .table-bordered, .well, .prettyprint,
-div.subnav .nav > li:first-child > a, div.subnav .nav > li:first-child > a:hover {
- .border-radius(0);
-}
-
-.navbar .nav > li > a {
- text-shadow: none;
-}
-
-.navbar .nav .active > a,
-.navbar .nav .active > a:hover {
- color: @navbarLinkColor;
- background-color: rgba(0, 0, 0, 0);
-}
-
-.navbar .nav .active > a:hover,
-.navbar .nav > li > a:hover,
-.navbar .nav-collapse .nav li > a:hover {
- background-color: #EEEEEE;
-}
-.navbar .nav .dropdown-toggle .caret,
-.navbar .nav .open.dropdown .caret {
- border-top-color: @navbarLinkColor;
- opacity: 1;
+ .form-control,
+ .form-control:focus {
+ border-color: @brand-danger;
+ }
}
-form.navbar-form, form.navbar-search {
- border-top: 0px solid #eee;
- border-bottom: 0px solid #eee;
-}
+.has-error {
+ .help-block,
+ .control-label {
+ color: @brand-primary;
+ }
-.navbar-search .search-query,
-.navbar-search .search-query:hover {
- border: 1px solid @grayLighter;
- color: @textColor;
- .placeholder(@gray);
+ .form-control,
+ .form-control:focus {
+ border-color: @brand-primary;
+ }
}
-.dropdown-menu {
- background-color: @baseBackgroundColor;
-
- a {
- color: @textColor;
+.has-success {
+ .help-block,
+ .control-label {
+ color: @brand-success;
}
- li:hover > a {
- background-color: #eee;
- color: @textColor;
+ .form-control,
+ .form-control:focus {
+ border-color: @brand-success;
}
}
-div.subnav {
- background-color: @baseBackgroundColor;
- background-image: none;
- @shadow: 0 1px 2px rgba(0,0,0,.25);
- .box-shadow(@shadow);
-}
+// Navs =======================================================================
-.navbar .nav-collapse .nav li > a,
-div.subnav .nav > li > a:hover,
-div.subnav .nav > .active > a,
-div.subnav .nav > .active > a:hover {
- color: @textColor;
- text-decoration: none;
- font-weight: normal;
+.pagination {
+
+ .active > a,
+ .active > a:hover {
+ border-color: #ddd;
+ }
}
-// BUTTONS
-// -----------------------------------------------------
+// Indicators =================================================================
-.btn-primary {
- .buttonBackground(lighten(@linkColor, 5%), @linkColor);
-}
+// Progress bars ==============================================================
+// Containers =================================================================
-// MISC
-// -----------------------------------------------------
+.jumbotron {
-// make shaded elements lightGray
-code, pre, pre.prettyprint, .well, .form-actions,
-.table-striped tbody tr:nth-child(odd) td,
-.table-striped tbody tr:nth-child(odd) th {
- background-color: @grayLighter;
-}
+ h1, h2, h3, h4, h5, h6 {
+ font-family: @font-family-sans-serif;
+ font-weight: @headings-font-weight;
+ color: #000;
+ }
+}
\ No newline at end of file