You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

10 lines
16 KiB

10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic UI
  3. * https://github.com/Semantic-Org/Semantic-UI
  4. * http://www.semantic-ui.com/
  5. *
  6. * Copyright 2014 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. .ui.dropdown{cursor:pointer;position:relative;display:inline-block;line-height:1em;tap-highlight-color:transparent;outline:0;text-align:left;-webkit-transition:border-radius .1s ease,width .2s ease;transition:border-radius .1s ease,width .2s ease}.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 .2857rem .2857rem;-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 .75em}.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.2em;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 .item>[class*="right floated"],.ui.dropdown>.text>[class*="right floated"]{float:right;margin-right:0;margin-left:1em}.ui.dropdown .menu .item>[class*="left floated"],.ui.dropdown>.text>[class*="left floated"]{float:right;margin-left:0;margin-right:1em}.ui.dropdown .menu .item>.flag.floated,.ui.dropdown .menu .item>.icon.floated,.ui.dropdown .menu .item>.image.floated,.ui.dropdown .menu .item>img.floated{margin-top:.2em}.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;min-width:200px}.ui.dropdown .menu>.header+.input{margin-top:0}.ui.dropdown .menu>.input:not(.transparent) input{padding:.5em 1em}.ui.dropdown .menu>.input:not(.transparent) .button,.ui.dropdown .menu>.input:not(.transparent) .icon,.ui.dropdown .menu>.input:not(.transparent) .label{padding-top:.5em;padding-bottom:.5em}.ui.dropdown .menu>.item>.description,.ui.dropdown>.text>.description{margin:0 0 0 1em;color:rgba(0,0,0,.4)}.ui.dropdown .menu .menu{top:0!important;left:100%!important;right:auto!important;margin:0 0 0 -.5em!important;border-radius:0 .2857rem .2857rem 0!important;z-index:21!important}.ui.dropdown .menu .menu:after{display:none}.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-top:0}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img{margin-top:.2em}.ui.dropdown .menu>.item>.flag,.ui.dropdown .menu>.item>.icon,.ui.dropdown .menu>.item>.image,.ui.dropdown .menu>.item>.label,.ui.dropdown .menu>.item>img,.ui.dropdown>.text>.flag,.ui.dropdown>.text>.icon,.ui.dropdown>.text>.image,.ui.dropdown>.text>.label,.ui.dropdown>.text>img{margin-left:0;margin-right:.75em}.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}.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.buttons>.ui.dropdown:last-child .menu,.ui.menu .right.dropdown.item .menu,.ui.menu .right.menu .dropdown:last-child .menu{left:auto;right:0}.ui.dropdown.icon.button>.dropdown.icon{margin:0}.ui.dropdown.button:not(.pointing):not(.floating).active,.ui.dropdown.button:not(.pointing):not(.floating).visible{border-bottom-left-radius:0;border-bottom-right-radius:0}.ui.selection.dropdown{cursor:pointer;word-wrap:break-word;white-space:normal;outline:0;-webkit-transform:rota