-// Cerulean 2.2.1
+// Cerulean 3.0.0
// Bootswatch
// -----------------------------------------------------
+.btn-shadow(@color) {
+ #gradient > .vertical-three-colors(lighten(@color, 8%), @color, 60%, darken(@color, 4%));
+ border-bottom: 1px solid darken(@color, 10%);
+}
-// TYPOGRAPHY
-// -----------------------------------------------------
-
-@import url(https://fonts.googleapis.com/css?family=Telex);
+// Navbar =====================================================================
-// SCAFFOLDING
-// -----------------------------------------------------
+.navbar {
+ .btn-shadow(@navbar-default-bg);
+ .box-shadow(0 1px 10px rgba(0, 0, 0, 0.1));
-// NAVBAR
-// -----------------------------------------------------
+ .navbar-nav > li > a,
+ &-brand {
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
+ }
+}
-.navbar {
+.navbar-inverse {
+ #gradient > .vertical-three-colors(lighten(@navbar-inverse-bg, 8%), @navbar-inverse-bg, 60%, darken(@navbar-inverse-bg, 4%));
+ border-bottom: 1px solid darken(@navbar-inverse-bg, 10%);
+}
+// Buttons ====================================================================
- .brand {
- padding: 14px 20px 16px;
- font-family: @headingsFontFamily;
- text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
- }
+.btn {
- li {
- line-height: 20px;
- }
+ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
- .nav > li > a {
- padding: 16px 10px 14px;
- font-family: @headingsFontFamily;
- text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
+ .caret {
+ border-top-color: #fff;
}
+}
- .search-query {
- border: 1px solid darken(@linkColor, 10%);
- line-height: normal;
- }
+.btn-default {
+
+ .btn-shadow(@btn-default-bg);
- .navbar-text {
- padding: 19px 10px 18px;
- line-height: 13px;
- color: rgba(0, 0, 0, 0.5);
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
+ &:hover {
+ color: @btn-default-color;
}
- &-inverse {
-
- .navbar-search .search-query {
- color: @textColor;
- }
+ .caret {
+ border-top-color: @text-color;
}
}
-@media (max-width: @navbarCollapseWidth) {
+.btn-default {
+ .btn-shadow(@btn-default-bg);
+}
- .navbar .nav-collapse {
+.btn-primary {
+ .btn-shadow(@btn-primary-bg);
+}
- .nav li > a {
+.btn-success {
+ .btn-shadow(@btn-success-bg);
+}
- font-family: @headingsFontFamily;
- font-weight: normal;
- color: @white;
- text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
+.btn-info {
+ .btn-shadow(@btn-info-bg);
+}
- &:hover {
- background-color: #2B7CAC;
- }
- }
+.btn-warning {
+ .btn-shadow(@btn-warning-bg);
+}
- .nav .active > a {
- .box-shadow(none);
- background-color: #2B7CAC;
- }
+.btn-danger {
+ .btn-shadow(@btn-danger-bg);
+}
- .dropdown-menu li > a:hover,
- .dropdown-menu li > a:focus,
- .dropdown-submenu:hover > a {
- background-image: none;
- }
+// Typography =================================================================
- .navbar-form,
- .navbar-search {
- border: none;
- }
+h1, h2, h3, h4, h5, h6 {
+ color: #317EAC;
+}
- .nav-header {
- color: #2B7CAC;
- }
- }
+// Tables =====================================================================
- .navbar-inverse .nav-collapse {
+// Forms ======================================================================
- .nav li > a {
- color: @navbarInverseLinkColor;
+// Navs =======================================================================
- &:hover {
- background-color: rgba(0, 0, 0, 0.1);
- }
- }
+// Indicators =================================================================
- .nav .active > a,
- .nav > li > a:hover,
- .dropdown-menu a:hover {
- background-color: rgba(0, 0, 0, 0.1) !important;
- }
- }
-}
+// Progress bars ==============================================================
-div.subnav {
+// Containers =================================================================
- font-family: @headingsFontFamily;
- text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);
+.panel-primary {
- &-fixed {
- top: @navbarHeight;
+ .panel-title {
+ color: #fff;
}
}
-// NAV
-// -----------------------------------------------------
+.panel-success {
-// BUTTONS
-// -----------------------------------------------------
-
-.btn {
- #gradient > .vertical-three-colors(@white, @white, 5%, darken(@white, 0%));
- @shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
- .box-shadow(@shadow);
-
- &:hover {
- background-position: 0 0;
- }
-}
-
-.btn-primary {
- .buttonBackground(lighten(@btnPrimaryBackground, 5%), @btnPrimaryBackground);
+ .panel-heading {
+ background-color: @brand-success;
+ color: #fff;
+ }
+
+ .panel-title {
+ color: #fff;
+ }
}
-.btn-info {
- .buttonBackground(lighten(@btnInfoBackground, 5%), @btnInfoBackground);
-}
+.panel-warning {
-.btn-success {
- .buttonBackground(lighten(@btnSuccessBackground, 5%), @btnSuccessBackground);
-}
+ .panel-heading {
+ background-color: @brand-warning;
+ color: #fff;
+ }
-.btn-warning {
- .buttonBackground(lighten(@btnWarningBackground, 5%), @btnWarningBackground);
+ .panel-title {
+ color: #fff;
+ }
}
-.btn-danger {
- .buttonBackground(lighten(@btnDangerBackground, 5%), @btnDangerBackground);
-}
+.panel-danger {
-.btn-inverse {
- .buttonBackground(lighten(@btnInverseBackground, 5%), @btnInverseBackground);
+ .panel-heading {
+ background-color: @brand-danger;
+ color: #fff;
+ }
+
+ .panel-title {
+ color: #fff;
+ }
}
-// TABLES
-// -----------------------------------------------------
-
-// FORMS
-// -----------------------------------------------------
-
-// DROPDOWNS
-// -----------------------------------------------------
-
-// ALERTS, LABELS, BADGES
-// -----------------------------------------------------
-
-// MISC
-// -----------------------------------------------------
+.panel-info {
-i[class^="icon-"]{
- opacity: 0.8;
-}
+ .panel-heading {
+ background-color: @brand-info;
+ color: #fff;
+ }
-// MEDIA QUERIES
-// -----------------------------------------------------
+ .panel-title {
+ color: #fff;
+ }
+}
\ No newline at end of file