formstone
Version:
Library of modular front end components.
2 lines • 4.47 kB
CSS
/*! formstone v1.4.7 [dropdown.css] 2018-05-22 | GPL-3.0 License | formstone.it */
.fs-dropdown.fs-light .fs-dropdown-selected{height:40px;background:#fff;border:1px solid #546e7a;border-radius:2px;color:#263238;font-size:14px;line-height:40px;margin:0;padding:0 40px 0 15px}.fs-dropdown.fs-light .fs-dropdown-selected:after{height:0;width:0;position:absolute;top:0;right:15px;bottom:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #546e7a;content:'';display:block;margin:auto 0}.fs-dropdown.fs-light.fs-dropdown-focus .fs-dropdown-selected,.no-touchevents .fs-dropdown.fs-light .fs-dropdown-selected:hover{background-color:#cfd8dc;border-color:#263238;color:#263238}.fs-dropdown.fs-light.fs-dropdown-focus .fs-dropdown-selected:after,.no-touchevents .fs-dropdown.fs-light .fs-dropdown-selected:hover:after{border-top-color:#263238}.fs-dropdown.fs-light .fs-dropdown-options{max-height:260px;border:1px solid #263238;border-width:0 1px 1px;border-radius:0 0 2px 2px;background-color:#fff;margin:0;padding:0}.fs-dropdown.fs-light .fs-dropdown-group{border-bottom:1px solid #78909c;color:#546e7a;font-size:11px;padding:10px 15px;text-transform:uppercase}.fs-dropdown.fs-light .fs-dropdown-item{background:#fff;color:#263238;font-size:14px;line-height:1.5;padding:10px 15px;text-align:left}.fs-dropdown.fs-light .fs-dropdown-item:first-child{border-radius:0}.fs-dropdown.fs-light .fs-dropdown-item:last-child{border-bottom:0;border-radius:0 0 2px 2px}.no-touchevents .fs-dropdown.fs-light .fs-dropdown-item:hover{color:#141a1e;background-color:#cfd8dc}.fs-dropdown.fs-light .fs-dropdown-item_selected,.no-touchevents .fs-dropdown.fs-light .fs-dropdown-item_selected:hover{background:#b0bec5}.fs-dropdown.fs-light .fs-dropdown-item_disabled,.no-touchevents .fs-dropdown.fs-light .fs-dropdown-item_disabled:hover{color:#263238;background-color:#fff;border-color:#546e7a;opacity:.5}.fs-light.fs-dropdown-open .fs-dropdown-options{border-radius:0 0 2px 2px}.fs-light.fs-dropdown-open .fs-dropdown-selected{border-radius:2px 2px 0 0}.fs-light.fs-dropdown-open .fs-dropdown-selected{background-color:#fff}.fs-light.fs-dropdown-cover .fs-dropdown-options{border-radius:2px;border-width:1px}.fs-light.fs-dropdown-cover .fs-dropdown-item:first-child{border-radius:2px 2px 0 0}.fs-light.fs-dropdown-bottom .fs-dropdown-options{border-width:1px 1px 0}.fs-light.fs-dropdown-bottom .fs-dropdown-item:last-child{border:none}.fs-light.fs-dropdown-bottom.fs-dropdown-open .fs-dropdown-selected{border-radius:0 0 2px 2px}.fs-light.fs-dropdown-bottom.fs-dropdown-open .fs-dropdown-options{border-radius:2px 2px 0 0}.fs-light.fs-dropdown-bottom.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-selected{border-radius:2px}.fs-light.fs-dropdown-bottom.fs-dropdown-cover.fs-dropdown-open .fs-dropdown-options{border-radius:2px;border-width:1px}.fs-light.fs-dropdown-multiple{border:1px solid #546e7a;border-radius:2px}.fs-light.fs-dropdown-multiple .fs-dropdown-options{border:none;border-radius:2px}.fs-light.fs-dropdown-disabled{opacity:.5}.fs-light.fs-dropdown-disabled .fs-dropdown-selected,.no-touchevents .fs-light.fs-dropdown-disabled .fs-dropdown-selected:hover{background:#fff;border-color:#546e7a;color:#263238;cursor:default}.fs-light.fs-dropdown-disabled .fs-dropdown-selected:after,.no-touchevents .fs-light.fs-dropdown-disabled .fs-dropdown-selected:hover:after{border-top-color:#546e7a}.fs-light.fs-dropdown-disabled .fs-dropdown-options{background:#fff;border-color:#546e7a}.fs-light.fs-dropdown-disabled .fs-dropdown-group,.fs-light.fs-dropdown-disabled .fs-dropdown-item{border-color:#546e7a;color:#263238}.fs-light.fs-dropdown-disabled .fs-dropdown-item,.no-touchevents .fs-light.fs-dropdown-disabled .fs-dropdown-item:hover{color:#263238;background-color:#fff}.fs-light.fs-dropdown-disabled .fs-dropdown-item_selected,.no-touchevents .fs-light.fs-dropdown-disabled .fs-dropdown-item_selected:hover{background:#fff}.fs-light.fs-dropdown-options.fs-scrollbar{overflow:hidden}.fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-bar{border:1px solid #546e7a;border-width:0 0 0 1px}.fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-content{border:none;max-height:260px;height:auto}.fs-light.fs-dropdown-options.fs-scrollbar.fs-scrollbar-active .fs-scrollbar-content{padding:0}.fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-bar,.fs-light.fs-dropdown-options.fs-scrollbar .fs-scrollbar-track{border-radius:0 2px 2px 0}