|
|
/** # 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: 06/23/2014*/
.ui.menu{margin:1rem 0;background:#fff;font-size:0;font-weight:400;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);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:last-child{border-radius:0 .1875rem .1875rem 0}.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;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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,-webkit-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;left:0;width:1px;height:100%;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.05)),color-stop(50%,rgba(0,0,0,.1)),to(rgba(0,0,0,.05)));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 .item:first-child:before,.ui.menu>.menu:not(.right):first-child>.item:first-child:before{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:-.05em;margin:-.8em 0;padding-top:-.3em;padding-bottom:-.3em;width:100%}.ui.menu:not(.vertical) .item>.icon.input .icon{top:-.3em}.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,.02);border-bottom-right-radius:0;border-bottom-left-radius:0}.ui.menu .ui.dropdown.active{-webkit-box-shadow:none;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%);-webkit-box-shadow:0 1px 1px 1px #ddd;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,.02);color:rgba(0,0,0,.85)}.ui.menu .dropdown .menu .item:active{background:rgba(0,0,0,.02)}.ui.menu .dropdown.item .menu .active.item{-webkit-b
|
