|
|
/* * # Semantic UI * Version: 0.16.1 * http://github.com/jlukic/semantic-ui * * * Copyright 2014 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * * Released: 10/07/2014 */
.ui.dropdown{cursor:pointer;position:relative;display:inline-block;line-height:1;-webkit-transition:border-radius .1s ease,width .2s ease;transition:border-radius .1s ease,width .2s ease;tap-highlight-color:transparent;outline:0;text-align:left}.ui.dropdown .menu{cursor:auto;position:absolute;display:none;outline:0;top:100%;margin:0;padding:0;background:#fff;min-width:100%;white-space:nowrap;font-size:1rem;text-shadow:none;text-align:left;box-shadow:0 1px 4px 0 rgba(0,0,0,.15);border:1px solid rgba(39,41,43,.15);border-radius:0 0 .325em .325em;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;z-index:11;will-change:transform,opacity}.ui.dropdown>input[type=hidden],.ui.dropdown>select{display:none!important}.ui.dropdown>.dropdown.icon{margin:0 0 0 1em}.ui.dropdown .menu>.item .dropdown.icon{width:auto;float:right;margin:.2em 0 0 .5em}.ui.dropdown>.text{display:inline-block;-webkit-transition:color .2s ease;transition:color .2s ease}.ui.dropdown .menu>.item{position:relative;cursor:pointer;display:block;border:none;height:auto;border-top:none;line-height:1.2;color:rgba(0,0,0,.8);padding:.65rem 1.25rem!important;font-size:1rem;text-transform:none;font-weight:400;box-shadow:none;-webkit-touch-callout:none}.ui.dropdown .menu>.item:first-child{border-top:none}.ui.dropdown .menu>.header{margin:1rem 0 .75rem;padding:0 1.25rem;color:rgba(0,0,0,.85);font-size:.8em;font-weight:700;text-transform:uppercase}.ui.dropdown .menu>.divider{border-top:1px solid rgba(0,0,0,.05);height:0;margin:.5em 0}.ui.dropdown .menu>.input{margin:.75rem 1.25rem .25rem;min-width:200px}.ui.dropdown .menu>.header+.input{margin-top:0}.ui.dropdown .menu>.input:not(.transparent) input{padding:.5em 1em}.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>img,.ui.dropdown .text>.image,.ui.dropdown .text>img{display:inline-block;vertical-align:middle;width:auto;max-height:2.5em;margin:0 .75em 0 0}.ui.dropdown .menu .menu{top:0!important;left:100%!important;right:auto!important;margin:0 0 0 -.5em!important;border-radius:0 .325em .325em 0!important}.ui.dropdown .menu .menu:after{display:none}.ui.dropdown .menu>.item .flag,.ui.dropdown .menu>.item .icon,.ui.dropdown .menu>.item .label,.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.label{margin:0 .75em 0 0}.ui.dropdown .ui.menu>.item:before,.ui.menu .ui.dropdown .menu>.item:before{display:none}.ui.menu .ui.dropdown .menu .active.item{border-left:none}.ui.dropdown.icon.button>.dropdown.icon{margin:0}.ui.buttons>.ui.dropdown:last-child .menu,.ui.menu .right.menu .dropdown:last-child .menu{left:auto;right:0}.ui.selection.dropdown{cursor:pointer;word-wrap:break-word;white-space:normal;outline:0;-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);min-width:180px;background:#fff;display:inline-block;padding:.8em 1.1em;color:rgba(0,0,0,.8);box-shadow:none;border:1px solid rgba(39,41,43,.15);border-radius:.325em;-webkit-transition:border-radius .1s ease,width .2s ease,box-shadow .2s ease,border .2s ease;transition:border-radius .1s ease,width .2s ease,box-shadow .2s ease,border .2s ease}.ui.selection.dropdown.active,.ui.selection.dropdown.visible{z-index:10}select.ui.dropdown{height:38px;padding:0;margin:0;visibility:hidden}.ui.selection.dropdown>.text{margin-right:2em}.ui.selection.dropdown>.delete.icon,.ui.selection.dropdown>.dropdown.icon,.ui.selection.dropdown>.search.icon{position:absolute;top:auto;margin:0;width:auto;right:1.1em;opacity:.8;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.ui.selection.dropdown>.delete.icon{opacity:.6}.ui.selection.dropdown>.delete.icon:hover{opacity:1}.ui.selection>input.search{cursor:pointer;background:none;border:none;position:absolute;top:0;left:0;width:100%;line-height:1.2em;padding:.8em 1.1em;outline:0;-webkit-tap-highlight-color:rgba(255,255,255,0)}.ui.selection.active>input.search,.ui.selection.visible>input.search{cursor:auto}.ui.selection>input.search:focus+.text{color:rgba(0,0,0,.4)!important}.ui.selection.dropdown .menu{overflow-x:hidden;overflow-y:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;
|