diff options
Diffstat (limited to 'simplex/bootswatch.less')
| -rwxr-xr-x | simplex/bootswatch.less | 152 |
1 files changed, 81 insertions, 71 deletions
diff --git a/simplex/bootswatch.less b/simplex/bootswatch.less index 5d61ebd6..30cd90ad 100755 --- a/simplex/bootswatch.less +++ b/simplex/bootswatch.less @@ -3,15 +3,18 @@ // Version: 2.1.0 // ----------------------------------------------------- -@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700'); - @boxShadow: 1px 1px 1px rgba(0, 0, 0, 0.2); // TYPOGRAPHY // ----------------------------------------------------- -h6 { - color: @headingsColor; +@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700'); + +// SCAFFOLDING +// ----------------------------------------------------- + +hr { + border-bottom: none; } // NAVBAR @@ -151,9 +154,7 @@ h6 { .nav-header { color: rgba(255, 255, 255, 0.7); } - } - } } @@ -359,6 +360,55 @@ div.subnav { } } +.breadcrumb { + .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1)); + border: 0px solid transparent; + + li { + padding-top: 5px; + text-shadow: none; + } + + a { + text-shadow: none; + } + + a:hover { + text-decoration: none; + } +} + +.pagination { + + li > a { + padding: 4px 14px 0; + color: @textColor; + + &:hover { + background-color: @dropdownLinkBackgroundHover; + color: @linkColor; + } + } + + li.active > a { + background-color: @dropdownLinkBackgroundHover; + color: @linkColor; + } +} + + +// BUTTONS +// ----------------------------------------------------- + +.btn { + padding-top: .6em; + font-family: @headingsFontFamily; + font-weight: bold; +} + +// TABLES +// ----------------------------------------------------- + // FORMS // ----------------------------------------------------- @@ -383,29 +433,18 @@ legend { line-height: 16px; } -// BUTTONS +// DROPDOWNS // ----------------------------------------------------- -.btn { - padding-top: .6em; - font-family: @headingsFontFamily; - font-weight: bold; -} - -// MODALS +// ALERTS, LABELS, BADGES // ----------------------------------------------------- -.modal-header { - border-bottom: none; -} - -.modal-header, -.modal-body { - background-color: @navbarBackground; -} - -.modal-footer { - background-color: @bodyBackground; +.label { + padding: 4px 4px 3px; + margin-left: 1px; + margin-right: 1px; + line-height: 26px; + font-weight: normal; } // MISCELLANEOUS @@ -416,20 +455,9 @@ i[class^="icon-"]{ vertical-align: -2px; } -hr { - border-bottom: none; -} - -.progress { - #gradient > .vertical(#e0e0e0, #e8e8e8); -} - -.label { - padding: 4px 4px 3px; - margin-left: 1px; - margin-right: 1px; - line-height: 26px; - font-weight: normal; +.well { + .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1)); + border: none; } .hero-unit { @@ -437,52 +465,34 @@ hr { .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1)); } -.well { - .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1)); - border: none; -} - .thumbnail { padding: 10px; background-color: @white; } -.breadcrumb { - .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1)); - border: 0px solid transparent; - - li { - padding-top: 5px; - text-shadow: none; - } - - a { - text-shadow: none; - } - - a:hover { - text-decoration: none; - } +.progress { + #gradient > .vertical(#e0e0e0, #e8e8e8); } -.pagination { +.modal { - li > a { - padding: 4px 14px 0; - color: @textColor; + &-header { + border-bottom: none; + } - &:hover { - background-color: @dropdownLinkBackgroundHover; - color: @linkColor; - } + &-header, + &-body { + background-color: @navbarBackground; } - li.active > a { - background-color: @dropdownLinkBackgroundHover; - color: @linkColor; + &-footer { + background-color: @bodyBackground; } } +// MEDIA QUERIES +// ----------------------------------------------------- + @media (max-width: 979px) { .nav-collapse.collapse .navbar-form, |