From c4c68ff9632006b31e6b4e7937c6cba344ac8ae1 Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Tue, 28 May 2013 21:38:57 -0400 Subject: [PATCH 1/4] fixes issues with stacked and basic segments, text fixes to segment Former-commit-id: 37857c5b244c1b192f8501344303b7d831e308e1 Former-commit-id: a91e7e04131d5615b2582edc7066b89faf1a8f0f --- build/minified/collections/menu.min.css | 2 +- build/minified/elements/segment.min.css | 2 +- build/packaged/semantic.min.css.REMOVED.git-id | 2 +- build/uncompressed/collections/menu.css | 8 ++++---- build/uncompressed/elements/segment.css | 1 + node/src/documents/elements/segment.html | 9 ++++----- node/src/files/components/semantic/collections/menu.css | 8 ++++---- node/src/files/components/semantic/elements/segment.css | 1 + src/collections/menu.less | 8 ++++---- src/elements/segment.less | 1 + 10 files changed, 22 insertions(+), 20 deletions(-) diff --git a/build/minified/collections/menu.min.css b/build/minified/collections/menu.min.css index 7853437c7..e6ccaa90e 100644 --- a/build/minified/collections/menu.min.css +++ b/build/minified/collections/menu.min.css @@ -1 +1 @@ -.ui.menu{background-color:#FFF;font-size:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.325rem;-moz-border-radius:.325rem;border-radius:.325rem}.ui.menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.menu>.item:first-child{border-radius:.325em 0 0 .325em}.ui.menu>.item:last-child{border-radius:0 .325em .325em 0}.ui.menu .item,.ui.menu .item>a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;line-height:1em;min-height:1.25em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .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(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;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-khtml-user-select:none;user-select:none}.ui.menu .item>a{display:block;margin:-.75em -.95em;padding:.75em .95em}.ui.menu .menu.left,.ui.menu .item.left{float:left}.ui.menu .menu.right,.ui.menu .item.right{float:right}.ui.menu .item:before{position:absolute;content:'';top:0;right:0;width:1px;height:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-ms-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%)}.ui.menu .menu.right .item:before,.ui.menu .item.right:before{right:auto;left:0}.ui.menu .text.item>*,.ui.menu .item>p:only-child{line-height:1.3;color:rgba(0,0,0,.6)}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:only-child{margin:0}.ui.menu input{padding-top:.55em;padding-bottom:.55em}.ui.menu .header.item{background-color:rgba(0,0,0,.04);margin:0}.ui.vertical.menu .header.item{padding-top:1em;padding-bottom:1em;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 .menu .item{color:rgba(0,0,0,.75)}.ui.menu .dropdown.item .menu .item:before{display:none}.ui.menu .item>.label,.ui.menu .item>a>.label{font-size:.8em;margin:-.3em 0 -.3em .3em;padding:.1em .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 .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,.ui.menu .dropdown.item: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.menu .item:hover .label,.ui.menu .item.hover .label{background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.05)),to(rgba(0,0,0,.05)));background-image:-webkit-linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 100%);background-image:-moz-linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 100%);background-image:-o-linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 100%);background-image:linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 100%)}.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 .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-top:0;border-left:.2em solid rgba(50,50,50,.8);padding-top:.75em;padding-left:.75em;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.vertical.menu>.active.item:first-child,.ui.vertical.menu>.active.item:last-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{padding-left:1.3rem}.ui.menu .item.disabled,.ui.menu .item.disabled:hover,.ui.menu .item.disabled.hover{cursor:default;opacity:.3;background-color:transparent}.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>.icon{float:right;width:1.22em;margin:0 0 0 .5em}.ui.vertical.menu .item:before{position:absolute;content:'';top:0;left:0;width:100%;height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-moz-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-ms-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%)}.ui.vertical.menu .item:first-child:before{background-image:none}.ui.vertical.menu .dropdown.item>i{float:right}.ui.vertical.menu .dropdown.item .menu{top:0;left:100%;margin:0;border-top:1px solid rgba(0,0,0,.1)}.ui.vertical.menu .dropdown.item .menu .item{font-size:.9em;padding:.75em 1em}.ui.vertical.menu .dropdown.item .menu .item .icon{margin-right:0}.ui.vertical.menu .item>.menu{margin:.5em -.95em 0}.ui.vertical.menu .item>.menu>.item{padding:.5rem 1.5rem;font-size:.85em}.ui.vertical.menu .item>.menu>.item:before{display:none}.ui.vertical.menu .item>.menu>.item>a{margin:-.5rem -1.5rem;padding:.5rem 1.5rem}.ui.tiered.menu>.menu>.item{color:rgba(0,0,0,.5)}.ui.tiered.menu>.menu>.item:hover,.ui.tiered.menu>.menu>.item.hover{color:rgba(0,0,0,.8)}.ui.tiered.menu .item.active{box-shadow:0 1px 0 0 #FBFBFB;color:rgba(0,0,0,.8)}.ui.tiered.menu .sub.menu{background-color:rgba(0,0,0,.01);border-radius:0;border-top:1px solid rgba(0,0,0,.1);box-shadow:none;color:#FFF}.ui.tiered.menu .sub.menu .item{font-size:.9rem}.ui.tiered.menu .sub.menu .item:before{background-image:none}.ui.tiered.menu .sub.menu .active.item{padding-top:.75em;background-color:transparent;border-radius:0;border-top:medium none;box-shadow:none;color:rgba(0,0,0,.7)}.ui.inverted.tiered.menu>.menu>.item{color:rgba(255,255,255,.5)}.ui.inverted.tiered.menu .sub.menu{background-color:rgba(0,0,0,.2)}.ui.inverted.tiered.menu .sub.menu .item{color:rgba(255,255,255,.6)}.ui.inverted.tiered.menu>.menu>.item:hover,.ui.inverted.tiered.menu>.menu>.item.hover{color:rgba(255,255,255,.9)}.ui.inverted.tiered.menu>.sub.menu>.active.item,.ui.inverted.tiered.menu>.menu>.active.item{color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.menu .green.active.item,.ui.green.menu .active.item{border-color:#A1CF64;color:#A1CF64}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#EF4D6D;color:#EF4D6D}.ui.menu .blue.active.item,.ui.blue.menu .active.item{border-color:#6ECFF5;color:#6ECFF5}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#564F8A;color:#564F8A}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#F05940;color:#F05940}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00B5AD;color:#00B5AD}.ui.inverted.menu{background-color:#333;box-shadow:none}.ui.inverted.menu .header.item{margin:0;background-color:rgba(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>p:only-child{color:rgba(255,255,255,.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.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-top:0;padding-top:.75em;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.pointing.menu .active.item:after{background-color:#505050;box-shadow:none}.ui.inverted.pointing.menu .active.item:hover:after{background-color:#3B3B3B}.ui.grey.menu{background-color:#F0F0F0}.ui.inverted.green.menu{background-color:#A1CF64}.ui.inverted.green.pointing.menu .active.item:after{background-color:#A1CF64}.ui.inverted.red.menu{background-color:#EF4D6D}.ui.inverted.red.pointing.menu .active.item:after{background-color:#F16883}.ui.inverted.blue.menu{background-color:#6ECFF5}.ui.inverted.blue.pointing.menu .active.item:after{background-color:#6ECFF5}.ui.inverted.purple.menu{background-color:#564F8A}.ui.inverted.purple.pointing.menu .active.item:after{background-color:#564F8A}.ui.inverted.orange.menu{background-color:#F05940}.ui.inverted.orange.pointing.menu .active.item:after{background-color:#F05940}.ui.inverted.teal.menu{background-color:#00B5AD}.ui.inverted.teal.pointing.menu .active.item:after{background-color:#00B5AD}.ui.text.menu{background-color:transparent;margin:0rem -1rem;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.text.menu>.item{opacity:.6;margin:0 1em;padding:0;-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 .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;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:.3em 0}.ui.vertical.text.menu .item>.icon{float:none;margin:0 .3em 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;margin:0 .25em;padding:.5em 1em;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.menu>.item:before{display:none}.ui.secondary.menu .header.item{background-color:transparent;border-right:.1em solid rgba(0,0,0,.1);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.menu>.active.item{border-top:0;background-color:rgba(0,0,0,.08)}.ui.secondary.vertical.menu>.active.item{-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.inverted.menu>.active.item{background-color:rgba(255,255,255,.2)}.ui.secondary.item.menu>.item{margin:0}.ui.secondary.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.secondary.pointing.menu{border-bottom:.2rem solid rgba(0,0,0,.1)}.ui.secondary.pointing.menu>.item{padding:.6em .95em;margin:0;color:rgba(0,0,0,.5);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.pointing.menu>.item:after{display:none}.ui.secondary.pointing.menu>.item.hover,.ui.secondary.pointing.menu>.item:hover{background-color:transparent;color:rgba(0,0,0,.7)}.ui.secondary.pointing.menu>.item:active,.ui.secondary.pointing.menu>.item.down{background-color:transparent;box-shadow:0 .2em 0 0 rgba(0,0,0,.2)}.ui.secondary.pointing.menu>.item.active{background-color:transparent;box-shadow:0 .2em 0 0 rgba(0,0,0,.4);color:rgba(0,0,0,.85)}.ui.secondary.vertical.pointing.menu{border:0;border-right:.2rem solid rgba(0,0,0,.1)}.ui.secondary.vertical.menu>.item{border:0;margin:.2em 0;padding:.6em .8em;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.vertical.menu>.header.item{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item{margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item:active,.ui.secondary.vertical.pointing.menu>.item.down{box-shadow:.2em 0 0 0 rgba(0,0,0,.2)}.ui.secondary.vertical.pointing.menu>.item.active{box-shadow:.2em 0 0 0 rgba(0,0,0,.4)}.ui.secondary.inverted.pointing.menu{border-bottom:.2rem solid rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu>.item{color:rgba(255,255,255,.7)}.ui.secondary.inverted.pointing.menu>.item.hover,.ui.secondary.inverted.pointing.menu>.item:hover{color:rgba(255,255,255,.85)}.ui.secondary.inverted.pointing.menu>.item:active,.ui.secondary.inverted.pointing.menu>.item.down{box-shadow:0 .2em 0 0 rgba(255,255,255,.4)}.ui.secondary.inverted.pointing.menu>.item.active{box-shadow:0 .2em 0 0 rgba(255,255,255,.8);color:#fff}.ui.secondary.inverted.vertical.pointing.menu{border-right:.2rem solid rgba(255,255,255,.1)}.ui.secondary.inverted.vertical.pointing.menu .item:active,.ui.secondary.inverted.vertical.pointing.menu .item.down{box-shadow:.2em 0 0 0 rgba(255,255,255,.2)}.ui.secondary.inverted.vertical.pointing.menu .item.active{box-shadow:.2em 0 0 0 rgba(255,255,255,.4)}.ui.icon.menu,.ui.vertical.icon.menu{width:auto;display:inline-block;min-height:0}.ui.icon.menu .item{text-align:center;color:rgba(60,60,60,.7)}.ui.icon.menu .item .icon{display:block;float:none;margin:0 auto;color:#3c3c3c}.ui.icon.menu .icon:before{opacity:1}.ui.menu .icon.item .icon{margin:0}.ui.inverted.icon.menu .item{color:rgba(255,255,255,.8)}.ui.inverted.icon.menu .icon{color:#fff}.ui.labeled.icon.menu{text-align:center}.ui.labeled.icon.menu .icon{display:block;font-size:1.5em;margin:0 auto .3em}.ui.fitted.menu .item,.ui.fitted.menu .item>a,.ui.fitted.menu .item .menu .item,.ui.fitted.menu .item .menu .item>a,.ui.menu .fitted.item,.ui.menu .fitted.item>a{padding-top:0;padding-bottom:0}.ui.tight.menu .item,.ui.tight.menu .item>a,.ui.tight.menu .item .menu .item,.ui.tight.menu .item .menu .item>a,.ui.menu .tight.item,.ui.menu .tight.item>a{padding:0}.ui.borderless.menu .item:before,.ui.borderless.menu .item>a:before,.ui.borderless.menu .item .menu .item:before,.ui.borderless.menu .item .menu .item>a:before,.ui.menu .borderless.item:before,.ui.menu .borderless.item>a:before{background-image:none}.ui.compact.menu{display:inline-block}.ui.vertical.compact.menu{width:auto!important}.ui.menu.fluid,.ui.vertical.menu.fluid{width:100%}.ui.item.menu,.ui.item.menu .item{width:100%;padding-left:0!important;padding-right:0!important;text-align:center}.ui.menu.two.item .item{width:50%}.ui.menu.three.item .item{width:33.333%}.ui.menu.four.item .item{width:25%}.ui.menu.five.item .item{width:20%}.ui.menu.six.item .item{width:16.666%}.ui.menu.seven.item .item{width:14.285%}.ui.menu.eight.item .item{width:12.5%}.ui.menu.nine.item .item{width:11.11%}.ui.menu.ten.item .item{width:10%}.ui.menu.eleven.item .item{width:9.09%}.ui.menu.twelve.item .item{width:8.333%}.ui.menu.fixed{position:fixed;z-index:10;width:100%;border:0}.ui.menu.fixed,.ui.menu.fixed .item:first-child,.ui.menu.fixed .item:last-child{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.ui.menu.fixed.top{top:0;left:0;right:auto;bottom:auto}.ui.menu.fixed.right{top:0;right:0;left:auto;bottom:auto;width:auto;height:100%}.ui.menu.fixed.bottom{bottom:0;left:0;top:auto;right:auto}.ui.menu.fixed.left{top:0;left:0;right:auto;bottom:auto;width:auto;height:100%}.ui.pointing.menu .active.item:after{position:absolute;bottom:-.35em;left:50%;content:"";margin-left:-.3em;width:.6em;height:.6em;border:0;border-bottom:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);background-image:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-transition:background .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 .active.item:after{position:absolute;top:50%;right:-.4em;bottom:auto;left:auto;border:0;border-top:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);margin-top:-.3em}.ui.pointing.menu .active.item:after{background-color:#FCFCFC}.ui.pointing.menu .active.item.hover:after,.ui.pointing.menu .active.item:hover:after{background-color:#FAFAFA}.ui.pointing.menu .active.item.down:after,.ui.pointing.menu .active.item:active:after{background-color:#F0F0F0}.ui.menu.attached{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:0 0 0 1px #DDD;-webkit-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.top.attached.menu{-moz-border-radius:.325em .325em 0 0;-webkit-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0}.ui.menu.bottom.attached{-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.tiny.menu .item{font-size:.875rem;padding:.5em .75em}.ui.tiny.menu .item>a{display:block;margin:-.5em -.75em;padding:.5em .75em}.ui.tiny.vertical.menu{width:9rem}.ui.small.menu .item{font-size:.875rem}.ui.small.vertical.menu{width:13rem}.ui.menu .item{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu .item{font-size:1.125rem}.ui.large.vertical.menu{width:18rem} \ No newline at end of file +.ui.menu{background-color:#FFF;font-size:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.325rem;-moz-border-radius:.325rem;border-radius:.325rem}.ui.menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.menu>.item:first-child{border-radius:.325em 0 0 .325em}.ui.menu>.item:last-child{border-radius:0 .325em .325em 0}.ui.menu .item,.ui.menu .item>a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;line-height:1em;min-height:1.25em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .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(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;-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-khtml-user-select:none;user-select:none}.ui.menu .item>a{display:block;margin:-.75em -.95em;padding:.75em .95em}.ui.menu .menu.left,.ui.menu .item.left{float:left}.ui.menu .menu.right,.ui.menu .item.right{float:right}.ui.menu .item:before{position:absolute;content:'';top:0;right:0;width:1px;height:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-ms-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%)}.ui.menu .menu.right .item:before,.ui.menu .item.right:before{right:auto;left:0}.ui.menu .text.item>*,.ui.menu .item>p:only-child{line-height:1.3;color:rgba(0,0,0,.6)}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:only-child{margin:0}.ui.menu input{padding-top:.55em;padding-bottom:.55em}.ui.menu .header.item{background-color:rgba(0,0,0,.04);margin:0}.ui.vertical.menu .header.item{padding-top:1em;padding-bottom:1em;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 .menu .item{color:rgba(0,0,0,.75)}.ui.menu .dropdown.item .menu .item:before{display:none}.ui.menu .item>.label,.ui.menu .item>a>.label{font-size:.8em;margin:-.3em 0 -.3em .3em;padding:.1em .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 .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,.ui.menu .dropdown.item: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.menu .item:hover .label,.ui.menu .item.hover .label{background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.05)),to(rgba(0,0,0,.05)));background-image:-webkit-linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 100%);background-image:-moz-linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 100%);background-image:-o-linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 100%);background-image:linear-gradient(rgba(0,0,0,.05) 0,rgba(0,0,0,.05) 100%)}.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 .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-top:0;border-left:.2em solid rgba(50,50,50,.8);padding-top:.75em;padding-left:.75em;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.vertical.menu>.active.item:first-child,.ui.vertical.menu>.active.item:last-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{padding-left:1.3rem}.ui.menu .item.disabled,.ui.menu .item.disabled:hover,.ui.menu .item.disabled.hover{cursor:default;opacity:.3;background-color:transparent}.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>.icon{float:right;width:1.22em;margin:0 0 0 .5em}.ui.vertical.menu .item:before{position:absolute;content:'';top:0;left:0;width:100%;height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-moz-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-ms-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%)}.ui.vertical.menu .item:first-child:before{background-image:none}.ui.vertical.menu .dropdown.item>i{float:right}.ui.vertical.menu .dropdown.item .menu{top:0;left:100%;margin:0;border-top:1px solid rgba(0,0,0,.1)}.ui.vertical.menu .dropdown.item .menu .item{font-size:.9em;padding:.75em 1em}.ui.vertical.menu .dropdown.item .menu .item .icon{margin-right:0}.ui.vertical.menu .item>.menu{margin:.5em -.95em 0}.ui.vertical.menu .item>.menu>.item{padding:.5rem 1.5rem;font-size:.85em}.ui.vertical.menu .item>.menu>.item:before{display:none}.ui.vertical.menu .item>.menu>.item>a{margin:-.5rem -1.5rem;padding:.5rem 1.5rem}.ui.tiered.menu>.menu>.item{color:rgba(0,0,0,.5)}.ui.tiered.menu>.menu>.item:hover,.ui.tiered.menu>.menu>.item.hover{color:rgba(0,0,0,.8)}.ui.tiered.menu .item.active{box-shadow:0 1px 0 0 #FBFBFB;color:rgba(0,0,0,.8)}.ui.tiered.menu .sub.menu{background-color:rgba(0,0,0,.01);border-radius:0;border-top:1px solid rgba(0,0,0,.1);box-shadow:none;color:#FFF}.ui.tiered.menu .sub.menu .item{font-size:.9rem}.ui.tiered.menu .sub.menu .item:before{background-image:none}.ui.tiered.menu .sub.menu .active.item{padding-top:.75em;background-color:transparent;border-radius:0;border-top:medium none;box-shadow:none;color:rgba(0,0,0,.7)}.ui.inverted.tiered.menu>.menu>.item{color:rgba(255,255,255,.5)}.ui.inverted.tiered.menu .sub.menu{background-color:rgba(0,0,0,.2)}.ui.inverted.tiered.menu .sub.menu .item{color:rgba(255,255,255,.6)}.ui.inverted.tiered.menu>.menu>.item:hover,.ui.inverted.tiered.menu>.menu>.item.hover{color:rgba(255,255,255,.9)}.ui.inverted.tiered.menu>.sub.menu>.active.item,.ui.inverted.tiered.menu>.menu>.active.item{color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.menu .green.active.item,.ui.green.menu .active.item{border-color:#A1CF64;color:#A1CF64}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#EF4D6D;color:#EF4D6D}.ui.menu .blue.active.item,.ui.blue.menu .active.item{border-color:#6ECFF5;color:#6ECFF5}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#564F8A;color:#564F8A}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#F05940;color:#F05940}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00B5AD;color:#00B5AD}.ui.inverted.menu{background-color:#333;box-shadow:none}.ui.inverted.menu .header.item{margin:0;background-color:#555;-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 .dropdown.item .menu .item,.ui.inverted.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)}.ui.inverted.menu .item>p:only-child{color:rgba(255,255,255,.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.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-top:0;padding-top:.75em;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.pointing.menu .active.item:after{background-color:#505050;box-shadow:none}.ui.inverted.pointing.menu .active.item:hover:after{background-color:#3B3B3B}.ui.grey.menu{background-color:#F0F0F0}.ui.inverted.green.menu{background-color:#A1CF64}.ui.inverted.green.pointing.menu .active.item:after{background-color:#A1CF64}.ui.inverted.red.menu{background-color:#EF4D6D}.ui.inverted.red.pointing.menu .active.item:after{background-color:#F16883}.ui.inverted.blue.menu{background-color:#6ECFF5}.ui.inverted.blue.pointing.menu .active.item:after{background-color:#6ECFF5}.ui.inverted.purple.menu{background-color:#564F8A}.ui.inverted.purple.pointing.menu .active.item:after{background-color:#564F8A}.ui.inverted.orange.menu{background-color:#F05940}.ui.inverted.orange.pointing.menu .active.item:after{background-color:#F05940}.ui.inverted.teal.menu{background-color:#00B5AD}.ui.inverted.teal.pointing.menu .active.item:after{background-color:#00B5AD}.ui.text.menu{background-color:transparent;margin:0rem -1rem;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.text.menu>.item{opacity:.6;margin:0 1em;padding:0;-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 .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;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:.3em 0}.ui.vertical.text.menu .item>.icon{float:none;margin:0 .3em 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;margin:0 .25em;padding:.5em 1em;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.menu>.item:before{display:none}.ui.secondary.menu .header.item{background-color:transparent;border-right:.1em solid rgba(0,0,0,.1);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.menu>.active.item{border-top:0;background-color:rgba(0,0,0,.08)}.ui.secondary.vertical.menu>.active.item{-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.inverted.menu>.active.item{background-color:rgba(255,255,255,.2)}.ui.secondary.item.menu>.item{margin:0}.ui.secondary.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.secondary.pointing.menu{border-bottom:.2rem solid rgba(0,0,0,.1)}.ui.secondary.pointing.menu>.item{padding:.6em .95em;margin:0;color:rgba(0,0,0,.5);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.pointing.menu>.item:after{display:none}.ui.secondary.pointing.menu>.item.hover,.ui.secondary.pointing.menu>.item:hover{background-color:transparent;color:rgba(0,0,0,.7)}.ui.secondary.pointing.menu>.item:active,.ui.secondary.pointing.menu>.item.down{background-color:transparent;box-shadow:0 .2em 0 0 rgba(0,0,0,.2)}.ui.secondary.pointing.menu>.item.active{background-color:transparent;box-shadow:0 .2em 0 0 rgba(0,0,0,.4);color:rgba(0,0,0,.85)}.ui.secondary.vertical.pointing.menu{border:0;border-right:.2rem solid rgba(0,0,0,.1)}.ui.secondary.vertical.menu>.item{border:0;margin:.2em 0;padding:.6em .8em;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.vertical.menu>.header.item{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item{margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item:active,.ui.secondary.vertical.pointing.menu>.item.down{box-shadow:.2em 0 0 0 rgba(0,0,0,.2)}.ui.secondary.vertical.pointing.menu>.item.active{box-shadow:.2em 0 0 0 rgba(0,0,0,.4)}.ui.secondary.inverted.pointing.menu{border-bottom:.2rem solid rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu>.item{color:rgba(255,255,255,.7)}.ui.secondary.inverted.pointing.menu>.item.hover,.ui.secondary.inverted.pointing.menu>.item:hover{color:rgba(255,255,255,.85)}.ui.secondary.inverted.pointing.menu>.item:active,.ui.secondary.inverted.pointing.menu>.item.down{box-shadow:0 .2em 0 0 rgba(255,255,255,.4)}.ui.secondary.inverted.pointing.menu>.item.active{box-shadow:0 .2em 0 0 rgba(255,255,255,.8);color:#fff}.ui.secondary.inverted.vertical.pointing.menu{border-right:.2rem solid rgba(255,255,255,.1)}.ui.secondary.inverted.vertical.pointing.menu .item:active,.ui.secondary.inverted.vertical.pointing.menu .item.down{box-shadow:.2em 0 0 0 rgba(255,255,255,.2)}.ui.secondary.inverted.vertical.pointing.menu .item.active{box-shadow:.2em 0 0 0 rgba(255,255,255,.4)}.ui.icon.menu,.ui.vertical.icon.menu{width:auto;display:inline-block;min-height:0}.ui.icon.menu .item{text-align:center;color:rgba(60,60,60,.7)}.ui.icon.menu .item .icon{display:block;float:none;margin:0 auto;color:#3c3c3c}.ui.icon.menu .icon:before{opacity:1}.ui.menu .icon.item .icon{margin:0}.ui.inverted.icon.menu .item{color:rgba(255,255,255,.8)}.ui.inverted.icon.menu .icon{color:#fff}.ui.labeled.icon.menu{text-align:center}.ui.labeled.icon.menu .icon{display:block;font-size:1.5em;margin:0 auto .3em}.ui.fitted.menu .item,.ui.fitted.menu .item>a,.ui.fitted.menu .item .menu .item,.ui.fitted.menu .item .menu .item>a,.ui.menu .fitted.item,.ui.menu .fitted.item>a{padding-top:0;padding-bottom:0}.ui.tight.menu .item,.ui.tight.menu .item>a,.ui.tight.menu .item .menu .item,.ui.tight.menu .item .menu .item>a,.ui.menu .tight.item,.ui.menu .tight.item>a{padding:0}.ui.borderless.menu .item:before,.ui.borderless.menu .item>a:before,.ui.borderless.menu .item .menu .item:before,.ui.borderless.menu .item .menu .item>a:before,.ui.menu .borderless.item:before,.ui.menu .borderless.item>a:before{background-image:none}.ui.compact.menu{display:inline-block}.ui.vertical.compact.menu{width:auto!important}.ui.menu.fluid,.ui.vertical.menu.fluid{width:100%}.ui.item.menu,.ui.item.menu .item{width:100%;padding-left:0!important;padding-right:0!important;text-align:center}.ui.menu.two.item .item{width:50%}.ui.menu.three.item .item{width:33.333%}.ui.menu.four.item .item{width:25%}.ui.menu.five.item .item{width:20%}.ui.menu.six.item .item{width:16.666%}.ui.menu.seven.item .item{width:14.285%}.ui.menu.eight.item .item{width:12.5%}.ui.menu.nine.item .item{width:11.11%}.ui.menu.ten.item .item{width:10%}.ui.menu.eleven.item .item{width:9.09%}.ui.menu.twelve.item .item{width:8.333%}.ui.menu.fixed{position:fixed;z-index:10;width:100%;border:0}.ui.menu.fixed,.ui.menu.fixed .item:first-child,.ui.menu.fixed .item:last-child{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}.ui.menu.fixed.top{top:0;left:0;right:auto;bottom:auto}.ui.menu.fixed.right{top:0;right:0;left:auto;bottom:auto;width:auto;height:100%}.ui.menu.fixed.bottom{bottom:0;left:0;top:auto;right:auto}.ui.menu.fixed.left{top:0;left:0;right:auto;bottom:auto;width:auto;height:100%}.ui.pointing.menu .active.item:after{position:absolute;bottom:-.35em;left:50%;content:"";margin-left:-.3em;width:.6em;height:.6em;border:0;border-bottom:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);background-image:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-transition:background .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 .active.item:after{position:absolute;top:50%;right:-.4em;bottom:auto;left:auto;border:0;border-top:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);margin-top:-.3em}.ui.pointing.menu .active.item:after{background-color:#FCFCFC}.ui.pointing.menu .active.item.hover:after,.ui.pointing.menu .active.item:hover:after{background-color:#FAFAFA}.ui.pointing.menu .active.item.down:after,.ui.pointing.menu .active.item:active:after{background-color:#F0F0F0}.ui.menu.attached{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:0 0 0 1px #DDD;-webkit-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.top.attached.menu{-moz-border-radius:.325em .325em 0 0;-webkit-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0}.ui.menu.bottom.attached{-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.tiny.menu .item{font-size:.875rem;padding:.5em .75em}.ui.tiny.menu .item>a{display:block;margin:-.5em -.75em;padding:.5em .75em}.ui.tiny.vertical.menu{width:9rem}.ui.small.menu .item{font-size:.875rem}.ui.small.vertical.menu{width:13rem}.ui.menu .item{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu .item{font-size:1.125rem}.ui.large.vertical.menu{width:18rem} \ No newline at end of file diff --git a/build/minified/elements/segment.min.css b/build/minified/elements/segment.min.css index 34b4b1de1..f471d51cf 100644 --- a/build/minified/elements/segment.min.css +++ b/build/minified/elements/segment.min.css @@ -1 +1 @@ -.ui.segment{position:relative;background-color:#FFF;-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);margin:1em 0;padding:1.3em 1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.segment:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.ui.horizontal.segment{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);-moz-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1)}.ui.segment>:first-child{margin-top:0}.ui.segment>:last-child{margin-bottom:0}.ui.segment>:only-child{margin:0}.ui.segment>.attached.label:first-child+*{margin-top:2em}.ui.segment>.bottom.attached.label:first-child+*{margin-top:0}.ui.disabled.segment{opacity:.8;color:#DDD}.ui.basic.segment{position:relative;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.fitted.segment{padding:0}.ui.blue.segment{border-top:.2em solid #6ECFF5}.ui.green.segment{border-top:.2em solid #A1CF64}.ui.red.segment{border-top:.2em solid #EF4D6D}.ui.purple.segment{border-top:.2em solid #564F8A}.ui.teal.segment{border-top:.2em solid #00B5AD}.ui.inverted.black.segment{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.segment{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.segment{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.segment{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.segment{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.segment{background-color:#00B5AD!important;color:#FFF!important}.ui.left.aligned.segment{text-align:left}.ui.right.aligned.segment{text-align:right}.ui.center.aligned.segment{text-align:center}.ui.floated.segment,.ui.left.floated.segment{float:left}.ui.right.floated.segment{float:right}.ui.stacked.segment{padding-bottom:1.7em}.ui.stacked.segment:after,.ui.stacked.segment:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.02);width:100%;height:5px}.ui.stacked.segment:before{bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before{background-color:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.35)}.ui.raised.segment{-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);box-shadow:0 1px 2px 1px rgba(0,0,0,.1)}.ui.inverted.segment{border-top:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#555;color:#FFF}.ui.primary.segment{background-color:#FFF;color:#555}.ui.secondary.segment{background-color:#F5F5F5;color:#777}.ui.tertiary.segment{background-color:#EBEBEB;color:#B0B0B0}.ui.secondary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.3)));background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);color:#FAFAFA}.ui.tertiary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.6)));background-image:-webkit-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);color:#EEE}.ui.segment.attached{top:-1px;bottom:-1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin: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.segment{top:0;bottom:-1px;margin-top:0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.segment.bottom.attached{top:-1px;bottom:0;margin-bottom:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px} \ No newline at end of file +.ui.segment{position:relative;background-color:#FFF;-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);margin:1em 0;padding:1.3em 1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.segment:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.ui.horizontal.segment{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);-moz-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1)}.ui.segment>:first-child{margin-top:0}.ui.segment>:last-child{margin-bottom:0}.ui.segment>:only-child{margin:0}.ui.segment>.attached.label:first-child+*{margin-top:2em}.ui.segment>.bottom.attached.label:first-child+*{margin-top:0}.ui.disabled.segment{opacity:.8;color:#DDD}.ui.basic.segment{position:relative;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.fitted.segment{padding:0}.ui.blue.segment{border-top:.2em solid #6ECFF5}.ui.green.segment{border-top:.2em solid #A1CF64}.ui.red.segment{border-top:.2em solid #EF4D6D}.ui.purple.segment{border-top:.2em solid #564F8A}.ui.teal.segment{border-top:.2em solid #00B5AD}.ui.inverted.black.segment{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.segment{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.segment{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.segment{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.segment{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.segment{background-color:#00B5AD!important;color:#FFF!important}.ui.left.aligned.segment{text-align:left}.ui.right.aligned.segment{text-align:right}.ui.center.aligned.segment{text-align:center}.ui.floated.segment,.ui.left.floated.segment{float:left}.ui.right.floated.segment{float:right}.ui.stacked.segment{padding-bottom:1.7em}.ui.stacked.segment:after,.ui.stacked.segment:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.02);width:100%;height:5px;visibility:visible}.ui.stacked.segment:before{bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before{background-color:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.35)}.ui.raised.segment{-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);box-shadow:0 1px 2px 1px rgba(0,0,0,.1)}.ui.inverted.segment{border-top:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#555;color:#FFF}.ui.primary.segment{background-color:#FFF;color:#555}.ui.secondary.segment{background-color:#F5F5F5;color:#777}.ui.tertiary.segment{background-color:#EBEBEB;color:#B0B0B0}.ui.secondary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.3)));background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);color:#FAFAFA}.ui.tertiary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.6)));background-image:-webkit-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);color:#EEE}.ui.segment.attached{top:-1px;bottom:-1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin: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.segment{top:0;bottom:-1px;margin-top:0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.segment.bottom.attached{top:-1px;bottom:0;margin-bottom:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px} \ 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 bdd42b031..96f26a4c5 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -4faca9c8fe96f7f3a21cf890917ad9525a94fa9f \ No newline at end of file +e834653b234462c72814083eb275fd5aaa8924cd \ No newline at end of file diff --git a/build/uncompressed/collections/menu.css b/build/uncompressed/collections/menu.css index b33b1aaf0..3dc7b9a9c 100644 --- a/build/uncompressed/collections/menu.css +++ b/build/uncompressed/collections/menu.css @@ -476,10 +476,10 @@ } .ui.inverted.menu .header.item { margin: 0em; - background-color: rgba(255, 255, 255, 0.15); - -webkit-box-shadow: 0px -0.1em 0px 0px rgba(255, 255, 255, 0.1) inset; - -moz-box-shadow: 0px -0.1em 0px 0px rgba(255, 255, 255, 0.1) inset; - box-shadow: 0px -0.1em 0px 0px rgba(255, 255, 255, 0.1) inset; + background-color: #555555; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } .ui.inverted.menu .item, .ui.inverted.menu .item > a { diff --git a/build/uncompressed/elements/segment.css b/build/uncompressed/elements/segment.css index 5393f4590..ce68767a4 100644 --- a/build/uncompressed/elements/segment.css +++ b/build/uncompressed/elements/segment.css @@ -188,6 +188,7 @@ background-color: rgba(0, 0, 0, 0.02); width: 100%; height: 5px; + visibility: visible; } .ui.stacked.segment:before { bottom: 0px; diff --git a/node/src/documents/elements/segment.html b/node/src/documents/elements/segment.html index fbcdfd393..2d2dea452 100755 --- a/node/src/documents/elements/segment.html +++ b/node/src/documents/elements/segment.html @@ -129,7 +129,6 @@ type : 'UI Element'
-

Colors may also

I'm here to tell you something, and you will probably read me first.

@@ -143,7 +142,7 @@ type : 'UI Element'

Floated

-

A header can sit to the left or right of other content

+

A segment cant sit to the left or right of other content

This segment will appear to the right

@@ -154,7 +153,7 @@ type : 'UI Element'

Text Alignment

-

A header can have its text aligned to a side

+

A segment cant have its text aligned to a side

Right
@@ -167,8 +166,8 @@ type : 'UI Element'
-

Divided

-

A segment may create a division between previous content

+

Basic

+

A basic segment has no special formatting

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

diff --git a/node/src/files/components/semantic/collections/menu.css b/node/src/files/components/semantic/collections/menu.css index b33b1aaf0..3dc7b9a9c 100644 --- a/node/src/files/components/semantic/collections/menu.css +++ b/node/src/files/components/semantic/collections/menu.css @@ -476,10 +476,10 @@ } .ui.inverted.menu .header.item { margin: 0em; - background-color: rgba(255, 255, 255, 0.15); - -webkit-box-shadow: 0px -0.1em 0px 0px rgba(255, 255, 255, 0.1) inset; - -moz-box-shadow: 0px -0.1em 0px 0px rgba(255, 255, 255, 0.1) inset; - box-shadow: 0px -0.1em 0px 0px rgba(255, 255, 255, 0.1) inset; + background-color: #555555; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } .ui.inverted.menu .item, .ui.inverted.menu .item > a { diff --git a/node/src/files/components/semantic/elements/segment.css b/node/src/files/components/semantic/elements/segment.css index 5393f4590..ce68767a4 100644 --- a/node/src/files/components/semantic/elements/segment.css +++ b/node/src/files/components/semantic/elements/segment.css @@ -188,6 +188,7 @@ background-color: rgba(0, 0, 0, 0.02); width: 100%; height: 5px; + visibility: visible; } .ui.stacked.segment:before { bottom: 0px; diff --git a/src/collections/menu.less b/src/collections/menu.less index fb14489ba..5e45cbd6b 100755 --- a/src/collections/menu.less +++ b/src/collections/menu.less @@ -619,10 +619,10 @@ .ui.inverted.menu .header.item { margin: 0em; - background-color: rgba(255, 255, 255, 0.15); - -webkit-box-shadow: 0px -0.1em 0px 0px rgba(255, 255, 255, 0.1) inset; - -moz-box-shadow: 0px -0.1em 0px 0px rgba(255, 255, 255, 0.1) inset; - box-shadow: 0px -0.1em 0px 0px rgba(255, 255, 255, 0.1) inset; + background-color: #555555; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } .ui.inverted.menu .item, diff --git a/src/elements/segment.less b/src/elements/segment.less index d12a79cbd..3bde3ee81 100755 --- a/src/elements/segment.less +++ b/src/elements/segment.less @@ -248,6 +248,7 @@ width: 100%; height: 5px; + visibility: visible; } .ui.stacked.segment:before { bottom: 0px; From d2eb8947d57c251792f76c37fcad9efe870cb33c Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Wed, 29 May 2013 00:12:24 -0400 Subject: [PATCH 2/4] Fixes to table, fixes to labels, segment fixes, added button json spec for playground. Former-commit-id: 0c6cb31cd2cdbc1030090ee744d77343ee8bbfd9 Former-commit-id: db58fdbd06c7d94ef97508bd5e56ba471d693a4f --- build/minified/collections/table.min.css | 2 +- build/minified/elements/label.min.css | 2 +- build/minified/elements/segment.min.css | 2 +- .../packaged/semantic.min.css.REMOVED.git-id | 2 +- build/packaged/semantic.min.js.REMOVED.git-id | 2 +- build/uncompressed/collections/table.css | 31 +-- build/uncompressed/elements/label.css | 2 +- build/uncompressed/elements/segment.css | 2 +- node/src/documents/collections/form.html | 2 +- node/src/documents/collections/table.html | 44 +++- node/src/documents/modules/form.html | 2 +- node/src/documents/playground.html | 20 ++ .../documents/specification/styleguide.html | 219 ++++++++++++++++++ .../components/semantic/collections/table.css | 31 +-- .../components/semantic/elements/label.css | 2 +- .../components/semantic/elements/segment.css | 2 +- node/src/layouts/default.html.eco | 21 +- spec/json/button.js | 28 +++ src/collections/table.less | 36 +-- src/elements/label.less | 2 +- src/elements/segment.less | 2 +- 21 files changed, 390 insertions(+), 66 deletions(-) create mode 100644 node/src/documents/playground.html create mode 100644 node/src/documents/specification/styleguide.html create mode 100644 spec/json/button.js diff --git a/build/minified/collections/table.min.css b/build/minified/collections/table.min.css index 8a9a51744..96db2f4b4 100644 --- a/build/minified/collections/table.min.css +++ b/build/minified/collections/table.min.css @@ -1 +1 @@ -.ui.table{width:100%;background-color:#FFF;border-collapse:collapse;color:#444;color:rgba(0,0,0,.75);border:1px solid #DDD}.ui.table tr,.ui.table td{border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out}.ui.table thead{border-bottom:1px solid rgba(0,0,0,.1);background-color:rgba(50,50,50,.1)}.ui.table th{cursor:auto;text-align:left;font-weight:700;color:rgba(80,80,80,.85);padding:.5em .7em;vertical-align:middle}.ui.table tfoot th{font-weight:400;font-style:italic;color:rgba(0,0,0,.8)}.ui.table td{padding:.4em .7em;vertical-align:middle}.ui.table tfoot th{background-color:#FFF}.ui.table tfoot{border-top:1px dotted rgba(0,0,0,.1)}.ui.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.03)}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.celled.table tr:hover td{background-color:rgba(0,0,0,.02);color:#000}.ui.sortable.table thead th:hover{background-image:none;background-color:rgba(0,0,0,.04);color:#333}.ui.sortable.table th.disabled:hover{cursor:auto;background-color:rgba(0,0,0,.1);text-align:left;font-weight:700;color:#333;color:rgba(0,0,0,.8)}.ui.table tr.positive td,.ui.table td.positive{background-color:#F2F8F0!important;color:#119000;-moz-box-shadow:0 0 1px 0 #3FF63B inset;-webkit-box-shadow:0 0 1px 0 #3FF63B inset;box-shadow:0 0 1px 0 #3FF63B inset}.ui.celled.table tr.positive:hover td,.ui.celled.table tr:hover td.positive,.ui.table tr.positive:hover td,.ui.table td:hover.positive,.ui.table th:hover.positive{background-color:#ECF5E9!important;color:#119000}.ui.table tr.negative td,.ui.table td.negative{background-color:#F9F4F4;color:#CD2929}.ui.celled.table tr.negative:hover td,.ui.celled.table tr:hover td.negative,.ui.table tr.negative:hover td,.ui.table td:hover.negative,.ui.table th:hover.negative{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.error td,.ui.table td.error,.ui.table th.error{background-color:#F9F4F4!important;color:#CD2929;-moz-box-shadow:0 0 1px 0 #F3A2A2 inset;-webkit-box-shadow:0 0 1px 0 #F3A2A2 inset;box-shadow:0 0 1px 0 #F3A2A2 inset}.ui.celled.table tr.error:hover td,.ui.celled.table tr:hover td.error,.ui.table tr.error:hover td,.ui.table td:hover.error,.ui.table th:hover.error{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.warning td,.ui.table td.warning,.ui.table th.warning{background-color:#FBF6E9;color:#7D6C00;-moz-box-shadow:0 0 1px 0 #FFE569 inset;-webkit-box-shadow:0 0 1px 0 #FFE569 inset;box-shadow:0 0 1px 0 #FFE569 inset}.ui.celled.table tr.warning:hover td,.ui.celled.table tr:hover td.warning,.ui.table tr.warning:hover td,.ui.table td:hover.warning,.ui.table th:hover.warning{background-color:#F3EDDC!important;color:#7D6C00}.ui.table tr.active td,.ui.table tr td.active{background-color:#F0F0F0!important;color:rgba(50,50,50,.9)}.ui.table tr.disabled td,.ui.table tr td.disabled,.ui.table tr.disabled:hover td,.ui.table tr:hover td.disabled{color:rgba(150,150,150,.3)}.ui.celled.table{color:rgba(25,25,25,.9)}.ui.celled.table tbody tr,.ui.celled.table tfoot tr{border:0}.ui.celled.table th{border:1px solid #E0E0E0}.ui.celled.table tbody td{border:1px solid #E0E0E0}.ui.sortable.table thead th{cursor:pointer;color:#555;vertical-align:top}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{background-color:rgba(0,0,0,.8);color:#EEE}.ui.sortable.table thead th:after{display:inline-block;content:'';width:1em;opacity:.5;margin:0 0 0 8px;font-size:18px;line-height:12px;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;vertical-align:middle;vertical-align:calc()}.ui.sortable.table thead th.ascending:after{content:'\25b4'}.ui.sortable.table thead th.descending:after{content:'\25be'}.ui.collapsing.table{width:auto}.ui.padded.table th,.ui.padded.table td{padding:.8em 1em}.ui.compact.table th{padding:.3em .5em}.ui.compact.table td{padding:.2em .5em}.ui.small.table{font-size:14px}.ui.table{font-size:16px}.ui.large.table{font-size:18px} \ No newline at end of file +.ui.table{width:100%;border-collapse:collapse}.ui.table thead{border-bottom:1px solid rgba(0,0,0,.1)}.ui.table tr,.ui.table td{border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out}.ui.table th{cursor:auto;text-align:left;font-weight:700;padding:.5em .7em;vertical-align:middle}.ui.table tfoot th{font-weight:400;font-style:italic}.ui.table td{padding:.4em .7em;vertical-align:middle}.ui.table tfoot{border-top:1px solid rgba(0,0,0,.1)}.ui.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.03)}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.table.segment:after{display:none}.ui.table.segment.stacked:after{display:block}.ui.celled.table tr:hover td{background-color:rgba(0,0,0,.02);color:#000}.ui.sortable.table thead th:hover{background-image:none;background-color:rgba(0,0,0,.04);color:#333}.ui.sortable.table th.disabled:hover{cursor:auto;background-color:rgba(0,0,0,.1);text-align:left;font-weight:700;color:#333;color:rgba(0,0,0,.8)}.ui.table tr.positive td,.ui.table td.positive{background-color:#F2F8F0!important;color:#119000;-moz-box-shadow:0 0 1px 0 #3FF63B inset;-webkit-box-shadow:0 0 1px 0 #3FF63B inset;box-shadow:0 0 1px 0 #3FF63B inset}.ui.celled.table tr.positive:hover td,.ui.celled.table tr:hover td.positive,.ui.table tr.positive:hover td,.ui.table td:hover.positive,.ui.table th:hover.positive{background-color:#ECF5E9!important;color:#119000}.ui.table tr.negative td,.ui.table td.negative{background-color:#F9F4F4;color:#CD2929}.ui.celled.table tr.negative:hover td,.ui.celled.table tr:hover td.negative,.ui.table tr.negative:hover td,.ui.table td:hover.negative,.ui.table th:hover.negative{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.error td,.ui.table td.error,.ui.table th.error{background-color:#F9F4F4!important;color:#CD2929;-moz-box-shadow:0 0 1px 0 #F3A2A2 inset;-webkit-box-shadow:0 0 1px 0 #F3A2A2 inset;box-shadow:0 0 1px 0 #F3A2A2 inset}.ui.celled.table tr.error:hover td,.ui.celled.table tr:hover td.error,.ui.table tr.error:hover td,.ui.table td:hover.error,.ui.table th:hover.error{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.warning td,.ui.table td.warning,.ui.table th.warning{background-color:#FBF6E9;color:#7D6C00;-moz-box-shadow:0 0 1px 0 #FFE569 inset;-webkit-box-shadow:0 0 1px 0 #FFE569 inset;box-shadow:0 0 1px 0 #FFE569 inset}.ui.celled.table tr.warning:hover td,.ui.celled.table tr:hover td.warning,.ui.table tr.warning:hover td,.ui.table td:hover.warning,.ui.table th:hover.warning{background-color:#F3EDDC!important;color:#7D6C00}.ui.table tr.active td,.ui.table tr td.active{background-color:#F0F0F0!important;color:rgba(50,50,50,.9)}.ui.table tr.disabled td,.ui.table tr td.disabled,.ui.table tr.disabled:hover td,.ui.table tr:hover td.disabled{color:rgba(150,150,150,.3)}.ui.celled.table{color:rgba(25,25,25,.9)}.ui.celled.table tbody tr,.ui.celled.table tfoot tr{border:0}.ui.celled.table th{border:1px solid #E0E0E0}.ui.celled.table tbody td{border:1px solid #E0E0E0}.ui.sortable.table thead th{cursor:pointer;color:#555;vertical-align:top}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{background-color:rgba(0,0,0,.8);color:#EEE}.ui.sortable.table thead th:after{display:inline-block;content:'';width:1em;opacity:.5;margin:0 0 0 8px;font-size:18px;line-height:12px;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;vertical-align:middle;vertical-align:calc()}.ui.sortable.table thead th.ascending:after{content:'\25b4'}.ui.sortable.table thead th.descending:after{content:'\25be'}.ui.inverted.table tbody tr:nth-child(2n){background-color:rgba(255,255,255,.06)}.ui.collapsing.table{width:auto}.ui.padded.table th,.ui.padded.table td{padding:.8em 1em}.ui.compact.table th{padding:.3em .5em}.ui.compact.table td{padding:.2em .5em}.ui.small.table{font-size:14px}.ui.table{font-size:16px}.ui.large.table{font-size:18px} \ No newline at end of file diff --git a/build/minified/elements/label.min.css b/build/minified/elements/label.min.css index 2c1502e70..40b762c33 100644 --- a/build/minified/elements/label.min.css +++ b/build/minified/elements/label.min.css @@ -1 +1 @@ -.ui.label{display:inline-block;vertical-align:middle;background-color:#E8E8E8;padding:.5em .8em;color:rgba(0,0,0,.65);text-transform:uppercase;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}a.ui.label{cursor:pointer}.ui.label.disabled{opacity:.5}.ui.label .detail{display:inline-block;margin-left:1em;font-weight:700;opacity:.8}.ui.label .icon.close{cursor:pointer;margin-left:.5em;opacity:.7;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}a.ui.labels .label:hover,a.ui.label:hover{background-color:#E0E0E0;color:rgba(0,0,0,.7)}.ui.labels a.label:hover:before,a.ui.label:hover:before{background-color:#E0E0E0;color:rgba(0,0,0,.7)}.ui.label .icon.close:hover{opacity:1}.ui.tag.labels .label,.ui.tag.label{margin-left:1em;position:relative;padding:.33em 1.3em .33em 1.4em;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.ui.tag.labels .label:before,.ui.tag.label:before{position:absolute;top:.3em;left:.3em;content:'';margin-left:-1em;background-image:none;width:1.5em;height:1.5em;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-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.tag.labels .label:after,.ui.tag.label:after{position:absolute;content:'';top:50%;left:-.25em;margin-top:-.3em;background-color:#FFF;width:.55em;height:.55em;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}.ui.attached.label{position:absolute;top:0;left:0;margin-top:0!important;background-color:transparent;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.ui.right.attached.label{left:auto;right:0;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.ui.bottom.attached.label{top:auto;bottom:0;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.ui.bottom.right.attached.label{-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.ui.label.fluid,.ui.fluid.labels>.label{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.black.labels .label,.ui.black.label{background-color:#5C6166!important;color:#FFF!important}.ui.labels .black.label:before,.ui.black.labels .label:before,.ui.black.label:before{background-color:#5C6166!important}a.ui.black.labels .label:hover,a.ui.black.label:hover{background-color:#888!important}.ui.labels a.black.label:hover:before,.ui.black.labels a.label:hover:before,a.ui.black.label:hover:before{background-color:#888!important}.ui.green.labels .label,.ui.green.label{background-color:#A1CF64!important;color:#FFF!important}.ui.labels .green.label:before,.ui.green.labels .label:before,.ui.green.label:before{background-color:#A1CF64!important}a.ui.green.labels .label:hover,a.ui.green.label:hover{background-color:#89B84C!important}.ui.labels a.green.label:hover:before,.ui.green.labels a.label:hover:before,a.ui.green.label:hover:before{background-color:#89B84C!important}.ui.red.labels .label,.ui.red.label{background-color:#EF4D6D!important;color:#FFF!important}.ui.labels .red.label:before,.ui.red.labels .label:before,.ui.red.label:before{background-color:#EF4D6D!important}a.ui.red.labels .label:hover,a.ui.red.label:hover{background-color:#DE3859!important;color:#FFF!important}.ui.labels a.red.label:hover:before,.ui.red.labels a.label:hover:before,a.ui.red.label:hover:before{background-color:#DE3859!important}.ui.blue.labels .label,.ui.blue.label{background-color:#6ECFF5!important;color:#FFF!important}.ui.labels .blue.label:before,.ui.blue.labels .label:before,.ui.blue.label:before{background-color:#6ECFF5!important}a.ui.blue.labels .label:hover,a.ui.blue.label:hover{background-color:#1AB8F3!important;color:#FFF!important}.ui.labels a.blue.label:hover:before,.ui.blue.labels a.label:hover:before,a.ui.blue.label:hover:before{background-color:#1AB8F3!important}.ui.purple.labels .label,.ui.purple.label{background-color:#564F8A!important;color:#FFF!important}.ui.labels .purple.label:before,.ui.purple.labels .label:before,.ui.purple.label:before{background-color:#564F8A!important}a.ui.purple.labels .label:hover,a.ui.purple.label:hover{background-color:#3E3773!important;color:#FFF!important}.ui.labels a.purple.label:hover:before,.ui.purple.labels a.label:hover:before,a.ui.purple.label:hover:before{background-color:#3E3773!important}.ui.teal.labels .label,.ui.teal.label{background-color:#00B5AD!important;color:#FFF!important}.ui.labels .teal.label:before,.ui.teal.labels .label:before,.ui.teal.label:before{background-color:#00B5AD!important}a.ui.teal.labels .label:hover,a.ui.teal.label:hover{background-color:#009A93!important;color:#FFF!important}.ui.labels a.teal.label:hover:before,.ui.teal.labels a.label:hover:before,a.ui.teal.tag.label:hover:before{background-color:#009A93!important}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{position:absolute;content:"";width:.6em;height:.6em;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.pointing.label:before{background-color:#E8E8E8}.ui.pointing.label,.ui.pointing.above.label{margin-top:1em}.ui.pointing.label:before,.ui.pointing.above.label:before{margin-left:-.3em;top:-.3em;left:50%}.ui.pointing.below.label{margin-top:0;margin-bottom:1em}.ui.pointing.below.label:before{margin-left:-.3em;top:auto;right:auto;bottom:-.3em;left:50%}.ui.pointing.left.label{margin-top:0;margin-left:1em}.ui.pointing.left.label:before{margin-top:-.3em;bottom:auto;right:auto;top:50%;left:0}.ui.pointing.right.label{margin-top:0;margin-right:1em}.ui.pointing.right.label:before{margin-top:-.3em;right:-.3em;top:50%;bottom:auto;left:auto}.ui.floating.label{position:absolute;z-index:100;top:-1em;left:100%;margin:0 0 0 -1.5em!important;-webkit-box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset}.ui.label{font-size:.8em}.ui.small.labels .label,.ui.small.label{font-size:.7em}.ui.large.labels .label,.ui.large.label{font-size:1em} \ No newline at end of file +.ui.label{display:inline-block;vertical-align:middle;background-color:#E8E8E8;padding:.5em .8em;color:rgba(0,0,0,.65);text-transform:uppercase;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}a.ui.label{cursor:pointer}.ui.label.disabled{opacity:.5}.ui.label .detail{display:inline-block;margin-left:.5em;font-weight:700;opacity:.8}.ui.label .icon.close{cursor:pointer;margin-left:.5em;opacity:.7;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}a.ui.labels .label:hover,a.ui.label:hover{background-color:#E0E0E0;color:rgba(0,0,0,.7)}.ui.labels a.label:hover:before,a.ui.label:hover:before{background-color:#E0E0E0;color:rgba(0,0,0,.7)}.ui.label .icon.close:hover{opacity:1}.ui.tag.labels .label,.ui.tag.label{margin-left:1em;position:relative;padding:.33em 1.3em .33em 1.4em;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.ui.tag.labels .label:before,.ui.tag.label:before{position:absolute;top:.3em;left:.3em;content:'';margin-left:-1em;background-image:none;width:1.5em;height:1.5em;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-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.tag.labels .label:after,.ui.tag.label:after{position:absolute;content:'';top:50%;left:-.25em;margin-top:-.3em;background-color:#FFF;width:.55em;height:.55em;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}.ui.attached.label{position:absolute;top:0;left:0;margin-top:0!important;background-color:transparent;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.ui.right.attached.label{left:auto;right:0;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.ui.bottom.attached.label{top:auto;bottom:0;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.ui.bottom.right.attached.label{-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.ui.label.fluid,.ui.fluid.labels>.label{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.black.labels .label,.ui.black.label{background-color:#5C6166!important;color:#FFF!important}.ui.labels .black.label:before,.ui.black.labels .label:before,.ui.black.label:before{background-color:#5C6166!important}a.ui.black.labels .label:hover,a.ui.black.label:hover{background-color:#888!important}.ui.labels a.black.label:hover:before,.ui.black.labels a.label:hover:before,a.ui.black.label:hover:before{background-color:#888!important}.ui.green.labels .label,.ui.green.label{background-color:#A1CF64!important;color:#FFF!important}.ui.labels .green.label:before,.ui.green.labels .label:before,.ui.green.label:before{background-color:#A1CF64!important}a.ui.green.labels .label:hover,a.ui.green.label:hover{background-color:#89B84C!important}.ui.labels a.green.label:hover:before,.ui.green.labels a.label:hover:before,a.ui.green.label:hover:before{background-color:#89B84C!important}.ui.red.labels .label,.ui.red.label{background-color:#EF4D6D!important;color:#FFF!important}.ui.labels .red.label:before,.ui.red.labels .label:before,.ui.red.label:before{background-color:#EF4D6D!important}a.ui.red.labels .label:hover,a.ui.red.label:hover{background-color:#DE3859!important;color:#FFF!important}.ui.labels a.red.label:hover:before,.ui.red.labels a.label:hover:before,a.ui.red.label:hover:before{background-color:#DE3859!important}.ui.blue.labels .label,.ui.blue.label{background-color:#6ECFF5!important;color:#FFF!important}.ui.labels .blue.label:before,.ui.blue.labels .label:before,.ui.blue.label:before{background-color:#6ECFF5!important}a.ui.blue.labels .label:hover,a.ui.blue.label:hover{background-color:#1AB8F3!important;color:#FFF!important}.ui.labels a.blue.label:hover:before,.ui.blue.labels a.label:hover:before,a.ui.blue.label:hover:before{background-color:#1AB8F3!important}.ui.purple.labels .label,.ui.purple.label{background-color:#564F8A!important;color:#FFF!important}.ui.labels .purple.label:before,.ui.purple.labels .label:before,.ui.purple.label:before{background-color:#564F8A!important}a.ui.purple.labels .label:hover,a.ui.purple.label:hover{background-color:#3E3773!important;color:#FFF!important}.ui.labels a.purple.label:hover:before,.ui.purple.labels a.label:hover:before,a.ui.purple.label:hover:before{background-color:#3E3773!important}.ui.teal.labels .label,.ui.teal.label{background-color:#00B5AD!important;color:#FFF!important}.ui.labels .teal.label:before,.ui.teal.labels .label:before,.ui.teal.label:before{background-color:#00B5AD!important}a.ui.teal.labels .label:hover,a.ui.teal.label:hover{background-color:#009A93!important;color:#FFF!important}.ui.labels a.teal.label:hover:before,.ui.teal.labels a.label:hover:before,a.ui.teal.tag.label:hover:before{background-color:#009A93!important}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{position:absolute;content:"";width:.6em;height:.6em;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.pointing.label:before{background-color:#E8E8E8}.ui.pointing.label,.ui.pointing.above.label{margin-top:1em}.ui.pointing.label:before,.ui.pointing.above.label:before{margin-left:-.3em;top:-.3em;left:50%}.ui.pointing.below.label{margin-top:0;margin-bottom:1em}.ui.pointing.below.label:before{margin-left:-.3em;top:auto;right:auto;bottom:-.3em;left:50%}.ui.pointing.left.label{margin-top:0;margin-left:1em}.ui.pointing.left.label:before{margin-top:-.3em;bottom:auto;right:auto;top:50%;left:0}.ui.pointing.right.label{margin-top:0;margin-right:1em}.ui.pointing.right.label:before{margin-top:-.3em;right:-.3em;top:50%;bottom:auto;left:auto}.ui.floating.label{position:absolute;z-index:100;top:-1em;left:100%;margin:0 0 0 -1.5em!important;-webkit-box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset}.ui.label{font-size:.8em}.ui.small.labels .label,.ui.small.label{font-size:.7em}.ui.large.labels .label,.ui.large.label{font-size:1em} \ No newline at end of file diff --git a/build/minified/elements/segment.min.css b/build/minified/elements/segment.min.css index f471d51cf..38bd59c46 100644 --- a/build/minified/elements/segment.min.css +++ b/build/minified/elements/segment.min.css @@ -1 +1 @@ -.ui.segment{position:relative;background-color:#FFF;-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);margin:1em 0;padding:1.3em 1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.segment:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.ui.horizontal.segment{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);-moz-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1)}.ui.segment>:first-child{margin-top:0}.ui.segment>:last-child{margin-bottom:0}.ui.segment>:only-child{margin:0}.ui.segment>.attached.label:first-child+*{margin-top:2em}.ui.segment>.bottom.attached.label:first-child+*{margin-top:0}.ui.disabled.segment{opacity:.8;color:#DDD}.ui.basic.segment{position:relative;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.fitted.segment{padding:0}.ui.blue.segment{border-top:.2em solid #6ECFF5}.ui.green.segment{border-top:.2em solid #A1CF64}.ui.red.segment{border-top:.2em solid #EF4D6D}.ui.purple.segment{border-top:.2em solid #564F8A}.ui.teal.segment{border-top:.2em solid #00B5AD}.ui.inverted.black.segment{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.segment{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.segment{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.segment{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.segment{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.segment{background-color:#00B5AD!important;color:#FFF!important}.ui.left.aligned.segment{text-align:left}.ui.right.aligned.segment{text-align:right}.ui.center.aligned.segment{text-align:center}.ui.floated.segment,.ui.left.floated.segment{float:left}.ui.right.floated.segment{float:right}.ui.stacked.segment{padding-bottom:1.7em}.ui.stacked.segment:after,.ui.stacked.segment:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.02);width:100%;height:5px;visibility:visible}.ui.stacked.segment:before{bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before{background-color:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.35)}.ui.raised.segment{-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);box-shadow:0 1px 2px 1px rgba(0,0,0,.1)}.ui.inverted.segment{border-top:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#555;color:#FFF}.ui.primary.segment{background-color:#FFF;color:#555}.ui.secondary.segment{background-color:#F5F5F5;color:#777}.ui.tertiary.segment{background-color:#EBEBEB;color:#B0B0B0}.ui.secondary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.3)));background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);color:#FAFAFA}.ui.tertiary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.6)));background-image:-webkit-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);color:#EEE}.ui.segment.attached{top:-1px;bottom:-1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin: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.segment{top:0;bottom:-1px;margin-top:0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.segment.bottom.attached{top:-1px;bottom:0;margin-bottom:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px} \ No newline at end of file +.ui.segment{position:relative;background-color:#FFF;-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);margin:1em 0;padding:1.3em 1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.segment:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.ui.horizontal.segment{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);-moz-box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1);box-shadow:1px 0 0 rgba(0,0,0,.1),-1px 0 0 rgba(0,0,0,.1)}.ui.segment>:first-child{margin-top:0}.ui.segment>:last-child{margin-bottom:0}.ui.segment>:only-child{margin:0}.ui.segment>.attached.label:first-child+*{margin-top:2em}.ui.segment>.bottom.attached.label:first-child+*{margin-top:0}.ui.disabled.segment{opacity:.8;color:#DDD}.ui.basic.segment{position:relative;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.fitted.segment{padding:0}.ui.blue.segment{border-top:.2em solid #6ECFF5}.ui.green.segment{border-top:.2em solid #A1CF64}.ui.red.segment{border-top:.2em solid #EF4D6D}.ui.purple.segment{border-top:.2em solid #564F8A}.ui.teal.segment{border-top:.2em solid #00B5AD}.ui.inverted.black.segment{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.segment{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.segment{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.segment{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.segment{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.segment{background-color:#00B5AD!important;color:#FFF!important}.ui.left.aligned.segment{text-align:left}.ui.right.aligned.segment{text-align:right}.ui.center.aligned.segment{text-align:center}.ui.floated.segment,.ui.left.floated.segment{float:left}.ui.right.floated.segment{float:right}.ui.stacked.segment{padding-bottom:1.7em}.ui.stacked.segment:after,.ui.stacked.segment:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.02);width:100%;height:5px;visibility:visible}.ui.stacked.segment:before{bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before{background-color:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.35)}.ui.raised.segment{-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);box-shadow:0 1px 2px 1px rgba(0,0,0,.1)}.ui.inverted.segment{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#555;color:#FFF}.ui.primary.segment{background-color:#FFF;color:#555}.ui.secondary.segment{background-color:#F5F5F5;color:#777}.ui.tertiary.segment{background-color:#EBEBEB;color:#B0B0B0}.ui.secondary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.3)));background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);color:#FAFAFA}.ui.tertiary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.6)));background-image:-webkit-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);color:#EEE}.ui.segment.attached{top:-1px;bottom:-1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin: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.segment{top:0;bottom:-1px;margin-top:0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.segment.bottom.attached{top:-1px;bottom:0;margin-bottom:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px} \ 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 96f26a4c5..d9221fb32 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -e834653b234462c72814083eb275fd5aaa8924cd \ No newline at end of file +6cf94be31bed8e8026b857cacec719ee0ca0f2ba \ 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 b6438e2e0..5726dab6d 100644 --- a/build/packaged/semantic.min.js.REMOVED.git-id +++ b/build/packaged/semantic.min.js.REMOVED.git-id @@ -1 +1 @@ -1034f9a0d73c62eb9d153cd46760d1c1353742b3 \ No newline at end of file +759e08aaffde4c9f6d626ef0fc02dd08c46afecd \ No newline at end of file diff --git a/build/uncompressed/collections/table.css b/build/uncompressed/collections/table.css index 951113e10..5b71a4015 100644 --- a/build/uncompressed/collections/table.css +++ b/build/uncompressed/collections/table.css @@ -15,11 +15,10 @@ /* Prototype */ .ui.table { width: 100%; - background-color: #FFFFFF; border-collapse: collapse; - color: #444444; - color: rgba(0, 0, 0, 0.75); - border: 1px solid #DDDDDD; +} +.ui.table thead { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ui.table tr, .ui.table td { @@ -34,32 +33,23 @@ -ms-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } -.ui.table thead { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - background-color: rgba(50, 50, 50, 0.1); -} .ui.table th { cursor: auto; text-align: left; font-weight: bold; - color: rgba(80, 80, 80, 0.85); padding: 0.5em 0.7em; vertical-align: middle; } .ui.table tfoot th { font-weight: normal; font-style: italic; - color: rgba(0, 0, 0, 0.8); } .ui.table td { padding: 0.40em 0.7em; vertical-align: middle; } -.ui.table tfoot th { - background-color: #FFFFFF; -} .ui.table tfoot { - border-top: 1px dotted rgba(0, 0, 0, 0.1); + border-top: 1px solid rgba(0, 0, 0, 0.1); } /* Table Striping */ .ui.table tbody tr:nth-child(2n) { @@ -72,6 +62,13 @@ .ui.table > .icon:only-child { margin: 0em; } +/* table segment */ +.ui.table.segment:after { + display: none; +} +.ui.table.segment.stacked:after { + display: block; +} /******************************* States *******************************/ @@ -246,6 +243,12 @@ .ui.sortable.table thead th.descending:after { content: '\25be'; } +/*-------------- + Inverted +---------------*/ +.ui.inverted.table tbody tr:nth-child(2n) { + background-color: rgba(255, 255, 255, 0.06); +} /*-------------- Collapsing ---------------*/ diff --git a/build/uncompressed/elements/label.css b/build/uncompressed/elements/label.css index bb41b31a1..ffa0e84cd 100644 --- a/build/uncompressed/elements/label.css +++ b/build/uncompressed/elements/label.css @@ -41,7 +41,7 @@ a.ui.label { } .ui.label .detail { display: inline-block; - margin-left: 1em; + margin-left: 0.5em; font-weight: bold; opacity: 0.8; } diff --git a/build/uncompressed/elements/segment.css b/build/uncompressed/elements/segment.css index ce68767a4..adf903abc 100644 --- a/build/uncompressed/elements/segment.css +++ b/build/uncompressed/elements/segment.css @@ -211,7 +211,7 @@ Inverted --------------------*/ .ui.inverted.segment { - border-top: none; + border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; diff --git a/node/src/documents/collections/form.html b/node/src/documents/collections/form.html index fdd2b071c..c492f6091 100755 --- a/node/src/documents/collections/form.html +++ b/node/src/documents/collections/form.html @@ -37,7 +37,7 @@ type : 'UI Collection'

Form:

A form is a collection of user input elements, and has no stylings of its own.

-

This example uses a ui segment to add the padding and background color. This is not required.

+

This example uses a ui segment to add the padding and background color. This is not required.

Let's go ahead and get you signed up.

diff --git a/node/src/documents/collections/table.html b/node/src/documents/collections/table.html index 770536a21..0dacd43b0 100755 --- a/node/src/documents/collections/table.html +++ b/node/src/documents/collections/table.html @@ -30,7 +30,10 @@ type : 'UI Collection'

Table

A standard table

- +
+

This example uses a ui segment to add padding and a background color. This is not required.

+
+
@@ -55,7 +58,7 @@ type : 'UI Collection'
Name Status
-
Add User
+
Add User
@@ -239,7 +242,42 @@ type : 'UI Collection'

Collapsing

By default tables take the size of their container. A collapsing takes up only as much space as its rows.

- +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameStatusNotes
JohnApprovedNone
JamieApprovedRequires call
JillDeniedNone
3 People2 Approved
+
+ + +
+

Inverted

+

A tables colors can be inverted

+ diff --git a/node/src/documents/modules/form.html b/node/src/documents/modules/form.html index 12215d3ea..db4c42e0f 100755 --- a/node/src/documents/modules/form.html +++ b/node/src/documents/modules/form.html @@ -3,7 +3,7 @@ layout : 'default' css : 'form' title : 'Validate Form' -type : 'UI Module' +type : 'UI Behavior' --- diff --git a/node/src/documents/playground.html b/node/src/documents/playground.html new file mode 100644 index 000000000..1f59b1652 --- /dev/null +++ b/node/src/documents/playground.html @@ -0,0 +1,20 @@ +--- +layout : 'default' +css : 'download' + +title : 'Playground' +type : 'Library' +--- +
+
+

Playground

+

Try out creating interfaces

+
+
+
+ + +
+ + + \ No newline at end of file diff --git a/node/src/documents/specification/styleguide.html b/node/src/documents/specification/styleguide.html new file mode 100644 index 000000000..0d8b096ee --- /dev/null +++ b/node/src/documents/specification/styleguide.html @@ -0,0 +1,219 @@ + --- +layout : 'default' +css : 'guide' + +title : 'Style Guide' +type : 'UI Specification' +--- +
+
+

Project Roadmap

+
+
+
+ +
+ +
+
+ Progress Report +
+

Current status of work on Semantic UI

+
+
+ +
+ +
+
+ Redesign Timeline +
+
+
6.5
days left
+
+
+
+
+
UI Elements
+

This is an estimate of total time left to compete reskin and docs for the following elements

+
+
Name Status
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
UI ElementEstimatedSpentStatusNotes
Button11Complete
Text Block0.50.5
Header0.50
Grid10
Divider0.250
Tags0.250.25Complete
Labels0.50Complete + Changes:
+ - Consolidated into tags +
Icons10
Menu31Complete
Throbber10
Video0.50
Steps0.50
Segment0.50.25In Progress
Table0.51Complete
14 Elements10.5 days4 days
+
+
+
UI Collections
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameEstimatedSpentStatusNotes
Activity Feed10
Forms2 days1Complete
List View0.750
Item View10
User List View0.50
5 Elements5.25 days1 days
+
+ + +
\ No newline at end of file diff --git a/node/src/files/components/semantic/collections/table.css b/node/src/files/components/semantic/collections/table.css index 951113e10..5b71a4015 100644 --- a/node/src/files/components/semantic/collections/table.css +++ b/node/src/files/components/semantic/collections/table.css @@ -15,11 +15,10 @@ /* Prototype */ .ui.table { width: 100%; - background-color: #FFFFFF; border-collapse: collapse; - color: #444444; - color: rgba(0, 0, 0, 0.75); - border: 1px solid #DDDDDD; +} +.ui.table thead { + border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ui.table tr, .ui.table td { @@ -34,32 +33,23 @@ -ms-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } -.ui.table thead { - border-bottom: 1px solid rgba(0, 0, 0, 0.1); - background-color: rgba(50, 50, 50, 0.1); -} .ui.table th { cursor: auto; text-align: left; font-weight: bold; - color: rgba(80, 80, 80, 0.85); padding: 0.5em 0.7em; vertical-align: middle; } .ui.table tfoot th { font-weight: normal; font-style: italic; - color: rgba(0, 0, 0, 0.8); } .ui.table td { padding: 0.40em 0.7em; vertical-align: middle; } -.ui.table tfoot th { - background-color: #FFFFFF; -} .ui.table tfoot { - border-top: 1px dotted rgba(0, 0, 0, 0.1); + border-top: 1px solid rgba(0, 0, 0, 0.1); } /* Table Striping */ .ui.table tbody tr:nth-child(2n) { @@ -72,6 +62,13 @@ .ui.table > .icon:only-child { margin: 0em; } +/* table segment */ +.ui.table.segment:after { + display: none; +} +.ui.table.segment.stacked:after { + display: block; +} /******************************* States *******************************/ @@ -246,6 +243,12 @@ .ui.sortable.table thead th.descending:after { content: '\25be'; } +/*-------------- + Inverted +---------------*/ +.ui.inverted.table tbody tr:nth-child(2n) { + background-color: rgba(255, 255, 255, 0.06); +} /*-------------- Collapsing ---------------*/ diff --git a/node/src/files/components/semantic/elements/label.css b/node/src/files/components/semantic/elements/label.css index bb41b31a1..ffa0e84cd 100644 --- a/node/src/files/components/semantic/elements/label.css +++ b/node/src/files/components/semantic/elements/label.css @@ -41,7 +41,7 @@ a.ui.label { } .ui.label .detail { display: inline-block; - margin-left: 1em; + margin-left: 0.5em; font-weight: bold; opacity: 0.8; } diff --git a/node/src/files/components/semantic/elements/segment.css b/node/src/files/components/semantic/elements/segment.css index ce68767a4..adf903abc 100644 --- a/node/src/files/components/semantic/elements/segment.css +++ b/node/src/files/components/semantic/elements/segment.css @@ -211,7 +211,7 @@ Inverted --------------------*/ .ui.inverted.segment { - border-top: none; + border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; diff --git a/node/src/layouts/default.html.eco b/node/src/layouts/default.html.eco index 1aada52c4..c271d66de 100755 --- a/node/src/layouts/default.html.eco +++ b/node/src/layouts/default.html.eco @@ -4,6 +4,7 @@ <% uiCollections = @getCollection("documents").findAllLive({type: $in: ['UI Collection']},[{title: 1}]).toJSON() %> <% uiViews = @getCollection("documents").findAllLive({type: $in: ['UI View']},[{title: 1}]).toJSON() %> <% uiModules = @getCollection("documents").findAllLive({type: $in: ['UI Module']},[{title: 1}]).toJSON() %> +<% uiBehavior = @getCollection("documents").findAllLive({type: $in: ['UI Behavior']},[{title: 1}]).toJSON() %> <% uiSpecification = @getCollection("documents").findAllLive({type: $in: ['UI Specification']},[{title: 1}]).toJSON() %> <% currentCollection = @getCollection("documents").findAllLive({type: $in: [@document.type]},[{title: 1}]).toJSON() %> <% pageCount = @pageCount(currentCollection) %> @@ -69,10 +70,10 @@