vendor/assets/stylesheets/yeti.css in bootswatch_rails-3.2.0.1 vs vendor/assets/stylesheets/yeti.css in bootswatch_rails-3.2.0.2

- old
+ new

@@ -1,8 +1,8 @@ @import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700"); /*! - * Bootswatch v3.2.0 + * bootswatch v3.2.0 * Homepage: http://bootswatch.com * Copyright 2012-2014 Thomas Park * Licensed under MIT * Based on Bootstrap */ @@ -2335,20 +2335,20 @@ outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; - padding-top: 7px; + padding-top: 15px; font-size: 15px; line-height: 1.42857143; color: #6f6f6f; } .form-control { display: block; width: 100%; - height: 35px; - padding: 6px 12px; + height: 51px; + padding: 14px 18px; font-size: 15px; line-height: 1.42857143; color: #6f6f6f; background-color: #ffffff; background-image: none; @@ -2391,24 +2391,24 @@ } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { - line-height: 35px; + line-height: 51px; line-height: 1.42857143 \0; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { - line-height: 30px; + line-height: 36px; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { - line-height: 48px; + line-height: 60px; } .form-group { margin-bottom: 15px; } .radio, @@ -2471,77 +2471,77 @@ fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { - padding-top: 7px; - padding-bottom: 7px; + padding-top: 15px; + padding-bottom: 15px; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm, .form-horizontal .form-group-sm .form-control { - height: 30px; - padding: 5px 10px; + height: 36px; + padding: 8px 12px; font-size: 12px; line-height: 1.5; border-radius: 0; } select.input-sm { - height: 30px; - line-height: 30px; + height: 36px; + line-height: 36px; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg, .form-horizontal .form-group-lg .form-control { - height: 48px; - padding: 10px 16px; + height: 60px; + padding: 16px 20px; font-size: 19px; line-height: 1.33; border-radius: 0; } select.input-lg { - height: 48px; - line-height: 48px; + height: 60px; + line-height: 60px; } textarea.input-lg, select[multiple].input-lg { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control { - padding-right: 43.75px; + padding-right: 63.75px; } .form-control-feedback { position: absolute; top: 26px; right: 0; z-index: 2; display: block; - width: 35px; - height: 35px; - line-height: 35px; + width: 51px; + height: 51px; + line-height: 51px; text-align: center; } .input-lg + .form-control-feedback { - width: 48px; - height: 48px; - line-height: 48px; + width: 60px; + height: 60px; + line-height: 60px; } .input-sm + .form-control-feedback { - width: 30px; - height: 30px; - line-height: 30px; + width: 36px; + height: 36px; + line-height: 36px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, @@ -2679,39 +2679,39 @@ .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; - padding-top: 7px; + padding-top: 15px; } .form-horizontal .radio, .form-horizontal .checkbox { - min-height: 28px; + min-height: 36px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; - padding-top: 7px; + padding-top: 15px; } } .form-horizontal .has-feedback .form-control-feedback { top: 0; right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { - padding-top: 14.3px; + padding-top: 22.28px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { - padding-top: 6px; + padding-top: 9px; } } .btn { display: inline-block; margin-bottom: 0; @@ -2720,11 +2720,11 @@ vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; - padding: 6px 12px; + padding: 14px 18px; font-size: 15px; line-height: 1.42857143; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; @@ -2761,20 +2761,20 @@ box-shadow: none; } .btn-default { color: #333333; background-color: #e7e7e7; - border-color: #dadada; + border-color: #cccccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #333333; background-color: #cecece; - border-color: #bbbbbb; + border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { background-image: none; @@ -2793,11 +2793,11 @@ fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #e7e7e7; - border-color: #dadada; + border-color: #cccccc; } .btn-default .badge { color: #e7e7e7; background-color: #333333; } @@ -3039,25 +3039,25 @@ color: #999999; text-decoration: none; } .btn-lg, .btn-group-lg > .btn { - padding: 10px 16px; + padding: 16px 20px; font-size: 19px; line-height: 1.33; border-radius: 0; } .btn-sm, .btn-group-sm > .btn { - padding: 5px 10px; + padding: 8px 12px; font-size: 12px; line-height: 1.5; border-radius: 0; } .btn-xs, .btn-group-xs > .btn { - padding: 1px 5px; + padding: 4px 6px; font-size: 12px; line-height: 1.5; border-radius: 0; } .btn-block { @@ -3429,21 +3429,21 @@ margin-bottom: 0; } .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { - height: 48px; - padding: 10px 16px; + height: 60px; + padding: 16px 20px; font-size: 19px; line-height: 1.33; border-radius: 0; } select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn { - height: 48px; - line-height: 48px; + height: 60px; + line-height: 60px; } textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn, select[multiple].input-group-lg > .form-control, @@ -3452,21 +3452,21 @@ height: auto; } .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { - height: 30px; - padding: 5px 10px; + height: 36px; + padding: 8px 12px; font-size: 12px; line-height: 1.5; border-radius: 0; } select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn { - height: 30px; - line-height: 30px; + height: 36px; + line-height: 36px; } textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn, select[multiple].input-group-sm > .form-control, @@ -3489,27 +3489,27 @@ width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { - padding: 6px 12px; + padding: 14px 18px; font-size: 15px; font-weight: normal; line-height: 1; color: #6f6f6f; text-align: center; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 0; } .input-group-addon.input-sm { - padding: 5px 10px; + padding: 8px 12px; font-size: 12px; border-radius: 0; } .input-group-addon.input-lg { - padding: 10px 16px; + padding: 16px 20px; font-size: 19px; border-radius: 0; } .input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { @@ -3971,12 +3971,12 @@ padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - margin-top: 5px; - margin-bottom: 5px; + margin-top: -3px; + margin-bottom: -3px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; @@ -4051,16 +4051,16 @@ .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { - margin-top: 5px; - margin-bottom: 5px; + margin-top: -3px; + margin-bottom: -3px; } .navbar-btn.btn-sm { - margin-top: 7.5px; - margin-bottom: 7.5px; + margin-top: 4.5px; + margin-bottom: 4.5px; } .navbar-btn.btn-xs { margin-top: 11.5px; margin-bottom: 11.5px; } @@ -4305,11 +4305,11 @@ } .pagination > li > a, .pagination > li > span { position: relative; float: left; - padding: 6px 12px; + padding: 14px 18px; line-height: 1.42857143; text-decoration: none; color: #008cba; background-color: transparent; border: 1px solid transparent; @@ -4357,11 +4357,11 @@ border-color: transparent; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { - padding: 10px 16px; + padding: 16px 20px; font-size: 19px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 0; @@ -4372,11 +4372,11 @@ border-bottom-right-radius: 0; border-top-right-radius: 0; } .pagination-sm > li > a, .pagination-sm > li > span { - padding: 5px 10px; + padding: 8px 12px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 0; @@ -6186,10 +6186,18 @@ } .navbar .btn { padding-top: 6px; padding-bottom: 6px; } +.navbar-form { + margin-top: 7px; + margin-bottom: 5px; +} +.navbar-form .form-control { + height: auto; + padding: 4px 6px; +} .navbar .dropdown-menu { border: none; } .navbar .dropdown-menu > li > a, .navbar .dropdown-menu > li > a:focus { @@ -6223,20 +6231,20 @@ .navbar-inverse .dropdown-menu > .active > a, .navbar-inverse .dropdown-menu > .active > a:hover { background-color: #006687; } .btn { - padding: 14px 28px; + padding: 14px 18px; } .btn-lg { - padding: 16px 32px; + padding: 16px 20px; } .btn-sm { - padding: 8px 16px; + padding: 8px 12px; } .btn-xs { - padding: 4px 8px; + padding: 4px 6px; } .btn-group .btn ~ .dropdown-toggle { padding-left: 16px; padding-right: 16px; } @@ -6248,11 +6256,11 @@ border-bottom-width: 0; margin-bottom: 0; } .btn-group .dropdown-toggle.btn-default ~ .dropdown-menu { background-color: #e7e7e7; - border-color: #dadada; + border-color: #cccccc; } .btn-group .dropdown-toggle.btn-default ~ .dropdown-menu > li > a { color: #333333; } .btn-group .dropdown-toggle.btn-default ~ .dropdown-menu > li > a:hover { @@ -6326,24 +6334,16 @@ font-weight: 300; } table { font-size: 12px; } -input { - padding: 7px; -} label, .control-label, .help-block, .checkbox, .radio { font-size: 12px; font-weight: normal; -} -.input-group-addon, -.input-group-btn .btn { - padding: 8px 14px; - font-size: 12px; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { border-color: transparent;