10 lines
No EOL
23 KiB
CSS
10 lines
No EOL
23 KiB
CSS
/*!
|
|
* # Semantic UI 1.11.4 - Menu
|
|
* http://github.com/semantic-org/semantic-ui/
|
|
*
|
|
*
|
|
* 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 .menu{margin:0}.ui.menu:not(.vertical) .menu{font-size: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:.78571em .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>.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 .item>.input .button,.ui.menu .item>.input .label{padding-top:.4em;padding-bottom:.4em}.ui.small.menu .item>.input input{top:0;padding-top:.4em;padding-bottom:.4em}.ui.small.menu .item>.input .button,.ui.small.menu .item>.input .label{padding-top:.4em;padding-bottom:.4em}.ui.large.menu .item>.input input{top:-.125em;padding-bottom:.6em;padding-top:.6em}.ui.large.menu .item>.input .button,.ui.large.menu .item>.input .label{padding-top:.6em;padding-bottom:.6em}.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.item.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:rgba(0,0,0,.8)}.ui.menu .active.item{background:rgba(0,0,0,.03);color:rgba(0,0,0,.8);font-weight:400;box-shadow:0 2px 0 inset}.ui.menu .active.item>i.icon{opacity:1}.ui.vertical.menu .active.item{background:rgba(0,0,0,.03);border-radius:0;box-shadow:2px 0 0 inset}.ui.vertical.menu>.active.item:first-child{border-radius:0 .2857rem 0 0}.ui.vertical.menu>.active.item:last-child{border-radius:0 0 .2857rem}.ui.vertical.menu>.active.item:only-child{border-radius:0 .2857rem .2857rem 0}.ui.vertical.menu .active.item .menu .active.item{border-left:none}.ui.vertical.menu .item .menu .active.item{background-color:transparent;box-shadow:none}.ui.menu .active.item:hover,.ui.vertical.menu .active.item:hover{background-color:rgba(0,0,0,.03)}.ui.menu .item.disabled,.ui.menu .item.disabled:hover{cursor:default;color:rgba(40,40,40,.3);background-color:transparent!important}.ui.vertical.menu{background:#fff}.ui.vertical.menu .item{background:0 0;display:block;height:auto!important;border-top:none;border-left:0 solid transparent;border-right:none}.ui.vertical.menu>.item:first-child{border-radius:.2857rem .2857rem 0 0}.ui.vertical.menu>.item:last-child{border-radius:0 0 .2857rem .2857rem}.ui.vertical.menu .item>.label{float:right;text-align:center}.ui.vertical.menu .item>i.icon{width:1.18em;float:right;margin:0 0 0 .5em}.ui.vertical.menu .item>.label+i.icon{float:none;margin:0 .5em 0 0}.ui.vertical.menu .item:before{position:absolute;content:'';top:0;left:0;width:100%;background:-webkit-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background:linear-gradient(to right,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);height:1px}.ui.vertical.menu .item:first-child:before{background:0 0!important}.ui.vertical.menu .dropdown.item>.icon{float:right;content:"\f0da";margin-left:1em}.ui.vertical.menu .active.dropdown.item{border-top-right-radius:0;border-bottom-right-radius:0}.ui.vertical.menu .dropdown.item .menu{top:0!important;left:100%;margin:0;box-shadow:0 1px 3px 0 rgba(0,0,0,.08);border-radius:0 .2857rem .2857rem}.ui.vertical.menu .dropdown.item .menu .item{font-size:1rem}.ui.vertical.menu .dropdown.item .menu .item i.icon{margin-right:0}.ui.vertical.menu .dropdown.item.active{box-shadow:none}.ui.vertical.menu .item:not(.dropdown)>.menu{margin:.5em -.95em 0}.ui.vertical.menu .item:not(.dropdown)>.menu>.item{background:0 0;padding:.5rem 1.5rem;font-size:.875rem}.ui.vertical.menu .item>.menu>.item:before{display:none}.ui.tiered.menu>.menu>.item:hover{color:rgba(0,0,0,.8)}.ui.tiered.menu .active.item{background:#fcfcfc}.ui.tiered.menu>.menu .item.active:after{position:absolute;content:'';margin-top:-1px;top:100%;left:0;width:100%;height:2px;background-color:#fcfcfc}.ui.tiered.menu .sub.menu{background-color:#fcfcfc;border-radius:0 0 .2857rem .2857rem;border-top:1px solid rgba(39,41,43,.15);box-shadow:none}.ui.tiered.menu>.sub.menu>.item{color:rgba(0,0,0,.4);font-weight:400;text-transform:normal;font-size:.875rem}.ui.tiered.menu .sub.menu .item:before{background:0 0}.ui.tiered.menu .sub.menu .item:hover{background:none;color:rgba(0,0,0,.8)}.ui.tiered.menu .sub.menu .active.item{padding-top:.78571em;background:none;border-radius:0;border-top:medium none;box-shadow:none;color:rgba(0,0,0,.8)!important}.ui.tiered.menu .sub.menu .active.item:after{display:none}.ui.inverted.tiered.menu>.menu>.item{color:rgba(255,255,255,.5)}.ui.inverted.tiered.menu .sub.menu{background-color:rgba(0,0,0,.2)}.ui.inverted.tiered.menu .sub.menu .item{color:rgba(255,255,255,.8)}.ui.inverted.tiered.menu>.menu>.item:hover{color:#fff}.ui.inverted.tiered.menu .active.item:after{display:none}.ui.inverted.tiered.menu>.menu>.active.item,.ui.inverted.tiered.menu>.sub.menu>.active.item{color:#fff!important;box-shadow:none}.ui.pointing.tiered.menu>.menu>.item:after{display:none}.ui.pointing.tiered.menu>.sub.menu>.item:after{display:block}.ui.tabular.menu{background-color:transparent;border-radius:0;box-shadow:none!important;border-bottom:1px solid #d4d4d5}.ui.tabular.fluid.menu{width:-webkit-calc(100% + 2px)!important;width:calc(100% + 2px)!important}.ui.tabular.menu .item{background-color:transparent;border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;padding-left:1.4em;padding-right:1.4em;color:rgba(0,0,0,.8)}.ui.tabular.menu .item:before{display:none}.ui.tabular.menu .item:hover{background-color:transparent;color:rgba(0,0,0,.8)}.ui.tabular.menu .active.item{position:relative;border-bottom:none;vertical-align:bottom;background-color:#fff;color:rgba(0,0,0,.8);border-color:#d4d4d5;font-weight:700;margin-bottom:-1px;box-shadow:none;border-radius:5px 5px 0 0}.ui.attached.tabular.menu{position:relative;z-index:2}.ui.tabular.menu+.bottom.attached.segment,.ui.tabular.menu~.bottom.attached.segment+.bottom.attached.segment{border-top:none;margin:0}.ui.pagination.menu{margin:0;display:inline-block;vertical-align:middle}.ui.pagination.menu .item{min-width:3em;text-align:center}.ui.pagination.menu .icon.item i.icon{vertical-align:top}.ui.pagination.menu.floated{display:block}.ui.pagination.menu .active.item{border-top:none;padding-top:.78571em;background-color:rgba(0,0,0,.03);box-shadow:none}.ui.secondary.menu{background:0 0;border-radius:0;box-shadow:none}.ui.secondary.menu>.item,.ui.secondary.menu>.menu>.item{box-shadow:none;border:none;height:auto!important;background:0 0;margin:0 .25em;padding:.5em .8em;border-radius:.2857rem}.ui.secondary.menu>.item:before,.ui.secondary.menu>.menu>.item:before{display:none!important}.ui.secondary.menu .item>.input input{background-color:transparent;border:none}.ui.secondary.menu .link.item,.ui.secondary.menu a.item{opacity:.8;-webkit-transition:none;transition:none}.ui.secondary.menu .header.item{border-right:.1em solid rgba(0,0,0,.1);background:none;border-radius:0}.ui.secondary.menu .link.item:hover,.ui.secondary.menu a.item:hover{opacity:1}.ui.secondary.menu>.active.item,.ui.secondary.menu>.menu>.active.item{background:rgba(0,0,0,.05);opacity:1;box-shadow:none}.ui.secondary.vertical.menu>.active.item{border-radius:.2857rem}.ui.secondary.inverted.menu .link.item,.ui.secondary.inverted.menu a.item{color:rgba(255,255,255,.8)}.ui.secondary.inverted.menu .link.item:hover,.ui.secondary.inverted.menu a.item:hover{color:#fff}.ui.secondary.inverted.menu .active.item{background-color:rgba(255,255,255,.05)}.ui.secondary.item.menu>.item{margin:0}.ui.secondary.attached.menu{box-shadow:none}.ui.secondary.vertical.menu>.item{border:none;margin:0 0 .3em;border-radius:.2857rem}.ui.secondary.vertical.menu>.header.item{border-radius:0}.ui.secondary.inverted.menu{background-color:transparent}.ui.secondary.inverted.pointing.menu{border-bottom:3px solid rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu>.item{color:rgba(255,255,255,.7)}.ui.secondary.inverted.pointing.menu>.header.item{color:#FFF!important}.ui.secondary.inverted.pointing.menu>.item:hover,.ui.secondary.inverted.pointing.menu>.menu>.item:hover{color:rgba(255,255,255,.85)}.ui.secondary.inverted.pointing.menu>.item:active,.ui.secondary.inverted.pointing.menu>.menu>.item:active{border-color:rgba(255,255,255,.4)}.ui.secondary.inverted.pointing.menu>.item.active,.ui.secondary.inverted.pointing.menu>.menu>.item.active{border-color:rgba(255,255,255,.8);color:#fff}.ui.secondary.pointing.menu{border-bottom:3px solid rgba(0,0,0,.1)}.ui.secondary.pointing.menu>.item,.ui.secondary.pointing.menu>.menu>.item{margin:0 0 -3px;padding:.6em .95em;border-bottom:3px solid transparent;border-radius:0;-webkit-transition:color .2s ease;transition:color .2s ease}.ui.secondary.pointing.menu .header.item{margin-bottom:-3px;background-color:transparent!important;border-right-width:0!important;font-weight:700!important;color:rgba(0,0,0,.85)!important}.ui.secondary.pointing.menu .text.item{box-shadow:none!important}.ui.secondary.pointing.menu>.item:after,.ui.secondary.pointing.menu>.menu>.item:after{display:none}.ui.secondary.pointing.menu>.link.item:hover,.ui.secondary.pointing.menu>.menu>.link.item:hover,.ui.secondary.pointing.menu>.menu>a.item:hover,.ui.secondary.pointing.menu>a.item:hover{background-color:transparent;color:rgba(0,0,0,.8)}.ui.secondary.pointing.menu>.link.item:active,.ui.secondary.pointing.menu>.menu>.link.item:active,.ui.secondary.pointing.menu>.menu>a.item:active,.ui.secondary.pointing.menu>a.item:active{background-color:transparent;border-color:rgba(0,0,0,.2)}.ui.secondary.pointing.menu>.item.active,.ui.secondary.pointing.menu>.menu>.item.active{background-color:transparent;border-color:rgba(0,0,0,.4);box-shadow:none;color:rgba(0,0,0,.8)}.ui.secondary.vertical.pointing.menu{border:none;border-right:3px solid rgba(0,0,0,.1)}.ui.secondary.vertical.pointing.menu>.item{margin:0 -3px 0 0;border-bottom:none;border-right:3px solid transparent;border-radius:0}.ui.secondary.vertical.pointing.menu>.item:hover{background-color:transparent;color:rgba(0,0,0,.7)}.ui.secondary.vertical.pointing.menu>.item:active{background-color:transparent;border-color:rgba(0,0,0,.2)}.ui.secondary.vertical.pointing.menu>.item.active{background-color:transparent;border-color:rgba(0,0,0,.4);color:rgba(0,0,0,.85)}.ui.secondary.inverted.vertical.pointing.menu{border-right:3px solid rgba(255,255,255,.1);border-bottom:none}.ui.text.menu{display:inline-block;background:none;margin:1rem -1rem;border-radius:0;box-shadow:none}.ui.text.menu>.item{opacity:.8;margin:0 1em;padding:0;height:auto!important;border-radius:0;box-shadow:none;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.ui.text.menu>.item:before{display:none!important}.ui.text.menu .header.item{background-color:transparent;opacity:1;color:rgba(50,50,50,.8);font-size:.875rem;padding:0;text-transform:uppercase;font-weight:700}.ui.text.menu .text.item{opacity:1;color:rgba(50,50,50,.8);font-weight:700}.ui.text.item.menu .item{margin:0}.ui.vertical.text.menu{margin:1rem 0}.ui.vertical.text.menu:first-child{margin-top:0}.ui.vertical.text.menu:last-child{margin-bottom:0}.ui.vertical.text.menu .item{float:left;clear:left;margin:.5em 0}.ui.vertical.text.menu .item>i.icon{float:none;margin:0 .78571em 0 0}.ui.vertical.text.menu .header.item{margin:.8em 0}.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;padding:0;border:none;opacity:1;font-weight:700;box-shadow:none}.ui.text.attached.menu,.ui.text.pointing.menu .active.item:after{box-shadow:none}.ui.inverted.text.menu,.ui.inverted.text.menu .item,.ui.inverted.text.menu .item.active,.ui.inverted.text.menu .item:hover{background-color:transparent}.ui.fluid.text.menu{margin-left:0;margin-right:0}.ui.icon.menu,.ui.vertical.icon.menu{width:auto;display:inline-block;height:auto}.ui.icon.menu>.item{height:auto;text-align:center;color:rgba(0,0,0,.6)}.ui.icon.menu>.item>.icon{display:block;float:none!important;margin:0 auto!important;opacity:1}.ui.icon.menu .icon:before{opacity:1}.ui.menu .icon.item .icon{margin:0}.ui.vertical.icon.menu{float:none}.ui.inverted.icon.menu .item{color:rgba(255,255,255,.8)}.ui.inverted.icon.menu .icon{color:#fff}.ui.labeled.icon.menu{text-align:center}.ui.fluid.labeled.icon.menu>.item{min-width:0}.ui.labeled.icon.menu>.item{min-width:6em}.ui.labeled.icon.menu>.item>.icon{display:block;font-size:1.5em!important;margin:0 auto .5em!important}.ui.blue.menu .active.item,.ui.menu .blue.active.item{border-color:#3b83c0!important;color:#3b83c0!important}.ui.green.menu .active.item,.ui.menu .green.active.item{border-color:#5bbd72!important;color:#5bbd72!important}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#e07b53!important;color:#e07b53!important}.ui.menu .pink.active.item,.ui.pink.menu .active.item{border-color:#d9499a!important;color:#d9499a!important}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#564f8a!important;color:#564f8a!important}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#d95c5c!important;color:#d95c5c!important}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00b5ad!important;color:#00b5ad!important}.ui.menu .yellow.active.item,.ui.yellow.menu .active.item{border-color:#f2c61f!important;color:#f2c61f!important}.ui.inverted.menu{background:#1b1c1d;box-shadow:none}.ui.inverted.menu .header.item{margin:0;background:rgba(0,0,0,.3);box-shadow:none}.ui.inverted.menu .item,.ui.inverted.menu .item>a:not(.ui){color:#fff}.ui.inverted.menu .item:not(.dropdown).menu{background:0 0}.ui.inverted.menu .item .item,.ui.inverted.menu .item .item>a:not(.ui){color:rgba(255,255,255,.5)}.ui.inverted.menu .dropdown .menu .item{color:rgba(0,0,0,.8)!important;-webkit-transition:none;transition:none}.ui.inverted.menu .dropdown .menu .item:hover{background:rgba(0,0,0,.05)!important;color:rgba(0,0,0,.85)!important}.ui.inverted.menu .item.disabled,.ui.inverted.menu .item.disabled:hover{color:rgba(225,225,225,.3)}.ui.inverted.menu .item:before{background:-webkit-linear-gradient(rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background:linear-gradient(rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.vertical.inverted.menu .item:before{background:-webkit-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background:linear-gradient(to right,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.inverted.menu .dropdown.item:hover,.ui.inverted.menu .link.item:hover,.ui.inverted.menu a.item:hover,.ui.link.inverted.menu .item:hover{background:rgba(255,255,255,.1);color:#fff}.ui.inverted.menu .item .menu .link.item:hover,.ui.inverted.menu .item .menu a.item:hover{background:0 0;color:#fff}.ui.inverted.menu .dropdown.item:active,.ui.inverted.menu .link.item:active,.ui.inverted.menu a.item:active{background:rgba(255,255,255,.15);color:#fff}.ui.inverted.menu .active.item{box-shadow:none!important;background:rgba(255,255,255,.2);color:#fff!important}.ui.inverted.vertical.menu .item .menu .active.item{background:0 0;color:#fff}.ui.inverted.pointing.menu .active.item:after{background:#5B5B5B;box-shadow:none}.ui.inverted.pointing.menu .active.item:hover:after{background:#4A4A4A}.ui.selection.menu>.item{color:rgba(0,0,0,.4)}.ui.selection.menu>.item:hover{color:rgba(0,0,0,.6)}.ui.selection.menu>.item.active{color:rgba(0,0,0,.85)}.ui.inverted.selection.menu>.item{color:rgba(255,255,255,.4)}.ui.inverted.selection.menu>.item:hover{color:rgba(255,255,255,.9)}.ui.inverted.selection.menu>.item.active{color:#FFF}.ui.floated.menu{float:left;margin:0 .5rem 0 0}.ui.right.floated.menu{float:right;margin:0 0 0 .5rem}.ui.grey.menu{background-color:#fafafa}.ui.inverted.blue.menu,.ui.inverted.blue.pointing.menu .active.item:after{background-color:#3b83c0}.ui.inverted.green.menu,.ui.inverted.green.pointing.menu .active.item:after{background-color:#5bbd72}.ui.inverted.orange.menu,.ui.inverted.orange.pointing.menu .active.item:after{background-color:#e07b53}.ui.inverted.pink.menu,.ui.inverted.pink.pointing.menu .active.item:after{background-color:#d9499a}.ui.inverted.purple.menu,.ui.inverted.purple.pointing.menu .active.item:after{background-color:#564f8a}.ui.inverted.red.menu,.ui.inverted.red.pointing.menu .active.item:after{background-color:#d95c5c}.ui.inverted.teal.menu,.ui.inverted.teal.pointing.menu .active.item:after{background-color:#00b5ad}.ui.inverted.yellow.menu,.ui.inverted.yellow.pointing.menu .active.item:after{background-color:#f2c61f}.ui.fitted.menu .item,.ui.fitted.menu .item .menu .item,.ui.menu .fitted.item{padding:0}.ui.horizontally.fitted.menu .item,.ui.horizontally.fitted.menu .item .menu .item,.ui.menu .horizontally.fitted.item{padding-top:.78571em;padding-bottom:.78571em}.ui.menu .vertically.fitted.item,.ui.vertically.fitted.menu .item,.ui.vertically.fitted.menu .item .menu .item{padding-left:.95em;padding-right:.95em}.ui.borderless.menu .item .menu .item:before,.ui.borderless.menu .item:before,.ui.menu .borderless.item:before{background:0 0!important}.ui.compact.menu{display:inline-block;margin:0;vertical-align:middle}.ui.compact.vertical.menu{width:auto!important}.ui.compact.vertical.menu .item:last-child::before{display:block}.ui.menu.fluid,.ui.vertical.menu.fluid{display:block;width:100%!important}.ui.item.menu,.ui.item.menu .item{width:100%;padding-left:0!important;padding-right:0!important;text-align:center}.ui.menu.two.item .item{width:50%}.ui.menu.three.item .item{width:33.333%}.ui.menu.four.item .item{width:25%}.ui.menu.five.item .item{width:20%}.ui.menu.six.item .item{width:16.666%}.ui.menu.seven.item .item{width:14.285%}.ui.menu.eight.item .item{width:12.5%}.ui.menu.nine.item .item{width:11.11%}.ui.menu.ten.item .item{width:10%}.ui.menu.eleven.item .item{width:9.09%}.ui.menu.twelve.item .item{width:8.333%}.ui.menu.fixed{position:fixed;z-index:101;margin:0;border:none;width:100%}.ui.menu.fixed,.ui.menu.fixed .item:first-child,.ui.menu.fixed .item:last-child{border-radius:0!important}.ui.fixed.menu,.ui.top.fixed.menu{top:0;left:0;right:auto;bottom:auto}.ui.right.fixed.menu{top:0;right:0;left:auto;bottom:auto;width:auto;height:100%}.ui.bottom.fixed.menu{bottom:0;left:0;top:auto;right:auto}.ui.left.fixed.menu{top:0;left:0;right:auto;bottom:auto;width:auto;height:100%}.ui.fixed.menu+.ui.grid{padding-top:2.75rem}.ui.pointing.menu .active.item:after{position:absolute;content:'';top:100%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);margin:0;background:0 0;width:.6em;height:.6em;border:none;border-bottom:1px solid #d4d4d5;border-right:1px solid #d4d4d5;z-index:11;-webkit-transition:background .2s ease;transition:background .2s ease}.ui.pointing.menu .active.item .menu .active.item:after{display:none}.ui.vertical.pointing.menu .active.item:after{position:absolute;top:50%;right:0;bottom:auto;left:auto;-webkit-transform:translateX(50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(50%) translateY(-50%) rotate(45deg);transform:translateX(50%) translateY(-50%) rotate(45deg);margin:0 -1px 0 0;border:none;border-top:1px solid #d4d4d5;border-right:1px solid #d4d4d5}.ui.pointing.menu .active.item:hover:after{background-color:#fafafa}.ui.pointing.menu .active.item:after{background-color:#f7f7f7}.ui.vertical.pointing.menu .item:hover:after{background-color:#fafafa}.ui.vertical.pointing.menu .active.item:after{background-color:#f7f7f7}.ui.vertical.pointing.menu .menu .active.item:after{background-color:#fff}.ui.menu.attached{margin:0;border-radius:0;box-shadow:0 0 0 1px #ddd}.ui.top.attached.menu{border-radius:.2857rem .2857rem 0 0}.ui.menu.bottom.attached{border-radius:0 0 .2857rem .2857rem}.ui.small.menu .item{font-size:.875rem}.ui.small.vertical.menu{width:13rem}.ui.menu .item{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu .item{font-size:1.125rem}.ui.large.menu .item .item{font-size:.875rem}.ui.large.menu .dropdown .item{font-size:1rem}.ui.large.vertical.menu{width:18rem} |