diff options
Diffstat (limited to 'yeti/bootswatch.less')
-rw-r--r-- | yeti/bootswatch.less | 225 |
1 files changed, 225 insertions, 0 deletions
diff --git a/yeti/bootswatch.less b/yeti/bootswatch.less new file mode 100644 index 00000000..8d8f82ce --- /dev/null +++ b/yeti/bootswatch.less @@ -0,0 +1,225 @@ +// Yeti 3.0.2 +// Bootswatch +// ----------------------------------------------------- + +@import url("http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700"); + +// Navbar ===================================================================== + +.navbar { + border: none; + font-size: 13px; + font-weight: 300; + + .navbar-toggle:hover .icon-bar { + background-color: #b3b3b3; + } + + &-collapse { + border-top-color: @dropdown-divider-bg; + .box-shadow(none); + } + + .dropdown-menu { + border: none; + background-color: @navbar-default-bg; + + > li > a { + padding: 12px 15px; + font-size: 13px; + font-weight: 300; + color: @navbar-default-color; + + &:hover { + background-color: @navbar-default-link-hover-bg; + } + } + } +} + +// Buttons ==================================================================== + +.btn { + padding: 14px 28px; + + &-lg { + padding: 16px 32px; + } + + &-sm { + padding: 8px 16px; + } + + &-xs { + padding: 4px 8px; + } + + &-group > .btn + .dropdown-toggle { + padding-left: 16px; + padding-right: 16px; + } +} + +// Typography ================================================================= + +.lead { + color: @gray; +} + +cite { + font-style: italic; +} + +blockquote { + border-left-width: 1px; + color: @gray; + + &.pull-right { + border-right-width: 1px; + } + + small { + font-size: @font-size-small; + font-weight: 300; + } +} + +// Tables ===================================================================== + +table { + font-size: @font-size-small; +} + +// Forms ====================================================================== + +input, +.form-control { + padding: 7px; + font-size: @font-size-small; +} + +label, +.control-label, +.help-block, +.checkbox, +.radio { + font-size: @font-size-small; + font-weight: normal; +} + +.form-group .btn, +.input-group-addon, +.input-group-btn .btn { + padding: 7px 14px 6px; + font-size: @font-size-small; +} + +// Navs ======================================================================= + +.nav-tabs { + > li > a { + background-color: @btn-default-bg; + color: @text-color; + } + + .caret { + border-top-color: @text-color; + border-bottom-color: @text-color; + } +} + +.nav-pills { + font-weight: 300; +} + +.breadcrumb { + border: 1px solid @table-border-color; + border-radius: 3px; + font-size: 10px; + font-weight: 300; + text-transform: uppercase; +} + +.pagination { + font-size: @font-size-small; + font-weight: 300; + color: @gray-light; + + > li > a { + margin-left: 4px; + border-radius: 3px; + color: @gray-light; + } + + &-lg > li > a { + padding-left: 22px; + padding-right: 22px; + } + + &-sm > li > a { + padding: 0 5px; + } +} + +.pager { + font-size: @font-size-small; + font-weight: 300; + color: @gray-light; +} + +.list-group { + font-size: @font-size-small; + font-weight: 300; +} + +// Indicators ================================================================= + +.alert { + font-size: @font-size-small; + font-weight: 300; + + a, + .alert-link { + font-weight: normal; + color: #fff; + text-decoration: underline; + } +} + +.label { + padding-left: 1em; + padding-right: 1em; + border-radius: 0; + font-weight: 300; + + &-default { + background-color: @btn-default-bg; + color: @btn-default-color; + } +} + +.badge { + font-weight: 300; +} + +// Progress bars ============================================================== + +.progress { + height: 22px; + padding: 2px; + background-color: #f6f6f6; + border: 1px solid #ccc; + .box-shadow(none); +} + +// Containers ================================================================= + +.dropdown-menu { + font-size: @font-size-small; +} + +.popover { + color: #fff; + font-size: 12px; + font-weight: 300; +} |