/* Customized Bootstrap styles */ body { background-color: #f5f5f5; padding-top: 52px; } .navbar-fixed-top, .navbar { min-height:40px; } .navbar-nav > li > a, .navbar-brand { padding-top:10px; padding-bottom:10px; } .navbar-toggle { padding: 4px 10px; } .navbar-nav.navbar-right:last-child { margin-right: -5px; } .navbar-inverse { border-color: #FFFFFF; } .kofa-langselect img { margin-top: -10px; margin-bottom: -10px; } .breadcrumb , .wfstatus { background-color: #fff; margin-bottom: 0px; margin-top: 0px; padding: 2px 15px; } .breadcrumb > li { display: inline; } .breadcrumb > li + li:before { content: "/"; padding: 0px; } .well { padding: 0px 5px 20px 5px; margin-bottom: 10px; background-image: None; background-color: #fff; filter: None; } .alert { margin-bottom: 10px; margin-top: 10px; } /* Kofa styles */ .kofa-sidebar, .kofa-content-narrow, .kofa-content-wide, .kofa-breadcrumbs-box-short, .kofa-breadcrumbs-box-long, .kofa-student-status-box { padding: 0px 5px 0px 5px; } .workflow { border:1px solid #1fdf00; background-color:#bbffb6; font-family: courier; font-size: 100%; padding: 4px; margin-bottom: 8px; line-height: 16px; } .kofa-breadcrumbs-box-short .well, .kofa-breadcrumbs-box-long .well, .kofa-student-status-box .well { padding: 5px 5px 5px 5px; } .kofa-content-wide .well, .kofa-content-narrow .well { padding: 10px 20px 10px 20px; } .kofa-content-desc { color: #BFBFBF; font-size: 18px; } .wfstatus { text-align: center; background-color: #909090; color: white; } .kofa-student-status-box .well { background-color: #909090; } /* Sidebar */ .kofa-sidebar-title { text-transform: none; font-size: 14px; color: #555; font-weight: bold; padding: 15px 0px 10px 8px; } .sidebar-nav .nav > li > a { padding: 3px 15px; } /* Buttons */ .btn { margin: 4px; font-size: 13px; display: inline; } .table-condensed .btn { margin: 0px; font-size: 12px; } /* Content actionbar */ div.actionbar { margin-top: -6px; margin-left: -10px; margin-bottom: 0px; } .actionbar .btn-default { margin-bottom: 4px; padding: 4px 8px; margin: 0px 0px 4px 0px; display: inline-block; } /* Kofa forms */ .form-table { width: 100%; } .form-table td { padding: 5px 0px 5px 4px; border-top: none; } .value select, .phone-input, .textType, textarea, .dataTables_filter input, .ordered-selection-field select { background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; margin: 0px 4px 0px 0px; width: 100%; } .value select:focus, .phone-input:focus, .textType:focus, textarea:focus, .dataTables_filter input:focus, .ordered-selection-field select:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .value select, .half { width: 50%; } textarea { font-family: Courier,"Courier New",monospace; } .fieldname { width: 25%; } .form-table td { vertical-align: bottom; } .form-table td.fieldname { vertical-align: top; } .form-inline select { width: 100%; } .phone-input { width: 30% } .hint { padding: 0px 0px 5px 0px; color: #bfbfbf; } .error { color: red; } .datepicker-le-year { width: 50%; } .ui-widget-header .ui-icon { background-image: url("../img/ui-icons_222222_256x240.png"); } /* dataTables stuff */ .dataTables_wrapper { min-height: 50px; margin-bottom: 50px; } .dataTables_filter input { width: 60%; } .sorting { background: url('../img/sort_both.png') no-repeat center right; } .sorting_asc { background: url('../img/sort_asc.png') no-repeat center right; } .sorting_desc { background: url('../img/sort_desc.png') no-repeat center right; } .sorting_asc_disabled { background: url('../img/sort_asc_disabled.png') no-repeat center right; } .sorting_desc_disabled { background: url('../img/sort_desc_disabled.png') no-repeat center right; } .paginate_enabled_previous { background: url('../img/back_enabled.png') no-repeat top left; } .paginate_enabled_previous:hover { background: url('../img/back_enabled_hover.png') no-repeat top left; } .paginate_disabled_previous { background: url('../img/back_disabled.png') no-repeat top left; } .paginate_enabled_next { background: url('../img/forward_enabled.png') no-repeat top right; } .paginate_enabled_next:hover { background: url('../img/forward_enabled_hover.png') no-repeat top right; } .paginate_disabled_next { background: url('../img/forward_disabled.png') no-repeat top right; } /* Smartphone styles */ @media (max-width: 767px) { .kofa-sidebar, .kofa-content-narrow , .kofa-breadcrumbs-box-short, .kofa-breadcrumbs-box-long, .kofa-student-status-box { padding: 0px 0px 0px 0px; } .kofa-content-wide { padding: 0px 0px 0px 0px; } .value select, .half { width: 100%; } }