diff --git a/build/minified/collections/menu.min.css b/build/minified/collections/menu.min.css index a42f69cf5..1650b53df 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:5px;-moz-border-radius:5px;border-radius:5px}.ui.menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.menu>.item:first-child{border-radius:5px 0 0 5px}.ui.menu>.item:last-child{border-radius:0 5px 5px 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.2em;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 .1s linear,background .1s linear,box-shadow .1s linear;-moz-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-o-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-ms-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;transition:opacity .1s linear,background .1s linear,box-shadow .1s linear}.ui.menu .item .header{color:rgba(50,50,50,.95)}.ui.menu .item,.ui.menu .item>a{color:rgba(80,80,80,.95)}.ui.menu .item>a:hover{background-color:rgba(0,0,0,.03);color:rgba(30,30,30,.95)}.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 .item.active,.ui.menu .item.active 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;-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}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:only-child{margin:0}.ui.menu .header.item{background-color:rgba(0,0,0,.15);font-weight:700;-webkit-box-shadow:0 -.1em 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -.1em 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -.1em 0 0 rgba(0,0,0,.1) inset}.ui.menu .dropdown.item{box-shadow:none!important;z-index:10}.ui.menu .dropdown.item .menu{overflow:hidden;height:0;width:0;position:absolute;top:100%;left:0;background-color:#FFF;opacity:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-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;z-index:11}.ui.menu .dropdown.item .menu .item{border:0;border-top:1px solid rgba(0,0,0,.1);font-size:.9em;display:block;color:rgba(0,0,0,.75);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.menu .dropdown.item .menu .item.active{font-weight:700}.ui.menu .dropdown.item .menu .item:first-child{border-top:0}.ui.menu .dropdown.item:last-child .menu{left:auto;right:0}.ui.menu .item>.label,.ui.menu .item>a>.label{font-size:.9em;line-height:1.33;margin:-.2em .6em;padding:.2em .6em;vertical-align:top;text-transform:none}.ui.vertical.menu .item>.label,.ui.vertical.menu .item>a>.label{display:block;float:right}.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 .dropdown.item.hover,.ui.menu .dropdown.item:hover,.ui.menu .dropdown.item .menu .item.hover,.ui.menu .dropdown.item .menu .item:hover{cursor:pointer;background-color:rgba(0,0,0,.02)}.ui.menu .dropdown.item:hover .menu{display:block;overflow:visible;min-width:150px;width:100%;height:auto;opacity:1;border:1px solid rgba(0,0,0,.1);border-top:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.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 .dropdown.item .menu .item.down,.ui.menu .dropdown.item .menu .item:active{background-color:rgba(0,0,0,.05)}.ui.menu .item.active{border-top:.2em solid #999;padding-top:.55em;color:rgba(0,0,0,.95);background-color:rgba(0,0,0,.05)}.ui.vertical.menu .item.active{border-top:0;border-left:.2em solid #999;padding-top:.75em;padding-left:.75em}.ui.vertical.menu .item.active .menu .item.active{border-left:0}.ui.vertical.menu .item .menu .item.active{padding-top:.5em;padding-left:1.3em}.ui.menu .item.disabled,.ui.menu .item.disabled:hover,.ui.menu .item.disabled.hover{cursor:default;opacity:.3;background-color:transparent}.ui.inverted.menu{background-color:#333;box-shadow:none}.ui.inverted.menu .header.item{background-color:rgba(255,255,255,.15);-webkit-box-shadow:0 -.1em 0 0 rgba(255,255,255,.1) inset;-moz-box-shadow:0 -.1em 0 0 rgba(255,255,255,.1) inset;box-shadow:0 -.1em 0 0 rgba(255,255,255,.1) inset}.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 .dropdown.item .menu .item,.ui.inverted.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)}.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.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,.1);-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1) inset;-moz-box-shadow:1px 1px 1px rgba(0,0,0,.1) inset;box-shadow:1px 1px 1px rgba(0,0,0,.1) inset}.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,.05)}.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.active{border-color:transparent;background-color:rgba(255,255,255,.15)}.ui.inverted.menu .item.active,.ui.inverted.menu .item.active a{color:#fff}.ui.inverted.pointing.menu .item.active:after{background-color:#505050;box-shadow:none}.ui.inverted.pointing.menu .item.active:hover:after{background-color:#3B3B3B}.ui.grey.menu{background-color:#F0F0F0}.ui.inverted.green.menu{background-color:#A1CF64}.ui.inverted.green.pointing.menu .item.active:after{background-color:#A1CF64}.ui.inverted.red.menu{background-color:#EF4D6D}.ui.inverted.red.pointing.menu .item.active:after{background-color:#F16883}.ui.inverted.blue.menu{background-color:#6ECFF5}.ui.inverted.blue.pointing.menu .item.active:after{background-color:#6ECFF5}.ui.inverted.purple.menu{background-color:#564F8A}.ui.inverted.purple.pointing.menu .item.active:after{background-color:#564F8A}.ui.inverted.orange.menu{background-color:#F05940}.ui.inverted.orange.pointing.menu .item.active:after{background-color:#F05940}.ui.inverted.teal.menu{background-color:#00B5AD}.ui.inverted.teal.pointing.menu .item.active:after{background-color:#00B5AD}.ui.text.menu{background-color:transparent;-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:.35em .5em;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.text.menu .item:before{display:none}.ui.text.menu .header.item{background-color:transparent;margin:0 .5em 0 0;padding:.35em .5em;opacity:1;color:rgba(50,50,50,.8);font-size:.9rem;text-transform:uppercase;font-weight:700}.ui.fluid.text.menu{margin:0}.ui.vertical.text.menu .item{float:left;clear:left}.ui.vertical.text.menu .header.item{margin:0 0 .5em;padding:.35em .5em}.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 item.active: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.basic.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.basic.menu .item{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.basic.menu .item:before{display:none}.ui.basic.pointing.menu item.active:after{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.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 .icon{display:block;margin:0 auto;color:#3c3c3c}.ui.icon.menu .icon:before{opacity:1}.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.vertical.menu .item{display:block;border-left: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: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{width:auto;top:0;left:100%;margin:0 0 0 1px;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;border-left:0;border:1px solid rgba(0,0,0,.1);font-size:1em}.ui.vertical.menu .dropdown.item .menu .item{font-size:1em}.ui.vertical.menu .item>.menu{margin:.5em -1em 0}.ui.vertical.menu .item>.menu>.item>.icon{margin-right:.7em}.ui.vertical.menu .item>.menu>.item{padding:.5em 1.5em;font-size:.85em}.ui.vertical.menu .item>.menu>.item:before{display:none}.ui.vertical.menu .item>.menu>.item>a{margin:-.5em -1.5em;padding:.5em 1.5em}.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 .item.active: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 .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}.ui.vertical.pointing.menu .item.active: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 .item.active:after{background-color:#F3F3F3}.ui.pointing.menu .item.active.hover:after,.ui.pointing.menu .item.active:hover:after{background-color:#FAFAFA}.ui.pointing.menu .item.active.down:after,.ui.pointing.menu .item.active: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:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.menu.bottom.attached{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.ui.menu .dynamic.dropdown.item:hover .menu{display:none}.ui.menu .dynamic.dropdown.item.hover .menu{display:block}.ui.small.menu .item{font-size:.875rem;min-height:1.2em}.ui.small.vertical.menu{width:13rem}.ui.menu .item{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu .item{font-size:1.125rem;min-height:1.35em}.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:5px;-moz-border-radius:5px;border-radius:5px}.ui.menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.menu>.item:first-child{border-radius:5px 0 0 5px}.ui.menu>.item:last-child{border-radius:0 5px 5px 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.25em;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 .1s linear,background .1s linear,box-shadow .1s linear;-moz-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-o-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-ms-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;transition:opacity .1s linear,background .1s linear,box-shadow .1s linear}.ui.menu .item .header{color:rgba(50,50,50,.95)}.ui.menu .item,.ui.menu .item>a{color:rgba(80,80,80,.95)}.ui.menu .item>a:hover{background-color:rgba(0,0,0,.03);color:rgba(30,30,30,.95)}.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 .item.active,.ui.menu .item.active 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;-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}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:only-child{margin:0}.ui.menu .header.item{background-color:rgba(0,0,0,.15);font-weight:700;-webkit-box-shadow:0 -.1em 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -.1em 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -.1em 0 0 rgba(0,0,0,.1) inset}.ui.menu .dropdown.item{box-shadow:none!important;z-index:10}.ui.menu .dropdown.item .menu{overflow:hidden;height:0;width:0;position:absolute;top:100%;left:0;background-color:#FFF;opacity:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-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;z-index:11}.ui.menu .dropdown.item .menu .item{border:0;border-top:1px solid rgba(0,0,0,.1);font-size:.9em;display:block;color:rgba(0,0,0,.75);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.menu .dropdown.item .menu .item.active{font-weight:700}.ui.menu .dropdown.item .menu .item:first-child{border-top:0}.ui.menu .dropdown.item:last-child .menu{left:auto;right:0}.ui.menu .item>.label,.ui.menu .item>a>.label{font-size:.9em;line-height:1.33;margin:-.2em .6em;padding:.2em .6em;vertical-align:top;text-transform:none}.ui.vertical.menu .item>.label,.ui.vertical.menu .item>a>.label{display:block;float:right}.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 .dropdown.item.hover,.ui.menu .dropdown.item:hover,.ui.menu .dropdown.item .menu .item.hover,.ui.menu .dropdown.item .menu .item:hover{cursor:pointer;background-color:rgba(0,0,0,.02)}.ui.menu .dropdown.item:hover .menu{display:block;overflow:visible;min-width:150px;width:100%;height:auto;opacity:1;border:1px solid rgba(0,0,0,.1);border-top:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.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 .dropdown.item .menu .item.down,.ui.menu .dropdown.item .menu .item:active{background-color:rgba(0,0,0,.05)}.ui.menu .item.active{border-top:.2em solid #999;padding-top:.55em;color:rgba(0,0,0,.95);background-color:rgba(0,0,0,.05)}.ui.vertical.menu .item.active{border-top:0;border-left:.2em solid #999;padding-top:.75em;padding-left:.75em}.ui.vertical.menu .item.active .menu .item.active{border-left:0}.ui.vertical.menu .item .menu .item.active{padding-top:.5em;padding-left:1.3em}.ui.menu .item.disabled,.ui.menu .item.disabled:hover,.ui.menu .item.disabled.hover{cursor:default;opacity:.3;background-color:transparent}.ui.inverted.menu{background-color:#333;box-shadow:none}.ui.inverted.menu .header.item{background-color:rgba(255,255,255,.15);-webkit-box-shadow:0 -.1em 0 0 rgba(255,255,255,.1) inset;-moz-box-shadow:0 -.1em 0 0 rgba(255,255,255,.1) inset;box-shadow:0 -.1em 0 0 rgba(255,255,255,.1) inset}.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 .dropdown.item .menu .item,.ui.inverted.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)}.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.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,.1);-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.1) inset;-moz-box-shadow:1px 1px 1px rgba(0,0,0,.1) inset;box-shadow:1px 1px 1px rgba(0,0,0,.1) inset}.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,.05)}.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.active{border-color:transparent;background-color:rgba(255,255,255,.15)}.ui.inverted.menu .item.active,.ui.inverted.menu .item.active a{color:#fff}.ui.inverted.pointing.menu .item.active:after{background-color:#505050;box-shadow:none}.ui.inverted.pointing.menu .item.active:hover:after{background-color:#3B3B3B}.ui.grey.menu{background-color:#F0F0F0}.ui.green.menu .item.active{border-color:#A1CF64}.ui.red.menu .item.active{border-color:#EF4D6D}.ui.blue.menu .item.active{border-color:#6ECFF5}.ui.purple.menu .item.active{border-color:#564F8A}.ui.orange.menu .item.active{border-color:#F05940}.ui.teal.menu .item.active{border-color:#00B5AD}.ui.grey.menu{background-color:#F0F0F0}.ui.inverted.green.menu{background-color:#A1CF64}.ui.inverted.green.pointing.menu .item.active:after{background-color:#A1CF64}.ui.inverted.red.menu{background-color:#EF4D6D}.ui.inverted.red.pointing.menu .item.active:after{background-color:#F16883}.ui.inverted.blue.menu{background-color:#6ECFF5}.ui.inverted.blue.pointing.menu .item.active:after{background-color:#6ECFF5}.ui.inverted.purple.menu{background-color:#564F8A}.ui.inverted.purple.pointing.menu .item.active:after{background-color:#564F8A}.ui.inverted.orange.menu{background-color:#F05940}.ui.inverted.orange.pointing.menu .item.active:after{background-color:#F05940}.ui.inverted.teal.menu{background-color:#00B5AD}.ui.inverted.teal.pointing.menu .item.active:after{background-color:#00B5AD}.ui.text.menu{background-color:transparent;-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:.35em .5em;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.text.menu .item:before{display:none}.ui.text.menu .header.item{background-color:transparent;margin:0 .5em 0 0;padding:.35em .5em;opacity:1;color:rgba(50,50,50,.8);font-size:.9rem;text-transform:uppercase;font-weight:700}.ui.fluid.text.menu{margin:0}.ui.vertical.text.menu .item{float:left;clear:left}.ui.vertical.text.menu .header.item{margin:0 0 .5em;padding:.35em .5em}.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 item.active: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.basic.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.basic.menu .item{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.basic.menu .item:before{display:none}.ui.basic.pointing.menu item.active:after{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.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 .icon{display:block;margin:0 auto;color:#3c3c3c}.ui.icon.menu .icon:before{opacity:1}.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.vertical.menu .item{display:block;border-left: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: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{width:auto;top:0;left:100%;margin:0 0 0 1px;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;border-left:0;border:1px solid rgba(0,0,0,.1);font-size:1em}.ui.vertical.menu .dropdown.item .menu .item{font-size:1em}.ui.vertical.menu .item>.menu{margin:.5em -1em 0}.ui.vertical.menu .item>.menu>.item>.icon{margin-right:.7em}.ui.vertical.menu .item>.menu>.item{padding:.5em 1.5em;font-size:.85em}.ui.vertical.menu .item>.menu>.item:before{display:none}.ui.vertical.menu .item>.menu>.item>a{margin:-.5em -1.5em;padding:.5em 1.5em}.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 .item.active: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 .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}.ui.vertical.pointing.menu .item.active: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 .item.active:after{background-color:#F3F3F3}.ui.pointing.menu .item.active.hover:after,.ui.pointing.menu .item.active:hover:after{background-color:#FAFAFA}.ui.pointing.menu .item.active.down:after,.ui.pointing.menu .item.active: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:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.menu.bottom.attached{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.ui.menu .dynamic.dropdown.item:hover .menu{display:none}.ui.menu .dynamic.dropdown.item.hover .menu{display:block}.ui.small.menu .item{font-size:.875rem;min-height:1.2em}.ui.small.vertical.menu{width:13rem}.ui.menu .item{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu .item{font-size:1.125rem;min-height:1.35em}.ui.large.vertical.menu{width:18rem} \ No newline at end of file diff --git a/build/minified/collections/message.min.css b/build/minified/collections/message.min.css index 45370398e..416d711c9 100644 --- a/build/minified/collections/message.min.css +++ b/build/minified/collections/message.min.css @@ -1 +1 @@ -.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:rgba(0,0,0,.04);padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.ui.message .header{font-size:1.33em;font-weight:700}.ui.message p{opacity:.85;margin:1em 0}.ui.message p:first-child{margin-top:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.bottom.attached.message{margin-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{border-color:#75C9E9;background-color:#E9F9FF;color:#1D6582}.ui.green.message,.ui.success.message,.ui.positive.message{background-color:#EEFFE9;color:#119000;border-color:#2FCB05}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;border-color:#CBB105;color:#AF9801}.ui.red.message,.ui.error.message,.ui.negative.message{background-color:#F1D7D7;color:#AD0000;border-color:#B06C6C}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2px} \ No newline at end of file +.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:rgba(0,0,0,.04);padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.ui.message .header{font-size:1.33em;font-weight:700}.ui.message p{opacity:.85;margin:1em 0}.ui.message :first-child{margin-top:0}.ui.message :last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.bottom.attached.message{margin-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{border-color:#75C9E9;background-color:#E9F9FF;color:#1D6582}.ui.green.message,.ui.success.message,.ui.positive.message{background-color:#EEFFE9;color:#119000;border-color:#2FCB05}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;border-color:#CBB105;color:#AF9801}.ui.red.message,.ui.error.message,.ui.negative.message{background-color:#F1D7D7;color:#AD0000;border-color:#B06C6C}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2px} \ No newline at end of file diff --git a/build/minified/elements/button.min.css b/build/minified/elements/button.min.css index 580b7ab7d..5c30abe1d 100644 --- a/build/minified/elements/button.min.css +++ b/build/minified/elements/button.min.css @@ -1 +1 @@ -.ui.button{cursor:pointer;display:inline-block;vertical-align:middle;min-height:1em;background-color:#F0F0F0;padding:.8em 1.5em;font-size:1rem;text-transform:uppercase;line-height:1;font-weight:700;font-style:normal;text-align:center;color:#7A7A7A;-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-moz-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-o-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-ms-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;transition:opacity .1s linear,background .1s linear,box-shadow .1s linear}.ui.button:hover,.ui.button.hover{background-color:#E0E0E0}.ui.button:active,.ui.button.down{background-color:#DDD;-webkit-box-shadow:.125em .125em .125em 0 rgba(0,0,0,.1) inset;-moz-box-shadow:.125em .125em .125em 0 rgba(0,0,0,.1) inset;box-shadow:.125em .125em .125em 0 rgba(0,0,0,.1) inset}.ui.buttons .button.active,.ui.button.active{background-color:#E6E6E6;-webkit-box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset;-moz-box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset;box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset}.ui.buttons .button.active,.ui.buttons .button.active a,.ui.button.active,.ui.button.active a{color:#7A7A7A}.ui.buttons .button.active.hover,.ui.button.active.hover{background:#E0E0E0;-webkit-box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset;-moz-box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset;box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset}.ui.buttons .button.active.hover,.ui.buttons .button.active.hover a,.ui.button.active.hover,.ui.button.active.hover a{background:#DADADA;color:#555}.ui.button.loading,.ui.button.loading.hover{position:relative;cursor:default;opacity:.75;color:#888!important;background-image:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear}.ui.button.loading:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:#eee url(../images/throbber-tiny.gif) no-repeat 50% 50%;background-position:50% 50%;background-repeat:no-repeat;-moz-border-radius:.2em;-webkit-border-radius:.2em;border-radius:.2em}.ui.grey.button.loading,.ui.button.active.loading{border-color:#bbb}.ui.grey.button.loading:after,.ui.button.active.loading:after{background-color:#FAFAFA;background:url(../images/throbber-tiny.gif) no-repeat 50% 50%}.ui.huge.button.loading:after{background-image:url(../images/throbber-small.gif)}.ui.massive.buttons .button.loading:after,.ui.gigantic.buttons .button.loading:after,.ui.massive.button.loading:after,.ui.gigantic.button.loading:after{background-image:url(../images/throbber-medium.gif)}.ui.huge.grey.button.loading:after,.ui.huge.button.loading.active:after{background-image:url(../images/throbber-small.gif)}.ui.massive.grey.buttons .button.loading:after,.ui.gigantic.grey.buttons .button.loading:after,.ui.massive.grey.button.loading:after,.ui.gigantic.grey.button.loading:after,.ui.massive.grey.buttons .button.loading.active:after,.ui.gigantic.grey.buttons .button.loading.active:after,.ui.massive.button.loading.active:after,.ui.gigantic.button.loading.active:after{background-image:url(../images/throbber-medium.gif)}.ui.buttons .button.error,.ui.buttons .button.error.hover,.ui.buttons .button.error.down,.ui.button.error,.ui.button.error.hover,.ui.button.error.down{cursor:default;position:relative;background-color:#EE141D;color:#FFF;text-shadow:none;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear}.ui.button.success,.ui.button.success.hover,.ui.button.success.down{background-color:#59B94B;color:#FFF;border-color:#588D0F}.ui.button.disabled,.ui.button.disabled.hover,.ui.button.disabled.down{cursor:default;color:#DDD;background-color:rgba(50,50,50,.05)!important;background-image:none!important;text-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.buttons.black .button,.ui.button.black{background-color:#5C6166;color:#FFF}.ui.buttons.black .button.hover,.ui.buttons.black .button:hover,.ui.button.black.hover,.ui.button.black:hover{background-color:#888;color:#FFF}.ui.buttons.black .button.down,.ui.buttons.black .button:active,.ui.button.black.down,.ui.button.black:active{background-color:#888;color:#FFF}.ui.buttons.green .button,.ui.button.green{background-color:#A1CF64;color:#FFF}.ui.buttons.green .button.hover,.ui.buttons.green .button:hover,.ui.button.green.hover,.ui.button.green:hover{background-color:#89B84C;color:#FFF}.ui.buttons.green .button.down,.ui.buttons.green .button:active,.ui.button.green.down,.ui.button.green:active{background-color:#89B84C;color:#FFF}.ui.buttons.red .button,.ui.button.red{background-color:#EF4D6D;color:#FFF}.ui.buttons.red .button.hover,.ui.buttons.red .button:hover,.ui.button.red.hover,.ui.button.red:hover{background-color:#DE3859;color:#FFF}.ui.buttons.red .button.down,.ui.buttons.red .button:active,.ui.button.red.down,.ui.button.red:active{background-color:#DE3859;color:#FFF}.ui.buttons.blue .button,.ui.button.blue{background-color:#6ECFF5;color:#FFF}.ui.buttons.blue .button.hover,.ui.buttons.blue .button:hover,.ui.button.blue.hover,.ui.button.blue:hover{background-color:#1AB8F3;color:#FFF}.ui.buttons.blue .button.down,.ui.buttons.blue .button:active,.ui.button.blue.down,.ui.button.blue:active{background-color:#1AB8F3;color:#FFF}.ui.buttons.purple .button,.ui.button.purple{background-color:#564F8A;color:#FFF}.ui.buttons.purple .button.hover,.ui.buttons.purple .button:hover,.ui.button.purple.hover,.ui.button.purple:hover{background-color:#3E3773;color:#FFF}.ui.buttons.purple .button.down,.ui.buttons.purple .button:active,.ui.button.purple.down,.ui.button.purple:active{background-color:#3E3773;color:#FFF}.ui.buttons.teal .button,.ui.button.teal{background-color:#00B5AD;color:#FFF}.ui.buttons.teal .button.hover,.ui.buttons.teal .button:hover,.ui.button.teal.hover,.ui.button.teal:hover{background-color:#009A93;color:#FFF}.ui.buttons.teal .button.down,.ui.buttons.teal .button:active,.ui.button.teal.down,.ui.button.teal:active{background-color:#009A93;color:#FFF}.ui.buttons.positive .button,.ui.button.positive{background-color:#A1CF64;color:#FFF}.ui.buttons.positive .button.hover,.ui.buttons.positive .button:hover,.ui.button.positive.hover,.ui.button.positive:hover{background-color:#7DDC5C;color:#FFF}.ui.buttons.positive .button.down,.ui.buttons.positive .button:active,.ui.button.positive.down,.ui.button.positive:active{background-color:#7DDC5C;color:#FFF}.ui.buttons.negative .button,.ui.button.negative{background-color:#EF4D6D;color:#FFF}.ui.buttons.negative .button.hover,.ui.buttons.negative .button:hover,.ui.button.negative.hover,.ui.button.negative:hover{background-color:#DE3859;color:#FFF}.ui.buttons.negative .button.down,.ui.buttons.negative .button:active,.ui.button.negative.down,.ui.button.negative:active{background-color:#DE3859;color:#FFF}.ui.buttons.mini .button,.ui.mini.button{font-size:.5625rem}.ui.tiny.buttons .button,.ui.tiny.button{font-size:.625rem}.ui.small.buttons .button,.ui.small.button{font-size:.75rem}.ui.buttons .button,.ui.button{font-size:1rem}.ui.large.buttons .button,.ui.large.button{font-size:1.125rem}.ui.big.buttons .button,.ui.big.button{font-size:1.25rem}.ui.huge.buttons .button,.ui.huge.button{font-size:1.375rem}.ui.massive.buttons .button,.ui.massive.button{font-size:1.5rem;font-weight:700}.ui.gigantic.buttons .button,.ui.gigantic.button{font-size:2rem;font-weight:700}.ui.button i{line-height:1;margin-right:.2em}.ui.button i.icon.left,.ui.button i.icon.left-open,.ui.button i.icon.left-dir{margin:0 .2em}.ui.button i.icon.up,.ui.button i.icon.up-open,.ui.button i.icon.up-dir,.ui.button i.icon.down,.ui.button i.icon.down-open,.ui.button i.icon.down-dir,.ui.button i.icon.right,.ui.button i.icon.right-open,.ui.button i.icon.right-dir{margin:0}.ui.icon.buttons .button,.ui.icon.button{padding:.75em}.ui.icon.buttons .button i,.ui.icon.button i{margin:0;vertical-align:top}.ui.labeled.icon.buttons .button .icon,.ui.labeled.icon.button .icon{display:block;font-size:1.5em;margin:0 auto .3em}.ui.toggle.buttons .button.active,.ui.buttons .button.toggle.active,.ui.button.toggle.active{background-color:#BBF0A9;color:#1C8C21}.ui.buttons.toggle .ui.button.active.hover,.ui.buttons .ui.button.toggle.active.hover,.ui.button.toggle.active.hover{color:#21A627;background-color:#BBF0A9;-webkit-box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset;box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset}.ui.button.toggle.active.hover.down{background-color:#BBF0A9;color:#21A627;-webkit-box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset;-moz-box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset;box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset}.ui.button.bubbly{-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em}.ui.button.attached{display:block}.ui.button.attached.top{border:1px solid rgba(0,0,0,.1);border-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.button.attached.bottom{border:1px solid rgba(0,0,0,.1);border-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.button.attached.left{display:inline-block;border-left:0;padding-right:.75em;text-align:right;border-right:1px solid rgba(0,0,0,.1);-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.button.attached.right{display:inline-block;padding-left:.75em;text-align:left;border-left:1px solid rgba(0,0,0,.1);-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}input+.ui.attached.button{display:inline-block;margin:0 0 0 -1em;padding:.68em 1em;vertical-align:top;font-size:.825em;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}input:focus+.ui.attached.button{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;box-shadow:0 0 0 1px rgba(0,0,0,.3) inset}.ui.attached.button.loading,.ui.attached.button.loading.hover{opacity:1}.ui.buttons{overflow:hidden}.ui.buttons .button{float:left;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-left:1px solid rgba(0,0,0,.05)}.ui.buttons .button:first-child{margin-left:0;border-top-left-radius:.3125em;border-bottom-left-radius:.3125em}.ui.buttons .button:last-child{border-top-right-radius:.3125em;border-bottom-right-radius:.3125em}.ui.buttons.vertical{display:inline-block}.ui.buttons.vertical .button{display:block;float:none;border-bottom:1px solid rgba(0,0,0,.05);border-left:0;box-shadow:none}.ui.buttons.vertical .button:first-child,.ui.buttons.vertical .mini.button:first-child,.ui.buttons.vertical .tiny.button:first-child,.ui.buttons.vertical .small.button:first-child,.ui.buttons.vertical .massive.button:first-child,.ui.buttons.vertical .huge.button:first-child,.ui.buttons.vertical .gigantic.button:first-child{margin-top:0;-moz-border-radius:.3125em .3125em 0 0;-webkit-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.buttons.vertical .button:last-child,.ui.buttons.vertical .mini.button:last-child,.ui.buttons.vertical .tiny.button:last-child,.ui.buttons.vertical .small.button:last-child,.ui.buttons.vertical .massive.button:last-child,.ui.buttons.vertical .huge.button:last-child,.ui.buttons.vertical .gigantic.button:last-child{-moz-border-radius:0 0 .3125em .3125em;-webkit-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.buttons .or{position:relative;float:left;width:.3em;height:1em}.ui.buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#FFF;margin-top:-.15em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.66;color:#AAA;font-style:normal;font-weight:400;text-align:center;-moz-box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;-moz-border-radius:500px;-webkit-border-radius:500px;border-radius:500px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:1.8em;background-color:transparent;border-top:.6em solid #FFF;border-bottom:.6em solid #FFF}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or:after{display:none}.attached.ui.buttons{margin:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.attached.ui.buttons .button:first-child{-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.attached.ui.buttons .button:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.bottom.attached.ui.buttons{margin-top:-1px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.bottom.attached.ui.buttons .button:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.bottom.attached.ui.buttons .button:last-child{-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.left.attached.ui.buttons{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.left.attached.ui.buttons .button:first-child{margin-left:-1px;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.left.attached.ui.buttons .button:last-child{margin-left:-1px;-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.right.attached.ui.buttons,.right.attached.ui.buttons .button{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.right.attached.ui.buttons .button:first-child{margin-left:-1px;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.right.attached.ui.buttons .button:last-child{margin-left:-1px;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.ui.fluid.buttons,.ui.button.fluid,.ui.fluid.buttons>.button{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.two.fluid.buttons>.button{width:50%}.ui.three.fluid.buttons>.button{width:33.333%}.ui.four.fluid.buttons>.button{width:25%}.ui.five.fluid.buttons>.button{width:20%}.ui.six.fluid.buttons>.button{width:16.666%}.ui.seven.fluid.buttons>.button{width:14.285%}.ui.eight.fluid.buttons>.button{width:12.5%}.ui.nine.fluid.buttons>.button{width:11.11%}.ui.ten.fluid.buttons>.button{width:10%}.ui.eleven.fluid.buttons>.button{width:9.09%}.ui.twelve.fluid.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{width:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.two.fluid.buttons>.button{height:50%}.ui.three.fluid.buttons>.button{height:33.333%}.ui.four.fluid.buttons>.button{height:25%}.ui.five.fluid.buttons>.button{height:20%}.ui.six.fluid.buttons>.button{height:16.666%}.ui.seven.fluid.buttons>.button{height:14.285%}.ui.eight.fluid.buttons>.button{height:12.5%}.ui.nine.fluid.buttons>.button{height:11.11%}.ui.ten.fluid.buttons>.button{height:10%}.ui.eleven.fluid.buttons>.button{height:9.09%}.ui.twelve.fluid.buttons>.button{height:8.3333%} \ No newline at end of file +.ui.button{cursor:pointer;display:inline-block;vertical-align:middle;min-height:1em;background-color:#F0F0F0;padding:.8em 1.5em;font-size:1rem;text-transform:uppercase;line-height:1;font-weight:700;font-style:normal;text-align:center;color:#7A7A7A;-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-moz-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-o-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-ms-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;transition:opacity .1s linear,background .1s linear,box-shadow .1s linear}.ui.button:hover,.ui.button.hover{background-color:#E0E0E0}.ui.button:active,.ui.button.down{background-color:#DDD;-webkit-box-shadow:.125em .125em .125em 0 rgba(0,0,0,.1) inset;-moz-box-shadow:.125em .125em .125em 0 rgba(0,0,0,.1) inset;box-shadow:.125em .125em .125em 0 rgba(0,0,0,.1) inset}.ui.buttons .button.active,.ui.button.active{background-color:#E6E6E6;-webkit-box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset;-moz-box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset;box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset}.ui.buttons .button.active,.ui.buttons .button.active a,.ui.button.active,.ui.button.active a{color:#7A7A7A}.ui.buttons .button.active.hover,.ui.button.active.hover{background:#E0E0E0;-webkit-box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset;-moz-box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset;box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset}.ui.buttons .button.active.hover,.ui.buttons .button.active.hover a,.ui.button.active.hover,.ui.button.active.hover a{background:#DADADA;color:#555}.ui.button.loading,.ui.button.loading.hover{position:relative;cursor:default;opacity:.75;color:#888!important;background-image:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear}.ui.button.loading:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:#eee url(../images/throbber-tiny.gif) no-repeat 50% 50%;background-position:50% 50%;background-repeat:no-repeat;-moz-border-radius:.2em;-webkit-border-radius:.2em;border-radius:.2em}.ui.grey.button.loading,.ui.button.active.loading{border-color:#bbb}.ui.grey.button.loading:after,.ui.button.active.loading:after{background-color:#FAFAFA;background:url(../images/throbber-tiny.gif) no-repeat 50% 50%}.ui.huge.button.loading:after{background-image:url(../images/throbber-small.gif)}.ui.massive.buttons .button.loading:after,.ui.gigantic.buttons .button.loading:after,.ui.massive.button.loading:after,.ui.gigantic.button.loading:after{background-image:url(../images/throbber-medium.gif)}.ui.huge.grey.button.loading:after,.ui.huge.button.loading.active:after{background-image:url(../images/throbber-small.gif)}.ui.massive.grey.buttons .button.loading:after,.ui.gigantic.grey.buttons .button.loading:after,.ui.massive.grey.button.loading:after,.ui.gigantic.grey.button.loading:after,.ui.massive.grey.buttons .button.loading.active:after,.ui.gigantic.grey.buttons .button.loading.active:after,.ui.massive.button.loading.active:after,.ui.gigantic.button.loading.active:after{background-image:url(../images/throbber-medium.gif)}.ui.buttons .button.error,.ui.buttons .button.error.hover,.ui.buttons .button.error.down,.ui.button.error,.ui.button.error.hover,.ui.button.error.down{cursor:default;position:relative;background-color:#EE141D;color:#FFF;text-shadow:none;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear}.ui.button.success,.ui.button.success.hover,.ui.button.success.down{background-color:#59B94B;color:#FFF;border-color:#588D0F}.ui.button.disabled,.ui.button.disabled.hover,.ui.button.disabled.down{cursor:default;color:#DDD;background-color:rgba(50,50,50,.05)!important;background-image:none!important;text-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.buttons.black .button,.ui.button.black{background-color:#5C6166;color:#FFF}.ui.buttons.black .button.hover,.ui.buttons.black .button:hover,.ui.button.black.hover,.ui.button.black:hover{background-color:#888;color:#FFF}.ui.buttons.black .button.down,.ui.buttons.black .button:active,.ui.button.black.down,.ui.button.black:active{background-color:#888;color:#FFF}.ui.buttons.green .button,.ui.button.green{background-color:#A1CF64;color:#FFF}.ui.buttons.green .button.hover,.ui.buttons.green .button:hover,.ui.button.green.hover,.ui.button.green:hover{background-color:#89B84C;color:#FFF}.ui.buttons.green .button.down,.ui.buttons.green .button:active,.ui.button.green.down,.ui.button.green:active{background-color:#89B84C;color:#FFF}.ui.buttons.red .button,.ui.button.red{background-color:#EF4D6D;color:#FFF}.ui.buttons.red .button.hover,.ui.buttons.red .button:hover,.ui.button.red.hover,.ui.button.red:hover{background-color:#DE3859;color:#FFF}.ui.buttons.red .button.down,.ui.buttons.red .button:active,.ui.button.red.down,.ui.button.red:active{background-color:#DE3859;color:#FFF}.ui.buttons.blue .button,.ui.button.blue{background-color:#6ECFF5;color:#FFF}.ui.buttons.blue .button.hover,.ui.buttons.blue .button:hover,.ui.button.blue.hover,.ui.button.blue:hover{background-color:#1AB8F3;color:#FFF}.ui.buttons.blue .button.down,.ui.buttons.blue .button:active,.ui.button.blue.down,.ui.button.blue:active{background-color:#1AB8F3;color:#FFF}.ui.buttons.purple .button,.ui.button.purple{background-color:#564F8A;color:#FFF}.ui.buttons.purple .button.hover,.ui.buttons.purple .button:hover,.ui.button.purple.hover,.ui.button.purple:hover{background-color:#3E3773;color:#FFF}.ui.buttons.purple .button.down,.ui.buttons.purple .button:active,.ui.button.purple.down,.ui.button.purple:active{background-color:#3E3773;color:#FFF}.ui.buttons.teal .button,.ui.button.teal{background-color:#00B5AD;color:#FFF}.ui.buttons.teal .button.hover,.ui.buttons.teal .button:hover,.ui.button.teal.hover,.ui.button.teal:hover{background-color:#009A93;color:#FFF}.ui.buttons.teal .button.down,.ui.buttons.teal .button:active,.ui.button.teal.down,.ui.button.teal:active{background-color:#009A93;color:#FFF}.ui.buttons.positive .button,.ui.button.positive{background-color:#A1CF64;color:#FFF}.ui.buttons.positive .button.hover,.ui.buttons.positive .button:hover,.ui.button.positive.hover,.ui.button.positive:hover{background-color:#7DDC5C;color:#FFF}.ui.buttons.positive .button.down,.ui.buttons.positive .button:active,.ui.button.positive.down,.ui.button.positive:active{background-color:#7DDC5C;color:#FFF}.ui.buttons.negative .button,.ui.button.negative{background-color:#EF4D6D;color:#FFF}.ui.buttons.negative .button.hover,.ui.buttons.negative .button:hover,.ui.button.negative.hover,.ui.button.negative:hover{background-color:#DE3859;color:#FFF}.ui.buttons.negative .button.down,.ui.buttons.negative .button:active,.ui.button.negative.down,.ui.button.negative:active{background-color:#DE3859;color:#FFF}.ui.buttons.mini .button,.ui.mini.button{font-size:.5625rem}.ui.tiny.buttons .button,.ui.tiny.button{font-size:.625rem}.ui.small.buttons .button,.ui.small.button{font-size:.75rem}.ui.buttons .button,.ui.button{font-size:1rem}.ui.large.buttons .button,.ui.large.button{font-size:1.125rem}.ui.big.buttons .button,.ui.big.button{font-size:1.25rem}.ui.huge.buttons .button,.ui.huge.button{font-size:1.375rem}.ui.massive.buttons .button,.ui.massive.button{font-size:1.5rem;font-weight:700}.ui.gigantic.buttons .button,.ui.gigantic.button{font-size:2rem;font-weight:700}.ui.button i.icon{line-height:1;margin-right:.5em}.ui.button i.icon.left,.ui.button i.icon.left-open,.ui.button i.icon.left-dir{margin:0 .2em}.ui.button i.icon.up,.ui.button i.icon.up-open,.ui.button i.icon.up-dir,.ui.button i.icon.down,.ui.button i.icon.down-open,.ui.button i.icon.down-dir,.ui.button i.icon.right,.ui.button i.icon.right-open,.ui.button i.icon.right-dir{margin:0}.ui.icon.buttons .button,.ui.icon.button{padding:.75em}.ui.icon.buttons .button i,.ui.icon.button i{margin:0;vertical-align:top}.ui.labeled.icon.buttons .button .icon,.ui.labeled.icon.button .icon{display:block;font-size:1.5em;margin:0 auto .3em}.ui.toggle.buttons .button.active,.ui.buttons .button.toggle.active,.ui.button.toggle.active{background-color:#BBF0A9;color:#1C8C21}.ui.buttons.toggle .ui.button.active.hover,.ui.buttons .ui.button.toggle.active.hover,.ui.button.toggle.active.hover{color:#21A627;background-color:#BBF0A9;-webkit-box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset;box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset}.ui.button.toggle.active.hover.down{background-color:#BBF0A9;color:#21A627;-webkit-box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset;-moz-box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset;box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset}.ui.button.bubbly{-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em}.ui.button.attached{display:block}.ui.button.attached.top{border:1px solid rgba(0,0,0,.1);border-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.button.attached.bottom{border:1px solid rgba(0,0,0,.1);border-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.button.attached.left{display:inline-block;border-left:0;padding-right:.75em;text-align:right;border-right:1px solid rgba(0,0,0,.1);-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.button.attached.right{display:inline-block;padding-left:.75em;text-align:left;border-left:1px solid rgba(0,0,0,.1);-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}input+.ui.attached.button{display:inline-block;margin:0 0 0 -1em;padding:.68em 1em;vertical-align:top;font-size:.825em;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}input:focus+.ui.attached.button{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;box-shadow:0 0 0 1px rgba(0,0,0,.3) inset}.ui.attached.button.loading,.ui.attached.button.loading.hover{opacity:1}.ui.buttons{overflow:hidden}.ui.buttons .button{float:left;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-left:1px solid rgba(0,0,0,.05)}.ui.buttons .button:first-child{margin-left:0;border-top-left-radius:.3125em;border-bottom-left-radius:.3125em}.ui.buttons .button:last-child{border-top-right-radius:.3125em;border-bottom-right-radius:.3125em}.ui.buttons.vertical{display:inline-block}.ui.buttons.vertical .button{display:block;float:none;border-bottom:1px solid rgba(0,0,0,.05);border-left:0;box-shadow:none}.ui.buttons.vertical .button:first-child,.ui.buttons.vertical .mini.button:first-child,.ui.buttons.vertical .tiny.button:first-child,.ui.buttons.vertical .small.button:first-child,.ui.buttons.vertical .massive.button:first-child,.ui.buttons.vertical .huge.button:first-child,.ui.buttons.vertical .gigantic.button:first-child{margin-top:0;-moz-border-radius:.3125em .3125em 0 0;-webkit-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.buttons.vertical .button:last-child,.ui.buttons.vertical .mini.button:last-child,.ui.buttons.vertical .tiny.button:last-child,.ui.buttons.vertical .small.button:last-child,.ui.buttons.vertical .massive.button:last-child,.ui.buttons.vertical .huge.button:last-child,.ui.buttons.vertical .gigantic.button:last-child{-moz-border-radius:0 0 .3125em .3125em;-webkit-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.buttons .or{position:relative;float:left;width:.3em;height:1em}.ui.buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#FFF;margin-top:-.15em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.66;color:#AAA;font-style:normal;font-weight:400;text-align:center;-moz-box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;-moz-border-radius:500px;-webkit-border-radius:500px;border-radius:500px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:1.8em;background-color:transparent;border-top:.6em solid #FFF;border-bottom:.6em solid #FFF}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or:after{display:none}.attached.ui.buttons{margin:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.attached.ui.buttons .button:first-child{-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.attached.ui.buttons .button:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.bottom.attached.ui.buttons{margin-top:-1px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.bottom.attached.ui.buttons .button:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.bottom.attached.ui.buttons .button:last-child{-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.left.attached.ui.buttons{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.left.attached.ui.buttons .button:first-child{margin-left:-1px;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.left.attached.ui.buttons .button:last-child{margin-left:-1px;-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.right.attached.ui.buttons,.right.attached.ui.buttons .button{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.right.attached.ui.buttons .button:first-child{margin-left:-1px;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.right.attached.ui.buttons .button:last-child{margin-left:-1px;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.ui.fluid.buttons,.ui.button.fluid,.ui.fluid.buttons>.button{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.two.fluid.buttons>.button{width:50%}.ui.three.fluid.buttons>.button{width:33.333%}.ui.four.fluid.buttons>.button{width:25%}.ui.five.fluid.buttons>.button{width:20%}.ui.six.fluid.buttons>.button{width:16.666%}.ui.seven.fluid.buttons>.button{width:14.285%}.ui.eight.fluid.buttons>.button{width:12.5%}.ui.nine.fluid.buttons>.button{width:11.11%}.ui.ten.fluid.buttons>.button{width:10%}.ui.eleven.fluid.buttons>.button{width:9.09%}.ui.twelve.fluid.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{width:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.two.fluid.buttons>.button{height:50%}.ui.three.fluid.buttons>.button{height:33.333%}.ui.four.fluid.buttons>.button{height:25%}.ui.five.fluid.buttons>.button{height:20%}.ui.six.fluid.buttons>.button{height:16.666%}.ui.seven.fluid.buttons>.button{height:14.285%}.ui.eight.fluid.buttons>.button{height:12.5%}.ui.nine.fluid.buttons>.button{height:11.11%}.ui.ten.fluid.buttons>.button{height:10%}.ui.eleven.fluid.buttons>.button{height:9.09%}.ui.twelve.fluid.buttons>.button{height:8.3333%} \ No newline at end of file diff --git a/build/packaged/semantic.min.css.REMOVED.git-id b/build/packaged/semantic.min.css.REMOVED.git-id index 8f88ec159..a20c67a79 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -a7e474c128bb27e8311776824353f60fcaa73ac7 \ No newline at end of file +92835bf7befedceca4f6ad8d2d074a0dad5769c4 \ No newline at end of file diff --git a/build/uncompressed/collections/menu.css b/build/uncompressed/collections/menu.css index ae9a92955..7d480b945 100644 --- a/build/uncompressed/collections/menu.css +++ b/build/uncompressed/collections/menu.css @@ -46,7 +46,7 @@ user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); vertical-align: middle; - line-height: 1.2em; + line-height: 1.25em; min-height: 1.25em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -412,7 +412,33 @@ background-color: #3B3B3B; } /*-------------- - Colors + Colors +---------------*/ +/*--- Light Colors ---*/ +.ui.grey.menu { + background-color: #F0F0F0; +} +/*--- Inverted Colors ---*/ +.ui.green.menu .item.active { + border-color: #A1CF64; +} +.ui.red.menu .item.active { + border-color: #EF4D6D; +} +.ui.blue.menu .item.active { + border-color: #6ECFF5; +} +.ui.purple.menu .item.active { + border-color: #564F8A; +} +.ui.orange.menu .item.active { + border-color: #F05940; +} +.ui.teal.menu .item.active { + border-color: #00B5AD; +} +/*-------------- + Inverted Colors ---------------*/ /*--- Light Colors ---*/ .ui.grey.menu { diff --git a/build/uncompressed/collections/message.css b/build/uncompressed/collections/message.css index 472d60ec2..4fa24817f 100644 --- a/build/uncompressed/collections/message.css +++ b/build/uncompressed/collections/message.css @@ -38,9 +38,12 @@ opacity: 0.85; margin: 1em 0em; } -.ui.message p:first-child { +.ui.message :first-child { margin-top: 0em; } +.ui.message :last-child { + margin-bottom: 0em; +} /* block with child list */ .ui.message ul.list { opacity: 0.85; diff --git a/build/uncompressed/elements/button.css b/build/uncompressed/elements/button.css index 7deea970b..6ef1d6adb 100644 --- a/build/uncompressed/elements/button.css +++ b/build/uncompressed/elements/button.css @@ -417,9 +417,9 @@ /*-------------- Containing Icon ---------------*/ -.ui.button i { +.ui.button i.icon { line-height: 1; - margin-right: 0.2em; + margin-right: 0.5em; } /* left arrow icons */ .ui.button i.icon.left, diff --git a/node/src/documents/collections/menu.html b/node/src/documents/collections/menu.html index 5ea538728..7644824cf 100755 --- a/node/src/documents/collections/menu.html +++ b/node/src/documents/collections/menu.html @@ -95,7 +95,7 @@ type : 'UI Collection'

Header Item

-

A menu may have a header item to help label sections of a menu. This can also be a ui header.

+

A menu may have a header item to help label sections of a menu. This can also be a ui header.

Dogs @@ -106,7 +106,7 @@ type : 'UI Collection'
Cockerspaniel
-
+
Users
@@ -261,6 +261,118 @@ type : 'UI Collection'
+
+

Colors

+

Additional colors can be specified.

+
+ + Grey 1 + + + Grey 2 + +
+
+ + Green 1 + + + Green 2 + +
+
+ + Red 1 + + + Red 2 + +
+
+ + Blue 1 + + + Blue 2 + +
+

+
+ + Purple 1 + + + Purple 2 + +
+
+ + Orange 1 + + + Orange 2 + +
+
+ + Teal 1 + + + Teal 2 + +
+
+
+
+ + Green 1 + + + Green 2 + +
+
+ + Red 1 + + + Red 2 + +
+
+ + Blue 1 + + + Blue 2 + +
+

+
+ + Purple 1 + + + Purple 2 + +
+
+ + Orange 1 + + + Orange 2 + +
+
+ + Teal 1 + + + Teal 2 + +
+

Simple

diff --git a/node/src/documents/index.html b/node/src/documents/index.html index d9975c39d..7ba65cfca 100755 --- a/node/src/documents/index.html +++ b/node/src/documents/index.html @@ -11,9 +11,9 @@ type : 'Semantic'

HTML UI is the language of the web.

Semantic empowers designers and developers by creating a shared vocabulary for user interfaces.

-
- Download - Customize +
+ Download + Try it out
@@ -24,23 +24,23 @@ type : 'Semantic'

- Learn HTML + Newbie Friendly

-

Semantic code is designed to be human readable, so front end code can be understood by anyone.

+

Code written in semantic is designed to be human readable, so front end code can be understood by anyone.

- Swap Designs + Exchange UI

-

Semantic provides an exchange format for UI, so swapping out designs doesn't mean rewriting your site's codebase.

+

Semantic defines an exchange format for UI, so swapping out interface designs doesn't mean rewriting your site's codebase.

- Build Smarter + Developer

-

Semantic UI is developed around the semantic standard which seeks to make front end decisions less arbitrary.

+

Semantic UI Modules all come with debugging and performance tools to help make sure they perform lightning fast.

diff --git a/node/src/files/components/semantic/collections/menu.css b/node/src/files/components/semantic/collections/menu.css index ae9a92955..7d480b945 100644 --- a/node/src/files/components/semantic/collections/menu.css +++ b/node/src/files/components/semantic/collections/menu.css @@ -46,7 +46,7 @@ user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); vertical-align: middle; - line-height: 1.2em; + line-height: 1.25em; min-height: 1.25em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -412,7 +412,33 @@ background-color: #3B3B3B; } /*-------------- - Colors + Colors +---------------*/ +/*--- Light Colors ---*/ +.ui.grey.menu { + background-color: #F0F0F0; +} +/*--- Inverted Colors ---*/ +.ui.green.menu .item.active { + border-color: #A1CF64; +} +.ui.red.menu .item.active { + border-color: #EF4D6D; +} +.ui.blue.menu .item.active { + border-color: #6ECFF5; +} +.ui.purple.menu .item.active { + border-color: #564F8A; +} +.ui.orange.menu .item.active { + border-color: #F05940; +} +.ui.teal.menu .item.active { + border-color: #00B5AD; +} +/*-------------- + Inverted Colors ---------------*/ /*--- Light Colors ---*/ .ui.grey.menu { diff --git a/node/src/files/components/semantic/collections/message.css b/node/src/files/components/semantic/collections/message.css index 472d60ec2..4fa24817f 100644 --- a/node/src/files/components/semantic/collections/message.css +++ b/node/src/files/components/semantic/collections/message.css @@ -38,9 +38,12 @@ opacity: 0.85; margin: 1em 0em; } -.ui.message p:first-child { +.ui.message :first-child { margin-top: 0em; } +.ui.message :last-child { + margin-bottom: 0em; +} /* block with child list */ .ui.message ul.list { opacity: 0.85; diff --git a/node/src/files/components/semantic/elements/button.css b/node/src/files/components/semantic/elements/button.css index 7deea970b..6ef1d6adb 100644 --- a/node/src/files/components/semantic/elements/button.css +++ b/node/src/files/components/semantic/elements/button.css @@ -417,9 +417,9 @@ /*-------------- Containing Icon ---------------*/ -.ui.button i { +.ui.button i.icon { line-height: 1; - margin-right: 0.2em; + margin-right: 0.5em; } /* left arrow icons */ .ui.button i.icon.left, diff --git a/node/src/files/stylesheets/semantic.css b/node/src/files/stylesheets/semantic.css index a6f4f67b0..88a3138b9 100755 --- a/node/src/files/stylesheets/semantic.css +++ b/node/src/files/stylesheets/semantic.css @@ -658,9 +658,15 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */ opacity: 1; } +#example .highlighted.example { + min-height: 280px; +} #example .highlighted.example .grid, #example .ui.type.items .image .grid { + -webkit-animation: grid 5s ease-in-out infinite; + -moz-animation: grid 5s ease-in-out infinite; background-color: #F6F6F6; + margin: 0em auto; } #example .highlighted.example .grid .row, #example .ui.type.items .image .grid .row { @@ -677,6 +683,7 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */ #example .highlighted.example .grid .segment, #example .ui.type.items .image .grid .segment { min-height: 50px; + text-align: center; -webkit-box-shadow: 0px 0px 0px 1px #DDDDDD; -moz-box-shadow: 0px 0px 0px 1px #DDDDDD; box-shadow: 0px 0px 0px 1px #DDDDDD; @@ -685,6 +692,51 @@ box-shadow: 3px 0px 2px rgba(0, 0, 0, 0.2); */ border-radius: 0px; } +@-webkit-keyframes grid { + 0% { + width: 100%; + } + 40% { + width: 70%; + } + 60% { + width: 70%; + } + 100% { + width: 100%; + } +} +@-moz-keyframes grid { + 0% { + width: 100%; + } + 40% { + width: 70%; + } + 60% { + width: 70%; + } + 100% { + width: 100%; + } +} +@keyframes grid { + 0% { + width: 100%; + } + 40% { + width: 70%; + } + 60% { + width: 70%; + } + 100% { + width: 100%; + } +} + + + #example .ui.type.items > .item > .image { padding: 1em; vertical-align: middle; diff --git a/src/collections/menu.less b/src/collections/menu.less index 06a7f8c6c..adc606369 100755 --- a/src/collections/menu.less +++ b/src/collections/menu.less @@ -58,7 +58,7 @@ vertical-align: middle; - line-height: 1.2em; + line-height: 1.25em; min-height: 1.25em; -webkit-box-sizing: border-box; @@ -565,7 +565,36 @@ } /*-------------- - Colors + Colors +---------------*/ + +/*--- Light Colors ---*/ +.ui.grey.menu { + background-color: #F0F0F0; +} + +/*--- Inverted Colors ---*/ +.ui.green.menu .item.active { + border-color: #A1CF64; +} +.ui.red.menu .item.active { + border-color: #EF4D6D; +} +.ui.blue.menu .item.active { + border-color: #6ECFF5; +} +.ui.purple.menu .item.active { + border-color: #564F8A; +} +.ui.orange.menu .item.active { + border-color: #F05940; +} +.ui.teal.menu .item.active { + border-color: #00B5AD; +} + +/*-------------- + Inverted Colors ---------------*/ /*--- Light Colors ---*/ diff --git a/src/collections/message.less b/src/collections/message.less index 2cde5696a..043238cb5 100755 --- a/src/collections/message.less +++ b/src/collections/message.less @@ -47,9 +47,12 @@ opacity: 0.85; margin: 1em 0em; } -.ui.message p:first-child { +.ui.message :first-child { margin-top: 0em; } +.ui.message :last-child { + margin-bottom: 0em; +} /* block with child list */ .ui.message ul.list { diff --git a/src/elements/button.less b/src/elements/button.less index a95f2f69e..3b0c06f15 100755 --- a/src/elements/button.less +++ b/src/elements/button.less @@ -508,9 +508,9 @@ Containing Icon ---------------*/ -.ui.button i { +.ui.button i.icon { line-height: 1; - margin-right: 0.2em; + margin-right: 0.5em; } /* left arrow icons */