From 2855ba60f4db07bcb02954cb03da7d311e08ad00 Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Thu, 20 Jun 2013 12:07:55 -0400 Subject: [PATCH] Updates dropdown to fix pointing menus, fixes bug in inverted menus Former-commit-id: 1da9abe61779df71604bd20ff01859e5bbe368dc Former-commit-id: c2945595ea4eef8ea98443281c70dbd0efa68f29 --- build/minified/collections/menu.min.css | 2 +- build/minified/modules/dropdown.js | 16 +++-- build/minified/modules/dropdown.min.css | 2 +- build/minified/modules/dropdown.min.js | 2 +- build/packaged/modules/dropdown.js | 16 +++-- .../packaged/semantic.min.css.REMOVED.git-id | 2 +- build/packaged/semantic.min.js.REMOVED.git-id | 2 +- build/uncompressed/collections/menu.css | 2 +- build/uncompressed/modules/dropdown.css | 37 ++++++++++- build/uncompressed/modules/dropdown.js | 16 +++-- node/src/documents/modules/dropdown.html | 63 +++++++++++++++---- .../components/semantic/collections/menu.css | 2 +- .../components/semantic/modules/dropdown.css | 37 ++++++++++- .../components/semantic/modules/dropdown.js | 16 +++-- node/src/files/javascript/semantic.js | 5 +- src/collections/menu.less | 2 +- src/modules/dropdown.js | 16 +++-- src/modules/dropdown.less | 43 ++++++++++++- 18 files changed, 235 insertions(+), 46 deletions(-) diff --git a/build/minified/collections/menu.min.css b/build/minified/collections/menu.min.css index db54f3e37..13d88b273 100644 --- a/build/minified/collections/menu.min.css +++ b/build/minified/collections/menu.min.css @@ -1 +1 @@ -.ui.menu{margin:1rem 0rem;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:first-child{margin-top:0rem}.ui.menu:last-child{margin-bottom:0rem}.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:1;-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{margin:0}.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;color:rgba(0,0,0,.2);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!important}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#EF4D6D!important}.ui.menu .blue.active.item,.ui.blue.menu .active.item{border-color:#6ECFF5!important}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#564F8A!important}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#F05940!important}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00B5AD!important}.ui.pagination.menu{display:inline-block}.ui.pagination.menu .item{min-width:2.7em;min-height:2.55em;text-align:center}.ui.pagination.menu.floated{display:block}.ui.pagination.menu .active.item{border-top:0;padding-top:.75em;background-color:rgba(0,0,0,.05)}.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.disabled,.ui.inverted.menu .item.disabled:hover,.ui.inverted.menu .item.disabled.hover{color:rgba(255,255,255,.2)}.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.floated.menu{float:left;margin:0rem .5rem 0rem 0rem}.ui.right.floated.menu{float:right;margin:0rem 0rem 0rem .5rem}.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:1rem -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 .link.item,.ui.secondary.menu a.item{color:rgba(0,0,0,.4)}.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);color:rgba(0,0,0,.8)}.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:3px solid rgba(0,0,0,.1)}.ui.secondary.pointing.menu>.item{margin:0 0 -3px;padding:.6em .95em;border-bottom:3px solid rgba(0,0,0,0);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;-ms-transition:color .2s;transition:color .2s}.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;border-color:rgba(0,0,0,.2)}.ui.secondary.pointing.menu>.item.active{background-color:transparent;border-color:rgba(0,0,0,.4)}.ui.secondary.vertical.pointing.menu{border:0;border-right:3px solid rgba(0,0,0,.1)}.ui.secondary.vertical.menu>.item{border:0;margin:0 0 .3em;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 -3px 0 0;border-bottom:0;border-right:3px solid transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item.hover,.ui.secondary.vertical.pointing.menu>.item:hover{background-color:transparent;color:rgba(0,0,0,.7)}.ui.secondary.vertical.pointing.menu>.item:active,.ui.secondary.vertical.pointing.menu>.item.down{background-color:transparent;border-color:rgba(0,0,0,.2)}.ui.secondary.vertical.pointing.menu>.item.active{background-color:transparent;border-color:rgba(0,0,0,.4);color:rgba(0,0,0,.85)}.ui.secondary.inverted.pointing.menu{border-bottom:3px solid rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu>.item{color:rgba(255,255,255,.7)}.ui.secondary.inverted.pointing.menu>.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{border-color:rgba(255,255,255,.4)}.ui.secondary.inverted.pointing.menu>.item.active{border-color:rgba(255,255,255,.8);color:#fff}.ui.secondary.inverted.vertical.pointing.menu{border-right:3px solid rgba(255,255,255,.1);border-bottom:0}.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;vertical-align:middle}.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;margin:0;border:0;width:100%}.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.vertical.pointing.menu .menu .active.item:after{background-color:#F4F4F4}.ui.pointing.menu .active.item.down:after,.ui.pointing.menu .active.item:active:after{background-color:#F0F0F0}.ui.menu.attached{margin:0rem;-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.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{margin:1rem 0rem;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:first-child{margin-top:0rem}.ui.menu:last-child{margin-bottom:0rem}.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:1;-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{margin:0}.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;color:rgba(0,0,0,.2);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!important}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#EF4D6D!important}.ui.menu .blue.active.item,.ui.blue.menu .active.item{border-color:#6ECFF5!important}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#564F8A!important}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#F05940!important}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00B5AD!important}.ui.pagination.menu{display:inline-block}.ui.pagination.menu .item{min-width:2.7em;min-height:2.55em;text-align:center}.ui.pagination.menu.floated{display:block}.ui.pagination.menu .active.item{border-top:0;padding-top:.75em;background-color:rgba(0,0,0,.05)}.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.disabled,.ui.inverted.menu .item.disabled:hover,.ui.inverted.menu .item.disabled.hover{color:rgba(255,255,255,.2)}.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!important;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.floated.menu{float:left;margin:0rem .5rem 0rem 0rem}.ui.right.floated.menu{float:right;margin:0rem 0rem 0rem .5rem}.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:1rem -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 .link.item,.ui.secondary.menu a.item{color:rgba(0,0,0,.4)}.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);color:rgba(0,0,0,.8)}.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:3px solid rgba(0,0,0,.1)}.ui.secondary.pointing.menu>.item{margin:0 0 -3px;padding:.6em .95em;border-bottom:3px solid rgba(0,0,0,0);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;-ms-transition:color .2s;transition:color .2s}.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;border-color:rgba(0,0,0,.2)}.ui.secondary.pointing.menu>.item.active{background-color:transparent;border-color:rgba(0,0,0,.4)}.ui.secondary.vertical.pointing.menu{border:0;border-right:3px solid rgba(0,0,0,.1)}.ui.secondary.vertical.menu>.item{border:0;margin:0 0 .3em;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 -3px 0 0;border-bottom:0;border-right:3px solid transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item.hover,.ui.secondary.vertical.pointing.menu>.item:hover{background-color:transparent;color:rgba(0,0,0,.7)}.ui.secondary.vertical.pointing.menu>.item:active,.ui.secondary.vertical.pointing.menu>.item.down{background-color:transparent;border-color:rgba(0,0,0,.2)}.ui.secondary.vertical.pointing.menu>.item.active{background-color:transparent;border-color:rgba(0,0,0,.4);color:rgba(0,0,0,.85)}.ui.secondary.inverted.pointing.menu{border-bottom:3px solid rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu>.item{color:rgba(255,255,255,.7)}.ui.secondary.inverted.pointing.menu>.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{border-color:rgba(255,255,255,.4)}.ui.secondary.inverted.pointing.menu>.item.active{border-color:rgba(255,255,255,.8);color:#fff}.ui.secondary.inverted.vertical.pointing.menu{border-right:3px solid rgba(255,255,255,.1);border-bottom:0}.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;vertical-align:middle}.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;margin:0;border:0;width:100%}.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.vertical.pointing.menu .menu .active.item:after{background-color:#F4F4F4}.ui.pointing.menu .active.item.down:after,.ui.pointing.menu .active.item:active:after{background-color:#F0F0F0}.ui.menu.attached{margin:0rem;-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.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 e81c39d9d..c39630271 100644 --- a/build/minified/modules/dropdown.js +++ b/build/minified/modules/dropdown.js @@ -136,6 +136,10 @@ $.fn.dropdown = function(parameters) { event.stopPropagation(); } + }, + + resetStyle: function() { + $(this).removeAttr('style'); } }, @@ -292,11 +296,13 @@ $.fn.dropdown = function(parameters) { } else if(animation.show == 'fade') { $menu + .clearQueue() .fadeIn(150) ; } else if(animation.show == 'slide') { $menu + .hide() .clearQueue() .children() .clearQueue() @@ -304,9 +310,9 @@ $.fn.dropdown = function(parameters) { .delay(50) .animate({ opacity : 1 - }, 200, 'easeOutQuad') + }, 200, 'easeOutQuad', module.event.resetStyle) .end() - .slideDown(100, 'easeOutQuad') + .slideDown(100, 'easeOutQuad', module.event.resetStyle) ; } else { @@ -322,21 +328,23 @@ $.fn.dropdown = function(parameters) { } else if(animation.hide == 'fade') { $menu + .clearQueue() .fadeOut(150) ; } else if(animation.hide == 'slide') { $menu + .show() .clearQueue() .children() .clearQueue() .css('opacity', 1) .animate({ opacity : 0 - }, 100, 'easeOutQuad') + }, 100, 'easeOutQuad', module.event.resetStyle) .end() .delay(50) - .slideUp(100, 'easeOutQuad') + .slideUp(100, 'easeOutQuad', module.event.resetStyle) ; } else { diff --git a/build/minified/modules/dropdown.min.css b/build/minified/modules/dropdown.min.css index dd1d318f7..2fe7368dc 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;text-shadow:none;-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:-9999px;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,.ui.simple.dropdown:hover{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.simple.dropdown.visible .menu,.ui.simple.dropdown:hover .menu{overflow:visible;width:auto;height:auto;top:100%;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{max-height:312px;overflow-x:hidden;overflow-y:auto;-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!important;-webkit-border-radius:.325em!important;border-radius:.325em!important} \ 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;text-shadow:none;-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.visible .menu{display:block}.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:-9999px;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,.ui.simple.dropdown:hover{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.simple.dropdown.visible .menu,.ui.simple.dropdown:hover .menu{overflow:visible;width:auto;height:auto;top:100%;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{max-height:312px;overflow-x:hidden;overflow-y:auto;-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.top.left.pointing.dropdown .menu,.ui.top.right.pointing.dropdown .menu{top:100%;bottom:auto;left:0;right:auto;margin:.75em 0 0}.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;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.ui.top.right.pointing.dropdown .menu:after{top:-.25em;left:auto;right:1em;margin:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.ui.left.pointing.dropdown .menu{top:0;left:100%;right:auto;margin:0 0 0 .75em}.ui.left.pointing.dropdown .menu:after{top:1em;left:0;margin-top:-.25em 0 0 0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.right.pointing.dropdown .menu{top:0;left:auto;right:100%;margin:0 .75em 0 0}.ui.right.pointing.dropdown .menu:after{top:1em;left:auto;right:-.25em;margin-top:-.25em 0 0 0;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);transform:rotate(135deg)}.ui.pointing.dropdown.visible,.ui.pointing.dropdown.visible .menu{-moz-border-radius:.325em!important;-webkit-border-radius:.325em!important;border-radius:.325em!important} \ No newline at end of file diff --git a/build/minified/modules/dropdown.min.js b/build/minified/modules/dropdown.min.js index a113928b7..4c26846f9 100644 --- a/build/minified/modules/dropdown.min.js +++ b/build/minified/modules/dropdown.min.js @@ -1 +1 @@ -(function(e,n,t,o){e.fn.dropdown=function(n){var i,a=e(this),r=e(t),s=e.isPlainObject(n)?e.extend(!0,{},e.fn.dropdown.settings,n):e.fn.dropdown.settings,c="."+s.namespace,l="module-"+s.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 n,h=e(this),v=e(this).find(s.selector.menu),b=e(this).find(s.selector.item),y=e(this).find(s.selector.text),x=e(this).find(s.selector.input),w="ontouchstart"in t.documentElement,C=(h.selector||"",this),T=h.data("module-"+s.namespace),k=s.className,N=s.metadata,z=s.namespace,E=s.animation,P=s.errors;n={initialize:function(){n.verbose("Initializing dropdown with bound events",h),w?h.on("touchstart"+c,n.event.test.toggle):"click"==s.on?h.on("click"+c,n.event.test.toggle):"hover"==s.on?h.on("mouseenter"+c,n.show).on("mouseleave"+c,n.delayedHide):h.on(s.on+c,n.toggle),"form"==s.action&&n.set.selected(),b.on(n.get.selectEvent()+c,n.event.item.click),h.data(l,n)},destroy:function(){n.verbose("Destroying previous module for",h),h.off(z)},event:{stopPropagation:function(e){e.stopPropagation()},test:{toggle:function(e){n.intent.test(e,n.toggle),e.stopPropagation()},hide:function(e){n.intent.test(e,n.hide),e.stopPropagation()}},item:{click:function(t){var o=e(this),i=o.data(N.text)||o.text(),a=o.data(N.value)||i;n.verbose("Adding active state to selected item"),b.removeClass(k.active),o.addClass(k.active),n.action.determine(i,a),e.proxy(s.onChange,h.get())(a,i),t.stopPropagation()}}},intent:{test:function(t,o){n.debug("Determining whether event occurred in dropdown",t.target),o=o||function(){},0===e(t.target).closest(v).size()?(n.verbose("Triggering event",o),o()):n.verbose("Event occurred in dropdown, canceling callback")},bind:function(){n.verbose("Binding hide intent event to document"),r.on(n.get.selectEvent(),n.event.test.hide)},unbind:function(){n.verbose("Removing hide intent event from document"),r.off(n.get.selectEvent())}},action:{determine:function(t,o){e.isFunction(n.action[s.action])?(n.verbose("Triggering preset action",s.action),n.action[s.action](t,o)):e.isFunction(s.action)?(n.verbose("Triggering user action",s.action),s.action(t,o)):n.error(P.action)},none:function(){},hide:function(){n.hide()},changeText:function(e){n.set.text(e),n.hide()},form:function(e,t){n.set.text(e),n.set.value(t),n.hide()}},get:{selectEvent:function(){return w?"touchstart":"click"},text:function(){return y.text()},value:function(){return x.val()},item:function(n){var t;return n=n||x.val(),b.each(function(){e(this).data(N.value)==n&&(t=e(this))}),t||!1}},set:{text:function(e){n.debug("Changing text",e,y),y.removeClass(k.placeholder),y.text(e)},value:function(e){n.debug("Adding selected value to hidden input",e,x),x.val(e)},selected:function(e){var t,o=(e||x.val(),n.get.item(e));o&&(n.debug("Setting selected menu item to",o),t=o.data(N.text)||o.text(),b.removeClass(k.active),o.addClass(k.active),n.set.text(t))}},is:{visible:function(){return v.is(":visible")},hidden:function(){return v.is(":not(:visible)")}},can:{click:function(){return w||"click"==s.on},show:function(){return!h.hasClass(k.disabled)}},animate:{show:function(){n.verbose("Doing menu showing animation"),"none"==E.show?v.show():"fade"==E.show?v.fadeIn(150):"slide"==E.show?v.clearQueue().children().clearQueue().css("opacity",0).delay(50).animate({opacity:1},200,"easeOutQuad").end().slideDown(100,"easeOutQuad"):n.error(P.animation)},hide:function(){n.verbose("Doing menu hiding animation"),"none"==E.hide?v.hide():"fade"==E.hide?v.fadeOut(150):"slide"==E.hide?v.clearQueue().children().clearQueue().css("opacity",1).animate({opacity:0},100,"easeOutQuad").end().delay(50).slideUp(100,"easeOutQuad"):n.error(P.animation)}},show:function(){n.debug("Checking if dropdown can show"),clearTimeout(n.graceTimer),n.is.visible()||(n.hideOthers(),h.addClass(k.visible),n.animate.show(),n.can.click()&&n.intent.bind(),e.proxy(s.onShow,h.get())())},hide:function(){n.is.hidden()||(n.debug("Hiding dropdown"),h.removeClass(k.visible),n.can.click()&&n.intent.unbind(),n.animate.hide(),e.proxy(s.onHide,h.get())())},delayedHide:function(){n.verbose("User moused away setting timer to hide dropdown"),n.graceTimer=setTimeout(n.hide,s.gracePeriod)},hideOthers:function(){n.verbose("Finding other dropdowns to hide"),a.not(h).has(s.selector.menu+":visible").dropdown("hide")},toggle:function(){n.verbose("Toggling menu visibility"),n.is.hidden()?n.show():n.hide()},setting:function(n,t){return t===o?s[n]:(e.isPlainObject(n)?e.extend(!0,s,n):s[n]=t,o)},internal:function(t,i){return i===o?n[t]:(e.isPlainObject(t)?e.extend(!0,n,t):n[t]=i,o)},debug:function(){s.debug&&(s.performance?n.performance.log(arguments):n.debug=Function.prototype.bind.call(console.info,console,s.moduleName+":"))},verbose:function(){s.verbose&&s.debug&&(s.performance?n.performance.log(arguments):n.verbose=Function.prototype.bind.call(console.info,console,s.moduleName+":"))},error:function(){n.error=Function.prototype.bind.call(console.log,console,s.moduleName+":")},performance:{log:function(e){var t,o,i;s.performance&&(t=(new Date).getTime(),i=d||t,o=t-i,d=t,m.push({Element:C,Name:e[0],Arguments:e[1]||"","Execution Time":o})),clearTimeout(n.performance.timer),n.performance.timer=setTimeout(n.performance.display,100)},display:function(){var n=s.moduleName+":",t=0;d=!1,e.each(m,function(e,n){t+=n["Execution Time"]}),n+=" "+t+"ms",u&&(n+=" '"+u+"'"),(console.group!==o||console.table!==o)&&m.length>0&&(console.groupCollapsed(n),console.table?console.table(m):e.each(m,function(e,n){console.log(n.Name+": "+n["Execution Time"]+"ms")}),console.groupEnd()),m=[]}},invoke:function(t,i,a){var r,s;return i=i||p,a=C||a,"string"==typeof t&&T!==o&&(t=t.split("."),r=t.length-1,e.each(t,function(t,i){e.isPlainObject(T[i])&&t!=r?T=T[i]:T[i]!==o?s=T[i]:n.error(error.method)})),e.isFunction(s)?(T.verbose("Executing invoked function",s),s.apply(a,i)):s||!1}},g?(T===o&&n.initialize(),i=n.invoke(f)):(T!==o&&n.destroy(),n.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",placeholder:"default",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),r=e(n),s=e.isPlainObject(t)?e.extend(!0,{},e.fn.dropdown.settings,t):e.fn.dropdown.settings,c="."+s.namespace,l="module-"+s.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(s.selector.menu),b=e(this).find(s.selector.item),y=e(this).find(s.selector.text),x=e(this).find(s.selector.input),w="ontouchstart"in n.documentElement,C=(h.selector||"",this),T=h.data("module-"+s.namespace),k=s.className,N=s.metadata,z=s.namespace,E=s.animation,P=s.errors;t={initialize:function(){t.verbose("Initializing dropdown with bound events",h),w?h.on("touchstart"+c,t.event.test.toggle):"click"==s.on?h.on("click"+c,t.event.test.toggle):"hover"==s.on?h.on("mouseenter"+c,t.show).on("mouseleave"+c,t.delayedHide):h.on(s.on+c,t.toggle),"form"==s.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(s.onChange,h.get())(a,i),n.stopPropagation()}},resetStyle:function(){e(this).removeAttr("style")}},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"),r.on(t.get.selectEvent(),t.event.test.hide)},unbind:function(){t.verbose("Removing hide intent event from document"),r.off(t.get.selectEvent())}},action:{determine:function(n,o){e.isFunction(t.action[s.action])?(t.verbose("Triggering preset action",s.action),t.action[s.action](n,o)):e.isFunction(s.action)?(t.verbose("Triggering user action",s.action),s.action(n,o)):t.error(P.action)},none: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.removeClass(k.placeholder),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"==s.on},show:function(){return!h.hasClass(k.disabled)}},animate:{show:function(){t.verbose("Doing menu showing animation"),"none"==E.show?v.show():"fade"==E.show?v.clearQueue().fadeIn(150):"slide"==E.show?v.hide().clearQueue().children().clearQueue().css("opacity",0).delay(50).animate({opacity:1},200,"easeOutQuad",t.event.resetStyle).end().slideDown(100,"easeOutQuad",t.event.resetStyle):t.error(P.animation)},hide:function(){t.verbose("Doing menu hiding animation"),"none"==E.hide?v.hide():"fade"==E.hide?v.clearQueue().fadeOut(150):"slide"==E.hide?v.show().clearQueue().children().clearQueue().css("opacity",1).animate({opacity:0},100,"easeOutQuad",t.event.resetStyle).end().delay(50).slideUp(100,"easeOutQuad",t.event.resetStyle):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(s.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(s.onHide,h.get())())},delayedHide:function(){t.verbose("User moused away setting timer to hide dropdown"),t.graceTimer=setTimeout(t.hide,s.gracePeriod)},hideOthers:function(){t.verbose("Finding other dropdowns to hide"),a.not(h).has(s.selector.menu+":visible").dropdown("hide")},toggle:function(){t.verbose("Toggling menu visibility"),t.is.hidden()?t.show():t.hide()},setting:function(t,n){return n===o?s[t]:(e.isPlainObject(t)?e.extend(!0,s,t):s[t]=n,o)},internal:function(n,i){return i===o?t[n]:(e.isPlainObject(n)?e.extend(!0,t,n):t[n]=i,o)},debug:function(){s.debug&&(s.performance?t.performance.log(arguments):t.debug=Function.prototype.bind.call(console.info,console,s.moduleName+":"))},verbose:function(){s.verbose&&s.debug&&(s.performance?t.performance.log(arguments):t.verbose=Function.prototype.bind.call(console.info,console,s.moduleName+":"))},error:function(){t.error=Function.prototype.bind.call(console.log,console,s.moduleName+":")},performance:{log:function(e){var n,o,i;s.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=s.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 r,s;return i=i||p,a=C||a,"string"==typeof n&&T!==o&&(n=n.split("."),r=n.length-1,e.each(n,function(n,i){e.isPlainObject(T[i])&&n!=r?T=T[i]:T[i]!==o?s=T[i]:t.error(error.method)})),e.isFunction(s)?(T.verbose("Executing invoked function",s),s.apply(a,i)):s||!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",placeholder:"default",disabled:"disabled",visible:"visible"}}})(jQuery,window,document); \ No newline at end of file diff --git a/build/packaged/modules/dropdown.js b/build/packaged/modules/dropdown.js index e81c39d9d..c39630271 100644 --- a/build/packaged/modules/dropdown.js +++ b/build/packaged/modules/dropdown.js @@ -136,6 +136,10 @@ $.fn.dropdown = function(parameters) { event.stopPropagation(); } + }, + + resetStyle: function() { + $(this).removeAttr('style'); } }, @@ -292,11 +296,13 @@ $.fn.dropdown = function(parameters) { } else if(animation.show == 'fade') { $menu + .clearQueue() .fadeIn(150) ; } else if(animation.show == 'slide') { $menu + .hide() .clearQueue() .children() .clearQueue() @@ -304,9 +310,9 @@ $.fn.dropdown = function(parameters) { .delay(50) .animate({ opacity : 1 - }, 200, 'easeOutQuad') + }, 200, 'easeOutQuad', module.event.resetStyle) .end() - .slideDown(100, 'easeOutQuad') + .slideDown(100, 'easeOutQuad', module.event.resetStyle) ; } else { @@ -322,21 +328,23 @@ $.fn.dropdown = function(parameters) { } else if(animation.hide == 'fade') { $menu + .clearQueue() .fadeOut(150) ; } else if(animation.hide == 'slide') { $menu + .show() .clearQueue() .children() .clearQueue() .css('opacity', 1) .animate({ opacity : 0 - }, 100, 'easeOutQuad') + }, 100, 'easeOutQuad', module.event.resetStyle) .end() .delay(50) - .slideUp(100, 'easeOutQuad') + .slideUp(100, 'easeOutQuad', module.event.resetStyle) ; } else { diff --git a/build/packaged/semantic.min.css.REMOVED.git-id b/build/packaged/semantic.min.css.REMOVED.git-id index a5abe35df..9c3dc0182 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -e0892136277a98be7b91ef47f8bb396a1160da05 \ No newline at end of file +bec3b04eb2b8de1217b013b25a835db81f11a38d \ 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 c00c0e1d2..f2de4f736 100644 --- a/build/packaged/semantic.min.js.REMOVED.git-id +++ b/build/packaged/semantic.min.js.REMOVED.git-id @@ -1 +1 @@ -25f9fbb466c35c5d2e9398dbddb9bd125f306b51 \ No newline at end of file +7f8c1444ffdd04c2c1ebd873adfbc69111c410f2 \ No newline at end of file diff --git a/build/uncompressed/collections/menu.css b/build/uncompressed/collections/menu.css index 05a92ebbc..e6710fc7e 100644 --- a/build/uncompressed/collections/menu.css +++ b/build/uncompressed/collections/menu.css @@ -593,7 +593,7 @@ } /*--- Active ---*/ .ui.inverted.menu .active.item { - border-color: transparent; + border-color: transparent !important; background-color: rgba(255, 255, 255, 0.2); } .ui.inverted.menu .active.item, diff --git a/build/uncompressed/modules/dropdown.css b/build/uncompressed/modules/dropdown.css index 690d2f26f..be7524802 100644 --- a/build/uncompressed/modules/dropdown.css +++ b/build/uncompressed/modules/dropdown.css @@ -88,6 +88,9 @@ border-bottom-left-radius: 0em !important; border-bottom-right-radius: 0em !important; } +.ui.dropdown.visible .menu { + display: block; +} .ui.dropdown .menu .item:hover { background-color: rgba(0, 0, 0, 0.02); } @@ -244,6 +247,14 @@ background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.03)); } /* Directions */ +.ui.top.left.pointing.dropdown .menu, +.ui.top.right.pointing.dropdown .menu { + top: 100%; + bottom: auto; + left: 0%; + right: auto; + margin: 0.75em 0em 0em; +} .ui.pointing.dropdown .menu:after { top: -0.25em; left: 50%; @@ -254,23 +265,47 @@ left: 1em; right: auto; margin: 0em; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); } .ui.top.right.pointing.dropdown .menu:after { top: -0.25em; left: auto; right: 1em; margin: 0em; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); +} +.ui.left.pointing.dropdown .menu { + top: 0%; + left: 100%; + right: auto; + margin: 0em 0em 0em 0.75em; } .ui.left.pointing.dropdown .menu:after { top: 1em; - left: -0.25em; + left: 0em; margin-top: -0.25em 0em 0em 0em; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.ui.right.pointing.dropdown .menu { + top: 0%; + left: auto; + right: 100%; + margin: 0em 0.75em 0em 0em; } .ui.right.pointing.dropdown .menu:after { top: 1em; left: auto; right: -0.25em; margin-top: -0.25em 0em 0em 0em; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + transform: rotate(135deg); } /* States */ .ui.pointing.dropdown.visible, diff --git a/build/uncompressed/modules/dropdown.js b/build/uncompressed/modules/dropdown.js index e81c39d9d..c39630271 100644 --- a/build/uncompressed/modules/dropdown.js +++ b/build/uncompressed/modules/dropdown.js @@ -136,6 +136,10 @@ $.fn.dropdown = function(parameters) { event.stopPropagation(); } + }, + + resetStyle: function() { + $(this).removeAttr('style'); } }, @@ -292,11 +296,13 @@ $.fn.dropdown = function(parameters) { } else if(animation.show == 'fade') { $menu + .clearQueue() .fadeIn(150) ; } else if(animation.show == 'slide') { $menu + .hide() .clearQueue() .children() .clearQueue() @@ -304,9 +310,9 @@ $.fn.dropdown = function(parameters) { .delay(50) .animate({ opacity : 1 - }, 200, 'easeOutQuad') + }, 200, 'easeOutQuad', module.event.resetStyle) .end() - .slideDown(100, 'easeOutQuad') + .slideDown(100, 'easeOutQuad', module.event.resetStyle) ; } else { @@ -322,21 +328,23 @@ $.fn.dropdown = function(parameters) { } else if(animation.hide == 'fade') { $menu + .clearQueue() .fadeOut(150) ; } else if(animation.hide == 'slide') { $menu + .show() .clearQueue() .children() .clearQueue() .css('opacity', 1) .animate({ opacity : 0 - }, 100, 'easeOutQuad') + }, 100, 'easeOutQuad', module.event.resetStyle) .end() .delay(50) - .slideUp(100, 'easeOutQuad') + .slideUp(100, 'easeOutQuad', module.event.resetStyle) ; } else { diff --git a/node/src/documents/modules/dropdown.html b/node/src/documents/modules/dropdown.html index faef30c15..849f1e550 100755 --- a/node/src/documents/modules/dropdown.html +++ b/node/src/documents/modules/dropdown.html @@ -153,20 +153,11 @@ type : 'UI Module' -
-

Pointing Dropdown

-

A dropdown menu can be formatted to point to its content

-
- - Settings -
-
Edit
-
Remove
-
Hide
-
-
-
+

Pointing Dropdown

+

A dropdown menu can be formatted to point to its content

+
+

A standard pointing dropdown

@@ -190,6 +181,52 @@ type : 'UI Module'
+
+

Top Right Pointing

+
+ + Settings +
+
Edit
+
Remove
+
Hide
+
+
+
+
+

Top Left Pointing

+
+ + Settings +
+
Edit
+
Remove
+
Hide
+
+
+
+
+

Left Pointing

+
+ +
+
Edit
+
Remove
+
Hide
+
+
+
+
+

Right Pointing

+
+ +
+
Edit
+
Remove
+
Hide
+
+
+

Simple

diff --git a/node/src/files/components/semantic/collections/menu.css b/node/src/files/components/semantic/collections/menu.css index 05a92ebbc..e6710fc7e 100644 --- a/node/src/files/components/semantic/collections/menu.css +++ b/node/src/files/components/semantic/collections/menu.css @@ -593,7 +593,7 @@ } /*--- Active ---*/ .ui.inverted.menu .active.item { - border-color: transparent; + border-color: transparent !important; background-color: rgba(255, 255, 255, 0.2); } .ui.inverted.menu .active.item, diff --git a/node/src/files/components/semantic/modules/dropdown.css b/node/src/files/components/semantic/modules/dropdown.css index 690d2f26f..be7524802 100644 --- a/node/src/files/components/semantic/modules/dropdown.css +++ b/node/src/files/components/semantic/modules/dropdown.css @@ -88,6 +88,9 @@ border-bottom-left-radius: 0em !important; border-bottom-right-radius: 0em !important; } +.ui.dropdown.visible .menu { + display: block; +} .ui.dropdown .menu .item:hover { background-color: rgba(0, 0, 0, 0.02); } @@ -244,6 +247,14 @@ background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.03)); } /* Directions */ +.ui.top.left.pointing.dropdown .menu, +.ui.top.right.pointing.dropdown .menu { + top: 100%; + bottom: auto; + left: 0%; + right: auto; + margin: 0.75em 0em 0em; +} .ui.pointing.dropdown .menu:after { top: -0.25em; left: 50%; @@ -254,23 +265,47 @@ left: 1em; right: auto; margin: 0em; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); } .ui.top.right.pointing.dropdown .menu:after { top: -0.25em; left: auto; right: 1em; margin: 0em; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); +} +.ui.left.pointing.dropdown .menu { + top: 0%; + left: 100%; + right: auto; + margin: 0em 0em 0em 0.75em; } .ui.left.pointing.dropdown .menu:after { top: 1em; - left: -0.25em; + left: 0em; margin-top: -0.25em 0em 0em 0em; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.ui.right.pointing.dropdown .menu { + top: 0%; + left: auto; + right: 100%; + margin: 0em 0.75em 0em 0em; } .ui.right.pointing.dropdown .menu:after { top: 1em; left: auto; right: -0.25em; margin-top: -0.25em 0em 0em 0em; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + transform: rotate(135deg); } /* States */ .ui.pointing.dropdown.visible, diff --git a/node/src/files/components/semantic/modules/dropdown.js b/node/src/files/components/semantic/modules/dropdown.js index e81c39d9d..c39630271 100644 --- a/node/src/files/components/semantic/modules/dropdown.js +++ b/node/src/files/components/semantic/modules/dropdown.js @@ -136,6 +136,10 @@ $.fn.dropdown = function(parameters) { event.stopPropagation(); } + }, + + resetStyle: function() { + $(this).removeAttr('style'); } }, @@ -292,11 +296,13 @@ $.fn.dropdown = function(parameters) { } else if(animation.show == 'fade') { $menu + .clearQueue() .fadeIn(150) ; } else if(animation.show == 'slide') { $menu + .hide() .clearQueue() .children() .clearQueue() @@ -304,9 +310,9 @@ $.fn.dropdown = function(parameters) { .delay(50) .animate({ opacity : 1 - }, 200, 'easeOutQuad') + }, 200, 'easeOutQuad', module.event.resetStyle) .end() - .slideDown(100, 'easeOutQuad') + .slideDown(100, 'easeOutQuad', module.event.resetStyle) ; } else { @@ -322,21 +328,23 @@ $.fn.dropdown = function(parameters) { } else if(animation.hide == 'fade') { $menu + .clearQueue() .fadeOut(150) ; } else if(animation.hide == 'slide') { $menu + .show() .clearQueue() .children() .clearQueue() .css('opacity', 1) .animate({ opacity : 0 - }, 100, 'easeOutQuad') + }, 100, 'easeOutQuad', module.event.resetStyle) .end() .delay(50) - .slideUp(100, 'easeOutQuad') + .slideUp(100, 'easeOutQuad', module.event.resetStyle) ; } else { diff --git a/node/src/files/javascript/semantic.js b/node/src/files/javascript/semantic.js index bf48816a3..336be50b0 100755 --- a/node/src/files/javascript/semantic.js +++ b/node/src/files/javascript/semantic.js @@ -132,8 +132,9 @@ semantic.ready = function() { if( $code.size() === 0) { $demo .each(function(){ - if($(this).not('br')) { - code += $(this).get(0).outerHTML + "\n"; + var $this = $(this).clone(false); + if($this.not('br')) { + code += $this.removeAttr('style').get(0).outerHTML + "\n"; } }) ; diff --git a/src/collections/menu.less b/src/collections/menu.less index 9756e0199..0b3bf0d96 100755 --- a/src/collections/menu.less +++ b/src/collections/menu.less @@ -795,7 +795,7 @@ /*--- Active ---*/ .ui.inverted.menu .active.item { - border-color: transparent; + border-color: transparent !important; background-color: rgba(255, 255, 255, 0.2); } .ui.inverted.menu .active.item, diff --git a/src/modules/dropdown.js b/src/modules/dropdown.js index e81c39d9d..c39630271 100755 --- a/src/modules/dropdown.js +++ b/src/modules/dropdown.js @@ -136,6 +136,10 @@ $.fn.dropdown = function(parameters) { event.stopPropagation(); } + }, + + resetStyle: function() { + $(this).removeAttr('style'); } }, @@ -292,11 +296,13 @@ $.fn.dropdown = function(parameters) { } else if(animation.show == 'fade') { $menu + .clearQueue() .fadeIn(150) ; } else if(animation.show == 'slide') { $menu + .hide() .clearQueue() .children() .clearQueue() @@ -304,9 +310,9 @@ $.fn.dropdown = function(parameters) { .delay(50) .animate({ opacity : 1 - }, 200, 'easeOutQuad') + }, 200, 'easeOutQuad', module.event.resetStyle) .end() - .slideDown(100, 'easeOutQuad') + .slideDown(100, 'easeOutQuad', module.event.resetStyle) ; } else { @@ -322,21 +328,23 @@ $.fn.dropdown = function(parameters) { } else if(animation.hide == 'fade') { $menu + .clearQueue() .fadeOut(150) ; } else if(animation.hide == 'slide') { $menu + .show() .clearQueue() .children() .clearQueue() .css('opacity', 1) .animate({ opacity : 0 - }, 100, 'easeOutQuad') + }, 100, 'easeOutQuad', module.event.resetStyle) .end() .delay(50) - .slideUp(100, 'easeOutQuad') + .slideUp(100, 'easeOutQuad', module.event.resetStyle) ; } else { diff --git a/src/modules/dropdown.less b/src/modules/dropdown.less index 9c134c2e9..4c5bd65a9 100755 --- a/src/modules/dropdown.less +++ b/src/modules/dropdown.less @@ -131,6 +131,10 @@ border-bottom-left-radius: 0em !important; border-bottom-right-radius: 0em !important; } +.ui.dropdown.visible .menu { + display: block; +} + .ui.dropdown .menu .item:hover { background-color: rgba(0, 0, 0, 0.02); } @@ -322,6 +326,15 @@ } /* Directions */ +.ui.top.left.pointing.dropdown .menu, +.ui.top.right.pointing.dropdown .menu { + top: 100%; + bottom: auto; + left: 0%; + right: auto; + margin: 0.75em 0em 0em; +} + .ui.pointing.dropdown .menu:after { top: -0.25em; left: 50%; @@ -332,23 +345,51 @@ left: 1em; right: auto; margin: 0em; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); } .ui.top.right.pointing.dropdown .menu:after { top: -0.25em; left: auto; right: 1em; margin: 0em; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); +} + +.ui.left.pointing.dropdown .menu { + top: 0%; + left: 100%; + right: auto; + margin: 0em 0em 0em 0.75em; } .ui.left.pointing.dropdown .menu:after { top: 1em; - left: -0.25em; + left: 0em; margin-top: -0.25em 0em 0em 0em; + + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + transform: rotate(-45deg); +} + +.ui.right.pointing.dropdown .menu { + top: 0%; + left: auto; + right: 100%; + margin: 0em 0.75em 0em 0em; } .ui.right.pointing.dropdown .menu:after { top: 1em; left: auto; right: -0.25em; margin-top: -0.25em 0em 0em 0em; + + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + transform: rotate(135deg); } /* States */