// --- Generic settings ---------------------------------------------------- // body { font-family: $admin-font; } // All buttons raised .btn, .btn.disabled { @extend .btn-raised; } .bootstrap-datetimepicker-widget { z-index: 999; } .fieldset dd.well { box-shadow: 0 $generic-space $generic-space*2 0 rgba(0, 0, 0, 0.2), 0 $generic-space $generic-space*2 0 rgba(0, 0, 0, 0.19); } .panel { border: 1px solid $fg-shadow; .panel-title { color: #fff; } } // --- Header settings ----------------------------------------------------- // .navbar-header > .navbar-brand, .navbar-default .navbar-nav > li > a { color: $fg-navbar-brand; &:hover, &:focus { color: $fg-navbar-brand; opacity: 0.8; } } // --- Sidebar settings ---------------------------------------------------- // .sidebar-nav .nav-pills li { margin-top: 0; &.dropdown-header { border-bottom: 1px solid $gray-light2; font-size: 100%; margin-bottom: $generic-space * 1.5; } } body.rails_admin .sidebar-nav { background-color: $bg-sidebar-nav; } @media screen and (min-width: 1200px) { body.rails_admin .sidebar-nav { margin-top: $generic-space * 2; } } // --- Content settings ---------------------------------------------------- // .content { margin-top: $generic-space * 6; } // --- List settings ------------------------------------------------------- // // Dashboard progress bars .content table .progress { height: $line-height-computed; } // --- Form settings ------------------------------------------------------- // // inline search forms .pjax-form.form-inline .well { box-shadow: 0 1px 4px $gray-light; padding-top: $generic-space * 2.5; padding-bottom: $generic-space; span a.btn { margin-top: 0; margin-bottom: 0; } .input-group .form-group { margin: 0; } .input-group-btn { padding: 0 4px; } } // inline filter form #filters_box { > .form-search { margin-bottom: $generic-space; .form-group { margin-top: 0; padding-bottom: 0; input { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 3px; font-size: 12px; height: $generic-space*6; line-height: 1.5; margin: 0; padding: $generic-space $generic-space*2; &:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ccc; border-color: #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ccc; outline: 0; } } select { background-image: none; font-size: 12px; height: $generic-space*6; margin: 0; padding: $generic-space $generic-space*2; } } .form-label { display: inline-block; line-height: $generic-space*6; margin: 0; min-width: 80px; padding: 0; } } .label > a { color: #fff; } .label { vertical-align: baseline; } select.form-control { border: 1px solid $gray-light2; } input, select { vertical-align: baseline; vertical-align: -moz-middle-with-baseline; vertical-align: -webkit-baseline-middle; } } // horizontal forms body.rails_admin .form-horizontal .controls { > input, > textarea { width: 100%; } &.has-error { > input, > textarea { border-color: #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ccc; } } } // compact forms .form-group { margin-top: $generic-space * 2; .btn.disabled { color: $gray-lighter; } .btn-group { margin-top: 0; margin-bottom: 0; } .checkbox label { padding-left: 10px; text-align: left; } .checkbox label, .radio label, label { color: $gray-light; } label.control-label { line-height: 2; margin-top: 0; // margin-top: $generic-space; } .controls .btn { margin-top: $generic-space; } .form-control.ra-filtering-select-input { margin-top: $generic-space; } .form-control.ra-multiselect-collection, .form-control.ra-multiselect-selection { @include gray-input-border(); } .form-control-static { margin-left: $generic-space * 2.5; } .help-block { color: $fg-help-block; display: block; font-style: italic; position: static; margin-top: $generic-space; margin-bottom: $generic-space * 2; margin-left: $generic-space * 2.5; } .help-inline { margin-left: $generic-space * 2.5; } .input-group.filtering-select > .input-group-btn { padding: 0 4px; } .input-group.filtering-select ~ .help-block { top: -$generic-space * 2; } // nested tabs .tab-content > .tab-pane { background-color: $bg-nested-tab; border-left: 5px solid $brand-primary !important; border-top: 1px dotted $gray-light; border-bottom: 1px dotted $gray-light; margin-bottom: $generic-space; margin-top: $generic-space; } .well ~ .controls { margin-top: $generic-space * 2; } &.boolean_type .checkbox > label { padding-left: $generic-space * 2; } &.control-group { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; .well { box-shadow: 0 1px 4px $gray-light; padding-top: $generic-space * 2.5; padding-bottom: $generic-space; } &.error .control-label { color: $brand-danger; } } input[type="file"] { height: $generic-space * 6; opacity: 1.0; position: initial; } label.dropdown-toggle { padding-top: $generic-space * 1.5; padding-bottom: $generic-space * 1.5; } textarea.form-control { @include gray-input-border(); } } // modals .modal { .modal-body { padding-bottom: 0; > form.form-horizontal { margin-top: 0; } } .modal-header { a.close { @extend .btn; } } .modal-footer { margin-bottom: $generic-space * 2; margin-right: $generic-space * 2; > .btn { margin-bottom: 0; } } } // fix missing font characters for true / false .boolean_type > .label { font-family: sans-serif; } .form-inline .form-control { vertical-align: initial; } // --- Misc settings ------------------------------------------------------- // .has_many_association_type, .has_and_belongs_to_many_association_type { .help-block { top: -$generic-space * 3; } .nav-tabs { display: table; } } .nav-tabs li.active { background-color: $bg-nav-tabs-active; border-bottom: 1px solid $fg-shadow; } #fields_to_export > .form-group.control-group { margin-bottom: $generic-space * 5; } #list { th.boolean_type, td.boolean_type { text-align: center; } } #btn-menu-wrapper { padding: 0 3px 10px 3px; position: relative; z-index: 999; > a { padding-left: 10px; padding-right: 10px; &.opened { position: absolute; right: 5px; } } } .content-expanded { padding-left: 60px; padding-right: 15px; }