diff --git a/build/minified/collections/menu.min.css b/build/minified/collections/menu.min.css index b44da5a1c..43cf59be9 100644 --- a/build/minified/collections/menu.min.css +++ b/build/minified/collections/menu.min.css @@ -1 +1 @@ -.ui.menu{background-color:#FFF;font-size:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.325rem;-moz-border-radius:.325rem;border-radius:.325rem}.ui.menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.menu>.item:first-child{border-radius:.325em 0 0 .325em}.ui.menu>.item:last-child{border-radius:0 .325em .325em 0}.ui.menu .item,.ui.menu .item>a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;line-height:1em;min-height:1.25em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-moz-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-o-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-ms-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 .header{color:rgba(50,50,50,.95)}.ui.menu .item,.ui.menu .item>a{color:rgba(0,0,0,.75)}.ui.menu .item>a:hover{background-color:rgba(0,0,0,.03);color:rgba(0,0,0,.8)}.ui.menu .item .item,.ui.menu .item .item>a{color:rgba(30,30,30,.8)}.ui.menu .item .item .item,.ui.menu .item .item .item>a{color:rgba(30,30,30,.6)}.ui.menu .dropdown.item .menu .item,.ui.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)}.ui.menu .item .menu a.item:hover,.ui.menu .item .menu a.item.hover,.ui.menu .item .menu .link.item:hover,.ui.menu .item .menu .link.item.hover{color:rgba(35,35,35,.95)}.ui.menu .dropdown.item .menu .item a:hover{color:rgba(0,0,0,.9)}.ui.menu .active.item,.ui.menu .active.item a{color:rgba(0,0,0,.95);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ui.menu .item{position:relative;display:inline-block;padding:.75em .95em;border-top:0 solid rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-khtml-user-select:none;user-select:none}.ui.menu .item>a{display:block;margin:-.75em -.95em;padding:.75em .95em}.ui.menu .menu.left,.ui.menu .item.left{float:left}.ui.menu .menu.right,.ui.menu .item.right{float:right}.ui.menu .item:before{position:absolute;content:'';top:0;right:0;width:1px;height:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-ms-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%)}.ui.menu .menu.right .item:before,.ui.menu .item.right:before{right:auto;left:0}.ui.menu .text.item>*,.ui.menu .item>p:only-child{line-height:1.3;color:rgba(0,0,0,.6)}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:only-child{margin:0}.ui.menu input{padding-top:.55em;padding-bottom:.55em}.ui.menu .header.item{background-color:rgba(0,0,0,.04);margin:0}.ui.vertical.menu .header.item{font-weight:700}.ui.menu .dropdown.item .menu .item{color:rgba(0,0,0,.75)}.ui.menu .ui.dropdown .menu .item:before{display:none}.ui.menu .item>.label,.ui.menu .item>a>.label{font-size:.8em;margin:-.3em 0 -.3em .3em;padding:.3em .8em;vertical-align:baseline;text-transform:none}.ui.menu .item>.floating.label,.ui.menu .item>a>.floating.label{padding:.3em .8em}.ui.menu .item>img:only-child{display:block;max-width:100%;margin:0 auto}.ui.link.menu .item:hover,.ui.menu .item.hover,.ui.menu .link.item:hover,.ui.menu a.item:hover,.ui.menu .ui.dropdown .menu .item.hover,.ui.menu .ui.dropdown .menu .item:hover{cursor:pointer;background-color:rgba(0,0,0,.02)}.ui.menu .ui.dropdown.hover,.ui.menu .ui.dropdown:hover{-webkit-border-bottom-right-radius:0;-moz-border-bottom-right-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;border-bottom-left-radius:0}.ui.link.menu .item:active,.ui.menu .item.down,.ui.menu .link.item:active,.ui.menu a.item:active,.ui.menu .item>a:active,.ui.menu .ui.dropdown .menu .item.down,.ui.menu .ui.dropdown .menu .item:active{background-color:rgba(0,0,0,.05)}.ui.menu .active.item{padding-top:.55em;border-top:.2em solid rgba(50,50,50,.8);color:rgba(0,0,0,.95);background-color:rgba(0,0,0,.01)}.ui.vertical.menu .active.item{border-left:.2em solid rgba(50,50,50,.8);padding-top:.75em;padding-left:.76em;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.vertical.menu>.active.item:first-child{-webkit-border-radius:0 .325em 0 0;-moz-border-radius:0 .325em 0 0;border-radius:0 .325em 0 0}.ui.vertical.menu>.active.item:last-child{-webkit-border-radius:0 0 .325em;-moz-border-radius:0 0 .325em;border-radius:0 0 .325em}.ui.vertical.menu>.active.item:only-child{-webkit-border-radius:0 .325em .325em 0;-moz-border-radius:0 .325em .325em 0;border-radius:0 .325em .325em 0}.ui.vertical.menu .active.item .menu .active.item{border-left:0}.ui.vertical.menu .active.item .menu .active.item{padding-left:1.5rem}.ui.vertical.menu .item .menu .active.item{background-color:rgba(0,0,0,.03);border-left:0}.ui.menu .item.disabled,.ui.menu .item.disabled:hover,.ui.menu .item.disabled.hover{cursor:default;opacity:.3;background-color:transparent}.ui.menu.loading{position:relative}.ui.menu.loading:after{position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:rgba(255,255,255,.8) url(../images/loader-large.gif) no-repeat 50% 50%;visibility:visible}.ui.vertical.menu{margin:0 0 1rem}.ui.vertical.menu:last-child{margin-bottom:0}.ui.vertical.menu .item{display:block;border-top:0;border-left:0 solid rgba(0,0,0,0);border-right:0}.ui.vertical.menu>.item:first-child{border-radius:.325em .325em 0 0}.ui.vertical.menu>.item:last-child{border-radius:0 0 .325em .325em}.ui.vertical.menu .item>.icon{float:right;width:1.22em;margin:0 0 0 .5em}.ui.vertical.menu .item:before{position:absolute;content:'';top:0;left:0;width:100%;height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-moz-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-ms-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%)}.ui.vertical.menu .item:first-child:before{background-image:none}.ui.vertical.menu .dropdown.item>i{float:right}.ui.vertical.menu .dropdown.item .menu{top:0;left:100%;margin:0;border-top:1px solid rgba(0,0,0,.1)}.ui.vertical.menu .dropdown.item .menu .item{font-size:.9em;padding:.75em 1em}.ui.vertical.menu .dropdown.item .menu .item .icon{margin-right:0}.ui.vertical.menu .item>.menu{margin:.5em -.95em 0}.ui.vertical.menu .item>.menu>.item{padding:.5rem 1.5rem;font-size:.85em}.ui.vertical.menu .item>.menu>.item:before{display:none}.ui.vertical.menu .item>.menu>.item>a{margin:-.5rem -1.5rem;padding:.5rem 1.5rem}.ui.tiered.menu>.menu>.item{color:rgba(0,0,0,.5)}.ui.tiered.menu>.menu>.item:hover,.ui.tiered.menu>.menu>.item.hover{color:rgba(0,0,0,.8)}.ui.tiered.menu .item.active{box-shadow:0 1px 0 0 #FBFBFB;color:rgba(0,0,0,.8)}.ui.tiered.menu .sub.menu{background-color:rgba(0,0,0,.01);border-radius:0;border-top:1px solid rgba(0,0,0,.1);box-shadow:none;color:#FFF}.ui.tiered.menu .sub.menu .item{font-size:.9rem}.ui.tiered.menu .sub.menu .item:before{background-image:none}.ui.tiered.menu .sub.menu .active.item{padding-top:.75em;background-color:transparent;border-radius:0;border-top:medium none;box-shadow:none;color:rgba(0,0,0,.7)}.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,.6)}.ui.inverted.tiered.menu>.menu>.item:hover,.ui.inverted.tiered.menu>.menu>.item.hover{color:rgba(255,255,255,.9)}.ui.inverted.tiered.menu>.sub.menu>.active.item,.ui.inverted.tiered.menu>.menu>.active.item{color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.menu .green.active.item,.ui.green.menu .active.item{border-color:#A1CF64;color:#A1CF64}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#EF4D6D;color:#EF4D6D}.ui.menu .blue.active.item,.ui.blue.menu .active.item{border-color:#6ECFF5;color:#6ECFF5}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#564F8A;color:#564F8A}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#F05940;color:#F05940}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00B5AD;color:#00B5AD}.ui.inverted.menu{background-color:#333;box-shadow:none}.ui.inverted.menu .header.item{margin:0;background-color:rgba(0,0,0,.3);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.menu .item,.ui.inverted.menu .item>a{color:#FFF}.ui.inverted.menu .item .item,.ui.inverted.menu .item .item>a{color:rgba(255,255,255,.8)}.ui.inverted.menu .item .item>a:hover{background-color:rgba(255,255,255,.03);color:rgba(255,255,255,.9)}.ui.inverted.menu .item>p:only-child{color:rgba(255,255,255,.75)}.ui.inverted.menu .dropdown.item .menu .item,.ui.inverted.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)!important}.ui.inverted.menu .item:before{background-image:-webkit-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:linear-gradient(top,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-image:-webkit-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-moz-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.link.inverted.menu .item:hover,.ui.inverted.menu .item.hover,.ui.inverted.menu .link.item:hover,.ui.inverted.menu a.item:hover,.ui.inverted.menu .dropdown.item.hover,.ui.inverted.menu .dropdown.item:hover{background-color:rgba(255,255,255,.1)}.ui.inverted.menu a.item:hover,.ui.inverted.menu .item.hover,.ui.inverted.menu .item>a:hover,.ui.inverted.menu .item .menu a.item:hover,.ui.inverted.menu .item .menu a.item.hover,.ui.inverted.menu .item .menu .link.item:hover,.ui.inverted.menu .item .menu .link.item.hover{color:#fff}.ui.inverted.menu .item.down,.ui.inverted.menu a.item:active,.ui.inverted.menu .item>a:active,.ui.inverted.menu .item.down,.ui.inverted.menu .dropdown.item:active,.ui.inverted.menu .link.item:active,.ui.inverted.menu a.item:active{background-color:rgba(255,255,255,.15)}.ui.inverted.menu .active.item{border-color:transparent;background-color:rgba(255,255,255,.2)}.ui.inverted.menu .active.item,.ui.inverted.menu .active.item a{color:#fff}.ui.inverted.vertical.menu .item .menu .active.item{background-color:rgba(255,255,255,.2);color:#fff}.ui.inverted.pointing.menu .active.item:after{background-color:#505050;box-shadow:none}.ui.inverted.pointing.menu .active.item:hover:after{background-color:#3B3B3B}.ui.grey.menu{background-color:#F0F0F0}.ui.inverted.green.menu{background-color:#A1CF64}.ui.inverted.green.pointing.menu .active.item:after{background-color:#A1CF64}.ui.inverted.red.menu{background-color:#EF4D6D}.ui.inverted.red.pointing.menu .active.item:after{background-color:#F16883}.ui.inverted.blue.menu{background-color:#6ECFF5}.ui.inverted.blue.pointing.menu .active.item:after{background-color:#6ECFF5}.ui.inverted.purple.menu{background-color:#564F8A}.ui.inverted.purple.pointing.menu .active.item:after{background-color:#564F8A}.ui.inverted.orange.menu{background-color:#F05940}.ui.inverted.orange.pointing.menu .active.item:after{background-color:#F05940}.ui.inverted.teal.menu{background-color:#00B5AD}.ui.inverted.teal.pointing.menu .active.item:after{background-color:#00B5AD}.ui.text.menu{background-color:transparent;margin:0rem -1rem;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.text.menu>.item{opacity:.6;margin:0 1em;padding:0;min-height:0!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.6);-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease}.ui.text.menu>.item:before{display:none}.ui.text.menu .header.item{background-color:transparent;opacity:1;color:rgba(50,50,50,.8);font-size:.9rem;padding:0;text-transform:uppercase;font-weight:700}.ui.text.menu .header.item>a{background-color:transparent}.ui.text.item.menu .item{margin:0}.ui.vertical.text.menu{margin:1rem 0}.ui.vertical.text.menu .item{float:left;clear:left;margin:.5em 0}.ui.vertical.text.menu .item>.icon{float:none;margin:0 .75em 0 0}.ui.vertical.text.menu .header.item{margin:.8em 0}.ui.text.menu .item.hover,.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;padding:0;border:0;opacity:1;font-weight:700}.ui.text.pointing.menu .active.item:after{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.text.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.green.text.menu .active.item{color:#A1CF64}.ui.red.text.menu .active.item{color:#EF4D6D}.ui.blue.text.menu .active.item{color:#6ECFF5}.ui.purple.text.menu .active.item{color:#564F8A}.ui.orange.text.menu .active.item{color:#F05940}.ui.teal.text.menu .active.item{color:#00B5AD}.ui.secondary.menu{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.menu>.item{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;min-height:0!important;margin:0 .25em;padding:.5em 1em;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.menu>.item:before{display:none}.ui.secondary.menu .header.item{background-color:transparent;border-right:.1em solid rgba(0,0,0,.1);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.menu>.active.item{border-top:0;padding-top:.5em;background-color:rgba(0,0,0,.08)}.ui.secondary.vertical.menu>.active.item{-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.inverted.menu>.active.item{background-color:rgba(255,255,255,.2)}.ui.secondary.item.menu>.item{margin:0}.ui.secondary.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.secondary.pointing.menu{border-bottom:.2rem solid rgba(0,0,0,.1)}.ui.secondary.pointing.menu>.item{padding:.6em .95em;margin:0;color:rgba(0,0,0,.5);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.pointing.menu>.item:after{display:none}.ui.secondary.pointing.menu>.item.hover,.ui.secondary.pointing.menu>.item:hover{background-color:transparent;color:rgba(0,0,0,.7)}.ui.secondary.pointing.menu>.item:active,.ui.secondary.pointing.menu>.item.down{background-color:transparent;box-shadow:0 .2em 0 0 rgba(0,0,0,.2)}.ui.secondary.pointing.menu>.item.active{background-color:transparent;box-shadow:0 .2em 0 0 rgba(0,0,0,.4);color:rgba(0,0,0,.85)}.ui.secondary.vertical.pointing.menu{border:0;border-right:.2rem solid rgba(0,0,0,.1)}.ui.secondary.vertical.menu>.item{border:0;margin:.2em 0;padding:.6em .8em;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.vertical.menu>.header.item{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item{margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item:active,.ui.secondary.vertical.pointing.menu>.item.down{box-shadow:.2em 0 0 0 rgba(0,0,0,.2)}.ui.secondary.vertical.pointing.menu>.item.active{box-shadow:.2em 0 0 0 rgba(0,0,0,.4)}.ui.secondary.inverted.pointing.menu{border-bottom:.2rem solid rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu>.item{color:rgba(255,255,255,.7)}.ui.secondary.inverted.pointing.menu>.item.hover,.ui.secondary.inverted.pointing.menu>.item:hover{color:rgba(255,255,255,.85)}.ui.secondary.inverted.pointing.menu>.item:active,.ui.secondary.inverted.pointing.menu>.item.down{box-shadow:0 .2em 0 0 rgba(255,255,255,.4)}.ui.secondary.inverted.pointing.menu>.item.active{box-shadow:0 .2em 0 0 rgba(255,255,255,.8);color:#fff}.ui.secondary.inverted.vertical.pointing.menu{border-right:.2rem solid rgba(255,255,255,.1)}.ui.secondary.inverted.vertical.pointing.menu .item:active,.ui.secondary.inverted.vertical.pointing.menu .item.down{box-shadow:.2em 0 0 0 rgba(255,255,255,.2)}.ui.secondary.inverted.vertical.pointing.menu .item.active{box-shadow:.2em 0 0 0 rgba(255,255,255,.4)}.ui.icon.menu,.ui.vertical.icon.menu{width:auto;display:inline-block;min-height:0}.ui.icon.menu .item{text-align:center;color:rgba(60,60,60,.7)}.ui.icon.menu .item .icon{display:block;float:none;opacity:1;margin:0 auto}.ui.icon.menu .icon:before{opacity:1}.ui.menu .icon.item .icon{margin:0}.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.labeled.icon.menu .icon{display:block;font-size:1.5em;margin:0 auto .3em}.ui.fitted.menu .item,.ui.fitted.menu .item>a,.ui.fitted.menu .item .menu .item,.ui.fitted.menu .item .menu .item>a,.ui.menu .fitted.item,.ui.menu .fitted.item>a{padding-top:0;padding-bottom:0}.ui.tight.menu .item,.ui.tight.menu .item>a,.ui.tight.menu .item .menu .item,.ui.tight.menu .item .menu .item>a,.ui.menu .tight.item,.ui.menu .tight.item>a{padding:0}.ui.borderless.menu .item:before,.ui.borderless.menu .item>a:before,.ui.borderless.menu .item .menu .item:before,.ui.borderless.menu .item .menu .item>a:before,.ui.menu .borderless.item:before,.ui.menu .borderless.item>a:before{background-image:none}.ui.compact.menu{display:inline-block}.ui.vertical.compact.menu{width:auto!important}.ui.menu.fluid,.ui.vertical.menu.fluid{width:100%}.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:10;width:100%;border:0}.ui.menu.fixed,.ui.menu.fixed .item:first-child,.ui.menu.fixed .item:last-child{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.ui.menu.fixed.top{top:0;left:0;right:auto;bottom:auto}.ui.menu.fixed.right{top:0;right:0;left:auto;bottom:auto;width:auto;height:100%}.ui.menu.fixed.bottom{bottom:0;left:0;top:auto;right:auto}.ui.menu.fixed.left{top:0;left:0;right:auto;bottom:auto;width:auto;height:100%}.ui.pointing.menu .active.item:after{position:absolute;bottom:-.35em;left:50%;content:"";margin-left:-.3em;width:.6em;height:.6em;border:0;border-bottom:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);background-image:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease;-ms-transition:background .2s ease;transition:background .2s ease}.ui.vertical.pointing.menu .active.item:after{position:absolute;top:50%;right:-.4em;bottom:auto;left:auto;border:0;border-top:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);margin-top:-.3em}.ui.pointing.menu .active.item:after{background-color:#FCFCFC}.ui.pointing.menu .active.item.hover:after,.ui.pointing.menu .active.item:hover:after{background-color:#FAFAFA}.ui.pointing.menu .active.item.down:after,.ui.pointing.menu .active.item:active:after{background-color:#F0F0F0}.ui.menu.attached{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:0 0 0 1px #DDD;-webkit-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.top.attached.menu{-moz-border-radius:.325em .325em 0 0;-webkit-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0}.ui.menu.bottom.attached{-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.tiny.menu .item{font-size:.875rem;padding:.5em .75em}.ui.tiny.menu .item>a{display:block;margin:-.5em -.75em;padding:.5em .75em}.ui.tiny.vertical.menu{width:9rem}.ui.small.menu .item{font-size:.875rem;min-height:2.25rem}.ui.small.vertical.menu{width:13rem}.ui.menu .item{font-size:1rem;min-height:2.5em}.ui.vertical.menu{width:15rem}.ui.large.menu .item{font-size:1.125rem}.ui.large.vertical.menu{width:18rem} \ No newline at end of file +.ui.menu{background-color:#FFF;font-size:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.325rem;-moz-border-radius:.325rem;border-radius:.325rem}.ui.menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.menu>.item:first-child{border-radius:.325em 0 0 .325em}.ui.menu>.item:last-child{border-radius:0 .325em .325em 0}.ui.menu .item,.ui.menu .item>a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;line-height:1em;min-height:1.25em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-moz-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-o-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-ms-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 .header{color:rgba(50,50,50,.95)}.ui.menu .item,.ui.menu .item>a{color:rgba(0,0,0,.75)}.ui.menu .item>a:hover{background-color:rgba(0,0,0,.03);color:rgba(0,0,0,.8)}.ui.menu .item .item,.ui.menu .item .item>a{color:rgba(30,30,30,.8)}.ui.menu .item .item .item,.ui.menu .item .item .item>a{color:rgba(30,30,30,.6)}.ui.menu .dropdown.item .menu .item,.ui.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)}.ui.menu .item .menu a.item:hover,.ui.menu .item .menu a.item.hover,.ui.menu .item .menu .link.item:hover,.ui.menu .item .menu .link.item.hover{color:rgba(35,35,35,.95)}.ui.menu .dropdown.item .menu .item a:hover{color:rgba(0,0,0,.9)}.ui.menu .active.item,.ui.menu .active.item a{color:rgba(0,0,0,.95);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ui.menu .item{position:relative;display:inline-block;padding:.75em .95em;border-top:0 solid rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-khtml-user-select:none;user-select:none}.ui.menu .item>a{display:block;margin:-.75em -.95em;padding:.75em .95em}.ui.menu .menu.left,.ui.menu .item.left{float:left}.ui.menu .menu.right,.ui.menu .item.right{float:right}.ui.menu .item:before{position:absolute;content:'';top:0;right:0;width:1px;height:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-ms-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%)}.ui.menu .menu.right .item:before,.ui.menu .item.right:before{right:auto;left:0}.ui.menu .text.item>*,.ui.menu .item>p:only-child{line-height:1.3;color:rgba(0,0,0,.6)}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:only-child{margin:0}.ui.menu input{padding-top:.55em;padding-bottom:.55em}.ui.menu .header.item{background-color:rgba(0,0,0,.04);margin:0}.ui.vertical.menu .header.item{font-weight:700}.ui.menu .dropdown.item .menu .item{color:rgba(0,0,0,.75)}.ui.menu .ui.dropdown .menu .item:before{display:none}.ui.menu .item>.label,.ui.menu .item>a>.label{font-size:.8em;margin:-.3em 0 -.3em .3em;padding:.3em .8em;vertical-align:baseline;text-transform:none}.ui.menu .item>.floating.label,.ui.menu .item>a>.floating.label{padding:.3em .8em}.ui.menu .item>img:only-child{display:block;max-width:100%;margin:0 auto}.ui.link.menu .item:hover,.ui.menu .item.hover,.ui.menu .link.item:hover,.ui.menu a.item:hover,.ui.menu .ui.dropdown .menu .item.hover,.ui.menu .ui.dropdown .menu .item:hover{cursor:pointer;background-color:rgba(0,0,0,.02)}.ui.menu .ui.dropdown.hover,.ui.menu .ui.dropdown:hover{-webkit-border-bottom-right-radius:0;-moz-border-bottom-right-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;border-bottom-left-radius:0}.ui.link.menu .item:active,.ui.menu .item.down,.ui.menu .link.item:active,.ui.menu a.item:active,.ui.menu .item>a:active,.ui.menu .ui.dropdown .menu .item.down,.ui.menu .ui.dropdown .menu .item:active{background-color:rgba(0,0,0,.05)}.ui.menu .active.item{padding-top:.55em;border-top:.2em solid rgba(50,50,50,.8);color:rgba(0,0,0,.95);background-color:rgba(0,0,0,.01)}.ui.vertical.menu .active.item{border-left:.2em solid rgba(50,50,50,.8);padding-top:.75em;padding-left:.76em;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.vertical.menu>.active.item:first-child{-webkit-border-radius:0 .325em 0 0;-moz-border-radius:0 .325em 0 0;border-radius:0 .325em 0 0}.ui.vertical.menu>.active.item:last-child{-webkit-border-radius:0 0 .325em;-moz-border-radius:0 0 .325em;border-radius:0 0 .325em}.ui.vertical.menu>.active.item:only-child{-webkit-border-radius:0 .325em .325em 0;-moz-border-radius:0 .325em .325em 0;border-radius:0 .325em .325em 0}.ui.vertical.menu .active.item .menu .active.item{border-left:0}.ui.vertical.menu .active.item .menu .active.item{padding-left:1.5rem}.ui.vertical.menu .item .menu .active.item{background-color:rgba(0,0,0,.03);border-left:0}.ui.menu .item.disabled,.ui.menu .item.disabled:hover,.ui.menu .item.disabled.hover{cursor:default;opacity:.3;background-color:transparent}.ui.menu.loading{position:relative}.ui.menu.loading:after{position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:rgba(255,255,255,.8) url(../images/loader-large.gif) no-repeat 50% 50%;visibility:visible}.ui.vertical.menu{margin:0 0 1rem}.ui.vertical.menu:last-child{margin-bottom:0}.ui.vertical.menu .item{display:block;border-top:0;border-left:0 solid rgba(0,0,0,0);border-right:0}.ui.vertical.menu>.item:first-child{border-radius:.325em .325em 0 0}.ui.vertical.menu>.item:last-child{border-radius:0 0 .325em .325em}.ui.vertical.menu .item>.icon{float:right;width:1.22em;margin:0 0 0 .5em}.ui.vertical.menu .item:before{position:absolute;content:'';top:0;left:0;width:100%;height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-moz-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-ms-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%)}.ui.vertical.menu .item:first-child:before{background-image:none}.ui.vertical.menu .dropdown.item>i{float:right}.ui.vertical.menu .dropdown.item .menu{top:0;left:100%;margin:0;border-top:1px solid rgba(0,0,0,.1)}.ui.vertical.menu .dropdown.item .menu .item{font-size:.9em;padding:.75em 1em}.ui.vertical.menu .dropdown.item .menu .item .icon{margin-right:0}.ui.vertical.menu .item>.menu{margin:.5em -.95em 0}.ui.vertical.menu .item>.menu>.item{padding:.5rem 1.5rem;font-size:.85em}.ui.vertical.menu .item>.menu>.item:before{display:none}.ui.vertical.menu .item>.menu>.item>a{margin:-.5rem -1.5rem;padding:.5rem 1.5rem}.ui.tiered.menu>.menu>.item{color:rgba(0,0,0,.5)}.ui.tiered.menu>.menu>.item:hover,.ui.tiered.menu>.menu>.item.hover{color:rgba(0,0,0,.8)}.ui.tiered.menu .item.active{box-shadow:0 1px 0 0 #FBFBFB;color:rgba(0,0,0,.8)}.ui.tiered.menu .sub.menu{background-color:rgba(0,0,0,.01);border-radius:0;border-top:1px solid rgba(0,0,0,.1);box-shadow:none;color:#FFF}.ui.tiered.menu .sub.menu .item{font-size:.9rem}.ui.tiered.menu .sub.menu .item:before{background-image:none}.ui.tiered.menu .sub.menu .active.item{padding-top:.75em;background-color:transparent;border-radius:0;border-top:medium none;box-shadow:none;color:rgba(0,0,0,.7)}.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,.6)}.ui.inverted.tiered.menu>.menu>.item:hover,.ui.inverted.tiered.menu>.menu>.item.hover{color:rgba(255,255,255,.9)}.ui.inverted.tiered.menu>.sub.menu>.active.item,.ui.inverted.tiered.menu>.menu>.active.item{color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.menu .green.active.item,.ui.green.menu .active.item{border-color:#A1CF64;color:#A1CF64}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#EF4D6D;color:#EF4D6D}.ui.menu .blue.active.item,.ui.blue.menu .active.item{border-color:#6ECFF5;color:#6ECFF5}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#564F8A;color:#564F8A}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#F05940;color:#F05940}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00B5AD;color:#00B5AD}.ui.inverted.menu{background-color:#333;box-shadow:none}.ui.inverted.menu .header.item{margin:0;background-color:rgba(0,0,0,.3);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.menu .item,.ui.inverted.menu .item>a{color:#FFF}.ui.inverted.menu .item .item,.ui.inverted.menu .item .item>a{color:rgba(255,255,255,.8)}.ui.inverted.menu .item .item>a:hover{background-color:rgba(255,255,255,.03);color:rgba(255,255,255,.9)}.ui.inverted.menu .item>p:only-child{color:rgba(255,255,255,.75)}.ui.inverted.menu .dropdown.item .menu .item,.ui.inverted.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)!important}.ui.inverted.menu .item:before{background-image:-webkit-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:linear-gradient(top,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-image:-webkit-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-moz-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.link.inverted.menu .item:hover,.ui.inverted.menu .item.hover,.ui.inverted.menu .link.item:hover,.ui.inverted.menu a.item:hover,.ui.inverted.menu .dropdown.item.hover,.ui.inverted.menu .dropdown.item:hover{background-color:rgba(255,255,255,.1)}.ui.inverted.menu a.item:hover,.ui.inverted.menu .item.hover,.ui.inverted.menu .item>a:hover,.ui.inverted.menu .item .menu a.item:hover,.ui.inverted.menu .item .menu a.item.hover,.ui.inverted.menu .item .menu .link.item:hover,.ui.inverted.menu .item .menu .link.item.hover{color:#fff}.ui.inverted.menu .item.down,.ui.inverted.menu a.item:active,.ui.inverted.menu .item>a:active,.ui.inverted.menu .item.down,.ui.inverted.menu .dropdown.item:active,.ui.inverted.menu .link.item:active,.ui.inverted.menu a.item:active{background-color:rgba(255,255,255,.15)}.ui.inverted.menu .active.item{border-color:transparent;background-color:rgba(255,255,255,.2)}.ui.inverted.menu .active.item,.ui.inverted.menu .active.item a{color:#fff}.ui.inverted.vertical.menu .item .menu .active.item{background-color:rgba(255,255,255,.2);color:#fff}.ui.inverted.pointing.menu .active.item:after{background-color:#505050;box-shadow:none}.ui.inverted.pointing.menu .active.item:hover:after{background-color:#3B3B3B}.ui.grey.menu{background-color:#F0F0F0}.ui.inverted.green.menu{background-color:#A1CF64}.ui.inverted.green.pointing.menu .active.item:after{background-color:#A1CF64}.ui.inverted.red.menu{background-color:#EF4D6D}.ui.inverted.red.pointing.menu .active.item:after{background-color:#F16883}.ui.inverted.blue.menu{background-color:#6ECFF5}.ui.inverted.blue.pointing.menu .active.item:after{background-color:#6ECFF5}.ui.inverted.purple.menu{background-color:#564F8A}.ui.inverted.purple.pointing.menu .active.item:after{background-color:#564F8A}.ui.inverted.orange.menu{background-color:#F05940}.ui.inverted.orange.pointing.menu .active.item:after{background-color:#F05940}.ui.inverted.teal.menu{background-color:#00B5AD}.ui.inverted.teal.pointing.menu .active.item:after{background-color:#00B5AD}.ui.text.menu{background-color:transparent;margin:0rem -1rem;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.text.menu>.item{opacity:.6;margin:0 1em;padding:0;min-height:0!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.6);-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease}.ui.text.menu>.item:before{display:none}.ui.text.menu .header.item{background-color:transparent;opacity:1;color:rgba(50,50,50,.8);font-size:.9rem;padding:0;text-transform:uppercase;font-weight:700}.ui.text.menu .header.item>a{background-color:transparent}.ui.text.item.menu .item{margin:0}.ui.vertical.text.menu{margin:1rem 0}.ui.vertical.text.menu .item{float:left;clear:left;margin:.5em 0}.ui.vertical.text.menu .item>.icon{float:none;margin:0 .75em 0 0}.ui.vertical.text.menu .header.item{margin:.8em 0}.ui.text.menu .item.hover,.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;padding:0;border:0;opacity:1;font-weight:700}.ui.text.pointing.menu .active.item:after{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.text.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.green.text.menu .active.item{color:#A1CF64}.ui.red.text.menu .active.item{color:#EF4D6D}.ui.blue.text.menu .active.item{color:#6ECFF5}.ui.purple.text.menu .active.item{color:#564F8A}.ui.orange.text.menu .active.item{color:#F05940}.ui.teal.text.menu .active.item{color:#00B5AD}.ui.secondary.menu{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.menu>.item{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;min-height:0!important;margin:0 .25em;padding:.5em 1em;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.menu>.item:before{display:none}.ui.secondary.menu .header.item{background-color:transparent;border-right:.1em solid rgba(0,0,0,.1);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.menu>.active.item{border-top:0;padding-top:.5em;background-color:rgba(0,0,0,.08)}.ui.secondary.vertical.menu>.active.item{-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.inverted.menu>.active.item{background-color:rgba(255,255,255,.2)}.ui.secondary.item.menu>.item{margin:0}.ui.secondary.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.secondary.pointing.menu{border-bottom:.2rem solid rgba(0,0,0,.1)}.ui.secondary.pointing.menu>.item{padding:.6em .95em;margin:0;color:rgba(0,0,0,.5);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.pointing.menu>.item:after{display:none}.ui.secondary.pointing.menu>.item.hover,.ui.secondary.pointing.menu>.item:hover{background-color:transparent;color:rgba(0,0,0,.7)}.ui.secondary.pointing.menu>.item:active,.ui.secondary.pointing.menu>.item.down{background-color:transparent;box-shadow:0 .2em 0 0 rgba(0,0,0,.2)}.ui.secondary.pointing.menu>.item.active{background-color:transparent;box-shadow:0 .2em 0 0 rgba(0,0,0,.4);color:rgba(0,0,0,.85)}.ui.secondary.vertical.pointing.menu{border:0;border-right:.2rem solid rgba(0,0,0,.1)}.ui.secondary.vertical.menu>.item{border:0;margin:.2em 0;padding:.6em .8em;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.vertical.menu>.header.item{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item{margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item:active,.ui.secondary.vertical.pointing.menu>.item.down{box-shadow:.2em 0 0 0 rgba(0,0,0,.2)}.ui.secondary.vertical.pointing.menu>.item.active{box-shadow:.2em 0 0 0 rgba(0,0,0,.4)}.ui.secondary.inverted.pointing.menu{border-bottom:.2rem solid rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu>.item{color:rgba(255,255,255,.7)}.ui.secondary.inverted.pointing.menu>.item.hover,.ui.secondary.inverted.pointing.menu>.item:hover{color:rgba(255,255,255,.85)}.ui.secondary.inverted.pointing.menu>.item:active,.ui.secondary.inverted.pointing.menu>.item.down{box-shadow:0 .2em 0 0 rgba(255,255,255,.4)}.ui.secondary.inverted.pointing.menu>.item.active{box-shadow:0 .2em 0 0 rgba(255,255,255,.8);color:#fff}.ui.secondary.inverted.vertical.pointing.menu{border-right:.2rem solid rgba(255,255,255,.1)}.ui.secondary.inverted.vertical.pointing.menu .item:active,.ui.secondary.inverted.vertical.pointing.menu .item.down{box-shadow:.2em 0 0 0 rgba(255,255,255,.2)}.ui.secondary.inverted.vertical.pointing.menu .item.active{box-shadow:.2em 0 0 0 rgba(255,255,255,.4)}.ui.icon.menu,.ui.vertical.icon.menu{width:auto;display:inline-block;min-height:0}.ui.icon.menu .item{text-align:center;color:rgba(60,60,60,.7)}.ui.icon.menu .item .icon{display:block;float:none;opacity:1;margin:0 auto}.ui.icon.menu .icon:before{opacity:1}.ui.menu .icon.item .icon{margin:0}.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.labeled.icon.menu .icon{display:block;font-size:1.5em;margin:0 auto .3em}.ui.fitted.menu .item,.ui.fitted.menu .item>a,.ui.fitted.menu .item .menu .item,.ui.fitted.menu .item .menu .item>a,.ui.menu .fitted.item,.ui.menu .fitted.item>a{padding-top:0;padding-bottom:0}.ui.tight.menu .item,.ui.tight.menu .item>a,.ui.tight.menu .item .menu .item,.ui.tight.menu .item .menu .item>a,.ui.menu .tight.item,.ui.menu .tight.item>a{padding:0}.ui.borderless.menu .item:before,.ui.borderless.menu .item>a:before,.ui.borderless.menu .item .menu .item:before,.ui.borderless.menu .item .menu .item>a:before,.ui.menu .borderless.item:before,.ui.menu .borderless.item>a:before{background-image:none}.ui.compact.menu{display:inline-block}.ui.vertical.compact.menu{width:auto!important}.ui.menu.fluid,.ui.vertical.menu.fluid{width:100%}.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:10;width:100%;border:0}.ui.menu.fixed,.ui.menu.fixed .item:first-child,.ui.menu.fixed .item:last-child{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.ui.menu.fixed.top{top:0;left:0;right:auto;bottom:auto}.ui.menu.fixed.right{top:0;right:0;left:auto;bottom:auto;width:auto;height:100%}.ui.menu.fixed.bottom{bottom:0;left:0;top:auto;right:auto}.ui.menu.fixed.left{top:0;left:0;right:auto;bottom:auto;width:auto;height:100%}.ui.pointing.menu .active.item:after{position:absolute;bottom:-.35em;left:50%;content:"";margin-left:-.3em;width:.6em;height:.6em;border:0;border-bottom:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);background-image:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-transition:background .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease;-ms-transition:background .2s ease;transition:background .2s ease}.ui.vertical.pointing.menu .active.item:after{position:absolute;top:50%;right:-.4em;bottom:auto;left:auto;border:0;border-top:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);margin-top:-.3em}.ui.pointing.menu .active.item:after{background-color:#FCFCFC}.ui.pointing.menu .active.item.hover:after,.ui.pointing.menu .active.item:hover:after{background-color:#FAFAFA}.ui.pointing.menu .active.item.down:after,.ui.pointing.menu .active.item:active:after{background-color:#F0F0F0}.ui.menu.attached{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:0 0 0 1px #DDD;-webkit-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.top.attached.menu{-moz-border-radius:.325em .325em 0 0;-webkit-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0}.ui.menu.bottom.attached{-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.vertical.menu .item{min-height:0!important}.ui.tiny.menu .item{font-size:.875rem;padding:.5em .75em}.ui.tiny.menu .item>a{display:block;margin:-.5em -.75em;padding:.5em .75em}.ui.tiny.vertical.menu{width:9rem}.ui.small.menu .item{font-size:.875rem;min-height:2.25rem}.ui.small.vertical.menu{width:13rem}.ui.menu .item{font-size:1rem;min-height:2.5em}.ui.vertical.menu{width:15rem}.ui.large.menu .item{font-size:1.125rem}.ui.large.vertical.menu{width:18rem} \ No newline at end of file diff --git a/build/minified/modules/dropdown.js b/build/minified/modules/dropdown.js index caec00ed5..874bf1b1d 100644 --- a/build/minified/modules/dropdown.js +++ b/build/minified/modules/dropdown.js @@ -289,6 +289,11 @@ $.fn.dropdown = function(parameters) { .show() ; } + else if(animation.show == 'fade') { + $menu + .fadeIn(150) + ; + } else if(animation.show == 'slide') { $menu .clearQueue() @@ -304,7 +309,7 @@ $.fn.dropdown = function(parameters) { ; } else { - module.errors(error.animation); + module.error(errors.animation); } }, hide: function() { @@ -314,6 +319,11 @@ $.fn.dropdown = function(parameters) { .hide() ; } + else if(animation.hide == 'fade') { + $menu + .fadeOut(150) + ; + } else if(animation.hide == 'slide') { $menu .clearQueue() @@ -329,7 +339,7 @@ $.fn.dropdown = function(parameters) { ; } else { - module.errors(error.animation); + module.error(errors.animation); } } }, diff --git a/build/minified/modules/dropdown.min.css b/build/minified/modules/dropdown.min.css index f1c02ea79..b7eae0d4b 100644 --- a/build/minified/modules/dropdown.min.css +++ b/build/minified/modules/dropdown.min.css @@ -1 +1 @@ -.ui.dropdown{position:relative;display:inline-block;line-height:1;-webkit-transition:border-radius .1s ease,width .2s ease;-moz-transition:border-radius .1s ease,width .2s ease;-o-transition:border-radius .1s ease,width .2s ease;-ms-transition:border-radius .1s ease,width .2s ease;transition:border-radius .1s ease,width .2s ease}.ui.dropdown .menu{position:absolute;display:none;top:100%;background-color:#FFF;min-width:100%;white-space:nowrap;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease;z-index:11}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.text{display:inline-block}.ui.dropdown .menu{left:0}.ui.menu .dropdown:last-child .menu,.ui>.ui.dropdown:last-child .menu{left:auto;right:0}.ui.dropdown .menu .item{cursor:pointer;border:0;border-top:1px solid rgba(0,0,0,.05);font-size:.9em;display:block;color:rgba(0,0,0,.75);padding:.85em 1em!important;font-size:.9rem;text-transform:none;font-weight:400;text-align:left;-webkit-touch-callout:none}.ui.dropdown .menu .item .icon{margin-right:.75em}.ui.dropdown .menu .item:first-child{border-top:0}.ui.dropdown.visible{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.dropdown .menu .item:hover{background-color:rgba(0,0,0,.02)}.ui.dropdown .menu .active.item{background-color:rgba(0,0,0,.04);border-left:0}.ui.dropdown>.default.text,.ui.default.dropdown>.text{color:rgba(0,0,0,.2)}.ui.dropdown:hover>.default.text,.ui.default.dropdown:hover>.text{color:rgba(0,0,0,.4)}.ui.simple.dropdown .menu{display:block;overflow:hidden;height:0;width:0;position:absolute;opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.ui.simple.dropdown.visible .menu,.ui.simple.dropdown:hover .menu{overflow:visible;width:auto;height:auto;opacity:1}.ui.simple.disabled.dropdown:hover .menu{height:0;width:0;overflow:hidden}.ui.selection.dropdown{cursor:pointer;display:inline-block;background-color:#FFF;padding:.5em 1em;line-height:1.33;color:rgba(0,0,0,.8);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.selection.dropdown>.dropdown.icon{float:right;margin:.2em 0 .2em .5em}.ui.selection.dropdown,.ui.selection.dropdown .menu{-webkit-transition:box-shadow .2s ease-out;-moz-transition:box-shadow .2s ease-out;-o-transition:box-shadow .2s ease-out;-ms-transition:box-shadow .2s ease-out;transition:box-shadow .2s ease-out}.ui.selection.dropdown .menu{-webkit-box-shadow:0 1px 0 1px #EEE;-moz-box-shadow:0 1px 0 1px #EEE;box-shadow:0 1px 0 1px #EEE}.ui.selection.dropdown:hover,.ui.selection.dropdown.hover{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2)}.ui.selection.dropdown:hover .menu{-webkit-box-shadow:0 1px 0 1px #D3D3D3;-moz-box-shadow:0 1px 0 1px #D3D3D3;box-shadow:0 1px 0 1px #D3D3D3}.ui.fluid.dropdown{display:block} \ No newline at end of file +.ui.dropdown{position:relative;display:inline-block;line-height:1;-webkit-transition:border-radius .1s ease,width .2s ease;-moz-transition:border-radius .1s ease,width .2s ease;-o-transition:border-radius .1s ease,width .2s ease;-ms-transition:border-radius .1s ease,width .2s ease;transition:border-radius .1s ease,width .2s ease}.ui.dropdown .menu{position:absolute;display:none;top:100%;background-color:#FFF;min-width:100%;white-space:nowrap;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease;z-index:11}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.text{display:inline-block}.ui.dropdown .menu{left:0}.ui.menu .dropdown:last-child .menu,.ui>.ui.dropdown:last-child .menu{left:auto;right:0}.ui.dropdown .menu .item{cursor:pointer;border:0;border-top:1px solid rgba(0,0,0,.05);font-size:.9em;display:block;color:rgba(0,0,0,.75);padding:.85em 1em!important;font-size:.9rem;text-transform:none;font-weight:400;text-align:left;-webkit-touch-callout:none}.ui.dropdown .menu .item:before{display:none}.ui.dropdown .menu .item .icon{margin-right:.75em}.ui.dropdown .menu .item:first-child{border-top:0}.ui.dropdown.visible{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.dropdown .menu .item:hover{background-color:rgba(0,0,0,.02)}.ui.dropdown .menu .active.item{background-color:rgba(0,0,0,.04);border-left:0}.ui.dropdown>.default.text,.ui.default.dropdown>.text{color:rgba(0,0,0,.2)}.ui.dropdown:hover>.default.text,.ui.default.dropdown:hover>.text{color:rgba(0,0,0,.4)}.ui.simple.dropdown .menu:before,.ui.simple.dropdown .menu:after{display:none}.ui.simple.dropdown .menu{display:block;overflow:hidden;top:100%;height:0;width:0;position:absolute;opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.ui.simple.dropdown.visible .menu,.ui.simple.dropdown:hover .menu{overflow:visible;width:auto;height:auto;opacity:1}.ui.simple.disabled.dropdown:hover .menu{height:0;width:0;overflow:hidden}.ui.selection.dropdown{cursor:pointer;display:inline-block;background-color:#FFF;padding:.5em 1em;line-height:1.33;color:rgba(0,0,0,.8);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.3125em!important;-moz-border-radius:.3125em!important;border-radius:.3125em!important}.ui.selection.dropdown>.dropdown.icon{float:right;margin:.2em 0 .2em .5em}.ui.selection.dropdown,.ui.selection.dropdown .menu{top:100%;-webkit-transition:box-shadow .2s ease-out;-moz-transition:box-shadow .2s ease-out;-o-transition:box-shadow .2s ease-out;-ms-transition:box-shadow .2s ease-out;transition:box-shadow .2s ease-out}.ui.selection.dropdown .menu{-webkit-box-shadow:0 1px 0 1px #EEE;-moz-box-shadow:0 1px 0 1px #EEE;box-shadow:0 1px 0 1px #EEE;-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.selection.dropdown.visible,.ui.selection.dropdown:hover,.ui.selection.dropdown.hover{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2);-webkit-border-radius:.3125em .3125em 0 0!important;-moz-border-radius:.3125em .3125em 0 0!important;border-radius:.3125em .3125em 0 0!important}.ui.selection.dropdown.visible .menu,.ui.selection.dropdown.hover .menu,.ui.selection.dropdown:hover .menu{-webkit-box-shadow:0 1px 0 1px #D3D3D3;-moz-box-shadow:0 1px 0 1px #D3D3D3;box-shadow:0 1px 0 1px #D3D3D3}.ui.fluid.dropdown{display:block}.ui.pointing.dropdown .menu{top:100%;margin-top:.75em;-moz-border-radius:.325em;-webkit-border-radius:.325em;border-radius:.325em}.ui.pointing.dropdown .menu:after{position:absolute;pointer-events:none;content:" ";width:.5em;height:.5em;-moz-box-shadow:-1px -1px 0 1px rgba(0,0,0,.05);-webkit-box-shadow:-1px -1px 0 1px rgba(0,0,0,.05);box-shadow:-1px -1px 0 1px rgba(0,0,0,.05);background-image:none;background-color:#FFF;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:2}.ui.pointing.dropdown .menu .item.active:first-child{background:transparent -webkit-linear-gradient(transparent,rgba(0,0,0,.03));background:transparent -moz-linear-gradient(transparent,rgba(0,0,0,.03));background:transparent -o-linear-gradient(transparent,rgba(0,0,0,.03));background:transparent -ms-linear-gradient(transparent,rgba(0,0,0,.03));background:transparent linear-gradient(transparent,rgba(0,0,0,.03))}.ui.pointing.dropdown .menu:after{top:-.25em;left:50%;margin:0 0 0 -.25em}.ui.top.left.pointing.dropdown .menu:after{top:-.25em;left:1em;right:auto;margin:0}.ui.top.right.pointing.dropdown .menu:after{top:-.25em;left:auto;right:1em;margin:0}.ui.left.pointing.dropdown .menu:after{top:1em;left:-.25em;margin-top:-.25em 0 0 0}.ui.right.pointing.dropdown .menu:after{top:1em;left:auto;right:-.25em;margin-top:-.25em 0 0 0}.ui.pointing.dropdown.visible,.ui.pointing.dropdown.visible .menu{-moz-border-radius:.325em;-webkit-border-radius:.325em;border-radius:.325em} \ No newline at end of file diff --git a/build/minified/modules/dropdown.min.js b/build/minified/modules/dropdown.min.js index 45d7707d0..890e57cd4 100644 --- a/build/minified/modules/dropdown.min.js +++ b/build/minified/modules/dropdown.min.js @@ -1 +1 @@ -(function(e,t,n,o){e.fn.dropdown=function(t){var i,a=e(this),s=e(n),r=e.isPlainObject(t)?e.extend(!0,{},e.fn.dropdown.settings,t):e.fn.dropdown.settings,c="."+r.namespace,l="module-"+r.namespace,u=a.selector||"",d=(new Date).getTime(),m=[],f=arguments[0],g="string"==typeof f,p=[].slice.call(arguments,1);return a.each(function(){var t,h=e(this),v=e(this).find(r.selector.menu),b=e(this).find(r.selector.item),y=e(this).find(r.selector.text),x=e(this).find(r.selector.input),w="ontouchstart"in n.documentElement,C=(h.selector||"",this),T=h.data("module-"+r.namespace),k=r.className,N=r.metadata,z=r.namespace,D=r.animation,P=r.errors;t={initialize:function(){t.verbose("Initializing dropdown with bound events",h),w?h.on("touchstart"+c,t.event.test.toggle):"click"==r.on?h.on("click"+c,t.event.test.toggle):"hover"==r.on?h.on("mouseenter"+c,t.show).on("mouseleave"+c,t.delayedHide):h.on(r.on+c,t.toggle),"form"==r.action&&t.set.selected(),b.on(t.get.selectEvent()+c,t.event.item.click),h.data(l,t)},destroy:function(){t.verbose("Destroying previous module for",h),h.off(z)},event:{stopPropagation:function(e){e.stopPropagation()},test:{toggle:function(e){t.intent.test(e,t.toggle),e.stopPropagation()},hide:function(e){t.intent.test(e,t.hide),e.stopPropagation()}},item:{click:function(n){var o=e(this),i=o.data(N.text)||o.text(),a=o.data(N.value)||i;t.verbose("Adding active state to selected item"),b.removeClass(k.active),o.addClass(k.active),t.action.determine(i,a),e.proxy(r.onChange,h.get())(a,i),n.stopPropagation()}}},intent:{test:function(n,o){t.debug("Determining whether event occurred in dropdown",n.target),o=o||function(){},0===e(n.target).closest(v).size()?(t.verbose("Triggering event",o),o()):t.verbose("Event occurred in dropdown, canceling callback")},bind:function(){t.verbose("Binding hide intent event to document"),s.on(t.get.selectEvent(),t.event.test.hide)},unbind:function(){t.verbose("Removing hide intent event from document"),s.off(t.get.selectEvent())}},action:{determine:function(n,o){e.isFunction(t.action[r.action])?(t.verbose("Triggering preset action",r.action),t.action[r.action](n,o)):e.isFunction(r.action)?(t.verbose("Triggering user action",r.action),r.action(n,o)):t.error(P.action)},nothing:function(){},hide:function(){t.hide()},changeText:function(e){t.set.text(e),t.hide()},form:function(e,n){t.set.text(e),t.set.value(n),t.hide()}},get:{selectEvent:function(){return w?"touchstart":"click"},text:function(){return y.text()},value:function(){return x.val()},item:function(t){var n;return t=t||x.val(),b.each(function(){e(this).data(N.value)==t&&(n=e(this))}),n||!1}},set:{text:function(e){t.debug("Changing text",e,y),y.text(e)},value:function(e){t.debug("Adding selected value to hidden input",e,x),x.val(e)},selected:function(e){var n,o=(e||x.val(),t.get.item(e));o&&(t.debug("Setting selected menu item to",o),n=o.data(N.text)||o.text(),b.removeClass(k.active),o.addClass(k.active),t.set.text(n))}},is:{visible:function(){return v.is(":visible")},hidden:function(){return v.is(":not(:visible)")}},can:{click:function(){return w||"click"==r.on},show:function(){return!h.hasClass(k.disabled)}},animate:{show:function(){t.verbose("Doing menu showing animation"),"none"==D.show?v.show():"slide"==D.show?v.clearQueue().children().clearQueue().css("opacity",0).delay(50).animate({opacity:1},200,"easeOutQuad").end().slideDown(100,"easeOutQuad"):t.errors(error.animation)},hide:function(){t.verbose("Doing menu hiding animation"),"none"==D.hide?v.hide():"slide"==D.hide?v.clearQueue().children().clearQueue().css("opacity",1).animate({opacity:0},100,"easeOutQuad").end().delay(50).slideUp(100,"easeOutQuad"):t.errors(error.animation)}},show:function(){t.debug("Checking if dropdown can show"),clearTimeout(t.graceTimer),t.is.visible()||(t.hideOthers(),h.addClass(k.visible),t.animate.show(),t.can.click()&&t.intent.bind(),e.proxy(r.onShow,h.get())())},hide:function(){t.is.hidden()||(t.debug("Hiding dropdown"),h.removeClass(k.visible),t.can.click()&&t.intent.unbind(),t.animate.hide(),e.proxy(r.onHide,h.get())())},delayedHide:function(){t.verbose("User moused away setting timer to hide dropdown"),t.graceTimer=setTimeout(t.hide,r.gracePeriod)},hideOthers:function(){t.verbose("Finding other dropdowns to hide"),a.not(h).has(r.selector.menu+":visible").dropdown("hide")},toggle:function(){t.verbose("Toggling menu visibility"),t.is.hidden()?t.show():t.hide()},setting:function(n,i){return t.debug("Changing setting",n,i),i===o?r[n]:(e.isPlainObject(n)?e.extend(!0,r,n):r[n]=i,o)},internal:function(n,i){return t.debug("Changing internal",n,i),i===o?t[n]:(e.isPlainObject(n)?e.extend(!0,t,n):t[n]=i,o)},debug:function(){r.debug&&(r.performance?t.performance.log(arguments):t.debug=Function.prototype.bind.call(console.info,console,r.moduleName+":"))},verbose:function(){r.verbose&&r.debug&&(r.performance?t.performance.log(arguments):t.verbose=Function.prototype.bind.call(console.info,console,r.moduleName+":"))},error:function(){t.error=Function.prototype.bind.call(console.log,console,r.moduleName+":")},performance:{log:function(e){var n,o,i;r.performance&&(n=(new Date).getTime(),i=d||n,o=n-i,d=n,m.push({Element:C,Name:e[0],Arguments:e[1]||"","Execution Time":o})),clearTimeout(t.performance.timer),t.performance.timer=setTimeout(t.performance.display,100)},display:function(){var t=r.moduleName+":",n=0;d=!1,e.each(m,function(e,t){n+=t["Execution Time"]}),t+=" "+n+"ms",u&&(t+=" '"+u+"'"),(console.group!==o||console.table!==o)&&m.length>0&&(console.groupCollapsed(t),console.table?console.table(m):e.each(m,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),m=[]}},invoke:function(n,i,a){var s,r;return i=i||p,a=C||a,"string"==typeof n&&T!==o&&(n=n.split("."),s=n.length-1,e.each(n,function(n,i){return e.isPlainObject(T[i])&&n!=s?(T=T[i],!0):T[i]!==o?(r=T[i],!0):(t.error(P.method),!1)})),e.isFunction(r)?(T.verbose("Executing invoked function",r),r.apply(a,i)):r||!1}},g?(T===o&&t.initialize(),i=t.invoke(f)):(T!==o&&t.destroy(),t.initialize())}),i?i:this},e.fn.dropdown.settings={moduleName:"Dropdown",namespace:"dropdown",verbose:!0,debug:!0,performance:!0,on:"click",gracePeriod:300,action:"hide",animation:{show:"slide",hide:"slide"},onChange:function(){},onShow:function(){},onHide:function(){},errors:{action:"You called a dropdown action that was not defined",method:"The method you called is not defined.",animation:"The requested animation was not found"},metadata:{text:"text",value:"value"},selector:{menu:".menu",item:".menu > .item",text:"> .text",input:'> input[type="hidden"]'},className:{active:"active",disabled:"disabled",visible:"visible"}}})(jQuery,window,document); \ No newline at end of file +(function(e,t,n,o){e.fn.dropdown=function(t){var i,a=e(this),s=e(n),r=e.isPlainObject(t)?e.extend(!0,{},e.fn.dropdown.settings,t):e.fn.dropdown.settings,c="."+r.namespace,l="module-"+r.namespace,u=a.selector||"",d=(new Date).getTime(),m=[],f=arguments[0],g="string"==typeof f,p=[].slice.call(arguments,1);return a.each(function(){var t,h=e(this),v=e(this).find(r.selector.menu),b=e(this).find(r.selector.item),y=e(this).find(r.selector.text),x=e(this).find(r.selector.input),w="ontouchstart"in n.documentElement,C=(h.selector||"",this),T=h.data("module-"+r.namespace),k=r.className,N=r.metadata,z=r.namespace,D=r.animation,P=r.errors;t={initialize:function(){t.verbose("Initializing dropdown with bound events",h),w?h.on("touchstart"+c,t.event.test.toggle):"click"==r.on?h.on("click"+c,t.event.test.toggle):"hover"==r.on?h.on("mouseenter"+c,t.show).on("mouseleave"+c,t.delayedHide):h.on(r.on+c,t.toggle),"form"==r.action&&t.set.selected(),b.on(t.get.selectEvent()+c,t.event.item.click),h.data(l,t)},destroy:function(){t.verbose("Destroying previous module for",h),h.off(z)},event:{stopPropagation:function(e){e.stopPropagation()},test:{toggle:function(e){t.intent.test(e,t.toggle),e.stopPropagation()},hide:function(e){t.intent.test(e,t.hide),e.stopPropagation()}},item:{click:function(n){var o=e(this),i=o.data(N.text)||o.text(),a=o.data(N.value)||i;t.verbose("Adding active state to selected item"),b.removeClass(k.active),o.addClass(k.active),t.action.determine(i,a),e.proxy(r.onChange,h.get())(a,i),n.stopPropagation()}}},intent:{test:function(n,o){t.debug("Determining whether event occurred in dropdown",n.target),o=o||function(){},0===e(n.target).closest(v).size()?(t.verbose("Triggering event",o),o()):t.verbose("Event occurred in dropdown, canceling callback")},bind:function(){t.verbose("Binding hide intent event to document"),s.on(t.get.selectEvent(),t.event.test.hide)},unbind:function(){t.verbose("Removing hide intent event from document"),s.off(t.get.selectEvent())}},action:{determine:function(n,o){e.isFunction(t.action[r.action])?(t.verbose("Triggering preset action",r.action),t.action[r.action](n,o)):e.isFunction(r.action)?(t.verbose("Triggering user action",r.action),r.action(n,o)):t.error(P.action)},nothing:function(){},hide:function(){t.hide()},changeText:function(e){t.set.text(e),t.hide()},form:function(e,n){t.set.text(e),t.set.value(n),t.hide()}},get:{selectEvent:function(){return w?"touchstart":"click"},text:function(){return y.text()},value:function(){return x.val()},item:function(t){var n;return t=t||x.val(),b.each(function(){e(this).data(N.value)==t&&(n=e(this))}),n||!1}},set:{text:function(e){t.debug("Changing text",e,y),y.text(e)},value:function(e){t.debug("Adding selected value to hidden input",e,x),x.val(e)},selected:function(e){var n,o=(e||x.val(),t.get.item(e));o&&(t.debug("Setting selected menu item to",o),n=o.data(N.text)||o.text(),b.removeClass(k.active),o.addClass(k.active),t.set.text(n))}},is:{visible:function(){return v.is(":visible")},hidden:function(){return v.is(":not(:visible)")}},can:{click:function(){return w||"click"==r.on},show:function(){return!h.hasClass(k.disabled)}},animate:{show:function(){t.verbose("Doing menu showing animation"),"none"==D.show?v.show():"fade"==D.show?v.fadeIn(150):"slide"==D.show?v.clearQueue().children().clearQueue().css("opacity",0).delay(50).animate({opacity:1},200,"easeOutQuad").end().slideDown(100,"easeOutQuad"):t.error(P.animation)},hide:function(){t.verbose("Doing menu hiding animation"),"none"==D.hide?v.hide():"fade"==D.hide?v.fadeOut(150):"slide"==D.hide?v.clearQueue().children().clearQueue().css("opacity",1).animate({opacity:0},100,"easeOutQuad").end().delay(50).slideUp(100,"easeOutQuad"):t.error(P.animation)}},show:function(){t.debug("Checking if dropdown can show"),clearTimeout(t.graceTimer),t.is.visible()||(t.hideOthers(),h.addClass(k.visible),t.animate.show(),t.can.click()&&t.intent.bind(),e.proxy(r.onShow,h.get())())},hide:function(){t.is.hidden()||(t.debug("Hiding dropdown"),h.removeClass(k.visible),t.can.click()&&t.intent.unbind(),t.animate.hide(),e.proxy(r.onHide,h.get())())},delayedHide:function(){t.verbose("User moused away setting timer to hide dropdown"),t.graceTimer=setTimeout(t.hide,r.gracePeriod)},hideOthers:function(){t.verbose("Finding other dropdowns to hide"),a.not(h).has(r.selector.menu+":visible").dropdown("hide")},toggle:function(){t.verbose("Toggling menu visibility"),t.is.hidden()?t.show():t.hide()},setting:function(n,i){return t.debug("Changing setting",n,i),i===o?r[n]:(e.isPlainObject(n)?e.extend(!0,r,n):r[n]=i,o)},internal:function(n,i){return t.debug("Changing internal",n,i),i===o?t[n]:(e.isPlainObject(n)?e.extend(!0,t,n):t[n]=i,o)},debug:function(){r.debug&&(r.performance?t.performance.log(arguments):t.debug=Function.prototype.bind.call(console.info,console,r.moduleName+":"))},verbose:function(){r.verbose&&r.debug&&(r.performance?t.performance.log(arguments):t.verbose=Function.prototype.bind.call(console.info,console,r.moduleName+":"))},error:function(){t.error=Function.prototype.bind.call(console.log,console,r.moduleName+":")},performance:{log:function(e){var n,o,i;r.performance&&(n=(new Date).getTime(),i=d||n,o=n-i,d=n,m.push({Element:C,Name:e[0],Arguments:e[1]||"","Execution Time":o})),clearTimeout(t.performance.timer),t.performance.timer=setTimeout(t.performance.display,100)},display:function(){var t=r.moduleName+":",n=0;d=!1,e.each(m,function(e,t){n+=t["Execution Time"]}),t+=" "+n+"ms",u&&(t+=" '"+u+"'"),(console.group!==o||console.table!==o)&&m.length>0&&(console.groupCollapsed(t),console.table?console.table(m):e.each(m,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),m=[]}},invoke:function(n,i,a){var s,r;return i=i||p,a=C||a,"string"==typeof n&&T!==o&&(n=n.split("."),s=n.length-1,e.each(n,function(n,i){return e.isPlainObject(T[i])&&n!=s?(T=T[i],!0):T[i]!==o?(r=T[i],!0):(t.error(P.method),!1)})),e.isFunction(r)?(T.verbose("Executing invoked function",r),r.apply(a,i)):r||!1}},g?(T===o&&t.initialize(),i=t.invoke(f)):(T!==o&&t.destroy(),t.initialize())}),i?i:this},e.fn.dropdown.settings={moduleName:"Dropdown",namespace:"dropdown",verbose:!0,debug:!0,performance:!0,on:"click",gracePeriod:300,action:"hide",animation:{show:"slide",hide:"slide"},onChange:function(){},onShow:function(){},onHide:function(){},errors:{action:"You called a dropdown action that was not defined",method:"The method you called is not defined.",animation:"The requested animation was not found"},metadata:{text:"text",value:"value"},selector:{menu:".menu",item:".menu > .item",text:"> .text",input:'> input[type="hidden"]'},className:{active:"active",disabled:"disabled",visible:"visible"}}})(jQuery,window,document); \ No newline at end of file diff --git a/build/minified/views/activity-feed.min.css b/build/minified/views/activity-feed.min.css deleted file mode 100644 index d88a5280e..000000000 --- a/build/minified/views/activity-feed.min.css +++ /dev/null @@ -1 +0,0 @@ -.ui.feed .event{overflow:hidden;border-top:1px solid #D9D9D9;padding:11px 9px}.ui.feed .event:first-child{border-top:0}.ui.feed .event .who{float:left;width:35px;height:35px;background:#efefef url(../images/placeholder-tiny.png) no-repeat center center;-webkit-box-shadow:-1px -1px 0 #f0f0f0 inset;-moz-box-shadow:-1px -1px 0 #f0f0f0 inset;box-shadow:-1px -1px 0 #f0f0f0 inset}.ui.feed .event .who img{display:block;width:35px}.ui.feed .event .what{margin-left:50px;font-size:12px;line-height:1.33;color:#555}.ui.feed .event .what p{margin:0;padding:0}.ui.feed .event .what a{font-weight:700}.ui.feed .event .what img{max-width:100%}.ui.feed .event .what .summary{display:block;overflow:hidden;margin:8px 0;background-color:#F6FAFC;border:1px solid #E8F2F7;line-height:1.6;padding:6px 9px;color:#666;text-shadow:0 1px 0 rgba(255,255,255,.8)}.ui.feed .event .what .summary.grey{background-color:#FAFAFA;border:1px solid #EAEAEA;font-weight:700}.ui.feed .event .summary img{float:left;width:75px;margin-right:20px}.ui.feed .event .what .summary p{margin:0 0 10px}.ui.feed .event .what .attached{overflow:hidden;margin:8px 0 0}.ui.feed .event .what .attached img{float:left;margin:0 5px 0 0}.ui.feed .event .what .attached a img{border:1px solid #B2B2B2}.ui.feed .event .what .attached a:hover img{border:1px solid #999}.ui.feed .event .when{float:right;font-size:11px;text-align:right;color:#A1A1A1}.ui.large.feed .who{width:auto;height:auto}.ui.large.feed .who img{width:auto}.ui.large.feed .what{margin-left:70px;font-size:14px;line-height:1.33}.ui.large.feed .what .summary{color:#555}.ui.large.feed .what img{display:block;width:auto}.ui.large.feed .when{font-size:12px} \ No newline at end of file diff --git a/build/packaged/modules/behavior/default-text.js b/build/packaged/modules/behavior/default-text.js deleted file mode 100644 index 24d849842..000000000 --- a/build/packaged/modules/behavior/default-text.js +++ /dev/null @@ -1,104 +0,0 @@ -/* ****************************** - Default Text (Form) - Author: Jack Lukic - Notes: First Commit April 08, 2012 - - Refactored Aug 13, 2012 - - allows you to set a default text value which will be added and removed on form field focus - -****************************** */ -;(function ( $, window, document, undefined ) { - - $.fn.defaultText = function(parameters) { - var - // overload for shorthand to default value - settings = (typeof parameters == 'string') - ? $.extend({}, $.fn.defaultText.settings, { defaultValue: parameters }) - : $.extend(true, {}, $.fn.defaultText.settings, parameters) - ; - // overload function - if(typeof parameters == 'string') { - parameters = { defaultValue: parameters }; - } - $.extend(settings, parameters); - $(this) - .each(function() { - var - $element = $(this), - module = { - - checkDefault: function() { - if($element.val().toLowerCase() != settings.defaultValue.toLowerCase()) { - $element.addClass(settings.filledClass); - } - }, - - placeholder: { - add: function(){ - if( $element.filter(settings.disabledClassList).size() === 0 ) { - if( $element.val() == settings.replaceValue ) { - if(settings.alwaysReplace) { - $element - .removeClass(settings.filledClass) - .val($element.attr('last')) - .removeAttr('last') - ; - } - else { - $element - .removeClass(settings.filledClass) - .val(settings.defaultValue) - ; - } - } - else { - $element - .addClass(settings.filledClass) - ; - } - } - }, - remove: function() { - if( $element.filter(settings.disabledClassList).size() === 0 ) { - if(settings.alwaysReplace) { - $element - .attr('last', $element.val()) - .val(settings.replaceValue) - ; - } - else { - if( $element.val().toLowerCase() == settings.defaultValue.toLowerCase() ) { - $element - .val(settings.replaceValue) - ; - } - } - } - } - } - } - ; - if(settings.defaultValue == 'auto') { - settings.defaultValue = $(this).val(); - } - $element - .on('focus', module.placeholder.remove) - .on('blur', module.placeholder.add) - ; - // check for user value on load - module.checkDefault(); - }) - ; - return this; - }; - - $.fn.defaultText.settings = { - defaultValue : 'auto', - replaceValue : '', - alwaysReplace : false, - disabledClassList : '.readonly, .disabled', - filledClass : 'filled' - }; - -})( jQuery, window , document ); diff --git a/build/packaged/modules/dropdown.js b/build/packaged/modules/dropdown.js index caec00ed5..874bf1b1d 100644 --- a/build/packaged/modules/dropdown.js +++ b/build/packaged/modules/dropdown.js @@ -289,6 +289,11 @@ $.fn.dropdown = function(parameters) { .show() ; } + else if(animation.show == 'fade') { + $menu + .fadeIn(150) + ; + } else if(animation.show == 'slide') { $menu .clearQueue() @@ -304,7 +309,7 @@ $.fn.dropdown = function(parameters) { ; } else { - module.errors(error.animation); + module.error(errors.animation); } }, hide: function() { @@ -314,6 +319,11 @@ $.fn.dropdown = function(parameters) { .hide() ; } + else if(animation.hide == 'fade') { + $menu + .fadeOut(150) + ; + } else if(animation.hide == 'slide') { $menu .clearQueue() @@ -329,7 +339,7 @@ $.fn.dropdown = function(parameters) { ; } else { - module.errors(error.animation); + module.error(errors.animation); } } }, diff --git a/build/packaged/modules/form.js b/build/packaged/modules/form.js deleted file mode 100644 index 68e0fa814..000000000 --- a/build/packaged/modules/form.js +++ /dev/null @@ -1,536 +0,0 @@ -/* ****************************** - Form Validation Components - Author: Jack Lukic - Notes: First Commit April 08, 2012 - - Refactored May 28, 2013 - - Allows you to validate forms based on a form validation object - Form validation objects are bound by either data-validate="" metadata, or form id or name tags - -****************************** */ - -;(function ( $, window, document, undefined ) { - -$.fn.form = function(fields, parameters) { - var - $allModules = $(this), - $document = $(document), - - settings = $.extend(true, {}, $.fn.form.settings, parameters), - - eventNamespace = '.' + settings.namespace, - moduleNamespace = 'module-' + settings.namespace, - - selector = $allModules.selector || '', - time = new Date().getTime(), - performance = [], - - query = arguments[0], - methodInvoked = (typeof query == 'string'), - queryArguments = [].slice.call(arguments, 1), - invokedResponse - ; - $allModules - .each(function() { - var - $module = $(this), - $group = $(this).find(settings.selector.group), - $field = $(this).find(settings.selector.field), - $errorPrompt = $(this).find(settings.selector.prompt), - - formErrors = [], - - element = this, - instance = $module.data('module-' + settings.namespace), - - namespace = settings.namespace, - metadata = settings.metadata, - className = settings.className, - errors = settings.errors, - module - ; - - module = { - - initialize: function() { - module.verbose('Initializing form validation'); - if(fields !== undefined || !$.isEmptyObject(fields) ) { - // attach event handler - if(settings.on == 'submit') { - $module - .on('submit.' + namespace, module.validate.form) - ; - } - } - else { - module.error(errors.noFields, $module); - } - }, - - destroy: function() { - $module - .off(namespace) - ; - }, - - refresh: function() { - $field = $module.find(settings.selector.field); - }, - - field: { - find: function(identifier) { - module.refresh(); - if( $field.filter('#' + identifier).size() > 0 ) { - return $field.filter('#' + identifier); - } - else if( $field.filter('[name="' + identifier +'"]').size() > 0 ) { - return $field.filter('[name="' + identifier +'"]'); - } - else if( $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]').size() > 0 ) { - return $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]'); - } - return $(''); - }, - add: { - error: function(field, errors) { - var - $field = module.field.find(field.identifier), - $errorGroup = $field.closest($group), - $errorPrompt = $group.find($errorPrompt), - promptExists = ($errorPrompt.size() !== 0) - ; - $errorGroup - .addClass(className.error) - ; - if(settings.inlineError) { - // create message container on first invalid validation attempt - if(!promptExists) { - $errorPrompt = $('
') - .addClass(className.prompt) - .insertBefore($field) - ; - } - // add prompt message - $errorPrompt - .html(errors[0]) - .fadeIn(settings.animateSpeed) - ; - } - } - }, - remove: { - error: function(field) { - var - $field = module.field.find(field.identifier), - $errorGroup = $field.closest($group), - $errorPrompt = $group.find($errorPrompt) - ; - $errorGroup - .removeClass(className.error) - ; - if(settings.inlineError) { - $errorPrompt.hide(); - } - } - } - }, - - validate: { - - form: function(event) { - var - allValid = true - ; - // reset errors - formErrors = []; - $.each(fields, function(fieldName, field){ - // form is invalid after first bad field, but keep checking - if( !( module.validate.field(field) ) ) { - allValid = false; - } - }); - // Evaluate form callbacks - return (allValid) - ? $.proxy(settings.onSuccess, this)(event) - : $.proxy(settings.onFailure, this)(formErrors) - ; - }, - - // takes a validation object and returns whether field passes validation - field: function(field) { - var - $field = module.field.find(field.identifier), - fieldValid = true, - fieldErrors = [] - ; - if(field.rules !== undefined) { - // iterate over all validation types for a certain field - $.each(field.rules, function(index, rule) { - if( !( module.validate.rule(field, rule) ) ) { - module.debug('Field is invalid', field.identifier, rule.type); - fieldErrors.push(rule.prompt); - fieldValid = false; - } - }); - } - if(fieldValid) { - module.field.remove.error(field, fieldErrors); - settings.onValid($field); - } - else { - formErrors = formErrors.concat(fieldErrors); - module.field.add.error(field, fieldErrors); - $.proxy(settings.onInvalid, $field)(fieldErrors); - return false; - } - return true; - }, - - // takes validation rule and returns whether field passes rule - rule: function(field, validation) { - var - $field = module.field.find(field.identifier), - type = validation.type, - value = $field.val(), - - bracketRegExp = /\[(.*?)\]/i, - bracket = bracketRegExp.exec(type), - isValid = true, - ancillary, - functionType - ; - // if bracket notation is used, pass in extra parameters - if(bracket !== undefined && bracket != null) { - ancillary = bracket[1]; - functionType = type.replace(bracket[0], ''); - isValid = $.proxy(settings.rules[functionType], $module)(value, ancillary); - } - // normal notation - else { - isValid = (type == 'checked') - ? $field.filter(':checked').size() > 0 - : settings.rules[type](value) - ; - } - return isValid; - } - }, - - setting: function(name, value) { - if(value !== undefined) { - if( $.isPlainObject(name) ) { - $.extend(true, settings, name); - } - else { - settings[name] = value; - } - } - else { - return settings[name]; - } - }, - internal: function(name, value) { - if(value !== undefined) { - if( $.isPlainObject(name) ) { - $.extend(true, module, name); - } - else { - module[name] = value; - } - } - else { - return module[name]; - } - }, - debug: function() { - if(settings.debug) { - module.performance.log(arguments[0]); - module.debug = Function.prototype.bind.call(console.log, console, settings.moduleName + ':'); - } - }, - verbose: function() { - if(settings.verbose && settings.debug) { - module.performance.log(arguments[0]); - module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':'); - } - }, - error: function() { - module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':'); - }, - performance: { - log: function(message) { - var - currentTime, - executionTime, - previousTime - ; - if(settings.performance) { - currentTime = new Date().getTime(); - previousTime = time || currentTime, - executionTime = currentTime - previousTime; - time = currentTime; - performance.push({ - 'Element' : element, - 'Name' : message, - 'Execution Time' : executionTime - }); - clearTimeout(module.performance.timer); - module.performance.timer = setTimeout(module.performance.display, 100); - } - }, - display: function() { - var - title = settings.moduleName, - caption = settings.moduleName + ': ' + selector + '(' + $allModules.size() + ' elements)', - totalExecutionTime = 0 - ; - if(selector) { - title += 'Performance (' + selector + ')'; - } - if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { - console.groupCollapsed(title); - if(console.table) { - $.each(performance, function(index, data) { - totalExecutionTime += data['Execution Time']; - }); - console.table(performance); - } - else { - $.each(performance, function(index, data) { - totalExecutionTime += data['Execution Time']; - }); - } - console.log('Total Execution Time:', totalExecutionTime +'ms'); - console.groupEnd(); - performance = []; - time = false; - } - } - }, - invoke: function(query, passedArguments, context) { - var - maxDepth, - found - ; - passedArguments = passedArguments || queryArguments; - context = element || context; - if(typeof query == 'string' && instance !== undefined) { - query = query.split('.'); - maxDepth = query.length - 1; - $.each(query, function(depth, value) { - if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) { - instance = instance[value]; - return true; - } - else if( instance[value] !== undefined ) { - found = instance[value]; - return true; - } - module.error(errors.method); - return false; - }); - } - if ( $.isFunction( found ) ) { - module.verbose('Executing invoked function', found); - return found.apply(context, passedArguments); - } - return found || false; - } - }; - - if(methodInvoked) { - if(instance === undefined) { - module.initialize(); - } - invokedResponse = module.invoke(query); - } - else { - if(instance !== undefined) { - module.destroy(); - } - module.initialize(); - } - }) - ; - return (invokedResponse) - ? invokedResponse - : this - ; -}; - -$.fn.form.settings = { - - // module info - moduleName : 'Validate Form Module', - debug : true, - verbose : false, - namespace : 'validate', - - animateSpeed : 150, - inlineError : false, - - on: 'submit', - - onValid : function() {}, - onInvalid : function() {}, - onSuccess : function() { return true; }, - onFailure : function() { return false; }, - - metadata : { - validate: 'validate' - }, - - // errors - errors: { - method : 'The method you called is not defined.', - noFields : 'No validation object specified.' - }, - - - selector : { - group : '.field', - prompt : '.prompt', - field : 'input, textarea, select' - }, - - className : { - error : 'error', - prompt : 'prompt' - }, - - defaults: { - firstName: { - identifier : 'first-name', - rules: [ - { - type : 'empty', - prompt : 'Please enter your first name' - } - ] - }, - lastName: { - identifier : 'last-name', - rules: [ - { - type : 'empty', - prompt : 'Please enter your last name' - } - ] - }, - username: { - identifier : 'username', - rules: [ - { - type : 'email', - prompt : 'Please enter a username' - } - ] - }, - email: { - identifier : 'email', - rules: [ - { - type : 'empty', - prompt : 'Please enter your email' - }, - { - type : 'email', - prompt : 'Please enter a valid email' - } - ] - }, - password: { - identifier : 'password', - rules: [ - { - type : 'empty', - prompt : 'Please enter a password' - }, - { - type : 'length[6]', - prompt : 'Your password must be at least 6 characters' - } - ] - }, - passwordConfirm: { - identifier : 'password-confirm', - rules: [ - { - type : 'empty', - prompt : 'Please confirm your password' - }, - { - identifier : 'password-confirm', - type : 'match[password]', - prompt : 'Please verify password matches' - } - ] - }, - terms: { - identifier : 'terms', - rules: [ - { - type : 'checked', - prompt : 'You must agree to the terms and conditions' - } - ] - } - }, - - rules: { - empty: function(value) { - return !(value === undefined || '' === value); - }, - email: function(value){ - var - emailRegExp = new RegExp("[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?") - ; - return emailRegExp.test(value); - }, - length: function(value, requiredLength) { - return (value !== undefined) - ? (value.length >= requiredLength) - : false - ; - }, - not: function(value, notValue) { - return (value != notValue); - }, - maxLength: function(value, maxLength) { - return (value !== undefined) - ? (value.length <= maxLength) - : false - ; - }, - match: function(value, matchingField) { - // use either id or name of field - var - $form = $(this), - matchingValue - ; - if($form.find('#' + matchingField).size() > 0) { - matchingValue = $form.find('#' + matchingField).val(); - } - else if($form.find('[name=' + matchingField +']').size() > 0) { - matchingValue = $form.find('[name=' + matchingField + ']').val(); - } - else if( $form.find('[data-validate="'+ matchingField +'"]').size() > 0 ) { - matchingValue = $form.find('[data-validate="'+ matchingField +'"]').val(); - } - return (matchingValue !== undefined) - ? ( value.toString() == matchingValue.toString() ) - : false - ; - }, - url: function(value) { - var - urlRegExp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/ - ; - return urlRegExp.test(value); - } - } - -}; - -})( jQuery, window , document ); diff --git a/build/packaged/semantic.min.css.REMOVED.git-id b/build/packaged/semantic.min.css.REMOVED.git-id index cc6957cff..100342fbe 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -34194f0eaf8e1a02f7a8650efc2b2004058316fc \ No newline at end of file +211bd4ea96501c35862f7cafef4ec4e5eec35098 \ No newline at end of file diff --git a/build/packaged/semantic.min.js.REMOVED.git-id b/build/packaged/semantic.min.js.REMOVED.git-id index cfadfee5c..c956842c4 100644 --- a/build/packaged/semantic.min.js.REMOVED.git-id +++ b/build/packaged/semantic.min.js.REMOVED.git-id @@ -1 +1 @@ -8694f596a488424baec02451cec72b421816df36 \ No newline at end of file +0756a1626ca9d8d5453b31770e15a0f88482c3f9 \ No newline at end of file diff --git a/build/uncompressed/collections/menu.css b/build/uncompressed/collections/menu.css index d22d44149..e867d72cf 100644 --- a/build/uncompressed/collections/menu.css +++ b/build/uncompressed/collections/menu.css @@ -1165,6 +1165,9 @@ /*-------------- Sizes ---------------*/ +.ui.vertical.menu .item { + min-height: 0em !important; +} .ui.tiny.menu .item { font-size: 0.875rem; padding: 0.5em 0.75em; diff --git a/build/uncompressed/modules/dropdown.css b/build/uncompressed/modules/dropdown.css index d9161284d..e5e859e30 100644 --- a/build/uncompressed/modules/dropdown.css +++ b/build/uncompressed/modules/dropdown.css @@ -71,6 +71,9 @@ text-align: left; -webkit-touch-callout: none; } +.ui.dropdown .menu .item:before { + display: none; +} .ui.dropdown .menu .item .icon { margin-right: 0.75em; } @@ -107,9 +110,14 @@ Simple ---------------*/ /* Displays without javascript */ +.ui.simple.dropdown .menu:before, +.ui.simple.dropdown .menu:after { + display: none; +} .ui.simple.dropdown .menu { display: block; overflow: hidden; + top: 100%; height: 0px; width: 0px; position: absolute; @@ -146,9 +154,9 @@ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); - -webkit-border-radius: 0.3125em; - -moz-border-radius: 0.3125em; - border-radius: 0.3125em; + -webkit-border-radius: 0.3125em !important; + -moz-border-radius: 0.3125em !important; + border-radius: 0.3125em !important; } .ui.selection.dropdown > .dropdown.icon { float: right; @@ -156,6 +164,7 @@ } .ui.selection.dropdown, .ui.selection.dropdown .menu { + top: 100%; -webkit-transition: box-shadow 0.2s ease-out; -moz-transition: box-shadow 0.2s ease-out; -o-transition: box-shadow 0.2s ease-out; @@ -166,21 +175,99 @@ -webkit-box-shadow: 0px 1px 0px 1px #EEEEEE; -moz-box-shadow: 0px 1px 0px 1px #EEEEEE; box-shadow: 0px 1px 0px 1px #EEEEEE; + -moz-border-radius: 0px 0px 0.325em 0.325em; + -webkit-border-radius: 0px 0px 0.325em 0.325em; + border-radius: 0px 0px 0.325em 0.325em; } +.ui.selection.dropdown.visible, .ui.selection.dropdown:hover, .ui.selection.dropdown.hover { -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); + -webkit-border-radius: 0.3125em 0.3125em 0em 0em !important; + -moz-border-radius: 0.3125em 0.3125em 0em 0em !important; + border-radius: 0.3125em 0.3125em 0em 0em !important; } +.ui.selection.dropdown.visible .menu, +.ui.selection.dropdown.hover .menu, .ui.selection.dropdown:hover .menu { -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3; -moz-box-shadow: 0px 1px 0px 1px #D3D3D3; box-shadow: 0px 1px 0px 1px #D3D3D3; } /*-------------- - Fluid + Fluid ---------------*/ .ui.fluid.dropdown { display: block; } +/*-------------- + Pointing +---------------*/ +.ui.pointing.dropdown .menu { + top: 100%; + margin-top: 0.75em; + -moz-border-radius: 0.325em; + -webkit-border-radius: 0.325em; + border-radius: 0.325em; +} +.ui.pointing.dropdown .menu:after { + position: absolute; + pointer-events: none; + content: " "; + width: 0.5em; + height: 0.5em; + -moz-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05); + box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05); + background-image: none; + background-color: #FFFFFF; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); + z-index: 2; +} +.ui.pointing.dropdown .menu .item.active:first-child { + background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); + background: transparent -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); + background: transparent -o-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); + background: transparent -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); + background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.03)); +} +/* Directions */ +.ui.pointing.dropdown .menu:after { + top: -0.25em; + left: 50%; + margin: 0em 0em 0em -0.25em; +} +.ui.top.left.pointing.dropdown .menu:after { + top: -0.25em; + left: 1em; + right: auto; + margin: 0em; +} +.ui.top.right.pointing.dropdown .menu:after { + top: -0.25em; + left: auto; + right: 1em; + margin: 0em; +} +.ui.left.pointing.dropdown .menu:after { + top: 1em; + left: -0.25em; + margin-top: -0.25em 0em 0em 0em; +} +.ui.right.pointing.dropdown .menu:after { + top: 1em; + left: auto; + right: -0.25em; + margin-top: -0.25em 0em 0em 0em; +} +/* States */ +.ui.pointing.dropdown.visible, +.ui.pointing.dropdown.visible .menu { + -moz-border-radius: 0.325em; + -webkit-border-radius: 0.325em; + border-radius: 0.325em; +} diff --git a/build/uncompressed/modules/dropdown.js b/build/uncompressed/modules/dropdown.js index caec00ed5..874bf1b1d 100644 --- a/build/uncompressed/modules/dropdown.js +++ b/build/uncompressed/modules/dropdown.js @@ -289,6 +289,11 @@ $.fn.dropdown = function(parameters) { .show() ; } + else if(animation.show == 'fade') { + $menu + .fadeIn(150) + ; + } else if(animation.show == 'slide') { $menu .clearQueue() @@ -304,7 +309,7 @@ $.fn.dropdown = function(parameters) { ; } else { - module.errors(error.animation); + module.error(errors.animation); } }, hide: function() { @@ -314,6 +319,11 @@ $.fn.dropdown = function(parameters) { .hide() ; } + else if(animation.hide == 'fade') { + $menu + .fadeOut(150) + ; + } else if(animation.hide == 'slide') { $menu .clearQueue() @@ -329,7 +339,7 @@ $.fn.dropdown = function(parameters) { ; } else { - module.errors(error.animation); + module.error(errors.animation); } } }, diff --git a/build/uncompressed/views/activity-feed.css b/build/uncompressed/views/activity-feed.css deleted file mode 100644 index d66777761..000000000 --- a/build/uncompressed/views/activity-feed.css +++ /dev/null @@ -1,110 +0,0 @@ -/******************************* - Activity Feed -*******************************/ -/* Who */ -.ui.feed .event { - overflow: hidden; - border-top: 1px solid #D9D9D9; - padding: 11px 9px; -} -.ui.feed .event:first-child { - border-top: none; -} -.ui.feed .event .who { - float: left; - width: 35px; - height: 35px; - background: #efefef url(../images/placeholder-tiny.png) no-repeat center center; - -webkit-box-shadow: -1px -1px 0 #f0f0f0 inset; - -moz-box-shadow: -1px -1px 0 #f0f0f0 inset; - box-shadow: -1px -1px 0 #f0f0f0 inset; -} -.ui.feed .event .who img { - display: block; - width: 35px; -} -/* What */ -.ui.feed .event .what { - margin-left: 50px; - font-size: 12px; - line-height: 1.33; - color: #555555; -} -.ui.feed .event .what p { - margin: 0px; - padding: 0px; -} -.ui.feed .event .what a { - font-weight: bold; -} -.ui.feed .event .what img { - max-width: 100%; -} -.ui.feed .event .what .summary { - display: block; - overflow: hidden; - margin: 8px 0px; - background-color: #F6FAFC; - border: 1px solid #E8F2F7; - line-height: 1.6; - padding: 6px 9px; - color: #666666; - text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); -} -.ui.feed .event .what .summary.grey { - background-color: #FAFAFA; - border: 1px solid #EAEAEA; - font-weight: bold; -} -.ui.feed .event .summary img { - float: left; - width: 75px; - margin-right: 20px; -} -.ui.feed .event .what .summary p { - margin: 0px 0px 10px; -} -.ui.feed .event .what .attached { - overflow: hidden; - margin: 8px 0px 0px; -} -.ui.feed .event .what .attached img { - float: left; - margin: 0px 5px 0px 0px; -} -.ui.feed .event .what .attached a img { - border: 1px solid #B2B2B2; -} -.ui.feed .event .what .attached a:hover img { - border: 1px solid #999999; -} -/* When */ -.ui.feed .event .when { - float: right; - font-size: 11px; - text-align: right; - color: #A1A1A1; -} -/* Expanded Style */ -.ui.large.feed .who { - width: auto; - height: auto; -} -.ui.large.feed .who img { - width: auto; -} -.ui.large.feed .what { - margin-left: 70px; - font-size: 14px; - line-height: 1.33; -} -.ui.large.feed .what .summary { - color: #555555; -} -.ui.large.feed .what img { - display: block; - width: auto; -} -.ui.large.feed .when { - font-size: 12px; -} diff --git a/node/src/documents/modules/dropdown.html b/node/src/documents/modules/dropdown.html index 50fdeeb92..faef30c15 100755 --- a/node/src/documents/modules/dropdown.html +++ b/node/src/documents/modules/dropdown.html @@ -56,6 +56,7 @@ type : 'UI Module'
+ + + +
+ +

Simple

diff --git a/node/src/files/components/semantic/collections/menu.css b/node/src/files/components/semantic/collections/menu.css index d22d44149..e867d72cf 100644 --- a/node/src/files/components/semantic/collections/menu.css +++ b/node/src/files/components/semantic/collections/menu.css @@ -1165,6 +1165,9 @@ /*-------------- Sizes ---------------*/ +.ui.vertical.menu .item { + min-height: 0em !important; +} .ui.tiny.menu .item { font-size: 0.875rem; padding: 0.5em 0.75em; diff --git a/node/src/files/components/semantic/modules/dropdown.css b/node/src/files/components/semantic/modules/dropdown.css index d9161284d..e5e859e30 100644 --- a/node/src/files/components/semantic/modules/dropdown.css +++ b/node/src/files/components/semantic/modules/dropdown.css @@ -71,6 +71,9 @@ text-align: left; -webkit-touch-callout: none; } +.ui.dropdown .menu .item:before { + display: none; +} .ui.dropdown .menu .item .icon { margin-right: 0.75em; } @@ -107,9 +110,14 @@ Simple ---------------*/ /* Displays without javascript */ +.ui.simple.dropdown .menu:before, +.ui.simple.dropdown .menu:after { + display: none; +} .ui.simple.dropdown .menu { display: block; overflow: hidden; + top: 100%; height: 0px; width: 0px; position: absolute; @@ -146,9 +154,9 @@ -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); - -webkit-border-radius: 0.3125em; - -moz-border-radius: 0.3125em; - border-radius: 0.3125em; + -webkit-border-radius: 0.3125em !important; + -moz-border-radius: 0.3125em !important; + border-radius: 0.3125em !important; } .ui.selection.dropdown > .dropdown.icon { float: right; @@ -156,6 +164,7 @@ } .ui.selection.dropdown, .ui.selection.dropdown .menu { + top: 100%; -webkit-transition: box-shadow 0.2s ease-out; -moz-transition: box-shadow 0.2s ease-out; -o-transition: box-shadow 0.2s ease-out; @@ -166,21 +175,99 @@ -webkit-box-shadow: 0px 1px 0px 1px #EEEEEE; -moz-box-shadow: 0px 1px 0px 1px #EEEEEE; box-shadow: 0px 1px 0px 1px #EEEEEE; + -moz-border-radius: 0px 0px 0.325em 0.325em; + -webkit-border-radius: 0px 0px 0.325em 0.325em; + border-radius: 0px 0px 0.325em 0.325em; } +.ui.selection.dropdown.visible, .ui.selection.dropdown:hover, .ui.selection.dropdown.hover { -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); + -webkit-border-radius: 0.3125em 0.3125em 0em 0em !important; + -moz-border-radius: 0.3125em 0.3125em 0em 0em !important; + border-radius: 0.3125em 0.3125em 0em 0em !important; } +.ui.selection.dropdown.visible .menu, +.ui.selection.dropdown.hover .menu, .ui.selection.dropdown:hover .menu { -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3; -moz-box-shadow: 0px 1px 0px 1px #D3D3D3; box-shadow: 0px 1px 0px 1px #D3D3D3; } /*-------------- - Fluid + Fluid ---------------*/ .ui.fluid.dropdown { display: block; } +/*-------------- + Pointing +---------------*/ +.ui.pointing.dropdown .menu { + top: 100%; + margin-top: 0.75em; + -moz-border-radius: 0.325em; + -webkit-border-radius: 0.325em; + border-radius: 0.325em; +} +.ui.pointing.dropdown .menu:after { + position: absolute; + pointer-events: none; + content: " "; + width: 0.5em; + height: 0.5em; + -moz-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05); + box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05); + background-image: none; + background-color: #FFFFFF; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); + z-index: 2; +} +.ui.pointing.dropdown .menu .item.active:first-child { + background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); + background: transparent -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); + background: transparent -o-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); + background: transparent -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); + background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.03)); +} +/* Directions */ +.ui.pointing.dropdown .menu:after { + top: -0.25em; + left: 50%; + margin: 0em 0em 0em -0.25em; +} +.ui.top.left.pointing.dropdown .menu:after { + top: -0.25em; + left: 1em; + right: auto; + margin: 0em; +} +.ui.top.right.pointing.dropdown .menu:after { + top: -0.25em; + left: auto; + right: 1em; + margin: 0em; +} +.ui.left.pointing.dropdown .menu:after { + top: 1em; + left: -0.25em; + margin-top: -0.25em 0em 0em 0em; +} +.ui.right.pointing.dropdown .menu:after { + top: 1em; + left: auto; + right: -0.25em; + margin-top: -0.25em 0em 0em 0em; +} +/* States */ +.ui.pointing.dropdown.visible, +.ui.pointing.dropdown.visible .menu { + -moz-border-radius: 0.325em; + -webkit-border-radius: 0.325em; + border-radius: 0.325em; +} diff --git a/node/src/files/components/semantic/modules/dropdown.js b/node/src/files/components/semantic/modules/dropdown.js index caec00ed5..874bf1b1d 100644 --- a/node/src/files/components/semantic/modules/dropdown.js +++ b/node/src/files/components/semantic/modules/dropdown.js @@ -289,6 +289,11 @@ $.fn.dropdown = function(parameters) { .show() ; } + else if(animation.show == 'fade') { + $menu + .fadeIn(150) + ; + } else if(animation.show == 'slide') { $menu .clearQueue() @@ -304,7 +309,7 @@ $.fn.dropdown = function(parameters) { ; } else { - module.errors(error.animation); + module.error(errors.animation); } }, hide: function() { @@ -314,6 +319,11 @@ $.fn.dropdown = function(parameters) { .hide() ; } + else if(animation.hide == 'fade') { + $menu + .fadeOut(150) + ; + } else if(animation.hide == 'slide') { $menu .clearQueue() @@ -329,7 +339,7 @@ $.fn.dropdown = function(parameters) { ; } else { - module.errors(error.animation); + module.error(errors.animation); } } }, diff --git a/src/collections/menu.less b/src/collections/menu.less index d58d16050..9f6267bac 100755 --- a/src/collections/menu.less +++ b/src/collections/menu.less @@ -1473,6 +1473,9 @@ Sizes ---------------*/ +.ui.vertical.menu .item { + min-height: 0em !important; +} .ui.tiny.menu .item { font-size: 0.875rem; diff --git a/src/modules/dropdown.js b/src/modules/dropdown.js index caec00ed5..874bf1b1d 100755 --- a/src/modules/dropdown.js +++ b/src/modules/dropdown.js @@ -289,6 +289,11 @@ $.fn.dropdown = function(parameters) { .show() ; } + else if(animation.show == 'fade') { + $menu + .fadeIn(150) + ; + } else if(animation.show == 'slide') { $menu .clearQueue() @@ -304,7 +309,7 @@ $.fn.dropdown = function(parameters) { ; } else { - module.errors(error.animation); + module.error(errors.animation); } }, hide: function() { @@ -314,6 +319,11 @@ $.fn.dropdown = function(parameters) { .hide() ; } + else if(animation.hide == 'fade') { + $menu + .fadeOut(150) + ; + } else if(animation.hide == 'slide') { $menu .clearQueue() @@ -329,7 +339,7 @@ $.fn.dropdown = function(parameters) { ; } else { - module.errors(error.animation); + module.error(errors.animation); } } }, diff --git a/src/modules/dropdown.less b/src/modules/dropdown.less index 5451beec6..6df025513 100755 --- a/src/modules/dropdown.less +++ b/src/modules/dropdown.less @@ -75,7 +75,6 @@ transition: opacity 0.2s ease; z-index: 11; } - .ui.dropdown > .dropdown.icon { width: auto; } @@ -110,6 +109,9 @@ -webkit-touch-callout: none; } +.ui.dropdown .menu .item:before { + display: none; +} .ui.dropdown .menu .item .icon { margin-right: 0.75em; } @@ -156,9 +158,14 @@ ---------------*/ /* Displays without javascript */ +.ui.simple.dropdown .menu:before, +.ui.simple.dropdown .menu:after { + display: none; +} .ui.simple.dropdown .menu { display: block; overflow: hidden; + top: 100%; height: 0px; width: 0px; position: absolute; @@ -202,9 +209,9 @@ -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); - -webkit-border-radius: 0.3125em; - -moz-border-radius: 0.3125em; - border-radius: 0.3125em; + -webkit-border-radius: 0.3125em !important; + -moz-border-radius: 0.3125em !important; + border-radius: 0.3125em !important; } .ui.selection.dropdown > .dropdown.icon { float: right; @@ -213,6 +220,7 @@ .ui.selection.dropdown, .ui.selection.dropdown .menu { + top: 100%; -webkit-transition: box-shadow 0.2s ease-out; -moz-transition: box-shadow 0.2s ease-out; -o-transition: box-shadow 0.2s ease-out; @@ -224,14 +232,25 @@ -webkit-box-shadow: 0px 1px 0px 1px #EEEEEE; -moz-box-shadow: 0px 1px 0px 1px #EEEEEE; box-shadow: 0px 1px 0px 1px #EEEEEE; + + -moz-border-radius: 0px 0px 0.325em 0.325em; + -webkit-border-radius: 0px 0px 0.325em 0.325em; + border-radius: 0px 0px 0.325em 0.325em; } +.ui.selection.dropdown.visible, .ui.selection.dropdown:hover, .ui.selection.dropdown.hover { -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2); + + -webkit-border-radius: 0.3125em 0.3125em 0em 0em !important; + -moz-border-radius: 0.3125em 0.3125em 0em 0em !important; + border-radius: 0.3125em 0.3125em 0em 0em !important; } +.ui.selection.dropdown.visible .menu, +.ui.selection.dropdown.hover .menu, .ui.selection.dropdown:hover .menu { -webkit-box-shadow: 0px 1px 0px 1px #D3D3D3; -moz-box-shadow: 0px 1px 0px 1px #D3D3D3; @@ -239,9 +258,90 @@ } /*-------------- - Fluid + Fluid ---------------*/ .ui.fluid.dropdown { display: block; +} + +/*-------------- + Pointing +---------------*/ + + +.ui.pointing.dropdown .menu { + top: 100%; + margin-top: 0.75em; + -moz-border-radius: 0.325em; + -webkit-border-radius: 0.325em; + border-radius: 0.325em; +} + +.ui.pointing.dropdown .menu:after { + position: absolute; + pointer-events: none; + content: " "; + + + width: 0.5em; + height: 0.5em; + + -moz-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05); + box-shadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.05); + + background-image: none; + background-color: #FFFFFF; + + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); + z-index: 2; +} + +.ui.pointing.dropdown .menu .item.active:first-child { + background: transparent -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); + background: transparent -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); + background: transparent -o-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); + background: transparent -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.03)); + background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.03)); +} + +/* Directions */ +.ui.pointing.dropdown .menu:after { + top: -0.25em; + left: 50%; + margin: 0em 0em 0em -0.25em; +} +.ui.top.left.pointing.dropdown .menu:after { + top: -0.25em; + left: 1em; + right: auto; + margin: 0em; +} +.ui.top.right.pointing.dropdown .menu:after { + top: -0.25em; + left: auto; + right: 1em; + margin: 0em; +} +.ui.left.pointing.dropdown .menu:after { + top: 1em; + left: -0.25em; + margin-top: -0.25em 0em 0em 0em; +} +.ui.right.pointing.dropdown .menu:after { + top: 1em; + left: auto; + right: -0.25em; + margin-top: -0.25em 0em 0em 0em; +} + +/* States */ +.ui.pointing.dropdown.visible, +.ui.pointing.dropdown.visible .menu { + -moz-border-radius: 0.325em; + -webkit-border-radius: 0.325em; + border-radius: 0.325em; } \ No newline at end of file