第1,562行: |
第1,562行: |
| | | |
| | | |
− | /*筛选工具样式*/
| + | .dropdown-menu { |
− | .filterable-button { | + | padding: 7px; |
− | float: right; | + | position: absolute; |
− | color: black; | + | top: 100%; |
− | padding: 0 2px 0 0.5em; | + | left: 0; |
− | text-shadow: none; | + | z-index: 95; |
− | transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1); | + | display: none; |
− | cursor: pointer; | + | float: left; |
| + | min-width: 160px; |
| + | padding: 5px 0; |
| + | margin: 2px 0 0; |
| + | list-style: none; |
| + | font-size: 14px; |
| + | text-align: left; |
| + | background-color: #ffffff; |
| + | border: 1px solid #cccccc; |
| + | border: |
| + | 1px solid rgba(0, 0, 0, 0.15); |
| + | border-radius: 0; |
| + | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); |
| + | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); |
| + | background-clip: padding-box; |
| + | } |
| + | |
| + | .dropdown-menu.pull-right { |
| + | right: 0; |
| + | left: auto; |
| + | } |
| + | |
| + | .dropdown-menu .divider { |
| + | height: 1px; |
| + | margin: 9px 0; |
| + | overflow: hidden; |
| + | background-color: #e5e5e5; |
| } | | } |
| | | |
− | .filterable-button:hover { | + | .dropdown-menu>li>a { |
− | text-shadow: 1px 1px 2px #888; | + | display: block; |
| + | padding: 3px 20px; |
| + | clear: both; |
| + | font-weight: normal; |
| + | line-height: 1.42857143; |
| + | color: #333333; |
| + | white-space: nowrap; |
| } | | } |
| | | |
− | .filterable-button-active { | + | .dropdown-menu>li>a:hover, |
− | color: black; | + | .dropdown-menu>li>a:focus { |
| + | text-decoration: none; |
| + | color: #262626; |
| + | background-color: #f5f5f5; |
| } | | } |
| | | |
− | .filterable-input-group { | + | .dropdown-menu>.active>a, |
− | position: absolute; | + | .dropdown-menu>.active>a:hover, |
− | max-width: 45vw; | + | .dropdown-menu>.active>a:focus { |
− | display: none; | + | color: #ffffff; |
| + | text-decoration: none; |
| + | outline: 0; |
| + | background-color: #337ab7; |
| } | | } |
| | | |
− | .filterable-input-group .list-group-item input { | + | .dropdown-menu>.disabled>a, |
− | vertical-align: text-bottom;
| + | .dropdown-menu>.disabled>a:hover, |
− | margin: 0 5px 0 0; | + | .dropdown-menu>.disabled>a:focus { |
| + | color: #777777; |
| } | | } |
| | | |
− | .filterable-input-group .dropdown-content { | + | .dropdown-menu>.disabled>a:hover, |
− | padding: 0 10px; | + | .dropdown-menu>.disabled>a:focus { |
| + | text-decoration: none; |
| + | background-color: transparent; |
| + | background-image: none; |
| + | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
| + | cursor: not-allowed; |
| } | | } |
| | | |
− | .filterable-input-group .dropdown-content .list-group-item { | + | .btn-group-sm { |
− | /*overflow: hidden; */ | + | display: inline-block; |
− | white-space: nowrap;
| |
− | text-overflow: ellipsis;
| |
| } | | } |
| | | |
− | .filterable-input-group .list-group { | + | .dropdown-menu { |
− | margin-bottom: 10px; | + | padding: 7px; |
− | max-height: 206px;
| |
− | overflow-y: auto;
| |
| } | | } |