finishing up comments

Former-commit-id: 85fbfb9ad2
Former-commit-id: e9d479f338

build/minified/collections/form.min.css

@@ -1 +1 @@
-.ui.form{position:relative;max-width:100%}.ui.form :first-child{margin-top:0}.ui.form>p{margin:1em 0}.ui.form .field{clear:both;margin:0 0 1em}.ui.form .field>label{margin:0 0 .3em;display:block;color:#555;font-size:.875em;line-height:1.2}.ui.form textarea,.ui.form input[type=text],.ui.form input[type=date],.ui.form input[type=password],.ui.textarea,.ui.input{width:100%;padding:.53em .7em;font-size:.825em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:#555;-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-ms-transition:background-color .3s ease-out;transition:background-color .3s ease-out;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.textarea,.ui.form textarea{line-height:1.33;min-height:8em;height:12em;max-height:24em;resize:vertical}.ui.form select{-webkit-tap-highlight-color:rgba(255,255,255,0)}.ui.form textarea,.ui.form input[type=checkbox]{vertical-align:top}.ui.form .divider{clear:both;margin:1em 0}.ui.form .info.message,.ui.form .warning.message,.ui.form .error.message{display:none}.ui.form .message:first-child{margin-top:0}.ui.form input:focus,.ui.form textarea:focus{color:rgba(20,20,20,.9);border-color:rgba(0,0,0,.3)}.ui.form.warning .warning.message{display:block}.ui.form.error .error.message{display:block}.ui.form .fields.error .field label,.ui.form .field.error label{font-weight:700;color:#EF3F49}.ui.form .fields.error .field textarea,.ui.form .fields.error .field input[type=text],.ui.form .fields.error .field input[type=date],.ui.form .fields.error .field input[type=password],.ui.form .field.error textarea,.ui.form .field.error input[type=text],.ui.form .field.error input[type=date],.ui.form .field.error input[type=password]{background-color:#FFFAFA;border-color:rgba(255,80,80,.7);color:rgba(255,80,80,.7)}.ui.form .field.error textarea:focus,.ui.form .field.error input:focus{border-color:#ff5050;color:#ff5050}.ui.form ::-webkit-input-placeholder{color:#E0E0E0}.ui.form ::-moz-placeholder{color:#E0E0E0}.ui.form :focus::-webkit-input-placeholder{color:#AAA}.ui.form :focus::-moz-placeholder{color:#AAA}.ui.form textarea.empty,.ui.form input.empty{color:#E0E0E0}.ui.form .error ::-webkit-input-placeholder{color:rgba(255,80,80,.4)}.ui.form .error ::-moz-placeholder{color:rgba(255,80,80,.4)}.ui.form .error :focus::-webkit-input-placeholder{color:rgba(255,80,80,.7)}.ui.form .error :focus::-moz-placeholder{color:rgba(255,80,80,.7)}.ui.form .field :disabled,.ui.form .field.disabled{opacity:.5}.ui.form .field.disabled :disabled{opacity:1}.ui.form.loading{position:relative}.ui.form.loading:after{position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:rgba(255,255,255,.8) url(../images/throbber-large.gif) no-repeat 50% 50%}.ui.form.fluid{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.form input.attached{width:auto}.ui.form .date.field>label{position:relative}.ui.form .date.field>label:after{position:absolute;top:1.2em;right:.4em;font-family:Icons;content:'📅';font-size:1.5em;font-weight:400;color:#CCC}.ui.inverted.form label{color:#FFF}.ui.inverted.form .field.error textarea,.ui.inverted.form .field.error input[type=text]{background-color:#FCC}.ui.form .fields{clear:both}.ui.form .fields:after{content:' ';display:block;clear:both;visibility:hidden;line-height:0;height:0}.ui.form .fields .field{clear:none;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.form .fields .field:first-child{border-left:0;box-shadow:none}.ui.form .fields .field,.ui.form .two.fields .field{width:50%;padding-left:1%;padding-right:1%}.ui.form .three.fields .field{width:33.333%;padding-left:1%;padding-right:1%}.ui.form .four.fields .field{width:25%;padding-left:1%;padding-right:1%}.ui.form .five.fields .field{width:20%;padding-left:1%;padding-right:1%}.ui.form .fields .field:first-child{padding-left:0}.ui.form .fields .field:last-child{padding-right:0}.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p,.ui.form .inline.fields .field>input,.ui.form .inline.fields .field>select,.ui.form .inline.field>label,.ui.form .inline.field>p,.ui.form .inline.field>input,.ui.form .inline.field>select{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:1em}.ui.form .inline.fields .field>:first-child,.ui.form .inline.field>:first-child{margin:0 .5em 0 0}.ui.small.form{font-size:.875em}.ui.small.form textarea,.ui.small.form input[type=text],.ui.small.form input[type=password],.ui.small.form label{font-size:1em}.ui.large.form{font-size:1.125em}.ui.large.form label{font-weight:700}
+.ui.form{position:relative;max-width:100%}.ui.form :first-child{margin-top:0}.ui.form>p{margin:1em 0}.ui.form .field{clear:both;margin:0 0 1em}.ui.form .field>label{margin:0 0 .3em;display:block;color:#555;font-size:.875em;line-height:1.2}.ui.form textarea,.ui.form input[type=text],.ui.form input[type=date],.ui.form input[type=password],.ui.textarea,.ui.input{width:100%;padding:.53em .7em;font-size:.825em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:#555;-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-transition:background-color .3s ease-out;-moz-transition:background-color .3s ease-out;-o-transition:background-color .3s ease-out;-ms-transition:background-color .3s ease-out;transition:background-color .3s ease-out;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.textarea,.ui.form textarea{line-height:1.33;min-height:8em;height:12em;max-height:24em;resize:vertical}.ui.form select{-webkit-tap-highlight-color:rgba(255,255,255,0)}.ui.form textarea,.ui.form input[type=checkbox]{vertical-align:top}.ui.form .divider{clear:both;margin:1em 0}.ui.form .info.message,.ui.form .warning.message,.ui.form .error.message{display:none}.ui.form .message:first-child{margin-top:0}.ui.form input:focus,.ui.form textarea:focus{color:rgba(20,20,20,.9);border-color:rgba(0,0,0,.2)}.ui.form.warning .warning.message{display:block}.ui.form.error .error.message{display:block}.ui.form .fields.error .field label,.ui.form .field.error label{font-weight:700;color:#EF3F49}.ui.form .fields.error .field textarea,.ui.form .fields.error .field input[type=text],.ui.form .fields.error .field input[type=date],.ui.form .fields.error .field input[type=password],.ui.form .field.error textarea,.ui.form .field.error input[type=text],.ui.form .field.error input[type=date],.ui.form .field.error input[type=password]{background-color:#FFFAFA;border-color:rgba(255,80,80,.7);color:rgba(255,80,80,.7)}.ui.form .field.error textarea:focus,.ui.form .field.error input:focus{border-color:#ff5050;color:#ff5050}.ui.form ::-webkit-input-placeholder{color:#E0E0E0}.ui.form ::-moz-placeholder{color:#E0E0E0}.ui.form :focus::-webkit-input-placeholder{color:#AAA}.ui.form :focus::-moz-placeholder{color:#AAA}.ui.form textarea.empty,.ui.form input.empty{color:#E0E0E0}.ui.form .error ::-webkit-input-placeholder{color:rgba(255,80,80,.4)}.ui.form .error ::-moz-placeholder{color:rgba(255,80,80,.4)}.ui.form .error :focus::-webkit-input-placeholder{color:rgba(255,80,80,.7)}.ui.form .error :focus::-moz-placeholder{color:rgba(255,80,80,.7)}.ui.form .field :disabled,.ui.form .field.disabled{opacity:.5}.ui.form .field.disabled :disabled{opacity:1}.ui.form.loading{position:relative}.ui.form.loading:after{position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:rgba(255,255,255,.8) url(../images/throbber-large.gif) no-repeat 50% 50%}.ui.form.fluid{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.form input.attached{width:auto}.ui.form .date.field>label{position:relative}.ui.form .date.field>label:after{position:absolute;top:1.2em;right:.4em;font-family:Icons;content:'📅';font-size:1.5em;font-weight:400;color:#CCC}.ui.inverted.form label{color:#FFF}.ui.inverted.form .field.error textarea,.ui.inverted.form .field.error input[type=text]{background-color:#FCC}.ui.form .fields{clear:both}.ui.form .fields:after{content:' ';display:block;clear:both;visibility:hidden;line-height:0;height:0}.ui.form .fields .field{clear:none;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.form .fields .field:first-child{border-left:0;box-shadow:none}.ui.form .fields .field,.ui.form .two.fields .field{width:50%;padding-left:1%;padding-right:1%}.ui.form .three.fields .field{width:33.333%;padding-left:1%;padding-right:1%}.ui.form .four.fields .field{width:25%;padding-left:1%;padding-right:1%}.ui.form .five.fields .field{width:20%;padding-left:1%;padding-right:1%}.ui.form .fields .field:first-child{padding-left:0}.ui.form .fields .field:last-child{padding-right:0}.ui.form .inline.fields .field>label,.ui.form .inline.fields .field>p,.ui.form .inline.fields .field>input,.ui.form .inline.fields .field>select,.ui.form .inline.field>label,.ui.form .inline.field>p,.ui.form .inline.field>input,.ui.form .inline.field>select{display:inline-block;width:auto;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:1em}.ui.form .inline.fields .field>:first-child,.ui.form .inline.field>:first-child{margin:0 .5em 0 0}.ui.small.form{font-size:.875em}.ui.small.form textarea,.ui.small.form input[type=text],.ui.small.form input[type=password],.ui.small.form label{font-size:1em}.ui.large.form{font-size:1.125em}.ui.large.form label{font-weight:700}

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;overflow:hidden}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1),0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 0 rgba(0,0,0,.1),0 -1px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.1),0 -1px 0 rgba(0,0,0,.1)}.ui.horizontal.segment{margin:0;padding-top:0;padding-bottom:0;-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.basic.segment:before{position:absolute;top:0;width:100%;content:'';height:1px;background-color:rgba(0,0,0,.05);border-top:1px solid rgba(255,255,255,.8)}.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:#F8F8F8;width:100%;height:5px}.ui.stacked.segment:before{bottom:0}.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{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#555;color:#FFF}.ui.secondary.inverted.segment{background-color:#777;color:#E2E2E2}.ui.tertiary.inverted.segment{background-color:#B0B0B0;color:#EBEBEB}.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.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}
+.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;overflow: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.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:#F8F8F8;width:100%;height:5px}.ui.stacked.segment:before{bottom:0}.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{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#555;color:#FFF}.ui.secondary.inverted.segment{background-color:#777;color:#E2E2E2}.ui.tertiary.inverted.segment{background-color:#B0B0B0;color:#EBEBEB}.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.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}

build/minified/views/comment.min.css

@@ -1 +1 @@
-.ui.comments a{cursor:pointer}.ui.comments .comment{position:relative;margin-top:.75em;padding-top:.75em;width:100%}.ui.comments .comment:first-child{margin-top:0;padding-top:0}.ui.comments .comment .avatar{display:block;float:left}.ui.comments .comment .avatar,.ui.comments .comment .avatar img{width:3em}.ui.comments .comment .avatar img{height:3em;border-radius:500px}.ui.comments .comment>.content,.ui.comments .comment>.avatar{display:block}.ui.comments .comment .avatar~.content{padding:0 1em}.ui.comments .comment>.avatar~.content{margin-left:3em}.ui.comments .comment .metadata{display:inline-block;margin-left:.3em;color:rgba(0,0,0,.4)}.ui.comments .comment .metadata>*{display:inline-block;margin:0 .3em 0 0}.ui.comments .comment .text{margin:0 0 .5em}.ui.comments .comment .actions{font-size:.9em}.ui.comments .comment .actions a{display:inline-block;margin:0 .3em 0 0;color:rgba(0,0,0,.3)}.ui.comments .comment .actions a.active,.ui.comments .comment .actions a:hover{color:rgba(0,0,0,.6)}.ui.comments .reply.form{margin-top:.5em;width:30em}.ui.comments .reply.form textarea{height:12em}.ui.comments .comment .comments{margin-top:1em;padding-top:1em}.ui.comments .comment .comments:before{position:absolute;top:0;left:0}.ui.comments>.comment .comments{margin-left:2em}.ui.comments>.comment>.comments>.comment>.comments{margin-left:1.75em}.ui.comments>.comment>.comments>.comment>.comments>.comment>.comments{margin-left:1.5em}.ui.comments>.comment>.comments>.comment>.comments>.comment>.comments>.comment .comments{margin-left:.5em}.ui.threaded.comments .comment .comments{margin-left:1.5em!important;padding-left:1.5em!important;-webkit-box-shadow:-1px 0 0 rgba(0,0,0,.05);-moz-box-shadow:-1px 0 0 rgba(0,0,0,.05);box-shadow:-1px 0 0 rgba(0,0,0,.05)}
+.ui.comments a{cursor:pointer}.ui.comments .comment{position:relative;margin-top:.75em;padding-top:.75em;width:100%}.ui.comments .comment:first-child{margin-top:0;padding-top:0}.ui.comments .comment .avatar{display:block;float:left}.ui.comments .comment .avatar,.ui.comments .comment .avatar img{width:3em}.ui.comments .comment .avatar img{height:3em;border-radius:500px}.ui.comments .comment>.content,.ui.comments .comment>.avatar{display:block}.ui.comments .comment .avatar~.content{padding:0 1em}.ui.comments .comment>.avatar~.content{margin-left:3em}.ui.comments .comment .metadata{display:inline-block;margin-left:.3em;color:rgba(0,0,0,.4)}.ui.comments .comment .metadata>*{display:inline-block;margin:0 .3em 0 0}.ui.comments .comment .text{margin:0 0 .5em}.ui.comments .comment .actions{font-size:.9em}.ui.comments .comment .actions a{display:inline-block;margin:0 .3em 0 0;color:rgba(0,0,0,.3)}.ui.comments .comment .actions a.active,.ui.comments .comment .actions a:hover{color:rgba(0,0,0,.6)}.ui.comments .reply.form{margin-top:.5em;width:100%;max-width:30em}.ui.comments>.reply.form{margin-top:1.5em;max-width:40em}.ui.comments .reply.form textarea{height:12em}.ui.comments .comment .comments{margin-top:1em;padding-top:1em}.ui.comments .comment .comments:before{position:absolute;top:0;left:0}.ui.comments>.comment .comments{margin-left:2em}.ui.comments>.comment>.comments>.comment>.comments{margin-left:1.75em}.ui.comments>.comment>.comments>.comment>.comments>.comment>.comments{margin-left:1.5em}.ui.comments>.comment>.comments>.comment>.comments>.comment>.comments>.comment .comments{margin-left:.5em}.ui.threaded.comments .comment .comments{margin-left:1.5em!important;padding-left:1.5em!important;-webkit-box-shadow:-1px 0 0 rgba(0,0,0,.05);-moz-box-shadow:-1px 0 0 rgba(0,0,0,.05);box-shadow:-1px 0 0 rgba(0,0,0,.05)}.ui.minimal.comments .comment .actions{opacity:0;-webkit-transition:opacity .1s ease-out;-moz-transition:opacity .1s ease-out;-o-transition:opacity .1s ease-out;-ms-transition:opacity .1s ease-out;transition:opacity .1s ease-out;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s}.ui.minimal.comments .comment>.content:hover>.actions{opacity:1}

build/packaged/semantic.min.css.REMOVED.git-id

@@ -1 +1 @@
-02c021c6ec336d0e1d528d65fd9ce1ee17daf92b
+3fa5031d9f74ed8a6a6ef49f3694bf9fae0f8a71

build/uncompressed/collections/form.css

@@ -118,7 +118,7 @@
 .ui.form input:focus,
 .ui.form textarea:focus {
   color: rgba(20, 20, 20, 0.9);
-  border-color: rgba(0, 0, 0, 0.3);
+  border-color: rgba(0, 0, 0, 0.2);
 }
 /*--------------------
         Error

build/uncompressed/collections/menu.css

@@ -227,12 +227,10 @@
 ---------------*/
 .ui.menu .item > .label,
 .ui.menu .item > a > .label {
-  font-size: 0.9em;
-  line-height: 1.33;
+  font-size: 0.875em;
   margin: -0.3em 0em -0.3em 0.3em;
-  padding: 0.2em 0.6em;
+  padding: 0.1em 0.5em;
   vertical-align: baseline;
-  text-transform: none;
 }
 /*--------------
       Images
@@ -267,6 +265,15 @@
   -moz-border-bottom-left-radius: 0em;
   border-bottom-left-radius: 0em;
 }
+/* Darken Labels */
+.ui.menu .item:hover .label,
+.ui.menu .item.hover .label {
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)));
+  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
+  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
+  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
+  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
+}
 /* Dropdown Display */
 .ui.menu .dropdown.item:hover .menu {
   display: block;
@@ -353,7 +360,8 @@
 }
 .ui.vertical.menu .item > .icon {
   float: right;
-  margin: 0em 0em 0em 0.2em;
+  width: 1.22em;
+  margin: 0.2em 0em 0em 0.5em;
 }
 /*--- Border ---*/
 .ui.vertical.menu .item:before {
@@ -442,6 +450,7 @@
   box-shadow: none;
 }
 .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;
@@ -636,7 +645,7 @@
   background-color: transparent;
 }
 /*--- fluid text ---*/
-.ui.fluid.text.menu {
+.ui.text.item.menu .item {
   margin: 0em;
 }
 /*--- vertical text ---*/

build/uncompressed/elements/button.css

@@ -75,11 +75,11 @@
 .ui.buttons .button.active,
 .ui.button.active {
   background-color: #E6E6E6;
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15)));
-  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
-  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
-  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
-  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
+  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
   -webkit-box-shadow: 0em 0.125em 0.125em 0em rgba(0, 0, 0, 0.15) inset;
   -moz-box-shadow: 0em 0.125em 0.125em 0em rgba(0, 0, 0, 0.15) inset;
   box-shadow: 0em 0.125em 0.125em 0em rgba(0, 0, 0, 0.15) inset;

build/uncompressed/elements/icons.css

@@ -385,7 +385,7 @@ i.icon.idea:before {
   content: '💡';
 }
 /* '\1f4a1' */
-i.icon.link.open:before {
+i.icon.open:before {
   content: '🔗';
 }
 /* '\1f517' */
@@ -540,19 +540,18 @@ i.icon.zoom.out:before {
 i.icon.star {
   width: auto;
   margin: 0em;
+  vertical-align: middle;
 }
 i.icon.left,
 i.icon.left,
 i.icon.left {
   width: auto;
-  vertical-align: middle;
   margin: 0em 0.5em 0em 0em;
 }
 i.icon.up,
 i.icon.down,
 i.icon.right {
   width: auto;
-  vertical-align: middle;
   margin: 0em 0em 0em 0.1em;
 }
 /*--------------
@@ -594,12 +593,33 @@ i.icon.date:before {
 /*******************************
              States
 *******************************/
+i.icon.hover {
+  opacity: 1;
+}
+i.icon.active {
+  opacity: 1;
+}
 i.icon.disabled {
   opacity: 0.3;
 }
 /*******************************
            Variations
 *******************************/
+/*-------------------
+         Link 
+--------------------*/
+i.link.icon {
+  cursor: pointer;
+  opacity: 0.7;
+  -webkit-transition: opacity 0.3s ease-out;
+  -moz-transition: opacity 0.3s ease-out;
+  -o-transition: opacity 0.3s ease-out;
+  -ms-transition: opacity 0.3s ease-out;
+  transition: opacity 0.3s ease-out;
+}
+.link.icon:hover {
+  opacity: 1;
+}
 /*-------------------
       Circular 
 --------------------*/

build/uncompressed/elements/segment.css

@@ -33,17 +33,19 @@
   margin: 0em;
   padding-left: 0em;
   padding-right: 0em;
+  background-color: transparent;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
-  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.1);
-  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
 }
 .ui.horizontal.segment {
   margin: 0em;
   padding-top: 0em;
   padding-bottom: 0em;
+  background-color: transparent;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
@@ -91,15 +93,6 @@
   -moz-box-shadow: none;
   box-shadow: none;
 }
-.ui.basic.segment:before {
-  position: absolute;
-  top: 0px;
-  width: 100%;
-  content: '';
-  height: 1px;
-  background-color: rgba(0, 0, 0, 0.05);
-  border-top: 1px solid rgba(255, 255, 255, 0.8);
-}
 /*-------------------
        Colors
 --------------------*/

build/uncompressed/views/comment.css

@@ -95,7 +95,12 @@
 ---------------------*/
 .ui.comments .reply.form {
   margin-top: 0.5em;
-  width: 30em;
+  width: 100%;
+  max-width: 30em;
+}
+.ui.comments > .reply.form {
+  margin-top: 1.5em;
+  max-width: 40em;
 }
 .ui.comments .reply.form textarea {
   height: 12em;
@@ -131,6 +136,9 @@
 /*******************************
            Variations
 *******************************/
+/*--------------------
+        Threaded
+---------------------*/
 .ui.threaded.comments .comment .comments {
   margin-left: 1.5em !important;
   padding-left: 1.5em !important;
@@ -138,3 +146,22 @@
   -moz-box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
   box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
 }
+/*--------------------
+        Minimal
+---------------------*/
+.ui.minimal.comments .comment .actions {
+  opacity: 0;
+  -webkit-transition: opacity 0.1s ease-out;
+  -moz-transition: opacity 0.1s ease-out;
+  -o-transition: opacity 0.1s ease-out;
+  -ms-transition: opacity 0.1s ease-out;
+  transition: opacity 0.1s ease-out;
+  -webkit-transition-delay: 0.1s;
+  -moz-transition-delay: 0.1s;
+  -o-transition-delay: 0.1s;
+  -ms-transition-delay: 0.1s;
+  transition-delay: 0.1s;
+}
+.ui.minimal.comments .comment > .content:hover > .actions {
+  opacity: 1;
+}

node/src/documents/elements/icon.html

@@ -92,7 +92,7 @@ type   : 'UI Element'
       <div class="column"><i class="icon close"></i> Delete</div>
       <div class="column"><i class="icon check"></i> Check</div>
       <div class="column"><i class="icon edit"></i> Edit</div>
-      <div class="column"><i class="icon open link"></i> Open Link</div>
+      <div class="column"><i class="icon open"></i> Open</div>
       <div class="column"><i class="icon export"></i> Export</div>
       <div class="column"><i class="icon forward"></i> Forward</div>
       <div class="column"><i class="icon upload"></i> Upload</div>
@@ -234,6 +234,15 @@ type   : 'UI Element'
     <i class="massive users icon"></i> Users
   </div>
   
+  <div class="example">
+    <h4 class="ui header">Link</h4>
+    <p>An icon can be formatted as a link</p>
+    <i class="link close icon"></i> 
+    <br>
+    <i class="link inverted users icon"></i>
+  </div>
+  
+  
   <div class="example">
     <h4 class="ui header">Circular</h4>
     <p>An icon can be formatted to appear circular</p>

node/src/documents/elements/segment.html

@@ -46,8 +46,12 @@ type   : 'UI Element'
 
   <h2 class="ui dividing header">States</h2>
 
-  <div class="ui disabled segment">
-    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
+  <div class="example">
+    <h4 class="ui header">Disabled</h4>
+    <p>A segment may show its content is disabled
+    <div class="ui disabled segment">
+      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</p>
+    </div>
   </div>
   
   <h2 class="ui dividing header">Variations</h2>
@@ -149,8 +153,8 @@ type   : 'UI Element'
   </div>
   
   <div class="example">
-    <h4 class="ui header">Basic</h4>
-    <p>A segment may reduce its complexity to blend in with a page</p>
+    <h4 class="ui header">Divided</h4>
+    <p>A segment may create a division between previous content</p>
     <div class="ui basic segment">
       <p>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.</p>
     </div>

node/src/documents/views/comment.html

@@ -42,7 +42,7 @@ type   : 'UI View'
   
   <div class="example">
     <h4 class="ui header">Avatar</h4>
-    <p>A comment can optionally contain an image or avatar</p>
+    <p>A comment can contain an image or avatar</p>
     <div class="ui comments">
       <div class="comment">
         <a class="avatar">
@@ -60,7 +60,7 @@ type   : 'UI View'
   
   <div class="example">
     <h4 class="ui header">Metadata</h4>
-    <p>A comment can optionally contain metadata about the comment, an arbitrary amount of metadata may be defined.</p>
+    <p>A comment can contain metadata about the comment, an arbitrary amount of metadata may be defined.</p>
     <div class="ui comments">
       <div class="comment">
         <a class="avatar">
@@ -90,8 +90,8 @@ type   : 'UI View'
         <div class="content">
           <a class="author">Dog Doggington</a>
           <div class="metadata">
-            <div class="date data">2 days ago</div>
-            <div class="stars data">5 stars</div>
+            <div class="date">2 days ago</div>
+            <div class="stars">5 stars</div>
           </div>
           <div class="text">
             I think this is a great idea and i am voting on it
@@ -115,13 +115,7 @@ type   : 'UI View'
         <div class="content">
           <a class="author">Dog Doggington</a>
           <div class="metadata">
-            <div class="date data">2 days ago</div>
-            <div class="stars data">
-              <i class="icon star"></i>
-              <i class="icon star"></i>
-              <i class="icon star"></i>
-              <i class="icon half star"></i>
-            </div>
+            <div class="date">2 days ago</div>
           </div>
           <div class="text">
             I think this is a great idea and i am voting on it
@@ -135,10 +129,59 @@ type   : 'UI View'
               <textarea></textarea>
             </div>
             <div class="ui button teal submit labeled icon">
-              <i class="icon edit"></i> Add Comment
+              <i class="icon edit"></i> Add Reply
             </div>
           </form>
         </div>
+      </div>
+    </div>
+  </div>
+  <div class="another example">
+    <p>A comment reply form can also exist below a comment feed to reply specifically to the original content.
+    <div class="ui comments">
+      <div class="comment">
+        <a class="avatar">
+          <img src="/images/demo/dog.jpg">
+        </a>
+        <div class="content">
+          <a class="author">Dog Doggington</a>
+          <div class="metadata">
+            <div class="date">2 days ago</div>
+          </div>
+          <div class="text">
+            I think this is a great idea and i am voting on it
+          </div>
+          <div class="actions">
+            <a class="reply">Reply</a>
+            <a class="delete">Delete</a>
+          </div>
+        </div>
+      </div>
+      <div class="comment">
+        <a class="avatar">
+          <img src="/images/demo/dog2.jpg">
+        </a>
+        <div class="content">
+          <a class="author">Pawfin Dog</a>
+          <div class="metadata">
+            <div class="date">1 day ago</div>
+          </div>
+          <div class="text">
+            I think this is a great idea and i am voting on it
+          </div>
+          <div class="actions">
+            <a class="reply">Reply</a>
+          </div>
+        </div>
+      </div>
+      <form class="ui reply form">
+        <div class="field">
+          <textarea></textarea>
+        </div>
+        <div class="ui button teal submit labeled icon">
+          <i class="icon edit"></i> Add Comment
+        </div>
+      </form>
     </div>
   </div>
   
@@ -279,6 +322,142 @@ type   : 'UI View'
       </div>
     </div>
   </div>
+  
+  
+  <div class="example">
+    <h4 class="ui header">Minimal</h4>
+    <p>Comments can hide extra information unless a user shows intent to interact with a comment.</p>
+    <div class="ui minimal comments">
+      <div class="comment">
+        <a class="avatar">
+          <img src="/images/demo/dog.jpg">
+        </a>
+        <div class="content">
+          <a class="author">Dog Doggington</a>
+          <div class="metadata">
+            <span class="date">2 days ago</span>
+          </div>
+          <div class="text">
+            I think this is a great idea and i am voting on it
+          </div>
+          <div class="actions">
+            <a class="reply">Reply</a>
+            <a class="delete">Delete</a>
+          </div>
+        </div>
+        <div class="comments">
+          <div class="comment">
+            <a class="avatar">
+              <img src="/images/demo/dog2.jpg">
+            </a>
+            <div class="content">
+              <a class="author">Pawfin Dog</a>
+              <div class="metadata">
+                <span class="date">1 day ago</span>
+              </div>
+              <div class="text">
+                I think this is a great idea and i am voting on it
+              </div>
+              <div class="actions">
+                <a class="reply">Reply</a>
+                <a class="delete">Delete</a>
+              </div>
+            </div>
+            <div class="comments">
+              <div class="comment">
+                <a class="avatar">
+                  <img src="/images/demo/dog.jpg">
+                </a>
+                <div class="content">
+                  <a class="author">Dog Doggington</a>
+                  <div class="metadata">
+                    <span class="date">20 minutes ago</span>
+                  </div>
+                  <div class="text">
+                    I think this is a great idea and i am voting on it
+                  </div>
+                  <div class="actions">
+                    <a class="reply">Reply</a>
+                    <a class="delete">Delete</a>
+                  </div>
+                </div>
+              </div>
+              <div class="comment">
+                <a class="avatar">
+                  <img src="/images/demo/dog.jpg">
+                </a>
+                <div class="content">
+                  <a class="author">Dog Doggington</a>
+                  <div class="metadata">
+                    <span class="date">20 minutes ago</span>
+                  </div>
+                  <div class="text">
+                    Also pizza.
+                  </div>
+                  <div class="actions">
+                    <a class="reply">Reply</a>
+                    <a class="delete">Delete</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="comment">
+            <a class="avatar">
+              <img src="/images/demo/dog.jpg">
+            </a>
+            <div class="content">
+              <a class="author">Dog Doggington</a>
+              <div class="metadata">
+                <span class="date">2 days ago</span>
+              </div>
+              <div class="text">
+                I think this is a great idea and i am voting on it
+              </div>
+              <div class="actions">
+                <a class="reply">Reply</a>
+                <a class="delete">Delete</a>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="comment">
+        <a class="avatar">
+          <img src="/images/demo/dog.jpg">
+        </a>
+        <div class="content">
+          <a class="author">Dog Doggington</a>
+          <div class="metadata">
+            <span class="date">20 hours ago</span>
+          </div>
+          <div class="text">
+            I think this is a great idea and i am voting on it
+          </div>
+          <div class="actions">
+            <a class="reply">Reply</a>
+          </div>
+        </div>
+      </div>
+      <div class="comment">
+        <a class="avatar">
+          <img src="/images/demo/dog2.jpg">
+        </a>
+        <div class="content">
+          <a class="author">Pawfin Dog</a>
+          <div class="metadata">
+            <span class="date">15 hours ago</span>
+          </div>
+          <div class="text">
+            I think this is a great idea and i am voting on it
+          </div>
+          <div class="actions">
+            <a class="reply">Reply</a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 
   
 </div>

node/src/files/components/semantic/collections/form.css

@@ -118,7 +118,7 @@
 .ui.form input:focus,
 .ui.form textarea:focus {
   color: rgba(20, 20, 20, 0.9);
-  border-color: rgba(0, 0, 0, 0.3);
+  border-color: rgba(0, 0, 0, 0.2);
 }
 /*--------------------
         Error

node/src/files/components/semantic/collections/menu.css

@@ -227,12 +227,10 @@
 ---------------*/
 .ui.menu .item > .label,
 .ui.menu .item > a > .label {
-  font-size: 0.9em;
-  line-height: 1.33;
+  font-size: 0.875em;
   margin: -0.3em 0em -0.3em 0.3em;
-  padding: 0.2em 0.6em;
+  padding: 0.1em 0.5em;
   vertical-align: baseline;
-  text-transform: none;
 }
 /*--------------
       Images
@@ -267,6 +265,15 @@
   -moz-border-bottom-left-radius: 0em;
   border-bottom-left-radius: 0em;
 }
+/* Darken Labels */
+.ui.menu .item:hover .label,
+.ui.menu .item.hover .label {
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)));
+  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
+  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
+  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
+  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
+}
 /* Dropdown Display */
 .ui.menu .dropdown.item:hover .menu {
   display: block;
@@ -353,7 +360,8 @@
 }
 .ui.vertical.menu .item > .icon {
   float: right;
-  margin: 0em 0em 0em 0.2em;
+  width: 1.22em;
+  margin: 0.2em 0em 0em 0.5em;
 }
 /*--- Border ---*/
 .ui.vertical.menu .item:before {
@@ -442,6 +450,7 @@
   box-shadow: none;
 }
 .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;
@@ -636,7 +645,7 @@
   background-color: transparent;
 }
 /*--- fluid text ---*/
-.ui.fluid.text.menu {
+.ui.text.item.menu .item {
   margin: 0em;
 }
 /*--- vertical text ---*/

node/src/files/components/semantic/elements/button.css

@@ -75,11 +75,11 @@
 .ui.buttons .button.active,
 .ui.button.active {
   background-color: #E6E6E6;
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15)));
-  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
-  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
-  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
-  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
+  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
   -webkit-box-shadow: 0em 0.125em 0.125em 0em rgba(0, 0, 0, 0.15) inset;
   -moz-box-shadow: 0em 0.125em 0.125em 0em rgba(0, 0, 0, 0.15) inset;
   box-shadow: 0em 0.125em 0.125em 0em rgba(0, 0, 0, 0.15) inset;

node/src/files/components/semantic/elements/icons.css

@@ -385,7 +385,7 @@ i.icon.idea:before {
   content: '💡';
 }
 /* '\1f4a1' */
-i.icon.link.open:before {
+i.icon.open:before {
   content: '🔗';
 }
 /* '\1f517' */
@@ -540,19 +540,18 @@ i.icon.zoom.out:before {
 i.icon.star {
   width: auto;
   margin: 0em;
+  vertical-align: middle;
 }
 i.icon.left,
 i.icon.left,
 i.icon.left {
   width: auto;
-  vertical-align: middle;
   margin: 0em 0.5em 0em 0em;
 }
 i.icon.up,
 i.icon.down,
 i.icon.right {
   width: auto;
-  vertical-align: middle;
   margin: 0em 0em 0em 0.1em;
 }
 /*--------------
@@ -594,12 +593,33 @@ i.icon.date:before {
 /*******************************
              States
 *******************************/
+i.icon.hover {
+  opacity: 1;
+}
+i.icon.active {
+  opacity: 1;
+}
 i.icon.disabled {
   opacity: 0.3;
 }
 /*******************************
            Variations
 *******************************/
+/*-------------------
+         Link 
+--------------------*/
+i.link.icon {
+  cursor: pointer;
+  opacity: 0.7;
+  -webkit-transition: opacity 0.3s ease-out;
+  -moz-transition: opacity 0.3s ease-out;
+  -o-transition: opacity 0.3s ease-out;
+  -ms-transition: opacity 0.3s ease-out;
+  transition: opacity 0.3s ease-out;
+}
+.link.icon:hover {
+  opacity: 1;
+}
 /*-------------------
       Circular 
 --------------------*/

node/src/files/components/semantic/elements/segment.css

@@ -33,17 +33,19 @@
   margin: 0em;
   padding-left: 0em;
   padding-right: 0em;
+  background-color: transparent;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
-  -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.1);
-  -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.1);
-  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1), 0px -1px 0px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
+  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
 }
 .ui.horizontal.segment {
   margin: 0em;
   padding-top: 0em;
   padding-bottom: 0em;
+  background-color: transparent;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
@@ -91,15 +93,6 @@
   -moz-box-shadow: none;
   box-shadow: none;
 }
-.ui.basic.segment:before {
-  position: absolute;
-  top: 0px;
-  width: 100%;
-  content: '';
-  height: 1px;
-  background-color: rgba(0, 0, 0, 0.05);
-  border-top: 1px solid rgba(255, 255, 255, 0.8);
-}
 /*-------------------
        Colors
 --------------------*/

node/src/files/components/semantic/views/comment.css

@@ -95,7 +95,12 @@
 ---------------------*/
 .ui.comments .reply.form {
   margin-top: 0.5em;
-  width: 30em;
+  width: 100%;
+  max-width: 30em;
+}
+.ui.comments > .reply.form {
+  margin-top: 1.5em;
+  max-width: 40em;
 }
 .ui.comments .reply.form textarea {
   height: 12em;
@@ -131,6 +136,9 @@
 /*******************************
            Variations
 *******************************/
+/*--------------------
+        Threaded
+---------------------*/
 .ui.threaded.comments .comment .comments {
   margin-left: 1.5em !important;
   padding-left: 1.5em !important;
@@ -138,3 +146,22 @@
   -moz-box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
   box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
 }
+/*--------------------
+        Minimal
+---------------------*/
+.ui.minimal.comments .comment .actions {
+  opacity: 0;
+  -webkit-transition: opacity 0.1s ease-out;
+  -moz-transition: opacity 0.1s ease-out;
+  -o-transition: opacity 0.1s ease-out;
+  -ms-transition: opacity 0.1s ease-out;
+  transition: opacity 0.1s ease-out;
+  -webkit-transition-delay: 0.1s;
+  -moz-transition-delay: 0.1s;
+  -o-transition-delay: 0.1s;
+  -ms-transition-delay: 0.1s;
+  transition-delay: 0.1s;
+}
+.ui.minimal.comments .comment > .content:hover > .actions {
+  opacity: 1;
+}

node/src/layouts/default.html.eco

@@ -24,7 +24,7 @@
   <meta name="keywords" content="<%= @getPreparedKeywords() %>" />
 
   <link rel="stylesheet" type="text/css" href="/stylesheets/reset.css">
-
+    
   <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/elements/icons.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/elements/button.css">
   <link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/elements/header.css">

src/collections/form.less

@@ -150,7 +150,7 @@
 .ui.form input:focus,
 .ui.form textarea:focus {
   color: rgba(20, 20, 20, 0.9);
-  border-color: rgba(0, 0, 0, 0.3);
+  border-color: rgba(0, 0, 0, 0.2);
 }
 
 /*--------------------

src/collections/menu.less

@@ -311,12 +311,10 @@
 
 .ui.menu .item > .label,
 .ui.menu .item > a > .label {
-  font-size: 0.9em;
-  line-height: 1.33;
+  font-size: 0.875em;
   margin: -0.3em 0em -0.3em 0.3em;
-  padding: 0.2em 0.6em;
+  padding: 0.1em 0.5em;
   vertical-align: baseline;
-  text-transform: none;
 }
 
 /*--------------
@@ -360,6 +358,16 @@
   border-bottom-left-radius: 0em;
 }
 
+/* Darken Labels */
+.ui.menu .item:hover .label,
+.ui.menu .item.hover .label {
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)));
+  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
+  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
+  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
+  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
+}
+
 /* Dropdown Display */
 .ui.menu .dropdown.item:hover .menu {
   display: block;
@@ -465,7 +473,8 @@
 
 .ui.vertical.menu .item > .icon {
   float: right;
-  margin: 0em 0em 0em 0.2em;
+  width: 1.22em;
+  margin: 0.2em 0em 0em 0.5em;
 }
 
 /*--- Border ---*/
@@ -587,6 +596,8 @@
   box-shadow: none;
 }
 .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;
@@ -853,7 +864,7 @@
 }
 
 /*--- fluid text ---*/
-.ui.fluid.text.menu {
+.ui.text.item.menu .item {
   margin: 0em;
 }
 

src/elements/button.less

@@ -128,12 +128,12 @@
 .ui.buttons .button.active,
 .ui.button.active {
   background-color: #E6E6E6;
-  
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.15)));
-  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
-  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
-  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
-  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%);
+
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
+  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  background-image: -o-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
+  background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
 
   -webkit-box-shadow:
     0em 0.125em 0.125em 0em rgba(0, 0, 0, 0.15) inset

src/elements/icons.less

@@ -49,12 +49,9 @@ i.icon {
   -webkit-font-smoothing: antialiased;
   -moz-font-smoothing: antialiased;
   font-smoothing: antialiased;
-
 }
 
 /* icons available */
-
-
 i.icon.circle.attention:before { content: '\2757'; } /* '❗' */
 i.icon.circle.help:before { content: '\e704'; } /* '' */
 i.icon.circle.info:before { content: '\e705'; } /* '' */
@@ -156,7 +153,7 @@ i.icon.question:before { content: '\2753'; } /* '❓' */
 i.icon.home:before { content: '\2302'; } /* '⌂' */
 i.icon.i:before { content: '\2139'; } /* 'ℹ' */
 i.icon.idea:before { content: '💡'; } /* '\1f4a1' */
-i.icon.link.open:before { content: '🔗'; } /* '\1f517' */
+i.icon.open:before { content: '🔗'; } /* '\1f517' */
 i.icon.content:before { content: '\e782'; } /* '' */
 i.icon.location:before { content: '\e724'; } /* '' */
 i.icon.mail:before { content: '\2709'; } /* '✉' */
@@ -204,13 +201,13 @@ i.icon.zoom.out:before { content: '\e751'; } /* '' */
 i.icon.star {
   width: auto;
   margin: 0em;
+  vertical-align: middle;
 }
 
 i.icon.left,
 i.icon.left,
 i.icon.left {
   width: auto;
-  vertical-align: middle;
   margin: 0em 0.5em 0em 0em;
 }
 
@@ -218,7 +215,6 @@ i.icon.up,
 i.icon.down,
 i.icon.right {
   width: auto;
-  vertical-align: middle;
   margin: 0em 0em 0em 0.1em;
 }
 
@@ -244,6 +240,14 @@ i.icon.date:before { content: '📅'; } /* '\1f4c5' */
              States
 *******************************/
 
+i.icon.hover {
+  opacity: 1;
+}
+
+i.icon.active {
+  opacity: 1;
+}
+
 i.icon.disabled {
   opacity: 0.3;
 }
@@ -253,6 +257,22 @@ i.icon.disabled {
            Variations
 *******************************/
 
+/*-------------------
+         Link 
+--------------------*/
+
+i.link.icon {
+  cursor: pointer;
+  opacity: 0.7;
+  -webkit-transition: opacity 0.3s ease-out;
+  -moz-transition: opacity 0.3s ease-out;
+  -o-transition: opacity 0.3s ease-out;
+  -ms-transition: opacity 0.3s ease-out;
+  transition: opacity 0.3s ease-out;
+}
+.link.icon:hover {
+  opacity: 1;
+}
 
 /*-------------------
       Circular 

src/elements/segment.less

@@ -43,20 +43,19 @@
   padding-left: 0em;
   padding-right: 0em;
 
+  background-color: transparent;
+
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
 
   -webkit-box-shadow: 
-    0px 1px 0px rgba(0, 0, 0, 0.1),
     0px -1px 0px rgba(0, 0, 0, 0.1)
   ;
   -moz-box-shadow: 
-    0px 1px 0px rgba(0, 0, 0, 0.1),
     0px -1px 0px rgba(0, 0, 0, 0.1)
   ;
   box-shadow: 
-    0px 1px 0px rgba(0, 0, 0, 0.1),
     0px -1px 0px rgba(0, 0, 0, 0.1)
   ;
 }
@@ -66,6 +65,8 @@
   padding-top: 0em;
   padding-bottom: 0em;
 
+  background-color: transparent;
+  
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
@@ -136,15 +137,6 @@
   box-shadow: none;
 }
 
-.ui.basic.segment:before {
-  position: absolute;
-  top: 0px;
-  width: 100%;
-  content: '';
-  height: 1px;
-  background-color: rgba(0, 0, 0, 0.05);
-  border-top: 1px solid rgba(255, 255, 255, 0.8);
-}
 
 /*-------------------
        Colors

src/views/comment.less

@@ -32,6 +32,7 @@
 /*--------------
      Comment
 ---------------*/
+
 .ui.comments .comment {
   position: relative;
   margin-top: 0.75em;
@@ -120,7 +121,12 @@
 
 .ui.comments .reply.form {
   margin-top: 0.5em;
-  width: 30em;
+  width: 100%;
+  max-width: 30em;
+}
+.ui.comments > .reply.form {
+  margin-top: 1.5em;
+  max-width: 40em;
 }
 .ui.comments .reply.form textarea {
   height: 12em;
@@ -164,6 +170,10 @@
            Variations
 *******************************/
 
+/*--------------------
+        Threaded
+---------------------*/
+
 .ui.threaded.comments .comment .comments {
   margin-left: 1.5em !important;
   padding-left: 1.5em !important;
@@ -171,4 +181,27 @@
   -webkit-box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
   -moz-box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
   box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.05);
+}
+
+/*--------------------
+        Minimal
+---------------------*/
+
+.ui.minimal.comments .comment .actions {
+  opacity: 0;
+
+  -webkit-transition: opacity 0.1s ease-out;
+  -moz-transition: opacity 0.1s ease-out;
+  -o-transition: opacity 0.1s ease-out;
+  -ms-transition: opacity 0.1s ease-out;
+  transition: opacity 0.1s ease-out;
+
+  -webkit-transition-delay: 0.1s;
+  -moz-transition-delay: 0.1s;
+  -o-transition-delay: 0.1s;
+  -ms-transition-delay: 0.1s;
+  transition-delay: 0.1s;
+}
+.ui.minimal.comments .comment > .content:hover > .actions,{
+  opacity: 1;
 }