|
|
/** # 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: 08/07/2014*/
.ui.menu{margin:1rem 0;background:#fff;font-size:0;font-weight:400;box-shadow:0 0 0 1px rgba(0,0,0,.1);border-radius:.1875rem}.ui.menu:first-child{margin-top:0}.ui.menu:last-child{margin-bottom:0}.ui.menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.menu>.item:first-child{border-radius:.1875rem 0 0 .1875rem}.ui.menu .item,.ui.menu .item .item,.ui.menu .item .item>a:not(.button),.ui.menu .item>a:not(.button){color:rgba(0,0,0,.8)}.ui.menu .item .menu .link.item:hover,.ui.menu .item .menu a.item:hover{color:rgba(0,0,0,.85)}.ui.menu .item{position:relative;display:inline-block;padding:.83em .95em;border-top:0 solid transparent;background:0 0;vertical-align:middle;line-height:1;text-decoration:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;transition:opacity .2s ease,background .2s ease,box-shadow .2s ease}.ui.menu .menu{margin:0}.ui.menu .item.left,.ui.menu .menu.left{float:left}.ui.menu .item.right,.ui.menu .menu.right{float:right}.ui.menu .item:before{position:absolute;content:'';top:0;right:0;width:1px;height:100%;background:-webkit-linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background:linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%)}.ui.menu>.right.menu:first-child{display:none}.ui.menu .item.right:before,.ui.menu .menu.right .item:before{right:auto;left:0}.ui.menu .item>p:only-child,.ui.menu .text.item>*{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;line-height:1.3;color:rgba(0,0,0,.8)}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:last-child{margin-bottom:0}.ui.menu:not(.vertical) .item>.button{position:relative;top:-.05em;margin:-.55em 0;padding-bottom:.55em;padding-top:.55em;font-size:.875em}.ui.menu:not(.vertical) .item>.input{position:relative;top:0;margin:-.6em 0;padding-top:-.25em;padding-bottom:-.25em;width:100%}.ui.menu:not(.vertical) .item>.icon.input .icon{top:-.25em}.ui.menu .item>.input input{font-size:.875em;padding-top:.5em;padding-bottom:.5em}.ui.vertical.menu .item>.input input{margin:0;padding-top:.5em;padding-bottom:.5em}.ui.menu:not(.vertical) .item>.labeled.button>.icon{padding-top:.6em}.ui.menu:not(.vertical) .item .action.input>.button{font-size:.875em;padding:.55em .8em}.ui.small.menu:not(.vertical) .item>.input input{top:0;padding-top:.4em;padding-bottom:.4em}.ui.large.menu:not(.vertical) .item>.input input{top:-.125em;padding-bottom:.6em;padding-top:.6em}.ui.large.menu:not(.vertical) .item .action.input>.button{padding:.9em}.ui.large.menu:not(.vertical) .item .action.input>.button>.icon{padding-top:.8em}.ui.menu .header.item,.ui.vertical.menu .header.item{background:rgba(0,0,0,.04);margin:0;font-size:1rem;text-transform:normal}.ui.vertical.menu .header.item{font-weight:700}.ui.menu .ui.dropdown.visible{background:rgba(0,0,0,.01);border-bottom-right-radius:0;border-bottom-left-radius:0}.ui.menu .ui.dropdown.active{box-shadow:none}.ui.menu .dropdown.item .menu{background:#fff;left:1px;margin:1px 0 0;min-width:-webkit-calc(99%);min-width:calc(99%);box-shadow:0 1px 1px 1px #ddd}.ui.menu .pointing.dropdown.item .menu{margin-top:.75em}.ui.menu .simple.dropdown.item .menu{margin:0!important}.ui.menu .dropdown .menu .item{width:100%;cursor:pointer;color:rgba(0,0,0,.8)}.ui.menu .dropdown .menu .item:hover{background:rgba(0,0,0,.01);color:rgba(0,0,0,.85)}.ui.menu .dropdown .menu .item:active{background:rgba(0,0,0,.01)}.ui.menu .dropdown.item .menu .active.item{box-shadow:none!important}.ui.menu .dropdown .menu .item .icon{float:none;margin:0 .75em 0 0}.ui.menu .dropdown .menu .item:before{display:none}.ui.secondary.menu>.menu>.active.dropdown.item{background-color:transparent}.ui.secondary.menu .dropdown.item .menu{left:0;min-width:100%}.ui.item.menu .dropdown .menu .item{width:100%}.ui.menu .item>.label{background:rgba(0,0,0,.35);color:#fff;margin:-.15em 0 -.15em .5em;padding:.3em .8em;ver
|
