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.

13 lines
11 KiB

10 years ago
  1. /*
  2. * # Semantic UI
  3. * Version: 0.16.1
  4. * http://github.com/jlukic/semantic-ui
  5. *
  6. *
  7. * Copyright 2014 Contributors
  8. * Released under the MIT license
  9. * http://opensource.org/licenses/MIT
  10. *
  11. * Released: 09/05/2014
  12. */
  13. .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}.ui.dropdown .menu{cursor:auto;position:absolute;display:none;top:100%;margin:0;padding:0;background:#fff;min-width:100%;white-space:nowrap;font-size:1rem;text-shadow:none;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 4px 0 rgba(0,0,0,.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>.dropdown.icon{margin:0 0 0 1em}.ui.dropdown .menu .item .dropdown.icon{width:auto;float:right;margin:0 0 0 .5em}.ui.dropdown>.text{display:inline-block;vertical-align:top;-webkit-transition:color .2s ease;transition:color .2s ease}.ui.dropdown .menu .item{cursor:pointer;display:block;border:none;height:auto;border-top:none;color:rgba(0,0,0,.8);padding:.85em .8em!important;font-size:1rem;text-transform:none;font-weight:400;text-align:left;box-shadow:none;-webkit-touch-callout:none}.ui.dropdown .menu .item .icon{margin:0 .75em 0 0}.ui.dropdown .menu .item:first-child{border-top:none}.ui.dropdown .menu .item>img{height:2.5em;display:inline-block;vertical-align:middle;margin-right:.5em}.ui.dropdown .menu .menu{top:0!important;left:100%!important;right:auto!important;margin:0!important;border-radius:0 .325em .325em 0!important}.ui.dropdown .menu .menu:after,.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;background:#fff;display:inline-block;padding:.8em 1.1em;color:rgba(0,0,0,.8);box-shadow:0 0 0 1px rgba(0,0,0,.1)!important;border-radius:.325em!important;border-top:1px solid transparent}.ui.selection.dropdown.active{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);z-index:10}.ui.selection.dropdown select{display:none}.ui.selection.dropdown>.dropdown.icon{opacity:.8;margin:0 0 0 1em;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.ui.selection.dropdown .menu{overflow-x:hidden;overflow-y:auto;max-height:312px;box-shadow:0 1px 0 1px #e0e0e0}.ui.selection.dropdown .menu:after,.ui.selection.dropdown .menu:before{display:none}.ui.selection.dropdown:hover{box-shadow:0 0 0 1px rgba(0,0,0,.2)!important}.ui.selection.dropdown:hover .menu{box-shadow:0 1px 0 1px #d3d3d3}.ui.selection.dropdown:hover>.dropdown.icon{opacity:1}.ui.active.selection.dropdown,.ui.visible.selection.dropdown{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.active.selection.dropdown>.dropdown.icon{opacity:1}.ui.inline.dropdown{cursor:pointer;display:inline-block;color:inherit}.ui.inline.dropdown .dropdown.icon{margin:0 .5em 0 .25em;vertical-align:top}.ui.inline.dropdown .text{font-weight:700}.ui.inline.dropdown .menu{cursor:auto;margin-top:.25em;border-radius:.325em}.ui.visible.dropdown>.menu{display:block}.ui.dropdown .menu .item:hover{background-color:rgba(0,0,0,.03);z-index:12}.ui.dropdown .menu .active.item{background:rgba(0,0,0,.05);font-weight:700;color:rgba(0,0,0,.8);box-shadow:none;z-index:12}.ui.default.dropdown>.text,.ui.dropdown>.default.text{color:rgba(179,179,179,.7)}.ui.default.dropdown:hover>.text,.ui.dropdown:hover>.default.text{color:rgba(140,140,140,.7)}.ui.dropdown.error,.ui.dropdown.error>.default.text,.ui.dropdown.error>.text{color:#a94442!important}.ui.selection.dropdown.error{background:#faf1f1;box-shadow:0 0 0 1px #dbb1b1!important}.ui.selection.dropdown.error:hover{box-shadow:0 0 0 1px #dbb1b1!important}.ui.dropdown.error>.menu,.ui.dropdown.error>.menu .menu{box-shadow:0 0 1px 1px #dbb1b1!important}.ui.dropdown.error>.menu .item{color:#D95C5C!important}.ui.dropdown.error>.menu .item:hover{background-color:#FFF2F2!important}.ui.dropdown.error>.menu .act