|
|
/* * # Semantic UI * https://github.com/Semantic-Org/Semantic-UI * http://www.semantic-ui.com/ * * Copyright 2014 Contributors * Released under the MIT license * http://opensource.org/licenses/MIT * */.ui.menu{margin:1rem 0;background:#fff;font-size:0;font-weight:400;box-shadow:0 0 0 1px rgba(39,41,43,.15),0 1px 2px 0 rgba(0,0,0,.05);border-radius:.2857rem}.ui.menu:after{content:'';display:block;height:0;clear:both;visibility:hidden}.ui.menu:first-child{margin-top:0}.ui.menu:last-child{margin-bottom:0}.ui.menu .item{color:rgba(0,0,0,.8)}.ui.menu .item .item{color:rgba(0,0,0,.5)}.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:first-child{border-radius:.2857rem 0 0 .2857rem}.ui.menu:not(.vertical) .item.left,.ui.menu:not(.vertical) .menu.left{float:left}.ui.menu:not(.vertical) .item.right,.ui.menu:not(.vertical) .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>a:not(.ui),.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 .item>i.icon{opacity:.75;float:none;margin:0 .25em 0 0}.ui.menu .item>i.dropdown.icon{float:right;margin-left:1em}.ui.menu:not(.vertical) .item>.button{position:relative;top:-.05em;margin:-.55em 0;padding-bottom:.55em;padding-top:.55em;font-size:.875em}.ui.menu .item>.input{width:100%}.ui.menu:not(.vertical) .item>.input{position:relative;top:0;margin:-.6em 0}.ui.menu .item>.input input{font-size:1em;padding-top:.4em;padding-bottom:.4em}.ui.menu:not(.vertical) .item .action.input>.button{font-size:.875em;padding:.55em .8em}.ui.small.menu .item>.input input{top:0;padding-top:.4em;padding-bottom:.4em}.ui.large.menu .item>.input input{top:-.125em;padding-bottom:.6em;padding-top:.6em}.ui.large.menu .item .action.input>.button{padding:.9em}.ui.large.menu .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;text-transform:normal;font-weight:700}.ui.menu .ui.dropdown.visible{background:rgba(0,0,0,.03);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:0;margin:0;min-width:-webkit-calc(100% - 1px);min-width:calc(100% - 1px);box-shadow:0 1px 3px 0 rgba(0,0,0,.08)}.ui.menu:not(.secondary) .pointing.dropdown.item .menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.ui.menu .simple.dropdown.item .menu{margin:0!important}.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;vertical-align:baseline}.ui.menu .item>.floating.label{padding:.3em .8em}.ui.menu .item>img:only-child{display:block;max-width:100%;margin:0 auto}.ui.link.menu .menu>.item:hover,.ui.link.menu>.item:hover,.ui.menu .menu>.link.item:hover,.ui.menu .menu>a.item:hover,.ui.menu>.link.item:hover,.ui.menu>a.item:hover{cursor:pointer;background:rgba(0,0,0,.03);color:rgba(0,0,0,.8)}.ui.link.menu .item:active,.ui.menu .link.item:active,.ui.menu a.item:active{background:rgba(0,0,0,.03);color:
|
