BootstrapAdmin/Bootstrap.Admin/wwwroot/css/theme.css

338 lines
7.4 KiB
CSS

body, .form-control, .dropdown-menu, .btn:not(.btn-lg), .input-group-text, .popover-header {
font-size: 0.875rem;
}
.form-control:focus {
border-color: #66afe9;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.container-fluid {
padding-top: 15px;
}
.input-group .btn:focus, .btn-group .btn:focus, .page-link:focus {
box-shadow: none;
}
.input-group .btn:not(.btn-secondary):not(.btn-primary):not(.btn-warning):not(.btn-info):not(.btn-danger) {
background-color: #e9ecef;
border-color: #ced4da;
}
.nav-link {
transition: color .25s linear;
}
.close {
transition: all .25s linear;
}
.close:focus {
outline: none;
}
.dropdown-select + .dropdown-menu a:hover {
background: #007AC0;
color: #fff;
}
.dropdown-menu {
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176);
padding: 0;
}
.dropdown-menu a {
transition: all .25s linear;
padding: 6px 20px;
display: block;
}
.dropdown-divider {
margin: 0.125rem 0;
}
.tooltip-inner {
max-width: 768px;
}
.is-invalid .tooltip-inner {
background-color: #dc3545;
}
.is-invalid .arrow:before {
border-top-color: #dc3545;
border-bottom-color: #dc3545;
}
input.is-invalid {
background-repeat: no-repeat;
background-image: url('../images/error.png');
background-position: right 8px center;
}
input.is-valid {
background-repeat: no-repeat;
background-image: url('../images/success.png');
background-position: right 8px center;
}
input.pending {
background-repeat: no-repeat;
background-image: url(../img/loading-sm.gif);
background-position: right 8px center;
}
.form-inline .form-group {
margin-bottom: 15px;
}
.form-inline .form-group .control-label {
margin-right: 10px;
width: 90px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
justify-content: flex-start;
}
.form-inline .form-row, .form-inline .row {
flex: 1 1 auto;
}
.modal-header {
background-color: #f5f5f5;
padding: 10px 15px;
}
.modal-title {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.modal-body, .card-body {
padding: 15px 15px 0 15px;
}
.modal-footer .btn span:last-child {
display: inline;
}
.card {
margin-bottom: 15px;
}
.card .card-header a {
color: #797979;
}
.card .card-header a[data-toggle="collapse"] {
display: block;
}
.card .card-header a[data-toggle="collapse"] i {
transition: all .25s linear;
}
.card .card-header a[data-toggle="collapse"].collapsed i {
transform: rotate(-90deg);
}
.card .card-header a[data-toggle="collapse"] span {
margin-left: 6px;
}
.btn span:last-child {
margin-left: 4px;
display: none;
}
.form-check-label {
cursor: pointer;
}
.form-check-input + span, .form-check-input + label {
max-width: 98px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
}
.bootstrap-table .table thead > tr > th {
border-top: none;
}
.fixed-table-toolbar .bs-bars, .fixed-table-toolbar .search, .fixed-table-toolbar .columns {
line-height: normal;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
padding: 5px;
}
.fixed-table-loading {
padding: 8px;
}
.bootstrap-table {
margin-bottom: 15px;
}
.bootstrap-table .fixed-table-body .table {
border-bottom: none;
}
.bootstrap-table .fixed-table-body .table td > a {
display: block;
}
.bootstrap-table .fixed-table-toolbar .columns-right .btn-group .dropdown-menu {
padding-top: 8px;
}
.bootstrap-table .fixed-table-container .card-view .value {
word-break: break-all;
}
.bootstrap-table .fixed-table-container .card-view .value > a, .bootstrap-table .fixed-table-container .card-view .value > div {
min-width: 60px;
display: inline-block;
}
.bootstrap-table .card-view:not(:last-child) {
margin-bottom: 6px;
}
.card-body .bootstrap-table {
margin-top: -10px;
}
.card-header a.fa {
transition: color .3s linear;
}
.card-header a.fa:hover {
color: #333;
}
.fixed-table-toolbar .dropdown-menu {
min-width: unset;
}
.popover {
max-width: 320px;
padding: 0;
}
.popover-content {
max-height: 240px;
overflow-y: auto;
overflow-x: hidden;
}
.file-drop-zone.clickable:hover {
border: 1px dashed #999;
}
[data-toggle="LgbValidate"] input[type="text"], [data-toggle="LgbValidate"] input[type="password"] {
padding-right: 30px;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #dc3545;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(220, 53, 69,.6);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #28a745;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(40, 167, 69,.6);
}
.arrow-primary {
border-color: transparent transparent #007bff;
}
.arrow-success {
border-color: transparent transparent #28a745;
}
.arrow-info {
border-color: transparent transparent #17a2b8;
}
.arrow-warning {
border-color: transparent transparent #ffc107;
}
.arrow-danger {
border-color: transparent transparent #dc3545;
}
.show .shadow-primary, .shadow-primary:hover {
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(0, 123, 255, 0.5);
border-color: #007bff !important;
}
.show .shadow-success, .shadow-success:hover {
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(40, 167, 69, 0.5);
border-color: #28a745 !important;
}
.show .shadow-info, .shadow-info:hover {
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(23, 162, 184, 0.5);
border-color: #17a2b8 !important;
}
.show .shadow-warning, .shadow-warning:hover {
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 193, 7, 0.5);
border-color: #ffc107 !important;
}
.show .shadow-danger, .shadow-danger:hover {
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(220, 53, 69, 0.5);
border: 1px solid #dc3545 !important;
}
.show .shadow-default, .shadow-default:hover {
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
border: 1px solid #337ab7;
}
.mCSB_scrollTools {
width: 10px;
}
.control-label > a {
margin-left: 6px;
color: #5bc0de;
}
.date > input {
cursor: pointer;
}
.datetimepicker {
padding: 4px;
}
.datetimepicker table tr td span {
white-space: nowrap;
}
.form-inline .form-group-dropdown {
display: flex;
flex-wrap: nowrap;
}
.form-inline .form-group-dropdown .control-label {
padding: 6px 0;
margin: 0 10px 0 0;
}
.form-inline .form-group-dropdown .dropdown, .form-inline .form-group-dropdown .dropup {
display: inline-block;
}