1336 lines
34 KiB
CSS
1336 lines
34 KiB
CSS
@charset "UTF-8";
|
|
/*UI样式*/
|
|
|
|
.panel {
|
|
position: relative;
|
|
margin-bottom: 1.875rem;
|
|
background-color: #fff;
|
|
border: 0 solid transparent;
|
|
border-radius: .286rem;
|
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
|
|
}
|
|
|
|
.panel-content > .row {
|
|
padding-left: 30px;
|
|
padding-right: 30px
|
|
}
|
|
|
|
.panel-content > .row > [class*=col-] {
|
|
padding-left: 30px;
|
|
padding-right: 30px
|
|
}
|
|
|
|
.panel-heading {
|
|
position: relative;
|
|
padding: 0;
|
|
border-bottom: 1px solid transparent;
|
|
border-top-right-radius: .214rem;
|
|
border-top-left-radius: .214rem
|
|
}
|
|
|
|
.panel-heading + .alert {
|
|
border-radius: 0
|
|
}
|
|
|
|
.panel-heading > .nav-tabs {
|
|
border-bottom: none
|
|
}
|
|
|
|
.panel-heading-tab {
|
|
padding: 10px 30px 0;
|
|
background-color: #62a8ea
|
|
}
|
|
|
|
.panel-heading-tab > .nav-tabs .nav-link {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-heading-tab > .nav-tabs .nav-link.hover, .panel-heading-tab > .nav-tabs .nav-link:hover {
|
|
color: #76838f
|
|
}
|
|
|
|
.panel-heading-tab > .nav-tabs .nav-link.active, .panel-heading-tab > .nav-tabs .nav-link:active {
|
|
color: #76838f;
|
|
background-color: #fff
|
|
}
|
|
|
|
.panel-heading + .nav-tabs {
|
|
margin-top: -.715rem
|
|
}
|
|
|
|
.panel-heading > .dropdown .dropdown-toggle {
|
|
color: inherit
|
|
}
|
|
|
|
.panel-body {
|
|
position: relative;
|
|
padding: 30px 30px
|
|
}
|
|
|
|
.panel-body::after {
|
|
content: "";
|
|
display: table;
|
|
clear: both
|
|
}
|
|
|
|
.panel-heading + .panel-body {
|
|
padding-top: 0
|
|
}
|
|
|
|
.panel-body .h1:first-child, .panel-body .h2:first-child, .panel-body .h3:first-child, .panel-body .h4:first-child, .panel-body .h5:first-child, .panel-body .h6:first-child, .panel-body h1:first-child, .panel-body h2:first-child, .panel-body h3:first-child, .panel-body h4:first-child, .panel-body h5:first-child, .panel-body h6:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.panel-body > :last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.panel-body > .list-group-dividered:only-child > .list-group-item:last-child {
|
|
border-bottom-color: transparent
|
|
}
|
|
|
|
.panel-footer {
|
|
padding: 0 30px 15px;
|
|
border-top: 1px solid transparent;
|
|
background-color: transparent;
|
|
border-bottom-right-radius: .214rem;
|
|
border-bottom-left-radius: .214rem
|
|
}
|
|
|
|
.table + .panel-footer {
|
|
padding-top: 15px;
|
|
border-color: #e4eaec
|
|
}
|
|
|
|
.panel-title {
|
|
display: block;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
padding: 20px 30px;
|
|
font-size: 18px;
|
|
color: #37474f
|
|
}
|
|
|
|
.panel-title > .icon {
|
|
margin-right: 10px
|
|
}
|
|
|
|
.panel-title > .tag {
|
|
margin-left: 10px
|
|
}
|
|
|
|
.panel-title .small, .panel-title small {
|
|
color: #76838f
|
|
}
|
|
|
|
.panel-title > .small > a, .panel-title > a, .panel-title > small > a {
|
|
color: inherit
|
|
}
|
|
|
|
.panel-desc {
|
|
display: block;
|
|
padding: 5px 0 0;
|
|
margin: 0;
|
|
font-size: 1rem;
|
|
color: #76838f
|
|
}
|
|
|
|
.panel-actions {
|
|
position: absolute;
|
|
right: 30px;
|
|
top: 50%;
|
|
-webkit-transform: translate(0, -50%);
|
|
-ms-transform: translate(0, -50%);
|
|
-o-transform: translate(0, -50%);
|
|
transform: translate(0, -50%);
|
|
margin: auto;
|
|
z-index: 1
|
|
}
|
|
|
|
@media (max-width: 479px) {
|
|
.panel-actions {
|
|
right: 20px
|
|
}
|
|
}
|
|
|
|
ul .panel-actions {
|
|
list-style: none
|
|
}
|
|
|
|
ul .panel-actions > li {
|
|
display: inline-block;
|
|
margin-left: 8px
|
|
}
|
|
|
|
ul .panel-actions > li:first-child {
|
|
margin-left: 0
|
|
}
|
|
|
|
.panel-actions a.dropdown-toggle {
|
|
text-decoration: none
|
|
}
|
|
|
|
.panel-actions .dropdown {
|
|
display: inline-block
|
|
}
|
|
|
|
.panel-actions .dropdown-toggle {
|
|
display: inline-block
|
|
}
|
|
|
|
.panel-actions .panel-action {
|
|
display: inline-block;
|
|
padding: 8px 10px;
|
|
color: #a3afb7;
|
|
text-decoration: none;
|
|
cursor: pointer;
|
|
background-color: transparent
|
|
}
|
|
|
|
.panel-actions .panel-action:hover {
|
|
color: #526069
|
|
}
|
|
|
|
.panel-actions .panel-action:active {
|
|
color: #526069
|
|
}
|
|
|
|
.panel-actions .progress {
|
|
width: 100px;
|
|
margin: 0
|
|
}
|
|
|
|
.panel-actions .pagination {
|
|
margin: 0
|
|
}
|
|
|
|
ul.panel-actions {
|
|
list-style: none
|
|
}
|
|
|
|
ul.panel-actions > li {
|
|
display: inline-block;
|
|
margin-left: 8px
|
|
}
|
|
|
|
ul.panel-actions > li:first-child {
|
|
margin-left: 0
|
|
}
|
|
|
|
.panel-toolbar {
|
|
padding: 5px 15px;
|
|
margin: 0;
|
|
background-color: transparent;
|
|
border-bottom: 1px solid #e4eaec;
|
|
border-top: 1px solid #e4eaec
|
|
}
|
|
|
|
.panel-bordered .panel-toolbar {
|
|
border-top-color: transparent
|
|
}
|
|
|
|
.panel-toolbar .btn {
|
|
color: #a3afb7;
|
|
padding: 5px 10px
|
|
}
|
|
|
|
.panel-toolbar .btn.icon {
|
|
width: 1em;
|
|
text-align: center
|
|
}
|
|
|
|
.panel-toolbar .btn.active, .panel-toolbar .btn:active, .panel-toolbar .btn:hover {
|
|
color: #76838f
|
|
}
|
|
|
|
.panel-loading {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 6;
|
|
display: none;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: .286rem;
|
|
opacity: .6
|
|
}
|
|
|
|
.panel-loading .loader {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-ms-transform: translate(-50%, -50%);
|
|
-o-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%)
|
|
}
|
|
|
|
.panel > :not(.panel-loading):not(.collapsing) {
|
|
-webkit-transition: opacity .3s;
|
|
-o-transition: opacity .3s;
|
|
transition: opacity .3s
|
|
}
|
|
|
|
.panel.is-loading > :not(.panel-loading) {
|
|
opacity: .3
|
|
}
|
|
|
|
.panel.is-loading .panel-loading {
|
|
display: block;
|
|
opacity: 1
|
|
}
|
|
|
|
.panel-footer-chart {
|
|
padding: 0
|
|
}
|
|
|
|
.panel-control {
|
|
padding: 0;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.panel-body.scrollable-vertical {
|
|
padding-left: 0 !important;
|
|
padding-right: 0 !important
|
|
}
|
|
|
|
.panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
|
|
padding-left: 30px;
|
|
padding-right: 30px
|
|
}
|
|
|
|
@media (max-width: 479px) {
|
|
.panel-body.scrollable-vertical > .scrollable-container > .scrollable-content {
|
|
padding-left: 20px;
|
|
padding-right: 20px
|
|
}
|
|
}
|
|
|
|
.panel-body.scrollable-vertical > .scrollable-bar {
|
|
margin-top: 0;
|
|
margin-bottom: 30px;
|
|
height: -webkit-calc(100% - 30px);
|
|
height: calc(100% - 30px);
|
|
-webkit-transform: translateX(-26px);
|
|
-ms-transform: translateX(-26px);
|
|
-o-transform: translateX(-26px);
|
|
transform: translateX(-26px)
|
|
}
|
|
|
|
.panel-bordered > .panel-body.scrollable-vertical > .scrollable-bar {
|
|
margin-bottom: 30px;
|
|
height: -webkit-calc(100% - 60px);
|
|
height: calc(100% - 60px)
|
|
}
|
|
|
|
.panel-body.scrollable-horizontal {
|
|
padding-top: 0 !important;
|
|
padding-bottom: 0 !important
|
|
}
|
|
|
|
.panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
|
|
padding-top: 0;
|
|
padding-bottom: 30px
|
|
}
|
|
|
|
.panel-bordered > .panel-body.scrollable-horizontal > .scrollable-container > .scrollable-content {
|
|
padding-top: 30px;
|
|
padding-bottom: 30px
|
|
}
|
|
|
|
.panel-body.scrollable-horizontal > .scrollable-bar {
|
|
margin-left: 0;
|
|
margin-right: 30px;
|
|
width: -webkit-calc(100% - 60px);
|
|
width: calc(100% - 60px);
|
|
-webkit-transform: translateY(-26px);
|
|
-ms-transform: translateY(-26px);
|
|
-o-transform: translateY(-26px);
|
|
transform: translateY(-26px)
|
|
}
|
|
|
|
@media (max-width: 479px) {
|
|
.panel-body.scrollable-horizontal > .scrollable-bar {
|
|
margin-right: 20px;
|
|
width: -webkit-calc(100% - 40px);
|
|
width: calc(100% - 40px)
|
|
}
|
|
}
|
|
|
|
.panel-bordered > .panel-body.scrollable-horizontal > .scrollable-bar {
|
|
-webkit-transform: translateY(-26px);
|
|
-ms-transform: translateY(-26px);
|
|
-o-transform: translateY(-26px);
|
|
transform: translateY(-26px)
|
|
}
|
|
|
|
.panel-bordered > .panel-heading {
|
|
border-bottom: 1px solid #e4eaec
|
|
}
|
|
|
|
.panel-bordered > .panel-heading > .panel-title {
|
|
padding-bottom: 20px
|
|
}
|
|
|
|
.panel-bordered > .panel-footer {
|
|
border-top: 1px solid #e4eaec;
|
|
padding-top: 15px
|
|
}
|
|
|
|
.panel-bordered > .panel-body {
|
|
padding-top: 30px
|
|
}
|
|
|
|
.panel-bordered > .table > tbody:first-child > tr:first-child td, .panel-bordered > .table > tbody:first-child > tr:first-child th {
|
|
border-top: 0
|
|
}
|
|
|
|
.panel.is-dragging {
|
|
opacity: .8
|
|
}
|
|
|
|
.panel.is-dragging {
|
|
cursor: move
|
|
}
|
|
|
|
.panel > .nav-tabs-vertical .nav-tabs {
|
|
margin-left: -1px
|
|
}
|
|
|
|
.panel > .nav-tabs-vertical .nav-tabs > li > a {
|
|
border-left: none;
|
|
border-radius: 0
|
|
}
|
|
|
|
.panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse {
|
|
margin-right: -1px
|
|
}
|
|
|
|
.panel > .nav-tabs-vertical .nav-tabs.nav-tabs-reverse > li > a {
|
|
border-right: none;
|
|
border-radius: 0
|
|
}
|
|
|
|
.panel:hover .panel-actions .show-on-hover {
|
|
display: inline-block
|
|
}
|
|
|
|
.panel .panel-actions .show-on-hover {
|
|
display: none
|
|
}
|
|
|
|
.panel.is-fullscreen {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 9999;
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 0
|
|
}
|
|
|
|
.panel.is-fullscreen .panel-loading {
|
|
border-radius: 0
|
|
}
|
|
|
|
.panel.is-fullscreen .panel-actions [data-toggle=collapse] {
|
|
display: none
|
|
}
|
|
|
|
.panel.is-close {
|
|
display: none
|
|
}
|
|
|
|
.panel.is-collapse .panel-body {
|
|
display: none;
|
|
height: 0
|
|
}
|
|
|
|
.panel > .alert {
|
|
padding-left: 30px;
|
|
padding-right: 30px
|
|
}
|
|
|
|
.panel > .alert-dismissible {
|
|
padding-right: 50px
|
|
}
|
|
|
|
@media (max-width: 479px) {
|
|
.panel > .alert {
|
|
padding-left: 20px;
|
|
padding-right: 20px
|
|
}
|
|
|
|
.panel > .alert-dismissible {
|
|
padding-right: 40px
|
|
}
|
|
}
|
|
|
|
.panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
|
|
padding-left: 30px;
|
|
padding-right: 30px;
|
|
}
|
|
|
|
.panel > .table-responsive:first-child > .table:first-child, .panel > .table:first-child {
|
|
border-top-right-radius: .214rem;
|
|
border-top-left-radius: .214rem
|
|
}
|
|
|
|
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
|
|
border-top-left-radius: .214rem;
|
|
border-top-right-radius: .214rem
|
|
}
|
|
|
|
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
|
|
border-top-left-radius: .214rem
|
|
}
|
|
|
|
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
|
|
border-top-right-radius: .214rem
|
|
}
|
|
|
|
.panel > .table-responsive:last-child > .table:last-child, .panel > .table:last-child {
|
|
border-bottom-right-radius: .214rem;
|
|
border-bottom-left-radius: .214rem
|
|
}
|
|
|
|
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
|
|
border-bottom-left-radius: .214rem;
|
|
border-bottom-right-radius: .214rem
|
|
}
|
|
|
|
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
|
|
border-bottom-left-radius: .214rem
|
|
}
|
|
|
|
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
|
|
border-bottom-right-radius: .214rem
|
|
}
|
|
|
|
.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
|
|
border-top: 1px solid #e4eaec
|
|
}
|
|
|
|
.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
|
|
border-top: 0
|
|
}
|
|
|
|
.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
|
|
border: 0
|
|
}
|
|
|
|
.panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
|
|
border-left: 0
|
|
}
|
|
|
|
.panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
|
|
border-right: 0
|
|
}
|
|
|
|
.panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.panel > .table-responsive {
|
|
border: 0;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.panel > .table-responsive .table > tbody > tr > td:first-child, .panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child, .panel > .table-responsive .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child, .panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child, .panel > .table-responsive .table > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child, .panel > .table > tfoot > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child, .panel > .table > tr > td:first-child, .panel > .table > tr > th:first-child {
|
|
padding-left: 30px
|
|
}
|
|
|
|
@media (max-width: 479px) {
|
|
.panel > .table-responsive .table > tbody > tr > td:first-child, .panel > .table-responsive .table > tbody > tr > th:first-child, .panel > .table-responsive .table > tfoot > tr > td:first-child, .panel > .table-responsive .table > tfoot > tr > th:first-child, .panel > .table-responsive .table > thead > tr > td:first-child, .panel > .table-responsive .table > thead > tr > th:first-child, .panel > .table-responsive .table > tr > td:first-child, .panel > .table-responsive .table > tr > th:first-child, .panel > .table > tbody > tr > td:first-child, .panel > .table > tbody > tr > th:first-child, .panel > .table > tfoot > tr > td:first-child, .panel > .table > tfoot > tr > th:first-child, .panel > .table > thead > tr > td:first-child, .panel > .table > thead > tr > th:first-child, .panel > .table > tr > td:first-child, .panel > .table > tr > th:first-child {
|
|
padding-left: 20px
|
|
}
|
|
}
|
|
|
|
.panel > .table-responsive .table > tbody > tr > td:last-child, .panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child, .panel > .table-responsive .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child, .panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child, .panel > .table-responsive .table > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child, .panel > .table > tfoot > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child, .panel > .table > tr > td:last-child, .panel > .table > tr > th:last-child {
|
|
padding-right: 30px
|
|
}
|
|
|
|
@media (max-width: 479px) {
|
|
.panel > .table-responsive .table > tbody > tr > td:last-child, .panel > .table-responsive .table > tbody > tr > th:last-child, .panel > .table-responsive .table > tfoot > tr > td:last-child, .panel > .table-responsive .table > tfoot > tr > th:last-child, .panel > .table-responsive .table > thead > tr > td:last-child, .panel > .table-responsive .table > thead > tr > th:last-child, .panel > .table-responsive .table > tr > td:last-child, .panel > .table-responsive .table > tr > th:last-child, .panel > .table > tbody > tr > td:last-child, .panel > .table > tbody > tr > th:last-child, .panel > .table > tfoot > tr > td:last-child, .panel > .table > tfoot > tr > th:last-child, .panel > .table > thead > tr > td:last-child, .panel > .table > thead > tr > th:last-child, .panel > .table > tr > td:last-child, .panel > .table > tr > th:last-child {
|
|
padding-right: 20px
|
|
}
|
|
}
|
|
|
|
.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
|
|
border-top: 1px solid #e4eaec
|
|
}
|
|
|
|
.panel > .list-group, .panel > .panel-collapse > .list-group {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item, .panel > .panel-body > .list-group .list-group-item {
|
|
border-width: 1px 0;
|
|
border-radius: 0
|
|
}
|
|
|
|
.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
|
|
border-top: 0;
|
|
border-top-right-radius: .214rem;
|
|
border-top-left-radius: .214rem
|
|
}
|
|
|
|
.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
|
|
border-bottom: 0;
|
|
border-bottom-right-radius: .214rem;
|
|
border-bottom-left-radius: .214rem
|
|
}
|
|
|
|
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
|
|
border-top-right-radius: 0;
|
|
border-top-left-radius: 0
|
|
}
|
|
|
|
.panel > .list-group .list-group-item {
|
|
padding-right: 30px;
|
|
padding-left: 30px
|
|
}
|
|
|
|
@media (max-width: 479px) {
|
|
.panel > .list-group .list-group-item {
|
|
padding-left: 20px;
|
|
padding-right: 20px
|
|
}
|
|
}
|
|
|
|
.panel-heading + .list-group .list-group-item:first-child {
|
|
border-top-width: 0
|
|
}
|
|
|
|
.list-group + .panel-footer {
|
|
border-top-width: 0
|
|
}
|
|
|
|
.panel.panel-transparent {
|
|
background: 0 0;
|
|
border-color: transparent;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.panel.panel-transparent > .panel-footer, .panel.panel-transparent > .panel-heading {
|
|
border-color: transparent
|
|
}
|
|
|
|
.panel-default .panel-heading {
|
|
color: #76838f;
|
|
background-color: #e4eaec;
|
|
border: none
|
|
}
|
|
|
|
.panel-default .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #e4eaec
|
|
}
|
|
|
|
.panel-default .panel-heading .tag-pill {
|
|
color: #e4eaec;
|
|
background-color: #76838f
|
|
}
|
|
|
|
.panel-default .panel-title {
|
|
color: #76838f
|
|
}
|
|
|
|
.panel-default .panel-action {
|
|
color: #76838f
|
|
}
|
|
|
|
.panel-default .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #e4eaec
|
|
}
|
|
|
|
.panel-default .panel-title {
|
|
color: #37474f
|
|
}
|
|
|
|
.panel-primary .panel-heading {
|
|
color: #fff;
|
|
background-color: #62a8ea;
|
|
border: none
|
|
}
|
|
|
|
.panel-primary .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #62a8ea
|
|
}
|
|
|
|
.panel-primary .panel-heading .tag-pill {
|
|
color: #62a8ea;
|
|
background-color: #fff
|
|
}
|
|
|
|
.panel-primary .panel-title {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-primary .panel-action {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-primary .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #62a8ea
|
|
}
|
|
|
|
.panel-success .panel-heading {
|
|
color: #fff;
|
|
background-color: #46be8a;
|
|
border: none
|
|
}
|
|
|
|
.panel-success .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #3dae6a
|
|
}
|
|
|
|
.panel-success .panel-heading .tag-pill {
|
|
color: #46be8a;
|
|
background-color: #fff
|
|
}
|
|
|
|
.panel-success .panel-title {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-success .panel-action {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-success .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #3dae6a
|
|
}
|
|
|
|
.panel-info .panel-heading {
|
|
color: #fff;
|
|
background-color: #57c7d4;
|
|
border: none
|
|
}
|
|
|
|
.panel-info .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #3bcdc4
|
|
}
|
|
|
|
.panel-info .panel-heading .tag-pill {
|
|
color: #57c7d4;
|
|
background-color: #fff
|
|
}
|
|
|
|
.panel-info .panel-title {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-info .panel-action {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-info .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #3bcdc4
|
|
}
|
|
|
|
.panel-warning .panel-heading {
|
|
color: #fff;
|
|
background-color: #f2a654;
|
|
border: none
|
|
}
|
|
|
|
.panel-warning .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #f18246
|
|
}
|
|
|
|
.panel-warning .panel-heading .tag-pill {
|
|
color: #f2a654;
|
|
background-color: #fff
|
|
}
|
|
|
|
.panel-warning .panel-title {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-warning .panel-action {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-warning .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #f18246
|
|
}
|
|
|
|
.panel-danger .panel-heading {
|
|
color: #fff;
|
|
background-color: #f96868;
|
|
border: none
|
|
}
|
|
|
|
.panel-danger .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #f85974
|
|
}
|
|
|
|
.panel-danger .panel-heading .tag-pill {
|
|
color: #f96868;
|
|
background-color: #fff
|
|
}
|
|
|
|
.panel-danger .panel-title {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-danger .panel-action {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-danger .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #f85974
|
|
}
|
|
|
|
.panel-dark .panel-heading {
|
|
color: #fff;
|
|
background-color: #526069;
|
|
border: none
|
|
}
|
|
|
|
.panel-dark .panel-heading + .panel-collapse > .panel-body {
|
|
border-top-color: #526069
|
|
}
|
|
|
|
.panel-dark .panel-heading .tag-pill {
|
|
color: #526069;
|
|
background-color: #fff
|
|
}
|
|
|
|
.panel-dark .panel-title {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-dark .panel-action {
|
|
color: #fff
|
|
}
|
|
|
|
.panel-dark .panel-footer + .panel-collapse > .panel-body {
|
|
border-bottom-color: #526069
|
|
}
|
|
|
|
.panel-line .panel-heading {
|
|
background: 0 0;
|
|
border: none;
|
|
border-top: 3px solid transparent
|
|
}
|
|
|
|
.panel-line.panel-default .panel-heading {
|
|
color: #e4eaec;
|
|
border-top-color: #e4eaec;
|
|
background: 0 0
|
|
}
|
|
|
|
.panel-line.panel-default .panel-title {
|
|
color: #e4eaec
|
|
}
|
|
|
|
.panel-line.panel-default .panel-action {
|
|
color: #e4eaec
|
|
}
|
|
|
|
.panel-line.panel-default .panel-title {
|
|
color: #37474f
|
|
}
|
|
|
|
.panel-line.panel-default .panel-action {
|
|
color: #a3afb7
|
|
}
|
|
|
|
.panel-line.panel-primary .panel-heading {
|
|
color: #62a8ea;
|
|
border-top-color: #62a8ea;
|
|
background: 0 0
|
|
}
|
|
|
|
.panel-line.panel-primary .panel-title {
|
|
color: #62a8ea
|
|
}
|
|
|
|
.panel-line.panel-primary .panel-action {
|
|
color: #62a8ea
|
|
}
|
|
|
|
.panel-line.panel-success .panel-heading {
|
|
color: #46be8a;
|
|
border-top-color: #46be8a;
|
|
background: 0 0
|
|
}
|
|
|
|
.panel-line.panel-success .panel-title {
|
|
color: #46be8a
|
|
}
|
|
|
|
.panel-line.panel-success .panel-action {
|
|
color: #46be8a
|
|
}
|
|
|
|
.panel-line.panel-info .panel-heading {
|
|
color: #57c7d4;
|
|
border-top-color: #57c7d4;
|
|
background: 0 0
|
|
}
|
|
|
|
.panel-line.panel-info .panel-title {
|
|
color: #57c7d4
|
|
}
|
|
|
|
.panel-line.panel-info .panel-action {
|
|
color: #57c7d4
|
|
}
|
|
|
|
.panel-line.panel-warning .panel-heading {
|
|
color: #f2a654;
|
|
border-top-color: #f2a654;
|
|
background: 0 0
|
|
}
|
|
|
|
.panel-line.panel-warning .panel-title {
|
|
color: #f2a654
|
|
}
|
|
|
|
.panel-line.panel-warning .panel-action {
|
|
color: #f2a654
|
|
}
|
|
|
|
.panel-line.panel-danger .panel-heading {
|
|
color: #f96868;
|
|
border-top-color: #f96868;
|
|
background: 0 0
|
|
}
|
|
|
|
.panel-line.panel-danger .panel-title {
|
|
color: #f96868
|
|
}
|
|
|
|
.panel-line.panel-danger .panel-action {
|
|
color: #f96868
|
|
}
|
|
|
|
.panel-line.panel-dark .panel-heading {
|
|
color: #526069;
|
|
border-top-color: #526069;
|
|
background: 0 0
|
|
}
|
|
|
|
.panel-line.panel-dark .panel-title {
|
|
color: #526069
|
|
}
|
|
|
|
.panel-line.panel-dark .panel-action {
|
|
color: #526069
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.panel-actions {
|
|
position: relative;
|
|
top: auto;
|
|
right: auto;
|
|
display: block;
|
|
margin: auto;
|
|
padding: 0 30px 15px;
|
|
-webkit-transform: none;
|
|
-ms-transform: none;
|
|
-o-transform: none;
|
|
transform: none
|
|
}
|
|
|
|
.panel-actions-keep {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 30px;
|
|
padding: 0;
|
|
-webkit-transform: translate(0, -50%);
|
|
-ms-transform: translate(0, -50%);
|
|
-o-transform: translate(0, -50%);
|
|
transform: translate(0, -50%)
|
|
}
|
|
}
|
|
|
|
@media (max-width: 479px) {
|
|
.panel-actions {
|
|
padding-left: 20px
|
|
}
|
|
|
|
.panel-actions-keep {
|
|
right: 15px
|
|
}
|
|
|
|
.panel-actions .progress {
|
|
min-width: 80px
|
|
}
|
|
|
|
.panel-actions .show-on-hover {
|
|
display: none
|
|
}
|
|
|
|
.panel-body, .panel-footer, .panel-title {
|
|
padding-left: 20px;
|
|
padding-right: 20px
|
|
}
|
|
}
|
|
|
|
.panel-group {
|
|
margin-bottom: 22px
|
|
}
|
|
|
|
.panel-group .panel {
|
|
margin-bottom: 0;
|
|
border-radius: .286rem;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.panel-group .panel + .panel {
|
|
margin-top: 10px
|
|
}
|
|
|
|
.panel-group .panel-title {
|
|
position: relative;
|
|
padding: 15px 30px;
|
|
font-size: 1rem
|
|
}
|
|
|
|
.panel-group .panel-title:after, .panel-group .panel-title:before {
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 30px;
|
|
font-family: "Web Icons";
|
|
-webkit-transition: all .3s linear 0s;
|
|
-o-transition: all .3s linear 0s;
|
|
transition: all .3s linear 0s
|
|
}
|
|
|
|
.panel-group .panel-title:before {
|
|
content: ""
|
|
}
|
|
|
|
.panel-group .panel-title:after {
|
|
content: ""
|
|
}
|
|
|
|
.panel-group .panel-title[aria-expanded=false]:before {
|
|
opacity: .4
|
|
}
|
|
|
|
.panel-group .panel-title[aria-expanded=false]:after {
|
|
opacity: 0;
|
|
-webkit-transform: rotate(-180deg);
|
|
-ms-transform: rotate(-180deg);
|
|
-o-transform: rotate(-180deg);
|
|
transform: rotate(-180deg)
|
|
}
|
|
|
|
.panel-group .panel-title[aria-expanded=true]:before {
|
|
opacity: 0;
|
|
-webkit-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
-o-transform: rotate(180deg);
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.panel-group .panel-title[aria-expanded=true]:after {
|
|
opacity: 1
|
|
}
|
|
|
|
.panel-group .panel-title:focus, .panel-group .panel-title:hover {
|
|
color: #76838f;
|
|
text-decoration: none
|
|
}
|
|
|
|
.panel-group .panel-title:focus {
|
|
outline: 0
|
|
}
|
|
|
|
.panel-group .panel-heading {
|
|
border-bottom: 0
|
|
}
|
|
|
|
.panel-group .panel-heading + .panel-collapse {
|
|
margin: 0
|
|
}
|
|
|
|
.panel-group .panel-heading + .panel-collapse > .list-group {
|
|
border-top: 1px solid #e4eaec
|
|
}
|
|
|
|
.panel-group .panel-collapse .panel-body {
|
|
padding: 15px 30px
|
|
}
|
|
|
|
.panel-group .panel-footer {
|
|
border-top: 0
|
|
}
|
|
|
|
.panel-group .panel-footer + .panel-collapse .panel-body {
|
|
border-bottom: 1px solid #e4eaec
|
|
}
|
|
|
|
.panel-group-continuous .panel {
|
|
border-radius: 0
|
|
}
|
|
|
|
.panel-group-continuous .panel:first-child {
|
|
border-radius: .286rem .286rem 0 0
|
|
}
|
|
|
|
.panel-group-continuous .panel:last-child {
|
|
border-radius: 0 0 .286rem .286rem
|
|
}
|
|
|
|
.panel-group-continuous .panel + .panel {
|
|
margin-top: 0;
|
|
border-top: 1px solid #e4eaec
|
|
}
|
|
|
|
.panel-group-simple .panel {
|
|
background: 0 0
|
|
}
|
|
|
|
.panel-group-simple .panel-title {
|
|
padding-left: 0;
|
|
padding-bottom: 10px
|
|
}
|
|
|
|
.panel-group-simple .panel-title:after, .panel-group-simple .panel-title:before {
|
|
right: 5px
|
|
}
|
|
|
|
.panel-group-simple .panel-collapse .panel-body {
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
padding-top: 10px
|
|
}
|
|
|
|
.panel-group-simple .panel + .panel {
|
|
margin-top: 0
|
|
}
|
|
|
|
|
|
/*自定义样式*/
|
|
html, body {
|
|
height: 100%;
|
|
}
|
|
|
|
.app-sub-nav .nav-tabs {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.btn-cursor-pointer {
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*把脑残替换的恢复过来*/
|
|
.form-inline .form-group {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
@media (min-width: 480px) {
|
|
.form-inline .form-group, .form-inline .form-control {
|
|
display: inline-block;
|
|
margin-bottom: 0;
|
|
width: auto;
|
|
vertical-align: middle;
|
|
}
|
|
}
|
|
|
|
/*在帮脑残修复一下*/
|
|
table .form-inline .form-group {
|
|
margin-right: 0;
|
|
}
|
|
|
|
@media (min-width: 480px) {
|
|
table .form-inline .form-group, table .form-inline .form-control {
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.modal-open .select2-container {
|
|
z-index: auto !important;
|
|
}
|
|
|
|
/*CSS*/
|
|
@media (min-width: 767px) {
|
|
.metadmin-fmbx dl .city-css .form-control {
|
|
width: auto;
|
|
}
|
|
|
|
.metadmin-fmbx dl .city-css .form-control {
|
|
width: auto;
|
|
}
|
|
|
|
.appmain #showmap {
|
|
width: 60%;
|
|
}
|
|
}
|
|
|
|
.launch_affix_save {
|
|
position: fixed;
|
|
bottom: 0;
|
|
z-index: 999999;
|
|
height: 60px;
|
|
margin-left: -15px;
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.line_through {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.float-left {
|
|
float: left !important
|
|
}
|
|
|
|
.float-right {
|
|
float: right !important
|
|
}
|
|
|
|
.float-none {
|
|
float: none !important
|
|
}
|
|
|
|
|
|
/*统计总页面*/
|
|
.page-profile .card-shadow {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.page-profile .card-footer {
|
|
padding: 0;
|
|
border-radius: .215rem;
|
|
background-color: #f6f9fd;
|
|
border-top: none;
|
|
}
|
|
|
|
.page-profile .card-footer > div > div {
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.page-profile .profile-stat-count {
|
|
display: block;
|
|
margin-bottom: 3px;
|
|
color: #526069;
|
|
font-size: 20px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.page-profile .profile-stat-count + span {
|
|
color: #a3afb7;
|
|
}
|
|
|
|
/*表格头部排序样式*/
|
|
.orderby-arrow.desc:before {
|
|
content: '\2193';
|
|
font-weight: bold;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.orderby-arrow.asc:before {
|
|
content: '\2191';
|
|
font-weight: bold;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.metadmin-main table td .loader-ellipsis {
|
|
width: 0.45em;
|
|
height: 0.45em;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.h-700 {
|
|
height: 700px;
|
|
}
|
|
|
|
li.village-list-item > button.close {
|
|
position: static !important;
|
|
font-size: 1.2rem;
|
|
outline: none;
|
|
}
|
|
|
|
.filterList, .villageList {
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.filterList li.village-list-item > button.close {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
li.village-list-item > button.close:hover {
|
|
color: #f2353c;
|
|
}
|
|
|
|
li.village-list-item > h5 {
|
|
font-weight: 600 !important;
|
|
display: inline-block !important;
|
|
margin-bottom: .5rem;
|
|
}
|
|
|
|
li.village-list-item > p {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.villageList li.village-list-item > h5 {
|
|
cursor: pointer
|
|
}
|
|
|
|
.btn-group-toggle-menu {
|
|
left: -49px !important;
|
|
padding: 5px;
|
|
min-width: 120px;
|
|
}
|
|
|
|
.btn-group-toggle-menu a, .btn-group-toggle-menu button {
|
|
display: inherit;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.tag-purple.tag-outline {
|
|
color: #926dde;
|
|
border-color: #926dde;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.city-js .input-group > .form-control {
|
|
width: auto;
|
|
}
|
|
|
|
.maskbj {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
background: rgba(206, 206, 206, 0.7);
|
|
z-index: 9;
|
|
display: none;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.modal-lgx {
|
|
max-width: 80%;
|
|
}
|
|
|
|
.modal-fill-in .modal-dialog.modal-lg > * {
|
|
width: 80%;
|
|
}
|
|
|
|
.h-500 {
|
|
height: 600px !important
|
|
}
|
|
} |