From 15dca673e8d42a47191c0f6d6c2a69ef042bb5c0 Mon Sep 17 00:00:00 2001 From: Jack Lukic Date: Mon, 20 May 2013 17:59:00 -0400 Subject: [PATCH] Adds comment view Former-commit-id: 999aac89ccb7c48407feb61cfc09baac215a158a Former-commit-id: 437e8dcbf09b11f29534610eed984a112db080c4 --- build/minified/collections/form.min.css | 2 +- build/minified/collections/grid.min.css | 2 +- build/minified/collections/menu.min.css | 2 +- build/minified/elements/button.min.css | 2 +- build/minified/views/comment.min.css | 1 + .../packaged/semantic.min.css.REMOVED.git-id | 2 +- build/uncompressed/collections/form.css | 1 - build/uncompressed/collections/grid.css | 34 ++-- build/uncompressed/collections/menu.css | 20 +- build/uncompressed/elements/button.css | 1 + build/uncompressed/views/comment.css | 129 ++++++++++++ node/src/documents/views/comment.html | 190 +++++++++++++++++- .../components/semantic/collections/form.css | 1 - .../components/semantic/collections/grid.css | 34 ++-- .../components/semantic/collections/menu.css | 20 +- .../components/semantic/elements/button.css | 1 + .../components/semantic/views/comment.css | 129 ++++++++++++ node/src/files/images/demo/dog.jpg | Bin 0 -> 19588 bytes node/src/layouts/default.html.eco | 2 +- src/collections/form.less | 1 - src/collections/grid.less | 37 ++-- src/collections/menu.less | 22 +- src/elements/button.less | 1 + src/views/comment.less | 162 +++++++++++++++ 24 files changed, 716 insertions(+), 80 deletions(-) create mode 100644 build/minified/views/comment.min.css create mode 100755 node/src/files/images/demo/dog.jpg diff --git a/build/minified/collections/form.min.css b/build/minified/collections/form.min.css index e00ab39d7..75ca01159 100644 --- a/build/minified/collections/form.min.css +++ b/build/minified/collections/form.min.css @@ -1 +1 @@ -.ui.form{position:relative;width:35em;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} \ No newline at end of file +.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} \ No newline at end of file diff --git a/build/minified/collections/grid.min.css b/build/minified/collections/grid.min.css index 9651adecb..fc4650a87 100644 --- a/build/minified/collections/grid.min.css +++ b/build/minified/collections/grid.min.css @@ -1 +1 @@ -.ui.grid{width:100%;display:block;text-align:center;font-size:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.grid:after,.ui.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.grid>.column,.ui.grid>.row>.column{display:inline-block;text-align:left;font-size:1rem;padding-left:2%;padding-right:2%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.ui.grid>.row{display:block;width:100%}.ui.grid>.row{margin-top:2%;padding-top:2%}.ui.grid>.row:first-child{padding-top:0rem;margin-top:0rem}.ui.grid>.row>img,.ui.grid>.row>.column>img{max-width:100%}.ui.grid .column>.ui.segment:only-child{margin:0}.ui.grid .column>.grid{margin-left:-1.333%;margin-right:-1.333%}.ui.page.grid{padding:0 5%}@media only screen and (max-width:1000px){.ui.responsive.grid{padding:0 5.55%}}@media only screen and (min-width:1000px){.ui.responsive.grid{padding:0 8%}}@media only screen and (min-width:1500px){.ui.responsive.grid{padding:0 13%}}@media only screen and (min-width:1750px){.ui.responsive.grid{padding:0 18%}}@media only screen and (min-width:2000px){.ui.responsive.grid{padding:0 20%}}.ui.grid .one.wide.column{width:8.3333%}.ui.grid .two.wide.column{width:16.66667%}.ui.grid .three.wide.column{width:25%}.ui.grid .four.wide.column{width:33.3333%}.ui.grid .five.wide.column{width:41.6666%}.ui.grid .six.wide.column{width:50%}.ui.grid .seven.wide.column{width:58.3333%}.ui.grid .eight.wide.column{width:66.6666%}.ui.grid .nine.wide.column{width:75%}.ui.grid .ten.wide.column{width:83.3333%}.ui.grid .eleven.wide.column{width:91.666%}.ui.grid .twelve.wide.column{width:100%}.ui.grid>.column,.ui.grid>.row>.column{width:8.3333%}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui.two.column.grid .column{width:50%}.ui.three.column.grid .column{width:33.3333%}.ui.four.column.grid .column{width:25%}.ui.five.column.grid .column{width:20%}.ui.six.column.grid .column{width:16.66667%}.ui.seven.column.grid .column{width:14.2857%}.ui.eight.column.grid .column{width:12.5%}.ui.nine.column.grid .column{width:11.1111%}.ui.ten.column.grid .column{width:10%}.ui.eleven.column.grid .column{width:9.0909%}.ui.fitted.grid{padding:0}.ui.fitted.row{padding-top:0}.ui.fitted.grid .column,.ui.grid .fitted.column{padding-left:0;padding-right:0}.ui.grid .left.floated.column{float:left}.ui.grid .right.floated.column{float:right}.ui.divided.grid>.row{display:table}.ui.divided.grid>.column,.ui.divided.grid>.row>.column{display:table-cell;-webkit-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9);-moz-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9);box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9)}.ui.divided.grid>.column:first-child,.ui.divided.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.celled.grid{-webkit-box-shadow:0 0 0 1px #DFDFDF;-moz-box-shadow:0 0 0 1px #DFDFDF;box-shadow:0 0 0 1px #DFDFDF}.ui.celled.grid>.row{display:table;margin-top:0;padding-top:0;-webkit-box-shadow:0 -1px 0 0 #dfdfdf;-moz-box-shadow:0 -1px 0 0 #dfdfdf;box-shadow:0 -1px 0 0 #dfdfdf}.ui.celled.grid>.column,.ui.celled.grid>.row>.column{display:table-cell;padding:2%;-webkit-box-shadow:-1px 0 0 0 #dfdfdf;-moz-box-shadow:-1px 0 0 0 #dfdfdf;box-shadow:-1px 0 0 0 #dfdfdf}.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.left.aligned.grid .column,.ui.grid .left.aligned.column,.ui.grid>.left.aligned.row .column{text-align:left}.ui.center.aligned.grid .column,.ui.grid .center.aligned.column,.ui.grid>.center.aligned.row .column{text-align:center}.ui.right.aligned.grid .column,.ui.grid .right.aligned.column,.ui.grid>.right.aligned.row .column{text-align:right}.ui.top.aligned.grid .column,.ui.grid .top.aligned.column,.ui.grid>.top.aligned.row .column{vertical-align:top}.ui.middle.aligned.grid .column,.ui.grid .middle.aligned.column,.ui.grid>.middle.aligned.row .column{vertical-align:middle}.ui.bottom.aligned.grid .column,.ui.grid .bottom.aligned.column,.ui.grid>.bottom.aligned.row .column{vertical-align:bottom}.ui.grid .equal.row .column{display:table-cell}.ui.fitted.grid{margin-left:-1.333%;margin-right:-1.333%}@media only screen and (max-width:1000px){.ui.folding.grid{display:block!important}.ui.folding.grid .column{display:block!important;width:100%!important;padding:0!important}} \ No newline at end of file +.ui.grid{width:100%;display:block;text-align:center;font-size:0;margin:0 -1.33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.grid:after,.ui.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.grid>.column,.ui.grid>.row>.column{display:inline-block;text-align:left;font-size:1rem;padding-left:1.33%;padding-right:1.33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.ui.grid>.row{display:block;width:100%}.ui.grid>.row{margin-top:2%;padding-top:2%}.ui.grid>.row:first-child{padding-top:0rem;margin-top:0rem}.ui.grid>.row>img,.ui.grid>.row>.column>img{max-width:100%}.ui.grid .column>.ui.segment:only-child{margin:0}.ui.grid .column>.grid{margin-left:-1.333%;margin-right:-1.333%}.ui.page.grid{margin:0:padding:0 5%}.ui.responsive.grid{margin:0}@media only screen and (max-width:1000px){.ui.responsive.grid{padding:0 5.55%}}@media only screen and (min-width:1000px){.ui.responsive.grid{padding:0 8%}}@media only screen and (min-width:1500px){.ui.responsive.grid{padding:0 13%}}@media only screen and (min-width:1750px){.ui.responsive.grid{padding:0 18%}}@media only screen and (min-width:2000px){.ui.responsive.grid{padding:0 20%}}.ui.grid .one.wide.column{width:8.3333%}.ui.grid .two.wide.column{width:16.66667%}.ui.grid .three.wide.column{width:25%}.ui.grid .four.wide.column{width:33.3333%}.ui.grid .five.wide.column{width:41.6666%}.ui.grid .six.wide.column{width:50%}.ui.grid .seven.wide.column{width:58.3333%}.ui.grid .eight.wide.column{width:66.6666%}.ui.grid .nine.wide.column{width:75%}.ui.grid .ten.wide.column{width:83.3333%}.ui.grid .eleven.wide.column{width:91.666%}.ui.grid .twelve.wide.column{width:100%}.ui.grid>.column,.ui.grid>.row>.column{width:8.3333%}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui.two.column.grid .column{width:50%}.ui.three.column.grid .column{width:33.3333%}.ui.four.column.grid .column{width:25%}.ui.five.column.grid .column{width:20%}.ui.six.column.grid .column{width:16.66667%}.ui.seven.column.grid .column{width:14.2857%}.ui.eight.column.grid .column{width:12.5%}.ui.nine.column.grid .column{width:11.1111%}.ui.ten.column.grid .column{width:10%}.ui.eleven.column.grid .column{width:9.0909%}.ui.padded.grid{margin-left:0;margin-right:0}.ui.grid .left.floated.column{float:left}.ui.grid .right.floated.column{float:right}.ui.divided.grid>.row{display:table}.ui.divided.grid>.column,.ui.divided.grid>.row>.column{display:table-cell;-webkit-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9);-moz-box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9);box-shadow:-1px 0 0 0 rgba(0,0,0,.1),-2px 0 0 0 rgba(255,255,255,.9)}.ui.divided.grid>.column:first-child,.ui.divided.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.celled.grid{-webkit-box-shadow:0 0 0 1px #DFDFDF;-moz-box-shadow:0 0 0 1px #DFDFDF;box-shadow:0 0 0 1px #DFDFDF}.ui.celled.grid>.row{display:table;margin-top:0;padding-top:0;-webkit-box-shadow:0 -1px 0 0 #dfdfdf;-moz-box-shadow:0 -1px 0 0 #dfdfdf;box-shadow:0 -1px 0 0 #dfdfdf}.ui.celled.grid>.column,.ui.celled.grid>.row>.column{display:table-cell;padding:2%;-webkit-box-shadow:-1px 0 0 0 #dfdfdf;-moz-box-shadow:-1px 0 0 0 #dfdfdf;box-shadow:-1px 0 0 0 #dfdfdf}.ui.celled.grid>.column:first-child,.ui.celled.grid>.row>.column:first-child{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.left.aligned.grid,.ui.left.aligned.grid .column,.ui.grid .left.aligned.column,.ui.grid>.left.aligned.row .column{text-align:left}.ui.center.aligned.grid,.ui.center.aligned.grid .column,.ui.grid .center.aligned.column,.ui.grid>.center.aligned.row .column{text-align:center}.ui.right.aligned.grid,.ui.right.aligned.grid .column,.ui.grid .right.aligned.column,.ui.grid>.right.aligned.row .column{text-align:right}.ui.top.aligned.grid .column,.ui.grid .top.aligned.column,.ui.grid>.top.aligned.row .column{vertical-align:top}.ui.middle.aligned.grid .column,.ui.grid .middle.aligned.column,.ui.grid>.middle.aligned.row .column{vertical-align:middle}.ui.bottom.aligned.grid .column,.ui.grid .bottom.aligned.column,.ui.grid>.bottom.aligned.row .column{vertical-align:bottom}.ui.grid .equal.row .column{display:table-cell}@media only screen and (max-width:1000px){.ui.folding.grid{display:block!important}.ui.folding.grid .column{display:block!important;width:100%!important;padding:0!important}} \ No newline at end of file diff --git a/build/minified/collections/menu.min.css b/build/minified/collections/menu.min.css index dbd651bc9..aac62693f 100644 --- a/build/minified/collections/menu.min.css +++ b/build/minified/collections/menu.min.css @@ -1 +1 @@ -.ui.menu{background-color:#FFF;font-size:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.menu>.item:first-child{border-radius:5px 0 0 5px}.ui.menu>.item:last-child{border-radius:0 5px 5px 0}.ui.menu .item,.ui.menu .item>a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;line-height:1.25em;min-height:1.25em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-moz-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-o-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-ms-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;transition:opacity .1s linear,background .1s linear,box-shadow .1s linear}.ui.menu .item .header{color:rgba(50,50,50,.95)}.ui.menu .item,.ui.menu .item>a{color:rgba(80,80,80,.95)}.ui.menu .item>a:hover{background-color:rgba(0,0,0,.03);color:rgba(30,30,30,.95)}.ui.menu .item .item,.ui.menu .item .item>a{color:rgba(30,30,30,.8)}.ui.menu .item .item .item,.ui.menu .item .item .item>a{color:rgba(30,30,30,.6)}.ui.menu .dropdown.item .menu .item,.ui.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)}.ui.menu .item .menu a.item:hover,.ui.menu .item .menu a.item.hover,.ui.menu .item .menu .link.item:hover,.ui.menu .item .menu .link.item.hover{color:rgba(35,35,35,.95)}.ui.menu .dropdown.item .menu .item a:hover{color:rgba(0,0,0,.9)}.ui.menu .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}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:only-child{margin:0}.ui.menu .header.item{background-color:rgba(0,0,0,.15);font-weight:700;-webkit-box-shadow:0 -.1em 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -.1em 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -.1em 0 0 rgba(0,0,0,.1) inset}.ui.menu .dropdown.item{box-shadow:none!important;z-index:10}.ui.menu .dropdown.item .menu{overflow:hidden;height:0;width:0;position:absolute;top:100%;left:0;background-color:#FFF;opacity:0;border-top:.2em solid rgba(50,50,50,.8);-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out;z-index:11}.ui.menu .dropdown.item .menu .item{border:0;border-top:1px solid rgba(0,0,0,.1);font-size:.9em;display:block;color:rgba(0,0,0,.75);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.menu .dropdown.item .menu .active.item{font-weight:700}.ui.menu .dropdown.item .menu .item:first-child{border-top:0}.ui.menu .dropdown.item:last-child .menu{left:auto;right:0}.ui.menu .item>.label,.ui.menu .item>a>.label{font-size:.9em;line-height:1.33;margin:-.2em .6em;padding:.2em .6em;vertical-align:top;text-transform:none}.ui.vertical.menu .item>.label,.ui.vertical.menu .item>a>.label{display:block;float:right}.ui.menu .item>img:only-child{display:block;max-width:100%;margin:0 auto}.ui.link.menu .item:hover,.ui.menu .item.hover,.ui.menu .link.item:hover,.ui.menu a.item:hover,.ui.menu .dropdown.item .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{background-color:rgba(0,0,0,.05);color:rgba(170,170,170,.6);-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 .dropdown.item:hover .menu{display:block;overflow:visible;min-width:150px;width:100%;height:auto;opacity:1;border:1px solid rgba(0,0,0,.1);border-top:1px rgba(50,50,50,.8);border-top:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.ui.link.menu .item:active,.ui.menu .item.down,.ui.menu .link.item:active,.ui.menu a.item:active,.ui.menu .item>a:active,.ui.menu .dropdown.item .menu .item.down,.ui.menu .dropdown.item .menu .item:active{background-color:rgba(0,0,0,.05)}.ui.menu .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 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0}.ui.vertical.menu .active.item .menu .active.item{border-left:0}.ui.vertical.menu .item .menu .active.item{padding-top:.5rem;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:before{position:absolute;content:'';top:0;left:0;width:100%;height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-moz-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-ms-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%)}.ui.vertical.menu .item:first-child:before{background-image:none}.ui.vertical.menu .dropdown.item>i{float:right}.ui.vertical.menu .dropdown.item .menu{width:auto;top:0;left:100%;margin:0 0 0 1px;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;border-left:.2em solid rgba(50,50,50,.8);border:1px solid rgba(0,0,0,.1);font-size:1em}.ui.vertical.menu .dropdown.item .menu .item{font-size:1em}.ui.vertical.menu .item>.menu{margin:.5em -1em 0}.ui.vertical.menu .item>.menu>.item>.icon{margin-right:.7em}.ui.vertical.menu .item>.menu>.item{padding:.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 .item.active{box-shadow:0 1px 0 0 #FBFBFB}.ui.tiered.menu{border-radius:0}.ui.tiered.menu .secondary.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 .secondary.menu .item{font-size:.9rem}.ui.tiered.menu .secondary.menu .item:before{background-image:none}.ui.tiered.menu .secondary.menu .active.item{background-color:transparent;border-radius:0;border-top:medium none;box-shadow:none}.ui.inverted.menu{background-color:#333;box-shadow:none}.ui.inverted.menu .header.item{background-color:rgba(255,255,255,.15);-webkit-box-shadow:0 -.1em 0 0 rgba(255,255,255,.1) inset;-moz-box-shadow:0 -.1em 0 0 rgba(255,255,255,.1) inset;box-shadow:0 -.1em 0 0 rgba(255,255,255,.1) inset}.ui.inverted.menu .item,.ui.inverted.menu .item>a{color:#FFF}.ui.inverted.menu .item .item,.ui.inverted.menu .item .item>a{color:rgba(255,255,255,.8)}.ui.inverted.menu .item .item>a:hover{background-color:rgba(255,255,255,.03);color:rgba(255,255,255,.9)}.ui.inverted.menu .dropdown.item .menu .item,.ui.inverted.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)}.ui.inverted.menu .item:before{background-image:-webkit-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.vertical.inverted.menu .item:before{background-image:-webkit-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-moz-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.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 .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 .dropdown.item:active,.ui.inverted.menu .link.item:active,.ui.inverted.menu a.item:active{background-color:rgba(255,255,255,.15)}.ui.inverted.menu .active.item{border-color:transparent;background-color:rgba(255,255,255,.2)}.ui.inverted.menu .active.item,.ui.inverted.menu .active.item a{color:#fff}.ui.inverted.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.green.menu .active.item{border-color:#A1CF64}.ui.red.menu .active.item{border-color:#EF4D6D}.ui.blue.menu .active.item{border-color:#6ECFF5}.ui.purple.menu .active.item{border-color:#564F8A}.ui.orange.menu .active.item{border-color:#F05940}.ui.teal.menu .active.item{border-color:#00B5AD}.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;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.text.menu .item{opacity:.6;margin:.35em .5em;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.text.menu .item:before{display:none}.ui.text.menu .header.item{background-color:transparent;margin:0 .5em 0 0;padding:.35em .5em;opacity:1;color:rgba(50,50,50,.8);font-size:.9rem;text-transform:uppercase;font-weight:700}.ui.fluid.text.menu{margin:0}.ui.vertical.text.menu .item{float:left;clear:left}.ui.vertical.text.menu .header.item{margin:0 0 .5em;padding:.35em .5em}.ui.text.menu .item.hover,.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;padding:0;border:0;opacity:1;font-weight:700}.ui.text.pointing.menu .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.basic.menu{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.basic.menu .item{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:.4em 1.3em;margin:0 .2em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.basic.menu .item:before{display:none}.ui.basic.menu .active.item{border-top:0;background-color:rgba(0,0,0,.08)}.ui.basic.inverted.menu .active.item{background-color:rgba(255,255,255,.2)}.ui.basic.pointing.menu item.active:after{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.icon.menu,.ui.vertical.icon.menu{width:auto;display:inline-block;min-height:0}.ui.icon.menu .item{text-align:center;color:rgba(60,60,60,.7)}.ui.icon.menu .icon{display:block;margin:0 auto;color:#3c3c3c}.ui.icon.menu .icon:before{opacity:1}.ui.inverted.icon.menu .item{color:rgba(255,255,255,.8)}.ui.inverted.icon.menu .icon{color:#fff}.ui.labeled.icon.menu{text-align:center}.ui.labeled.icon.menu .icon{display:block;font-size:1.5em;margin:0 auto .3em}.ui.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:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.menu.bottom.attached{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.ui.menu .dynamic.dropdown.item:hover .menu{display:none}.ui.menu .dynamic.dropdown.item.hover .menu{display:block}.ui.small.menu .item{font-size:.875rem;min-height:1.2em}.ui.small.vertical.menu{width:13rem}.ui.menu .item{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu .item{font-size:1.125rem;min-height:1.35em}.ui.large.vertical.menu{width:18rem} \ No newline at end of file +.ui.menu{background-color:#FFF;font-size:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.menu>.item:first-child{border-radius:5px 0 0 5px}.ui.menu>.item:last-child{border-radius:0 5px 5px 0}.ui.menu .item,.ui.menu .item>a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;line-height:1.25em;min-height:1.25em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-moz-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-o-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;-ms-transition:opacity .1s linear,background .1s linear,box-shadow .1s linear;transition:opacity .1s linear,background .1s linear,box-shadow .1s linear}.ui.menu .item .header{color:rgba(50,50,50,.95)}.ui.menu .item,.ui.menu .item>a{color:rgba(80,80,80,.95)}.ui.menu .item>a:hover{background-color:rgba(0,0,0,.03);color:rgba(30,30,30,.95)}.ui.menu .item .item,.ui.menu .item .item>a{color:rgba(30,30,30,.8)}.ui.menu .item .item .item,.ui.menu .item .item .item>a{color:rgba(30,30,30,.6)}.ui.menu .dropdown.item .menu .item,.ui.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)}.ui.menu .item .menu a.item:hover,.ui.menu .item .menu a.item.hover,.ui.menu .item .menu .link.item:hover,.ui.menu .item .menu .link.item.hover{color:rgba(35,35,35,.95)}.ui.menu .dropdown.item .menu .item a:hover{color:rgba(0,0,0,.9)}.ui.menu .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}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:only-child{margin:0}.ui.menu .header.item{background-color:rgba(0,0,0,.15);font-weight:700;-webkit-box-shadow:0 -.1em 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -.1em 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -.1em 0 0 rgba(0,0,0,.1) inset}.ui.menu .dropdown.item{box-shadow:none!important;z-index:10}.ui.menu .dropdown.item .menu{overflow:hidden;height:0;width:0;position:absolute;top:100%;left:0;background-color:#FFF;opacity:0;border-top:.2em solid rgba(50,50,50,.8);-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out;z-index:11}.ui.menu .dropdown.item .menu .item{border:0;border-top:1px solid rgba(0,0,0,.1);font-size:.9em;display:block;color:rgba(0,0,0,.75);-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.menu .dropdown.item .menu .active.item{font-weight:700}.ui.menu .dropdown.item .menu .item:first-child{border-top:0}.ui.menu .dropdown.item:last-child .menu{left:auto;right:0}.ui.menu .item>.label,.ui.menu .item>a>.label{font-size:.9em;line-height:1.33;margin:-.2em .6em;padding:.2em .6em;vertical-align:top;text-transform:none}.ui.vertical.menu .item>.label,.ui.vertical.menu .item>a>.label{display:block;float:right}.ui.menu .item>img:only-child{display:block;max-width:100%;margin:0 auto}.ui.link.menu .item:hover,.ui.menu .item.hover,.ui.menu .link.item:hover,.ui.menu a.item:hover,.ui.menu .dropdown.item .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{background-color:rgba(0,0,0,.05);color:rgba(170,170,170,.6);-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 .dropdown.item:hover .menu{display:block;overflow:visible;min-width:150px;width:100%;height:auto;opacity:1;border:1px solid rgba(0,0,0,.1);border-top:1px rgba(50,50,50,.8);border-top:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1)}.ui.link.menu .item:active,.ui.menu .item.down,.ui.menu .link.item:active,.ui.menu a.item:active,.ui.menu .item>a:active,.ui.menu .dropdown.item .menu .item.down,.ui.menu .dropdown.item .menu .item:active{background-color:rgba(0,0,0,.05)}.ui.menu .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 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0}.ui.vertical.menu .active.item .menu .active.item{border-left:0}.ui.vertical.menu .item .menu .active.item{padding-top:.5rem;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:before{position:absolute;content:'';top:0;left:0;width:100%;height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-moz-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-ms-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%)}.ui.vertical.menu .item:first-child:before{background-image:none}.ui.vertical.menu .dropdown.item>i{float:right}.ui.vertical.menu .dropdown.item .menu{width:auto;top:0;left:100%;margin:0 0 0 1px;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;border-left:.2em solid rgba(50,50,50,.8);border:1px solid rgba(0,0,0,.1);font-size:1em}.ui.vertical.menu .dropdown.item .menu .item{font-size:1em}.ui.vertical.menu .item>.menu{margin:.5em -1em 0}.ui.vertical.menu .item>.menu>.item>.icon{margin-right:.7em}.ui.vertical.menu .item>.menu>.item{padding:.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 .item.active{box-shadow:0 1px 0 0 #FBFBFB}.ui.tiered.menu{border-radius:0}.ui.tiered.menu .secondary.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 .secondary.menu .item{font-size:.9rem}.ui.tiered.menu .secondary.menu .item:before{background-image:none}.ui.tiered.menu .secondary.menu .active.item{background-color:transparent;border-radius:0;border-top:medium none;box-shadow:none}.ui.inverted.menu{background-color:#333;box-shadow:none}.ui.inverted.menu .header.item{background-color:rgba(255,255,255,.15);-webkit-box-shadow:0 -.1em 0 0 rgba(255,255,255,.1) inset;-moz-box-shadow:0 -.1em 0 0 rgba(255,255,255,.1) inset;box-shadow:0 -.1em 0 0 rgba(255,255,255,.1) inset}.ui.inverted.menu .item,.ui.inverted.menu .item>a{color:#FFF}.ui.inverted.menu .item .item,.ui.inverted.menu .item .item>a{color:rgba(255,255,255,.8)}.ui.inverted.menu .item .item>a:hover{background-color:rgba(255,255,255,.03);color:rgba(255,255,255,.9)}.ui.inverted.menu .dropdown.item .menu .item,.ui.inverted.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)}.ui.inverted.menu .item:before{background-image:-webkit-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.vertical.inverted.menu .item:before{background-image:-webkit-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-moz-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.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 .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 .dropdown.item:active,.ui.inverted.menu .link.item:active,.ui.inverted.menu a.item:active{background-color:rgba(255,255,255,.15)}.ui.inverted.menu .active.item{border-color:transparent;background-color:rgba(255,255,255,.2)}.ui.inverted.menu .active.item,.ui.inverted.menu .active.item a{color:#fff}.ui.inverted.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.green.menu .active.item{border-color:#A1CF64}.ui.red.menu .active.item{border-color:#EF4D6D}.ui.blue.menu .active.item{border-color:#6ECFF5}.ui.purple.menu .active.item{border-color:#564F8A}.ui.orange.menu .active.item{border-color:#F05940}.ui.teal.menu .active.item{border-color:#00B5AD}.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;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.text.menu .item{opacity:.6;margin:.35em .5em;padding:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.text.menu .item:before{display:none}.ui.text.menu .header.item{background-color:transparent;margin:0;padding:.35em .5em;opacity:1;color:rgba(50,50,50,.8);font-size:.9rem;text-transform:uppercase;font-weight:700}.ui.text.menu .header.item>a{background-color:transparent}.ui.fluid.text.menu{margin:0}.ui.vertical.text.menu{margin:1rem 0}.ui.vertical.text.menu .item{float:left;clear:left}.ui.vertical.text.menu .header.item{margin:0 0 .5em;padding:.35em .5em}.ui.text.menu .item.hover,.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;padding:0;border:0;opacity:1;font-weight:700}.ui.text.pointing.menu .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.basic.menu{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.basic.menu .item{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;padding:.4em 1.3em;margin:0 .2em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.basic.menu .item:before{display:none}.ui.basic.menu .active.item{border-top:0;background-color:rgba(0,0,0,.08)}.ui.basic.inverted.menu .active.item{background-color:rgba(255,255,255,.2)}.ui.basic.pointing.menu item.active:after{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.basic.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.icon.menu,.ui.vertical.icon.menu{width:auto;display:inline-block;min-height:0}.ui.icon.menu .item{text-align:center;color:rgba(60,60,60,.7)}.ui.icon.menu .icon{display:block;margin:0 auto;color:#3c3c3c}.ui.icon.menu .icon:before{opacity:1}.ui.inverted.icon.menu .item{color:rgba(255,255,255,.8)}.ui.inverted.icon.menu .icon{color:#fff}.ui.labeled.icon.menu{text-align:center}.ui.labeled.icon.menu .icon{display:block;font-size:1.5em;margin:0 auto .3em}.ui.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:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.menu.bottom.attached{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.ui.menu .dynamic.dropdown.item:hover .menu{display:none}.ui.menu .dynamic.dropdown.item.hover .menu{display:block}.ui.tiny.menu .item{font-size:.875rem;padding:.35em .5em}.ui.tiny.menu .item>a{display:block;margin:-.35em -.5em;padding:.35em .5em}.ui.tiny.vertical.menu{width:9rem}.ui.small.menu .item{font-size:.875rem;min-height:1.2em}.ui.small.vertical.menu{width:13rem}.ui.menu .item{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu .item{font-size:1.125rem;min-height:1.35em}.ui.large.vertical.menu{width:18rem} \ No newline at end of file diff --git a/build/minified/elements/button.min.css b/build/minified/elements/button.min.css index 87ef2904b..2ec3a70ca 100644 --- a/build/minified/elements/button.min.css +++ b/build/minified/elements/button.min.css @@ -1 +1 @@ -.ui.button{cursor:pointer;display:inline-block;vertical-align:middle;min-height:1em;background-color:#F0F0F0;color:#999;padding:.8em 1.5em;font-size:1rem;text-transform:uppercase;line-height:1;font-weight:700;font-style:normal;text-align:center;-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:opacity .1s linear,color .1s linear,background .1s linear,box-shadow .1s linear;-moz-transition:opacity .1s linear,color .1s linear,background .1s linear,box-shadow .1s linear;-o-transition:opacity .1s linear,color .1s linear,background .1s linear,box-shadow .1s linear;-ms-transition:opacity .1s linear,color .1s linear,background .1s linear,box-shadow .1s linear;transition:opacity .1s linear,color .1s linear,background .1s linear,box-shadow .1s linear}.ui.button:hover,.ui.button.hover{background-color:#EAEAEA;color:#777}.ui.button:active,.ui.button.down{background-color:#E6E6E6;color:#777;-webkit-box-shadow:0 0 .125em 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 .125em 1px rgba(0,0,0,.1) inset;box-shadow:0 0 .125em 1px rgba(0,0,0,.1) inset}.ui.buttons .button.active,.ui.button.active{background-color:#E6E6E6;-webkit-box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset;-moz-box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset;box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset}.ui.buttons .button.active,.ui.buttons .button.active a,.ui.button.active,.ui.button.active a{color:#666}.ui.buttons .button.active.hover,.ui.button.active.hover{background:#E0E0E0;-webkit-box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset;-moz-box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset;box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset}.ui.buttons .button.active.hover,.ui.buttons .button.active.hover a,.ui.button.active.hover,.ui.button.active.hover a{background:#DADADA;color:#555}.ui.button.loading,.ui.button.loading.hover{position:relative;cursor:default;opacity:.75;color:#888!important;background-image:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear}.ui.button.loading:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:#eee url(../images/throbber-tiny.gif) no-repeat 50% 50%;background-position:50% 50%;background-repeat:no-repeat;-moz-border-radius:.2em;-webkit-border-radius:.2em;border-radius:.2em}.ui.grey.button.loading,.ui.button.active.loading{border-color:#bbb}.ui.grey.button.loading:after,.ui.button.active.loading:after{background-color:#FAFAFA;background:url(../images/throbber-tiny.gif) no-repeat 50% 50%}.ui.huge.button.loading:after{background-image:url(../images/throbber-small.gif)}.ui.massive.buttons .button.loading:after,.ui.gigantic.buttons .button.loading:after,.ui.massive.button.loading:after,.ui.gigantic.button.loading:after{background-image:url(../images/throbber-medium.gif)}.ui.huge.grey.button.loading:after,.ui.huge.button.loading.active:after{background-image:url(../images/throbber-small.gif)}.ui.massive.grey.buttons .button.loading:after,.ui.gigantic.grey.buttons .button.loading:after,.ui.massive.grey.button.loading:after,.ui.gigantic.grey.button.loading:after,.ui.massive.grey.buttons .button.loading.active:after,.ui.gigantic.grey.buttons .button.loading.active:after,.ui.massive.button.loading.active:after,.ui.gigantic.button.loading.active:after{background-image:url(../images/throbber-medium.gif)}.ui.buttons .button.error,.ui.buttons .button.error.hover,.ui.buttons .button.error.down,.ui.button.error,.ui.button.error.hover,.ui.button.error.down{cursor:default;position:relative;background-color:#EE141D;color:#FFF;text-shadow:none;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear}.ui.button.success,.ui.button.success.hover,.ui.button.success.down{background-color:#59B94B;color:#FFF;border-color:#588D0F}.ui.button.disabled,.ui.button.disabled.hover,.ui.button.disabled.down{cursor:default;color:#DDD;background-color:rgba(50,50,50,.05)!important;background-image:none!important;text-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.buttons.black .button,.ui.button.black{background-color:#5C6166;color:#FFF}.ui.buttons.black .button.hover,.ui.buttons.black .button:hover,.ui.button.black.hover,.ui.button.black:hover{background-color:#888;color:#FFF}.ui.buttons.black .button.down,.ui.buttons.black .button:active,.ui.button.black.down,.ui.button.black:active{background-color:#888;color:#FFF}.ui.buttons.green .button,.ui.button.green{background-color:#A1CF64;color:#FFF}.ui.buttons.green .button.hover,.ui.buttons.green .button:hover,.ui.button.green.hover,.ui.button.green:hover{background-color:#89B84C;color:#FFF}.ui.buttons.green .button.down,.ui.buttons.green .button:active,.ui.button.green.down,.ui.button.green:active{background-color:#89B84C;color:#FFF}.ui.buttons.red .button,.ui.button.red{background-color:#EF4D6D;color:#FFF}.ui.buttons.red .button.hover,.ui.buttons.red .button:hover,.ui.button.red.hover,.ui.button.red:hover{background-color:#DE3859;color:#FFF}.ui.buttons.red .button.down,.ui.buttons.red .button:active,.ui.button.red.down,.ui.button.red:active{background-color:#DE3859;color:#FFF}.ui.buttons.blue .button,.ui.button.blue{background-color:#6ECFF5;color:#FFF}.ui.buttons.blue .button.hover,.ui.buttons.blue .button:hover,.ui.button.blue.hover,.ui.button.blue:hover{background-color:#1AB8F3;color:#FFF}.ui.buttons.blue .button.down,.ui.buttons.blue .button:active,.ui.button.blue.down,.ui.button.blue:active{background-color:#1AB8F3;color:#FFF}.ui.buttons.purple .button,.ui.button.purple{background-color:#564F8A;color:#FFF}.ui.buttons.purple .button.hover,.ui.buttons.purple .button:hover,.ui.button.purple.hover,.ui.button.purple:hover{background-color:#3E3773;color:#FFF}.ui.buttons.purple .button.down,.ui.buttons.purple .button:active,.ui.button.purple.down,.ui.button.purple:active{background-color:#3E3773;color:#FFF}.ui.buttons.teal .button,.ui.button.teal{background-color:#00B5AD;color:#FFF}.ui.buttons.teal .button.hover,.ui.buttons.teal .button:hover,.ui.button.teal.hover,.ui.button.teal:hover{background-color:#009A93;color:#FFF}.ui.buttons.teal .button.down,.ui.buttons.teal .button:active,.ui.button.teal.down,.ui.button.teal:active{background-color:#009A93;color:#FFF}.ui.buttons.positive .button,.ui.button.positive{background-color:#A1CF64;color:#FFF}.ui.buttons.positive .button.hover,.ui.buttons.positive .button:hover,.ui.button.positive.hover,.ui.button.positive:hover{background-color:#7DDC5C;color:#FFF}.ui.buttons.positive .button.down,.ui.buttons.positive .button:active,.ui.button.positive.down,.ui.button.positive:active{background-color:#7DDC5C;color:#FFF}.ui.buttons.negative .button,.ui.button.negative{background-color:#EF4D6D;color:#FFF}.ui.buttons.negative .button.hover,.ui.buttons.negative .button:hover,.ui.button.negative.hover,.ui.button.negative:hover{background-color:#DE3859;color:#FFF}.ui.buttons.negative .button.down,.ui.buttons.negative .button:active,.ui.button.negative.down,.ui.button.negative:active{background-color:#DE3859;color:#FFF}.ui.buttons.mini .button,.ui.mini.button{font-size:.8rem;padding:.6em .8em}.ui.tiny.buttons .button,.ui.tiny.button{font-size:.9rem;padding:.6em .8em}.ui.small.buttons .button,.ui.small.button{font-size:.9rem}.ui.buttons .button,.ui.button{font-size:1rem}.ui.large.buttons .button,.ui.large.button{font-size:1.125rem}.ui.big.buttons .button,.ui.big.button{font-size:1.25rem}.ui.huge.buttons .button,.ui.huge.button{font-size:1.375rem;padding-left:2em;padding-right:2em}.ui.massive.buttons .button,.ui.massive.button{font-size:1.5rem;font-weight:700;padding-left:2.5em;padding-right:2.5em}.ui.button i.icon{line-height:1;margin-right:.5em}.ui.button i.icon.left,.ui.button i.icon.left-open,.ui.button i.icon.left-dir{margin:0 .2em}.ui.button i.icon.up,.ui.button i.icon.up-open,.ui.button i.icon.up-dir,.ui.button i.icon.down,.ui.button i.icon.down-open,.ui.button i.icon.down-dir,.ui.button i.icon.right,.ui.button i.icon.right-open,.ui.button i.icon.right-dir{margin:0}.ui.icon.buttons .button,.ui.icon.button{padding:.75em}.ui.icon.buttons .button i,.ui.icon.button i{margin:0;vertical-align:top}.ui.labeled.icon.buttons .button .icon,.ui.labeled.icon.button .icon{display:block;font-size:1.5em;margin:0 auto .3em}.ui.toggle.buttons .button.active,.ui.buttons .button.toggle.active,.ui.button.toggle.active{background-color:#BBF0A9;color:#1C8C21}.ui.buttons.toggle .ui.button.active.hover,.ui.buttons .ui.button.toggle.active.hover,.ui.button.toggle.active.hover{color:#21A627;background-color:#BBF0A9;-webkit-box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset;box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset}.ui.button.toggle.active.hover.down{background-color:#BBF0A9;color:#21A627;-webkit-box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset;-moz-box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset;box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset}.ui.button.bubbly{-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em}.ui.button.attached{display:block}.ui.button.attached.top{border:1px solid rgba(0,0,0,.1);border-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.button.attached.bottom{border:1px solid rgba(0,0,0,.1);border-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.button.attached.left{display:inline-block;border-left:0;padding-right:.75em;text-align:right;border-right:1px solid rgba(0,0,0,.1);-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.button.attached.right{display:inline-block;padding-left:.75em;text-align:left;border-left:1px solid rgba(0,0,0,.1);-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}input+.ui.attached.button{display:inline-block;margin:0 0 0 -1em;padding:.68em 1em;vertical-align:top;font-size:.825em;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}input:focus+.ui.attached.button{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;box-shadow:0 0 0 1px rgba(0,0,0,.3) inset}.ui.attached.button.loading,.ui.attached.button.loading.hover{opacity:1}.ui.buttons{overflow:hidden}.ui.buttons .button{float:left;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-left:1px solid rgba(0,0,0,.05)}.ui.buttons .button:first-child{margin-left:0;border-top-left-radius:.3125em;border-bottom-left-radius:.3125em}.ui.buttons .button:last-child{border-top-right-radius:.3125em;border-bottom-right-radius:.3125em}.ui.buttons.vertical{display:inline-block}.ui.buttons.vertical .button{display:block;float:none;border-bottom:1px solid rgba(0,0,0,.05);border-left:0;box-shadow:none}.ui.buttons.vertical .button:first-child,.ui.buttons.vertical .mini.button:first-child,.ui.buttons.vertical .tiny.button:first-child,.ui.buttons.vertical .small.button:first-child,.ui.buttons.vertical .massive.button:first-child,.ui.buttons.vertical .huge.button:first-child{margin-top:0;-moz-border-radius:.3125em .3125em 0 0;-webkit-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.buttons.vertical .button:last-child,.ui.buttons.vertical .mini.button:last-child,.ui.buttons.vertical .tiny.button:last-child,.ui.buttons.vertical .small.button:last-child,.ui.buttons.vertical .massive.button:last-child,.ui.buttons.vertical .huge.button:last-child,.ui.buttons.vertical .gigantic.button:last-child{-moz-border-radius:0 0 .3125em .3125em;-webkit-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.buttons .or{position:relative;float:left;width:.3em;height:1em}.ui.buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#FFF;margin-top:-.15em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.66;color:#AAA;font-style:normal;font-weight:400;text-align:center;-moz-box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;-moz-border-radius:500px;-webkit-border-radius:500px;border-radius:500px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:1.8em;background-color:transparent;border-top:.6em solid #FFF;border-bottom:.6em solid #FFF}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or:after{display:none}.attached.ui.buttons{margin:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.attached.ui.buttons .button:first-child{-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.attached.ui.buttons .button:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.bottom.attached.ui.buttons{margin-top:-1px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.bottom.attached.ui.buttons .button:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.bottom.attached.ui.buttons .button:last-child{-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.left.attached.ui.buttons{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.left.attached.ui.buttons .button:first-child{margin-left:-1px;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.left.attached.ui.buttons .button:last-child{margin-left:-1px;-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.right.attached.ui.buttons,.right.attached.ui.buttons .button{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.right.attached.ui.buttons .button:first-child{margin-left:-1px;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.right.attached.ui.buttons .button:last-child{margin-left:-1px;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.ui.fluid.buttons,.ui.button.fluid,.ui.fluid.buttons>.button{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.two.fluid.buttons>.button{width:50%}.ui.three.fluid.buttons>.button{width:33.333%}.ui.four.fluid.buttons>.button{width:25%}.ui.five.fluid.buttons>.button{width:20%}.ui.six.fluid.buttons>.button{width:16.666%}.ui.seven.fluid.buttons>.button{width:14.285%}.ui.eight.fluid.buttons>.button{width:12.5%}.ui.nine.fluid.buttons>.button{width:11.11%}.ui.ten.fluid.buttons>.button{width:10%}.ui.eleven.fluid.buttons>.button{width:9.09%}.ui.twelve.fluid.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{width:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.two.fluid.buttons>.button{height:50%}.ui.three.fluid.buttons>.button{height:33.333%}.ui.four.fluid.buttons>.button{height:25%}.ui.five.fluid.buttons>.button{height:20%}.ui.six.fluid.buttons>.button{height:16.666%}.ui.seven.fluid.buttons>.button{height:14.285%}.ui.eight.fluid.buttons>.button{height:12.5%}.ui.nine.fluid.buttons>.button{height:11.11%}.ui.ten.fluid.buttons>.button{height:10%}.ui.eleven.fluid.buttons>.button{height:9.09%}.ui.twelve.fluid.buttons>.button{height:8.3333%} \ No newline at end of file +.ui.button{cursor:pointer;display:inline-block;vertical-align:middle;min-height:1em;background-color:#F0F0F0;color:#999;padding:.8em 1.5em;font-size:1rem;text-transform:uppercase;line-height:1;font-weight:700;font-style:normal;text-align:center;text-shadow:none;-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;box-shadow:0 -.125em 0 rgba(0,0,0,.1) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:opacity .1s linear,color .1s linear,background .1s linear,box-shadow .1s linear;-moz-transition:opacity .1s linear,color .1s linear,background .1s linear,box-shadow .1s linear;-o-transition:opacity .1s linear,color .1s linear,background .1s linear,box-shadow .1s linear;-ms-transition:opacity .1s linear,color .1s linear,background .1s linear,box-shadow .1s linear;transition:opacity .1s linear,color .1s linear,background .1s linear,box-shadow .1s linear}.ui.button:hover,.ui.button.hover{background-color:#EAEAEA;color:#777}.ui.button:active,.ui.button.down{background-color:#E6E6E6;color:#777;-webkit-box-shadow:0 0 .125em 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 .125em 1px rgba(0,0,0,.1) inset;box-shadow:0 0 .125em 1px rgba(0,0,0,.1) inset}.ui.buttons .button.active,.ui.button.active{background-color:#E6E6E6;-webkit-box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset;-moz-box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset;box-shadow:0 .125em .125em 0 rgba(0,0,0,.15) inset}.ui.buttons .button.active,.ui.buttons .button.active a,.ui.button.active,.ui.button.active a{color:#666}.ui.buttons .button.active.hover,.ui.button.active.hover{background:#E0E0E0;-webkit-box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset;-moz-box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset;box-shadow:0 .0625 .1875em 0 rgba(0,0,0,.2) inset}.ui.buttons .button.active.hover,.ui.buttons .button.active.hover a,.ui.button.active.hover,.ui.button.active.hover a{background:#DADADA;color:#555}.ui.button.loading,.ui.button.loading.hover{position:relative;cursor:default;opacity:.75;color:#888!important;background-image:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear}.ui.button.loading:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';background:#eee url(../images/throbber-tiny.gif) no-repeat 50% 50%;background-position:50% 50%;background-repeat:no-repeat;-moz-border-radius:.2em;-webkit-border-radius:.2em;border-radius:.2em}.ui.grey.button.loading,.ui.button.active.loading{border-color:#bbb}.ui.grey.button.loading:after,.ui.button.active.loading:after{background-color:#FAFAFA;background:url(../images/throbber-tiny.gif) no-repeat 50% 50%}.ui.huge.button.loading:after{background-image:url(../images/throbber-small.gif)}.ui.massive.buttons .button.loading:after,.ui.gigantic.buttons .button.loading:after,.ui.massive.button.loading:after,.ui.gigantic.button.loading:after{background-image:url(../images/throbber-medium.gif)}.ui.huge.grey.button.loading:after,.ui.huge.button.loading.active:after{background-image:url(../images/throbber-small.gif)}.ui.massive.grey.buttons .button.loading:after,.ui.gigantic.grey.buttons .button.loading:after,.ui.massive.grey.button.loading:after,.ui.gigantic.grey.button.loading:after,.ui.massive.grey.buttons .button.loading.active:after,.ui.gigantic.grey.buttons .button.loading.active:after,.ui.massive.button.loading.active:after,.ui.gigantic.button.loading.active:after{background-image:url(../images/throbber-medium.gif)}.ui.buttons .button.error,.ui.buttons .button.error.hover,.ui.buttons .button.error.down,.ui.button.error,.ui.button.error.hover,.ui.button.error.down{cursor:default;position:relative;background-color:#EE141D;color:#FFF;text-shadow:none;-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;-ms-transition:all 0s linear;transition:all 0s linear}.ui.button.success,.ui.button.success.hover,.ui.button.success.down{background-color:#59B94B;color:#FFF;border-color:#588D0F}.ui.button.disabled,.ui.button.disabled.hover,.ui.button.disabled.down{cursor:default;color:#DDD;background-color:rgba(50,50,50,.05)!important;background-image:none!important;text-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.buttons.black .button,.ui.button.black{background-color:#5C6166;color:#FFF}.ui.buttons.black .button.hover,.ui.buttons.black .button:hover,.ui.button.black.hover,.ui.button.black:hover{background-color:#888;color:#FFF}.ui.buttons.black .button.down,.ui.buttons.black .button:active,.ui.button.black.down,.ui.button.black:active{background-color:#888;color:#FFF}.ui.buttons.green .button,.ui.button.green{background-color:#A1CF64;color:#FFF}.ui.buttons.green .button.hover,.ui.buttons.green .button:hover,.ui.button.green.hover,.ui.button.green:hover{background-color:#89B84C;color:#FFF}.ui.buttons.green .button.down,.ui.buttons.green .button:active,.ui.button.green.down,.ui.button.green:active{background-color:#89B84C;color:#FFF}.ui.buttons.red .button,.ui.button.red{background-color:#EF4D6D;color:#FFF}.ui.buttons.red .button.hover,.ui.buttons.red .button:hover,.ui.button.red.hover,.ui.button.red:hover{background-color:#DE3859;color:#FFF}.ui.buttons.red .button.down,.ui.buttons.red .button:active,.ui.button.red.down,.ui.button.red:active{background-color:#DE3859;color:#FFF}.ui.buttons.blue .button,.ui.button.blue{background-color:#6ECFF5;color:#FFF}.ui.buttons.blue .button.hover,.ui.buttons.blue .button:hover,.ui.button.blue.hover,.ui.button.blue:hover{background-color:#1AB8F3;color:#FFF}.ui.buttons.blue .button.down,.ui.buttons.blue .button:active,.ui.button.blue.down,.ui.button.blue:active{background-color:#1AB8F3;color:#FFF}.ui.buttons.purple .button,.ui.button.purple{background-color:#564F8A;color:#FFF}.ui.buttons.purple .button.hover,.ui.buttons.purple .button:hover,.ui.button.purple.hover,.ui.button.purple:hover{background-color:#3E3773;color:#FFF}.ui.buttons.purple .button.down,.ui.buttons.purple .button:active,.ui.button.purple.down,.ui.button.purple:active{background-color:#3E3773;color:#FFF}.ui.buttons.teal .button,.ui.button.teal{background-color:#00B5AD;color:#FFF}.ui.buttons.teal .button.hover,.ui.buttons.teal .button:hover,.ui.button.teal.hover,.ui.button.teal:hover{background-color:#009A93;color:#FFF}.ui.buttons.teal .button.down,.ui.buttons.teal .button:active,.ui.button.teal.down,.ui.button.teal:active{background-color:#009A93;color:#FFF}.ui.buttons.positive .button,.ui.button.positive{background-color:#A1CF64;color:#FFF}.ui.buttons.positive .button.hover,.ui.buttons.positive .button:hover,.ui.button.positive.hover,.ui.button.positive:hover{background-color:#7DDC5C;color:#FFF}.ui.buttons.positive .button.down,.ui.buttons.positive .button:active,.ui.button.positive.down,.ui.button.positive:active{background-color:#7DDC5C;color:#FFF}.ui.buttons.negative .button,.ui.button.negative{background-color:#EF4D6D;color:#FFF}.ui.buttons.negative .button.hover,.ui.buttons.negative .button:hover,.ui.button.negative.hover,.ui.button.negative:hover{background-color:#DE3859;color:#FFF}.ui.buttons.negative .button.down,.ui.buttons.negative .button:active,.ui.button.negative.down,.ui.button.negative:active{background-color:#DE3859;color:#FFF}.ui.buttons.mini .button,.ui.mini.button{font-size:.8rem;padding:.6em .8em}.ui.tiny.buttons .button,.ui.tiny.button{font-size:.9rem;padding:.6em .8em}.ui.small.buttons .button,.ui.small.button{font-size:.9rem}.ui.buttons .button,.ui.button{font-size:1rem}.ui.large.buttons .button,.ui.large.button{font-size:1.125rem}.ui.big.buttons .button,.ui.big.button{font-size:1.25rem}.ui.huge.buttons .button,.ui.huge.button{font-size:1.375rem;padding-left:2em;padding-right:2em}.ui.massive.buttons .button,.ui.massive.button{font-size:1.5rem;font-weight:700;padding-left:2.5em;padding-right:2.5em}.ui.button i.icon{line-height:1;margin-right:.5em}.ui.button i.icon.left,.ui.button i.icon.left-open,.ui.button i.icon.left-dir{margin:0 .2em}.ui.button i.icon.up,.ui.button i.icon.up-open,.ui.button i.icon.up-dir,.ui.button i.icon.down,.ui.button i.icon.down-open,.ui.button i.icon.down-dir,.ui.button i.icon.right,.ui.button i.icon.right-open,.ui.button i.icon.right-dir{margin:0}.ui.icon.buttons .button,.ui.icon.button{padding:.75em}.ui.icon.buttons .button i,.ui.icon.button i{margin:0;vertical-align:top}.ui.labeled.icon.buttons .button .icon,.ui.labeled.icon.button .icon{display:block;font-size:1.5em;margin:0 auto .3em}.ui.toggle.buttons .button.active,.ui.buttons .button.toggle.active,.ui.button.toggle.active{background-color:#BBF0A9;color:#1C8C21}.ui.buttons.toggle .ui.button.active.hover,.ui.buttons .ui.button.toggle.active.hover,.ui.button.toggle.active.hover{color:#21A627;background-color:#BBF0A9;-webkit-box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset;box-shadow:0 0 4px -2px rgba(0,0,0,.2) inset}.ui.button.toggle.active.hover.down{background-color:#BBF0A9;color:#21A627;-webkit-box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset;-moz-box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset;box-shadow:0 1px 3px 0 rgba(67,97,53,.5) inset}.ui.button.bubbly{-webkit-border-radius:1em;-moz-border-radius:1em;border-radius:1em}.ui.button.attached{display:block}.ui.button.attached.top{border:1px solid rgba(0,0,0,.1);border-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.button.attached.bottom{border:1px solid rgba(0,0,0,.1);border-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.button.attached.left{display:inline-block;border-left:0;padding-right:.75em;text-align:right;border-right:1px solid rgba(0,0,0,.1);-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.button.attached.right{display:inline-block;padding-left:.75em;text-align:left;border-left:1px solid rgba(0,0,0,.1);-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}input+.ui.attached.button{display:inline-block;margin:0 0 0 -1em;padding:.68em 1em;vertical-align:top;font-size:.825em;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;box-shadow:0 0 0 1px rgba(0,0,0,.15) inset;-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}input:focus+.ui.attached.button{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.3) inset;box-shadow:0 0 0 1px rgba(0,0,0,.3) inset}.ui.attached.button.loading,.ui.attached.button.loading.hover{opacity:1}.ui.buttons{overflow:hidden}.ui.buttons .button{float:left;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-left:1px solid rgba(0,0,0,.05)}.ui.buttons .button:first-child{margin-left:0;border-top-left-radius:.3125em;border-bottom-left-radius:.3125em}.ui.buttons .button:last-child{border-top-right-radius:.3125em;border-bottom-right-radius:.3125em}.ui.buttons.vertical{display:inline-block}.ui.buttons.vertical .button{display:block;float:none;border-bottom:1px solid rgba(0,0,0,.05);border-left:0;box-shadow:none}.ui.buttons.vertical .button:first-child,.ui.buttons.vertical .mini.button:first-child,.ui.buttons.vertical .tiny.button:first-child,.ui.buttons.vertical .small.button:first-child,.ui.buttons.vertical .massive.button:first-child,.ui.buttons.vertical .huge.button:first-child{margin-top:0;-moz-border-radius:.3125em .3125em 0 0;-webkit-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.buttons.vertical .button:last-child,.ui.buttons.vertical .mini.button:last-child,.ui.buttons.vertical .tiny.button:last-child,.ui.buttons.vertical .small.button:last-child,.ui.buttons.vertical .massive.button:last-child,.ui.buttons.vertical .huge.button:last-child,.ui.buttons.vertical .gigantic.button:last-child{-moz-border-radius:0 0 .3125em .3125em;-webkit-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.buttons .or{position:relative;float:left;width:.3em;height:1em}.ui.buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#FFF;margin-top:-.15em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.66;color:#AAA;font-style:normal;font-weight:400;text-align:center;-moz-box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;box-shadow:0 2px 1px 0 rgba(0,0,0,.2) inset;-moz-border-radius:500px;-webkit-border-radius:500px;border-radius:500px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:1.8em;background-color:transparent;border-top:.6em solid #FFF;border-bottom:.6em solid #FFF}.ui.fluid.buttons .or{width:0!important}.ui.fluid.buttons .or:after{display:none}.attached.ui.buttons{margin:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.attached.ui.buttons .button:first-child{-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.attached.ui.buttons .button:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.bottom.attached.ui.buttons{margin-top:-1px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}.bottom.attached.ui.buttons .button:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.bottom.attached.ui.buttons .button:last-child{-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.left.attached.ui.buttons{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.left.attached.ui.buttons .button:first-child{margin-left:-1px;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.left.attached.ui.buttons .button:last-child{margin-left:-1px;-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.right.attached.ui.buttons,.right.attached.ui.buttons .button{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.right.attached.ui.buttons .button:first-child{margin-left:-1px;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.right.attached.ui.buttons .button:last-child{margin-left:-1px;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.ui.fluid.buttons,.ui.button.fluid,.ui.fluid.buttons>.button{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.two.fluid.buttons>.button{width:50%}.ui.three.fluid.buttons>.button{width:33.333%}.ui.four.fluid.buttons>.button{width:25%}.ui.five.fluid.buttons>.button{width:20%}.ui.six.fluid.buttons>.button{width:16.666%}.ui.seven.fluid.buttons>.button{width:14.285%}.ui.eight.fluid.buttons>.button{width:12.5%}.ui.nine.fluid.buttons>.button{width:11.11%}.ui.ten.fluid.buttons>.button{width:10%}.ui.eleven.fluid.buttons>.button{width:9.09%}.ui.twelve.fluid.buttons>.button{width:8.3333%}.ui.fluid.vertical.buttons,.ui.fluid.vertical.buttons>.button{width:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.two.fluid.buttons>.button{height:50%}.ui.three.fluid.buttons>.button{height:33.333%}.ui.four.fluid.buttons>.button{height:25%}.ui.five.fluid.buttons>.button{height:20%}.ui.six.fluid.buttons>.button{height:16.666%}.ui.seven.fluid.buttons>.button{height:14.285%}.ui.eight.fluid.buttons>.button{height:12.5%}.ui.nine.fluid.buttons>.button{height:11.11%}.ui.ten.fluid.buttons>.button{height:10%}.ui.eleven.fluid.buttons>.button{height:9.09%}.ui.twelve.fluid.buttons>.button{height:8.3333%} \ No newline at end of file diff --git a/build/minified/views/comment.min.css b/build/minified/views/comment.min.css new file mode 100644 index 000000000..eb97e02a6 --- /dev/null +++ b/build/minified/views/comment.min.css @@ -0,0 +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:hover{color:rgba(0,0,0,.6)}.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)} \ 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 9cb870717..ef88d7780 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -7abcd93b7b0048b0edcea9c717aca5f1e8bf8664 \ No newline at end of file +2b3db357747b896cd7050dcbd98567e152d9a2b7 \ No newline at end of file diff --git a/build/uncompressed/collections/form.css b/build/uncompressed/collections/form.css index 9ed3bbb6c..c827f4997 100644 --- a/build/uncompressed/collections/form.css +++ b/build/uncompressed/collections/form.css @@ -17,7 +17,6 @@ ---------------------*/ .ui.form { position: relative; - width: 35em; max-width: 100%; } .ui.form :first-child { diff --git a/build/uncompressed/collections/grid.css b/build/uncompressed/collections/grid.css index 1300b124c..26c0daef5 100644 --- a/build/uncompressed/collections/grid.css +++ b/build/uncompressed/collections/grid.css @@ -17,6 +17,7 @@ display: block; text-align: center; font-size: 0em; + margin: 0% -1.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -38,8 +39,8 @@ display: inline-block; text-align: left; font-size: 1rem; - padding-left: 2%; - padding-right: 2%; + padding-left: 1.33%; + padding-right: 1.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -85,11 +86,15 @@ Page --------------------*/ .ui.page.grid { + margin: 0%: padding: 0% 5%; } /*------------------- Responsive --------------------*/ +.ui.responsive.grid { + margin: 0%; +} @media only screen and (max-width: 1000px) { .ui.responsive.grid { padding: 0% 5.55%; @@ -199,18 +204,11 @@ width: 9.0909%; } /*------------------- - Fitted + Padded --------------------*/ -.ui.fitted.grid { - padding: 0%; -} -.ui.fitted.row { - padding-top: 0%; -} -.ui.fitted.grid .column, -.ui.grid .fitted.column { - padding-left: 0%; - padding-right: 0%; +.ui.padded.grid { + margin-left: 0%; + margin-right: 0%; } /*---------------------- "Floated" @@ -274,16 +272,19 @@ Horizontally Centered -----------------------*/ /* Vertical Centered */ +.ui.left.aligned.grid, .ui.left.aligned.grid .column, .ui.grid .left.aligned.column, .ui.grid > .left.aligned.row .column { text-align: left; } +.ui.center.aligned.grid, .ui.center.aligned.grid .column, .ui.grid .center.aligned.column, .ui.grid > .center.aligned.row .column { text-align: center; } +.ui.right.aligned.grid, .ui.right.aligned.grid .column, .ui.grid .right.aligned.column, .ui.grid > .right.aligned.row .column { @@ -314,13 +315,6 @@ .ui.grid .equal.row .column { display: table-cell; } -/*---------------------- - Fitted ------------------------*/ -.ui.fitted.grid { - margin-left: -1.333%; - margin-right: -1.333%; -} /*------------------- Folding --------------------*/ diff --git a/build/uncompressed/collections/menu.css b/build/uncompressed/collections/menu.css index f44ac0c9d..8bfd96db0 100644 --- a/build/uncompressed/collections/menu.css +++ b/build/uncompressed/collections/menu.css @@ -629,7 +629,7 @@ } .ui.text.menu .header.item { background-color: transparent; - margin: 0em 0.5em 0em 0em; + margin: 0em; padding: 0.35em 0.5em; opacity: 1; color: rgba(50, 50, 50, 0.8); @@ -637,11 +637,17 @@ text-transform: uppercase; font-weight: bold; } +.ui.text.menu .header.item > a { + background-color: transparent; +} /*--- fluid text ---*/ .ui.fluid.text.menu { margin: 0em; } /*--- vertical text ---*/ +.ui.vertical.text.menu { + margin: 1rem 0em; +} .ui.vertical.text.menu .item { float: left; clear: left; @@ -983,6 +989,18 @@ /*-------------- Sizes ---------------*/ +.ui.tiny.menu .item { + font-size: 0.875rem; + padding: 0.35em 0.5em; +} +.ui.tiny.menu .item > a { + display: block; + margin: -0.35em -0.5em; + padding: 0.35em 0.5em; +} +.ui.tiny.vertical.menu { + width: 9rem; +} .ui.small.menu .item { font-size: 0.875rem; min-height: 1.2em; diff --git a/build/uncompressed/elements/button.css b/build/uncompressed/elements/button.css index 84be579c1..1e1658acb 100644 --- a/build/uncompressed/elements/button.css +++ b/build/uncompressed/elements/button.css @@ -27,6 +27,7 @@ font-weight: bold; font-style: normal; text-align: center; + text-shadow: none; -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; border-radius: 0.3125em; diff --git a/build/uncompressed/views/comment.css b/build/uncompressed/views/comment.css index e69de29bb..f1b2befad 100644 --- a/build/uncompressed/views/comment.css +++ b/build/uncompressed/views/comment.css @@ -0,0 +1,129 @@ +/* + * # Semantic Comment View + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ +/******************************* + Standard +*******************************/ +/*-------------- + Comments +---------------*/ +.ui.comments a { + cursor: pointer; +} +/*-------------- + Comment +---------------*/ +.ui.comments .comment { + position: relative; + margin-top: 0.75em; + padding-top: 0.75em; + width: 100%; +} +.ui.comments .comment:first-child { + margin-top: 0em; + padding-top: 0em; +} +/*-------------------- + Avatar (Optional) +---------------------*/ +.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; +} +/*-------------- + Content +---------------*/ +.ui.comments .comment > .content, +.ui.comments .comment > .avatar { + display: block; +} +.ui.comments .comment .avatar ~ .content { + padding: 0em 1em; +} +/* If there is an avatar move content over */ +.ui.comments .comment > .avatar ~ .content { + margin-left: 3em; +} +.ui.comments .comment .metadata { + display: inline-block; + margin-left: 0.3em; + color: rgba(0, 0, 0, 0.4); +} +.ui.comments .comment .metadata * { + display: inline-block; + margin: 0em 0.3em 0em 0em; +} +/*-------------------- + Comment Text +---------------------*/ +.ui.comments .comment .text { + margin: 0em 0em 0.5em; +} +/*-------------------- + User Actions +---------------------*/ +.ui.comments .comment .actions { + font-size: 0.9em; +} +.ui.comments .comment .actions a { + display: inline-block; + margin: 0em 0.3em 0em 0em; + color: rgba(0, 0, 0, 0.3); +} +.ui.comments .comment .actions a:hover { + color: rgba(0, 0, 0, 0.6); +} +/*-------------------- + Nested Comments +---------------------*/ +.ui.comments .comment .comments { + margin-top: 1em; + padding-top: 1em; +} +.ui.comments .comment .comments:before { + position: absolute; + top: 0px; + left: 0px; +} +/* One Deep */ +.ui.comments > .comment .comments { + margin-left: 2em; +} +/* Two Deep */ +.ui.comments > .comment > .comments > .comment > .comments { + margin-left: 1.75em; +} +/* Three Deep */ +.ui.comments > .comment > .comments > .comment > .comments > .comment > .comments { + margin-left: 1.5em; +} +/* Four Deep or more */ +.ui.comments > .comment > .comments > .comment > .comments > .comment > .comments > .comment .comments { + margin-left: 0.5em; +} +/******************************* + Variations +*******************************/ +.ui.threaded.comments .comment .comments { + margin-left: 1.5em !important; + padding-left: 1.5em !important; + -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); +} diff --git a/node/src/documents/views/comment.html b/node/src/documents/views/comment.html index e3395789f..e1bd6fe0b 100755 --- a/node/src/documents/views/comment.html +++ b/node/src/documents/views/comment.html @@ -15,21 +15,201 @@ type : 'UI View'
- Standard + Example Content + Variations
+

Standard

-

Comments:

-

All comment

+

Comments

+

A basic comment with only required sections

+
+
+ Dog Doggington +
+ I think this is a great idea and i am voting on it +
+
+
+
+ +

Content

+ +

Comment

+ +
+

Avatar

+

A comment can optionally contain an image or avatar

- + + + +
+ Dog Doggington +
+ I think this is a great idea and i am voting on it +
+
+
+
+ +
+

Avatar

+

A comment can optionally contain metadata about the comment

+
+
+ + + +
+ Dog Doggington +
+ I think this is a great idea and i am voting on it +
+
+
+
+ + +

Variations

+ +
+

Threaded

+

A comment list can be threaded to showing the relationship between conversations

+
+
+ + + +
+ Dog Doggington +
+ 2 days ago +
+
+ I think this is a great idea and i am voting on it +
+
+ Reply + Delete +
+
+
+
+ + + +
+ Pawfin Dog +
+ 1 day ago +
+
+ I think this is a great idea and i am voting on it +
+
+ Reply + Delete +
+
+
+
+ + + +
+ Dog Doggington +
+ 20 minutes ago +
+
+ I think this is a great idea and i am voting on it +
+
+ Reply + Delete +
+
+
+
+ + + +
+ Dog Doggington +
+ 20 minutes ago +
+
+ Also pizza. +
+
+ Reply + Delete +
+
+
+
+
+
+ + + +
+ Dog Doggington +
+ 2 days ago +
+
+ I think this is a great idea and i am voting on it +
+
+ Reply + Delete +
+
+
+
+
+
+ + + +
+ Dog Doggington +
+ 20 hours ago +
+
+ I think this is a great idea and i am voting on it +
+
+ Reply +
+
+
+
+ + + +
+ Pawfin Dog +
+ 15 hours ago +
+
+ I think this is a great idea and i am voting on it +
+
+ Reply +
+
-
diff --git a/node/src/files/components/semantic/collections/form.css b/node/src/files/components/semantic/collections/form.css index 9ed3bbb6c..c827f4997 100644 --- a/node/src/files/components/semantic/collections/form.css +++ b/node/src/files/components/semantic/collections/form.css @@ -17,7 +17,6 @@ ---------------------*/ .ui.form { position: relative; - width: 35em; max-width: 100%; } .ui.form :first-child { diff --git a/node/src/files/components/semantic/collections/grid.css b/node/src/files/components/semantic/collections/grid.css index 1300b124c..26c0daef5 100644 --- a/node/src/files/components/semantic/collections/grid.css +++ b/node/src/files/components/semantic/collections/grid.css @@ -17,6 +17,7 @@ display: block; text-align: center; font-size: 0em; + margin: 0% -1.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -38,8 +39,8 @@ display: inline-block; text-align: left; font-size: 1rem; - padding-left: 2%; - padding-right: 2%; + padding-left: 1.33%; + padding-right: 1.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -85,11 +86,15 @@ Page --------------------*/ .ui.page.grid { + margin: 0%: padding: 0% 5%; } /*------------------- Responsive --------------------*/ +.ui.responsive.grid { + margin: 0%; +} @media only screen and (max-width: 1000px) { .ui.responsive.grid { padding: 0% 5.55%; @@ -199,18 +204,11 @@ width: 9.0909%; } /*------------------- - Fitted + Padded --------------------*/ -.ui.fitted.grid { - padding: 0%; -} -.ui.fitted.row { - padding-top: 0%; -} -.ui.fitted.grid .column, -.ui.grid .fitted.column { - padding-left: 0%; - padding-right: 0%; +.ui.padded.grid { + margin-left: 0%; + margin-right: 0%; } /*---------------------- "Floated" @@ -274,16 +272,19 @@ Horizontally Centered -----------------------*/ /* Vertical Centered */ +.ui.left.aligned.grid, .ui.left.aligned.grid .column, .ui.grid .left.aligned.column, .ui.grid > .left.aligned.row .column { text-align: left; } +.ui.center.aligned.grid, .ui.center.aligned.grid .column, .ui.grid .center.aligned.column, .ui.grid > .center.aligned.row .column { text-align: center; } +.ui.right.aligned.grid, .ui.right.aligned.grid .column, .ui.grid .right.aligned.column, .ui.grid > .right.aligned.row .column { @@ -314,13 +315,6 @@ .ui.grid .equal.row .column { display: table-cell; } -/*---------------------- - Fitted ------------------------*/ -.ui.fitted.grid { - margin-left: -1.333%; - margin-right: -1.333%; -} /*------------------- Folding --------------------*/ diff --git a/node/src/files/components/semantic/collections/menu.css b/node/src/files/components/semantic/collections/menu.css index f44ac0c9d..8bfd96db0 100644 --- a/node/src/files/components/semantic/collections/menu.css +++ b/node/src/files/components/semantic/collections/menu.css @@ -629,7 +629,7 @@ } .ui.text.menu .header.item { background-color: transparent; - margin: 0em 0.5em 0em 0em; + margin: 0em; padding: 0.35em 0.5em; opacity: 1; color: rgba(50, 50, 50, 0.8); @@ -637,11 +637,17 @@ text-transform: uppercase; font-weight: bold; } +.ui.text.menu .header.item > a { + background-color: transparent; +} /*--- fluid text ---*/ .ui.fluid.text.menu { margin: 0em; } /*--- vertical text ---*/ +.ui.vertical.text.menu { + margin: 1rem 0em; +} .ui.vertical.text.menu .item { float: left; clear: left; @@ -983,6 +989,18 @@ /*-------------- Sizes ---------------*/ +.ui.tiny.menu .item { + font-size: 0.875rem; + padding: 0.35em 0.5em; +} +.ui.tiny.menu .item > a { + display: block; + margin: -0.35em -0.5em; + padding: 0.35em 0.5em; +} +.ui.tiny.vertical.menu { + width: 9rem; +} .ui.small.menu .item { font-size: 0.875rem; min-height: 1.2em; diff --git a/node/src/files/components/semantic/elements/button.css b/node/src/files/components/semantic/elements/button.css index 84be579c1..1e1658acb 100644 --- a/node/src/files/components/semantic/elements/button.css +++ b/node/src/files/components/semantic/elements/button.css @@ -27,6 +27,7 @@ font-weight: bold; font-style: normal; text-align: center; + text-shadow: none; -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; border-radius: 0.3125em; diff --git a/node/src/files/components/semantic/views/comment.css b/node/src/files/components/semantic/views/comment.css index e69de29bb..f1b2befad 100644 --- a/node/src/files/components/semantic/views/comment.css +++ b/node/src/files/components/semantic/views/comment.css @@ -0,0 +1,129 @@ +/* + * # Semantic Comment View + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ +/******************************* + Standard +*******************************/ +/*-------------- + Comments +---------------*/ +.ui.comments a { + cursor: pointer; +} +/*-------------- + Comment +---------------*/ +.ui.comments .comment { + position: relative; + margin-top: 0.75em; + padding-top: 0.75em; + width: 100%; +} +.ui.comments .comment:first-child { + margin-top: 0em; + padding-top: 0em; +} +/*-------------------- + Avatar (Optional) +---------------------*/ +.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; +} +/*-------------- + Content +---------------*/ +.ui.comments .comment > .content, +.ui.comments .comment > .avatar { + display: block; +} +.ui.comments .comment .avatar ~ .content { + padding: 0em 1em; +} +/* If there is an avatar move content over */ +.ui.comments .comment > .avatar ~ .content { + margin-left: 3em; +} +.ui.comments .comment .metadata { + display: inline-block; + margin-left: 0.3em; + color: rgba(0, 0, 0, 0.4); +} +.ui.comments .comment .metadata * { + display: inline-block; + margin: 0em 0.3em 0em 0em; +} +/*-------------------- + Comment Text +---------------------*/ +.ui.comments .comment .text { + margin: 0em 0em 0.5em; +} +/*-------------------- + User Actions +---------------------*/ +.ui.comments .comment .actions { + font-size: 0.9em; +} +.ui.comments .comment .actions a { + display: inline-block; + margin: 0em 0.3em 0em 0em; + color: rgba(0, 0, 0, 0.3); +} +.ui.comments .comment .actions a:hover { + color: rgba(0, 0, 0, 0.6); +} +/*-------------------- + Nested Comments +---------------------*/ +.ui.comments .comment .comments { + margin-top: 1em; + padding-top: 1em; +} +.ui.comments .comment .comments:before { + position: absolute; + top: 0px; + left: 0px; +} +/* One Deep */ +.ui.comments > .comment .comments { + margin-left: 2em; +} +/* Two Deep */ +.ui.comments > .comment > .comments > .comment > .comments { + margin-left: 1.75em; +} +/* Three Deep */ +.ui.comments > .comment > .comments > .comment > .comments > .comment > .comments { + margin-left: 1.5em; +} +/* Four Deep or more */ +.ui.comments > .comment > .comments > .comment > .comments > .comment > .comments > .comment .comments { + margin-left: 0.5em; +} +/******************************* + Variations +*******************************/ +.ui.threaded.comments .comment .comments { + margin-left: 1.5em !important; + padding-left: 1.5em !important; + -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); +} diff --git a/node/src/files/images/demo/dog.jpg b/node/src/files/images/demo/dog.jpg new file mode 100755 index 0000000000000000000000000000000000000000..efb4477494a595d270e85d523d85099e3f3f7a02 GIT binary patch literal 19588 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 literal 0 HcmV?d00001 diff --git a/node/src/layouts/default.html.eco b/node/src/layouts/default.html.eco index 031eaad47..d3ed2cac6 100755 --- a/node/src/layouts/default.html.eco +++ b/node/src/layouts/default.html.eco @@ -40,7 +40,7 @@ - + diff --git a/src/collections/form.less b/src/collections/form.less index 674a037d7..e066172da 100755 --- a/src/collections/form.less +++ b/src/collections/form.less @@ -21,7 +21,6 @@ .ui.form { position: relative; - width: 35em; max-width: 100%; } .ui.form :first-child { diff --git a/src/collections/grid.less b/src/collections/grid.less index fc7cbe3b2..aa21fb428 100755 --- a/src/collections/grid.less +++ b/src/collections/grid.less @@ -20,6 +20,7 @@ text-align: center; font-size: 0em; + margin: 0% -1.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -46,8 +47,8 @@ text-align: left; font-size: 1rem; - padding-left: 2%; - padding-right: 2%; + padding-left: 1.33%; + padding-right: 1.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -110,6 +111,7 @@ --------------------*/ .ui.page.grid { + margin: 0%: padding: 0% 5%; } @@ -118,6 +120,9 @@ Responsive --------------------*/ +.ui.responsive.grid { + margin: 0%; +} @media only screen and (max-width : 1000px) { .ui.responsive.grid { @@ -261,21 +266,12 @@ /*------------------- - Fitted + Padded --------------------*/ -.ui.fitted.grid { - padding: 0%; -} - -.ui.fitted.row { - padding-top: 0% -} - -.ui.fitted.grid .column, -.ui.grid .fitted.column { - padding-left: 0%; - padding-right: 0%; +.ui.padded.grid { + margin-left: 0%; + margin-right: 0%; } @@ -358,16 +354,19 @@ -----------------------*/ /* Vertical Centered */ +.ui.left.aligned.grid, .ui.left.aligned.grid .column, .ui.grid .left.aligned.column, .ui.grid > .left.aligned.row .column { text-align: left; } +.ui.center.aligned.grid, .ui.center.aligned.grid .column, .ui.grid .center.aligned.column, .ui.grid > .center.aligned.row .column { text-align: center; } +.ui.right.aligned.grid, .ui.right.aligned.grid .column, .ui.grid .right.aligned.column, .ui.grid > .right.aligned.row .column { @@ -404,14 +403,6 @@ display: table-cell; } -/*---------------------- - Fitted ------------------------*/ - -.ui.fitted.grid { - margin-left: -1.333%; - margin-right: -1.333%; -} /*------------------- Folding diff --git a/src/collections/menu.less b/src/collections/menu.less index 208c7497e..605481e8c 100755 --- a/src/collections/menu.less +++ b/src/collections/menu.less @@ -844,7 +844,7 @@ } .ui.text.menu .header.item { background-color: transparent; - margin: 0em 0.5em 0em 0em; + margin: 0em; padding: 0.35em 0.5em; opacity: 1; @@ -853,6 +853,9 @@ text-transform: uppercase; font-weight: bold; } +.ui.text.menu .header.item > a { + background-color: transparent; +} /*--- fluid text ---*/ .ui.fluid.text.menu { @@ -860,6 +863,9 @@ } /*--- vertical text ---*/ +.ui.vertical.text.menu { + margin: 1rem 0em; +} .ui.vertical.text.menu .item { float: left; clear: left; @@ -1259,6 +1265,20 @@ Sizes ---------------*/ + +.ui.tiny.menu .item { + font-size: 0.875rem; + padding: 0.35em 0.5em; +} +.ui.tiny.menu .item > a { + display: block; + margin: -0.35em -0.5em; + padding: 0.35em 0.5em; +} +.ui.tiny.vertical.menu { + width: 9rem; +} + .ui.small.menu .item { font-size: 0.875rem; min-height: 1.2em; diff --git a/src/elements/button.less b/src/elements/button.less index 860c0e8f8..30c9310e6 100755 --- a/src/elements/button.less +++ b/src/elements/button.less @@ -35,6 +35,7 @@ font-weight: bold; font-style: normal; text-align: center; + text-shadow: none; -webkit-border-radius: 0.3125em; diff --git a/src/views/comment.less b/src/views/comment.less index e69de29bb..b5a9b052a 100755 --- a/src/views/comment.less +++ b/src/views/comment.less @@ -0,0 +1,162 @@ +/* + * # Semantic Comment View + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ + + +/******************************* + Standard +*******************************/ + + +/*-------------- + Comments +---------------*/ + +.ui.comments { + + +} +.ui.comments a { + cursor: pointer; +} + + +/*-------------- + Comment +---------------*/ +.ui.comments .comment { + position: relative; + margin-top: 0.75em; + padding-top: 0.75em; + width: 100%; +} +.ui.comments .comment:first-child { + margin-top: 0em; + padding-top: 0em; +} + + + +/*-------------------- + Avatar (Optional) +---------------------*/ + +.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; +} + +/*-------------- + Content +---------------*/ + +.ui.comments .comment > .content, +.ui.comments .comment > .avatar { + display: block; +} +.ui.comments .comment .avatar ~ .content { + padding: 0em 1em; +} + +/* If there is an avatar move content over */ +.ui.comments .comment > .avatar ~ .content { + margin-left: 3em; +} + +.ui.comments .comment .metadata { + display: inline-block; + margin-left: 0.3em; + color: rgba(0, 0, 0, 0.4); +} +.ui.comments .comment .metadata * { + display: inline-block; + margin: 0em 0.3em 0em 0em; +} + +/*-------------------- + Comment Text +---------------------*/ + +.ui.comments .comment .text { + margin: 0em 0em 0.5em; +} + +/*-------------------- + User Actions +---------------------*/ + +.ui.comments .comment .actions { + font-size: 0.9em; +} +.ui.comments .comment .actions a { + display: inline-block; + margin: 0em 0.3em 0em 0em; + color: rgba(0, 0, 0, 0.3); +} +.ui.comments .comment .actions a:hover { + color: rgba(0, 0, 0, 0.6); +} + + +/*-------------------- + Nested Comments +---------------------*/ + +.ui.comments .comment .comments { + margin-top: 1em; + padding-top: 1em; +} +.ui.comments .comment .comments:before{ + position: absolute; + top: 0px; + left: 0px; +} +/* One Deep */ +.ui.comments > .comment .comments { + margin-left: 2em; + +} +/* Two Deep */ +.ui.comments > .comment > .comments > .comment > .comments { + margin-left: 1.75em; +} +/* Three Deep */ +.ui.comments > .comment > .comments > .comment > .comments > .comment > .comments { + margin-left: 1.5em; +} +/* Four Deep or more */ +.ui.comments > .comment > .comments > .comment > .comments > .comment > .comments > .comment .comments { + margin-left: 0.5em; +} + + + + +/******************************* + Variations +*******************************/ + +.ui.threaded.comments .comment .comments { + margin-left: 1.5em !important; + padding-left: 1.5em !important; + + -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); +} \ No newline at end of file