diff --git a/build/minified/collections/breadcrumb.min.css b/build/minified/collections/breadcrumb.min.css new file mode 100644 index 000000000..0b80e820d --- /dev/null +++ b/build/minified/collections/breadcrumb.min.css @@ -0,0 +1 @@ +.ui.breadcrumb{display:inline-block;vertical-align:middle}.ui.breadcrumb .divider{display:inline-block;opacity:.5;margin:0 .15em;font-size:1em;color:rgba(0,0,0,.3)}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;background-color:#EBEBEB;padding:.5em 1em} \ No newline at end of file diff --git a/build/minified/collections/grid.min.css b/build/minified/collections/grid.min.css index 6ecb76da1..74dc91f1e 100644 --- a/build/minified/collections/grid.min.css +++ b/build/minified/collections/grid.min.css @@ -1 +1 @@ -.ui.grid{display:block;text-align:left;font-size:0;margin:0 -1%;-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%;padding-right:1%;-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:1rem;padding-top:1rem}.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 2%}.ui.responsive.grid{margin-left:0!important;margin-right:0!important}@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:6.25%}.ui.grid .two.wide.column{width:12.5%}.ui.grid .three.wide.column{width:18.75%}.ui.grid .four.wide.column{width:25%}.ui.grid .five.wide.column{width:31.25%}.ui.grid .six.wide.column{width:37.5%}.ui.grid .seven.wide.column{width:43.75%}.ui.grid .eight.wide.column{width:50%}.ui.grid .nine.wide.column{width:56.25%}.ui.grid .ten.wide.column{width:62.5%}.ui.grid .eleven.wide.column{width:68.75%}.ui.grid .twelve.wide.column{width:75%}.ui.grid .thirteen.wide.column{width:81.25%}.ui.grid .fourteen.wide.column{width:87.5%}.ui.grid .fifteen.wide.column{width:93.75%}.ui.grid .sixteen.wide.column{width:100%}.ui.grid>.column,.ui.grid>.row>.column{width:6.25%}.ui.one.column.grid>.row>.column,.ui.one.column.grid>.column,.ui.grid>.one.column.row>.column{width:100%}.ui.two.column.grid>.row>.column,.ui.two.column.grid>.column,.ui.grid>.two.column.row>.column{width:50%}.ui.three.column.grid>.row>.column,.ui.three.column.grid>.column,.ui.grid>.three.column.row>.column{width:33.3333%}.ui.four.column.grid>.row>.column,.ui.four.column.grid>.column,.ui.grid>.four.column.row>.column{width:25%}.ui.five.column.grid>.row>.column,.ui.five.column.grid>.column,.ui.grid>.five.column.row>.column{width:20%}.ui.six.column.grid>.row>.column,.ui.six.column.grid>.column,.ui.grid>.six.column.row>.column{width:16.66667%}.ui.seven.column.grid>.row>.column,.ui.seven.column.grid>.column,.ui.grid>.seven.column.row>.column{width:14.2857%}.ui.eight.column.grid>.row>.column,.ui.eight.column.grid>.column,.ui.grid>.eight.column.row>.column{width:12.5%}.ui.nine.column.grid>.row>.column,.ui.nine.column.grid>.column,.ui.grid>.nine.column.row>.column{width:11.1111%}.ui.ten.column.grid>.row>.column,.ui.ten.column.grid>.column,.ui.grid>.ten.column.row>.column{width:10%}.ui.eleven.column.grid>.row>.column,.ui.eleven.column.grid>.column,.ui.grid>.eleven.column.row>.column{width:9.0909%}.ui.twelve.column.grid>.row>.column,.ui.twelve.column.grid>.column,.ui.grid>.twelve.column.row>.column{width:8.3333%}.ui.thirteen.column.grid>.row>.column,.ui.thirteen.column.grid>.column,.ui.grid>.thirteen.column.row>.column{width:7.6923%}.ui.fourteen.column.grid>.row>.column,.ui.fourteen.column.grid>.column,.ui.grid>.fourteen.column.row>.column{width:7.1428%}.ui.fifteen.column.grid>.row>.column,.ui.fifteen.column.grid>.column,.ui.grid>.fifteen.column.row>.column{width:6.6666%}.ui.sixteen.column.grid>.row>.column,.ui.sixteen.column.grid>.column,.ui.grid>.sixteen.column.row>.column{width:6.25%}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.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,.ui.divided.grid>.row{display:table;width:100%;margin-left:0;margin-right:0}.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{display:table;width:100%;margin-left:0;margin-right:0;-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;width:100%;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:1.33%;-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>.row>.column,.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>.row>.column,.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>.row>.column,.ui.right.aligned.grid>.column,.ui.grid .right.aligned.column,.ui.grid>.right.aligned.row>.column{text-align:right}.ui.top.aligned.grid,.ui.top.aligned.grid>.row>.column,.ui.top.aligned.grid>.column,.ui.grid .top.aligned.column,.ui.grid>.top.aligned.row>.column{vertical-align:top}.ui.middle.aligned.grid,.ui.middle.aligned.grid>.row>.column,.ui.middle.aligned.grid>.column,.ui.grid .middle.aligned.column,.ui.grid>.middle.aligned.row>.column{vertical-align:middle}.ui.bottom.aligned.grid,.ui.bottom.aligned.grid>.row>.column,.ui.bottom.aligned.grid>.column,.ui.grid .bottom.aligned.column,.ui.grid>.bottom.aligned.row>.column{vertical-align:bottom}.ui.grid>.equal.row{display:table;width:100%}.ui.grid>.equal.row>.column{display:table-cell}@media only screen and (max-width:960px){.ui.stackable.grid{display:block!important}.ui.stackable.grid .row>.column,.ui.stackable.grid>.column{display:block!important;width:auto!important;margin:1.5em 3em 0!important;padding:1.5em 0 0!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.stackable.divided.grid .column,.ui.stackable.celled.grid .column{border-top:1px dotted rgba(0,0,0,.1)}.ui.stackable.grid>.row:first-child>.column:first-child,.ui.stackable.grid>.column:first-child{margin-top:0!important;padding-top:0!important}.ui.stackable.divided.grid>.row:first-child>.column:first-child,.ui.stackable.celled.grid>.row:first-child>.column:first-child,.ui.stackable.divided.grid>.column:first-child,.ui.stackable.celled.grid>.column:first-child{border-top:0!important}} \ No newline at end of file +.ui.grid{display:block;text-align:left;font-size:0;margin:0 -1%;padding: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:1%;padding-right:1%;-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:1rem;padding-top:1rem}.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 2%}.ui.responsive.grid{margin-left:0!important;margin-right:0!important;min-width:320px}@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 23%}}.ui.grid .one.wide.column{width:6.25%}.ui.grid .two.wide.column{width:12.5%}.ui.grid .three.wide.column{width:18.75%}.ui.grid .four.wide.column{width:25%}.ui.grid .five.wide.column{width:31.25%}.ui.grid .six.wide.column{width:37.5%}.ui.grid .seven.wide.column{width:43.75%}.ui.grid .eight.wide.column{width:50%}.ui.grid .nine.wide.column{width:56.25%}.ui.grid .ten.wide.column{width:62.5%}.ui.grid .eleven.wide.column{width:68.75%}.ui.grid .twelve.wide.column{width:75%}.ui.grid .thirteen.wide.column{width:81.25%}.ui.grid .fourteen.wide.column{width:87.5%}.ui.grid .fifteen.wide.column{width:93.75%}.ui.grid .sixteen.wide.column{width:100%}.ui.grid>.column,.ui.grid>.row>.column{width:6.25%}.ui.one.column.grid>.row>.column,.ui.one.column.grid>.column,.ui.grid>.one.column.row>.column{width:100%}.ui.two.column.grid>.row>.column,.ui.two.column.grid>.column,.ui.grid>.two.column.row>.column{width:50%}.ui.three.column.grid>.row>.column,.ui.three.column.grid>.column,.ui.grid>.three.column.row>.column{width:33.3333%}.ui.four.column.grid>.row>.column,.ui.four.column.grid>.column,.ui.grid>.four.column.row>.column{width:25%}.ui.five.column.grid>.row>.column,.ui.five.column.grid>.column,.ui.grid>.five.column.row>.column{width:20%}.ui.six.column.grid>.row>.column,.ui.six.column.grid>.column,.ui.grid>.six.column.row>.column{width:16.66667%}.ui.seven.column.grid>.row>.column,.ui.seven.column.grid>.column,.ui.grid>.seven.column.row>.column{width:14.2857%}.ui.eight.column.grid>.row>.column,.ui.eight.column.grid>.column,.ui.grid>.eight.column.row>.column{width:12.5%}.ui.nine.column.grid>.row>.column,.ui.nine.column.grid>.column,.ui.grid>.nine.column.row>.column{width:11.1111%}.ui.ten.column.grid>.row>.column,.ui.ten.column.grid>.column,.ui.grid>.ten.column.row>.column{width:10%}.ui.eleven.column.grid>.row>.column,.ui.eleven.column.grid>.column,.ui.grid>.eleven.column.row>.column{width:9.0909%}.ui.twelve.column.grid>.row>.column,.ui.twelve.column.grid>.column,.ui.grid>.twelve.column.row>.column{width:8.3333%}.ui.thirteen.column.grid>.row>.column,.ui.thirteen.column.grid>.column,.ui.grid>.thirteen.column.row>.column{width:7.6923%}.ui.fourteen.column.grid>.row>.column,.ui.fourteen.column.grid>.column,.ui.grid>.fourteen.column.row>.column{width:7.1428%}.ui.fifteen.column.grid>.row>.column,.ui.fifteen.column.grid>.column,.ui.grid>.fifteen.column.row>.column{width:6.6666%}.ui.sixteen.column.grid>.row>.column,.ui.sixteen.column.grid>.column,.ui.grid>.sixteen.column.row>.column{width:6.25%}.ui.grid>.column:only-child,.ui.grid>.row>.column:only-child{width:100%}.ui.two.column.grid,.ui.three.column.grid,.ui.four.column.grid{margin-left:-3%;margin-right:-3%}.ui.two.column.grid>.row>.column,.ui.two.column.grid>.column,.ui.three.column.grid>.row>.column,.ui.three.column.grid>.column,.ui.four.column.grid>.row>.column,.ui.four.column.grid>.column{padding-left:3%;padding-right:3%}.ui.five.column.grid,.ui.six.column.grid,.ui.seven.column.grid,.ui.eight.column.grid{margin-left:-2%;margin-right:-2%}.ui.five.column.grid>.row>.column,.ui.five.column.grid>.column,.ui.six.column.grid>.row>.column,.ui.six.column.grid>.column,.ui.seven.column.grid>.row>.column,.ui.seven.column.grid>.column,.ui.eight.column.grid>.row>.column,.ui.eight.column.grid>.column{padding-left:2%;padding-right:2%}.ui.grid .left.floated.column{float:left}.ui.grid .right.floated.column{float:right}.ui.divided.grid,.ui.divided.grid>.row{display:table;width:100%;margin-left:0!important;margin-right:0!important}.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{display:table;width:100%;margin-left:0!important;margin-right:0!important;-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;width:100%;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:1.33%;-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>.row>.column,.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>.row>.column,.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>.row>.column,.ui.right.aligned.grid>.column,.ui.grid .right.aligned.column,.ui.grid>.right.aligned.row>.column{text-align:right}.ui.top.aligned.grid,.ui.top.aligned.grid>.row>.column,.ui.top.aligned.grid>.column,.ui.grid .top.aligned.column,.ui.grid>.top.aligned.row>.column{vertical-align:top}.ui.middle.aligned.grid,.ui.middle.aligned.grid>.row>.column,.ui.middle.aligned.grid>.column,.ui.grid .middle.aligned.column,.ui.grid>.middle.aligned.row>.column{vertical-align:middle}.ui.bottom.aligned.grid,.ui.bottom.aligned.grid>.row>.column,.ui.bottom.aligned.grid>.column,.ui.grid .bottom.aligned.column,.ui.grid>.bottom.aligned.row>.column{vertical-align:bottom}.ui.grid>.equal.row{display:table;width:100%}.ui.grid>.equal.row>.column{display:table-cell}@media only screen and (max-width:960px){.ui.stackable.grid{display:block!important;padding:0}.ui.stackable.grid .row>.column,.ui.stackable.grid>.column{display:block!important;width:auto!important;margin:1.5em 5% 0!important;padding:1.5em 0 0!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.stackable.divided.grid .column,.ui.stackable.celled.grid .column{border-top:1px dotted rgba(0,0,0,.1)}.ui.stackable.grid>.row:first-child>.column:first-child,.ui.stackable.grid>.column:first-child{margin-top:0!important;padding-top:0!important}.ui.stackable.divided.grid>.row:first-child>.column:first-child,.ui.stackable.celled.grid>.row:first-child>.column:first-child,.ui.stackable.divided.grid>.column:first-child,.ui.stackable.celled.grid>.column:first-child{border-top:0!important}.ui.stackable.grid .vertical.pointing.menu .item:after{display:none}} \ No newline at end of file diff --git a/build/minified/collections/menu.min.css b/build/minified/collections/menu.min.css index 0edbf316a..e84756ef4 100644 --- a/build/minified/collections/menu.min.css +++ b/build/minified/collections/menu.min.css @@ -1 +1 @@ -.ui.menu{background-color:#FFF;font-size:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.325rem;-moz-border-radius:.325rem;border-radius:.325rem}.ui.menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.menu>.item:first-child{border-radius:.325em 0 0 .325em}.ui.menu>.item:last-child{border-radius:0 .325em .325em 0}.ui.menu .item,.ui.menu .item>a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;line-height:1em;min-height:1.25em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-moz-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-o-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-ms-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;transition:opacity .2s ease,background .2s ease,box-shadow .2s ease}.ui.menu .item .header{color:rgba(50,50,50,.95)}.ui.menu .item,.ui.menu .item>a{color:rgba(0,0,0,.75)}.ui.menu .item>a:hover{background-color:rgba(0,0,0,.03);color:rgba(0,0,0,.8)}.ui.menu .item .item,.ui.menu .item .item>a{color:rgba(30,30,30,.8)}.ui.menu .item .item .item,.ui.menu .item .item .item>a{color:rgba(30,30,30,.6)}.ui.menu .dropdown.item .menu .item,.ui.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)}.ui.menu .item .menu a.item:hover,.ui.menu .item .menu a.item.hover,.ui.menu .item .menu .link.item:hover,.ui.menu .item .menu .link.item.hover{color:rgba(35,35,35,.95)}.ui.menu .dropdown.item .menu .item a:hover{color:rgba(0,0,0,.9)}.ui.menu .active.item,.ui.menu .active.item a{color:rgba(0,0,0,.95);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ui.menu .item{position:relative;display:inline-block;padding:.75em .95em;border-top:0 solid rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-khtml-user-select:none;user-select:none}.ui.menu .item>a{display:block;margin:-.75em -.95em;padding:.75em .95em}.ui.menu .menu.left,.ui.menu .item.left{float:left}.ui.menu .menu.right,.ui.menu .item.right{float:right}.ui.menu .item:before{position:absolute;content:'';top:0;right:0;width:1px;height:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-ms-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%)}.ui.menu .menu.right .item:before,.ui.menu .item.right:before{right:auto;left:0}.ui.menu .text.item>*,.ui.menu .item>p:only-child{line-height:1.3;color:rgba(0,0,0,.6)}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:only-child{margin:0}.ui.menu input{padding-top:.55em;padding-bottom:.55em}.ui.menu .header.item{background-color:rgba(0,0,0,.04);margin:0}.ui.vertical.menu .header.item{font-weight:700}.ui.menu .dropdown.item .menu .item{color:rgba(0,0,0,.75)}.ui.menu .ui.dropdown .menu .item:before{display:none}.ui.menu .item>.label,.ui.menu .item>a>.label{font-size:.8em;margin:-.3em 0 -.3em .3em;padding:.3em .8em;vertical-align:baseline;text-transform:none}.ui.menu .item>.floating.label,.ui.menu .item>a>.floating.label{padding:.3em .8em}.ui.menu .item>img:only-child{display:block;max-width:100%;margin:0 auto}.ui.link.menu .item:hover,.ui.menu .item.hover,.ui.menu .link.item:hover,.ui.menu a.item:hover,.ui.menu .ui.dropdown .menu .item.hover,.ui.menu .ui.dropdown .menu .item:hover{cursor:pointer;background-color:rgba(0,0,0,.02)}.ui.menu .ui.dropdown.hover,.ui.menu .ui.dropdown:hover{-webkit-border-bottom-right-radius:0;-moz-border-bottom-right-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;border-bottom-left-radius:0}.ui.link.menu .item:active,.ui.menu .item.down,.ui.menu .link.item:active,.ui.menu a.item:active,.ui.menu .item>a:active,.ui.menu .ui.dropdown .menu .item.down,.ui.menu .ui.dropdown .menu .item:active{background-color:rgba(0,0,0,.05)}.ui.menu .active.item{padding-top:.55em;border-top:.2em solid rgba(50,50,50,.8);color:rgba(0,0,0,.95);background-color:rgba(0,0,0,.01)}.ui.vertical.menu .active.item{border-left:.2em solid rgba(50,50,50,.8);padding-top:.75em;padding-left:.76em;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.vertical.menu>.active.item:first-child{-webkit-border-radius:0 .325em 0 0;-moz-border-radius:0 .325em 0 0;border-radius:0 .325em 0 0}.ui.vertical.menu>.active.item:last-child{-webkit-border-radius:0 0 .325em;-moz-border-radius:0 0 .325em;border-radius:0 0 .325em}.ui.vertical.menu>.active.item:only-child{-webkit-border-radius:0 .325em .325em 0;-moz-border-radius:0 .325em .325em 0;border-radius:0 .325em .325em 0}.ui.vertical.menu .active.item .menu .active.item{border-left:0}.ui.vertical.menu .active.item .menu .active.item{padding-left:1.5rem}.ui.vertical.menu .item .menu .active.item{background-color:rgba(0,0,0,.03);border-left:0}.ui.menu .item.disabled,.ui.menu .item.disabled:hover,.ui.menu .item.disabled.hover{cursor:default;opacity:.3;background-color:transparent}.ui.menu.loading{position:relative}.ui.menu.loading:after{position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:rgba(255,255,255,.8) url(../images/loader-large.gif) no-repeat 50% 50%;visibility:visible}.ui.vertical.menu{margin:0 0 1rem}.ui.vertical.menu:last-child{margin-bottom:0}.ui.vertical.menu .item{display:block;border-top:0;border-left:0 solid rgba(0,0,0,0);border-right:0}.ui.vertical.menu>.item:first-child{border-radius:.325em .325em 0 0}.ui.vertical.menu>.item:last-child{border-radius:0 0 .325em .325em}.ui.vertical.menu .item>.icon{float:right;width:1.22em;margin:0 0 0 .5em}.ui.vertical.menu .item:before{position:absolute;content:'';top:0;left:0;width:100%;height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-moz-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-ms-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%)}.ui.vertical.menu .item:first-child:before{background-image:none}.ui.vertical.menu .dropdown.item>i{float:right}.ui.vertical.menu .dropdown.item .menu{top:0;left:100%;margin:0;border-top:1px solid rgba(0,0,0,.1)}.ui.vertical.menu .dropdown.item .menu .item{font-size:.9em;padding:.75em 1em}.ui.vertical.menu .dropdown.item .menu .item .icon{margin-right:0}.ui.vertical.menu .item>.menu{margin:.5em -.95em 0}.ui.vertical.menu .item>.menu>.item{padding:.5rem 1.5rem;font-size:.85em}.ui.vertical.menu .item>.menu>.item:before{display:none}.ui.vertical.menu .item>.menu>.item>a{margin:-.5rem -1.5rem;padding:.5rem 1.5rem}.ui.tiered.menu>.menu>.item{color:rgba(0,0,0,.5)}.ui.tiered.menu>.menu>.item:hover,.ui.tiered.menu>.menu>.item.hover{color:rgba(0,0,0,.8)}.ui.tiered.menu .item.active{box-shadow:0 1px 0 0 #FBFBFB;color:rgba(0,0,0,.8)}.ui.tiered.menu .sub.menu{background-color:rgba(0,0,0,.01);border-radius:0;border-top:1px solid rgba(0,0,0,.1);box-shadow:none;color:#FFF}.ui.tiered.menu .sub.menu .item{font-size:.9rem}.ui.tiered.menu .sub.menu .item:before{background-image:none}.ui.tiered.menu .sub.menu .active.item{padding-top:.75em;background-color:transparent;border-radius:0;border-top:medium none;box-shadow:none;color:rgba(0,0,0,.7)}.ui.inverted.tiered.menu>.menu>.item{color:rgba(255,255,255,.5)}.ui.inverted.tiered.menu .sub.menu{background-color:rgba(0,0,0,.2)}.ui.inverted.tiered.menu .sub.menu .item{color:rgba(255,255,255,.6)}.ui.inverted.tiered.menu>.menu>.item:hover,.ui.inverted.tiered.menu>.menu>.item.hover{color:rgba(255,255,255,.9)}.ui.inverted.tiered.menu>.sub.menu>.active.item,.ui.inverted.tiered.menu>.menu>.active.item{color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.menu .green.active.item,.ui.green.menu .active.item{border-color:#A1CF64;color:#A1CF64}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#EF4D6D;color:#EF4D6D}.ui.menu .blue.active.item,.ui.blue.menu .active.item{border-color:#6ECFF5;color:#6ECFF5}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#564F8A;color:#564F8A}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#F05940;color:#F05940}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00B5AD;color:#00B5AD}.ui.inverted.menu{background-color:#333;box-shadow:none}.ui.inverted.menu .header.item{margin:0;background-color:rgba(0,0,0,.3);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.menu .item,.ui.inverted.menu .item>a{color:#FFF}.ui.inverted.menu .item .item,.ui.inverted.menu .item .item>a{color:rgba(255,255,255,.8)}.ui.inverted.menu .item .item>a:hover{background-color:rgba(255,255,255,.03);color:rgba(255,255,255,.9)}.ui.inverted.menu .item>p:only-child{color:rgba(255,255,255,.75)}.ui.inverted.menu .dropdown.item .menu .item,.ui.inverted.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)!important}.ui.inverted.menu .item:before{background-image:-webkit-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.vertical.inverted.menu .item:before{background-image:-webkit-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-moz-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.link.inverted.menu .item:hover,.ui.inverted.menu .item.hover,.ui.inverted.menu .link.item:hover,.ui.inverted.menu a.item:hover,.ui.inverted.menu .dropdown.item.hover,.ui.inverted.menu .dropdown.item:hover{background-color:rgba(255,255,255,.1)}.ui.inverted.menu a.item:hover,.ui.inverted.menu .item.hover,.ui.inverted.menu .item>a:hover,.ui.inverted.menu .item .menu a.item:hover,.ui.inverted.menu .item .menu a.item.hover,.ui.inverted.menu .item .menu .link.item:hover,.ui.inverted.menu .item .menu .link.item.hover{color:#fff}.ui.inverted.menu .item.down,.ui.inverted.menu a.item:active,.ui.inverted.menu .item>a:active,.ui.inverted.menu .item.down,.ui.inverted.menu .dropdown.item:active,.ui.inverted.menu .link.item:active,.ui.inverted.menu a.item:active{background-color:rgba(255,255,255,.15)}.ui.inverted.menu .active.item{border-color:transparent;background-color:rgba(255,255,255,.2)}.ui.inverted.menu .active.item,.ui.inverted.menu .active.item a{color:#fff}.ui.inverted.vertical.menu .item .menu .active.item{background-color:rgba(255,255,255,.2);color:#fff}.ui.inverted.pointing.menu .active.item:after{background-color:#505050;box-shadow:none}.ui.inverted.pointing.menu .active.item:hover:after{background-color:#3B3B3B}.ui.grey.menu{background-color:#F0F0F0}.ui.inverted.green.menu{background-color:#A1CF64}.ui.inverted.green.pointing.menu .active.item:after{background-color:#A1CF64}.ui.inverted.red.menu{background-color:#EF4D6D}.ui.inverted.red.pointing.menu .active.item:after{background-color:#F16883}.ui.inverted.blue.menu{background-color:#6ECFF5}.ui.inverted.blue.pointing.menu .active.item:after{background-color:#6ECFF5}.ui.inverted.purple.menu{background-color:#564F8A}.ui.inverted.purple.pointing.menu .active.item:after{background-color:#564F8A}.ui.inverted.orange.menu{background-color:#F05940}.ui.inverted.orange.pointing.menu .active.item:after{background-color:#F05940}.ui.inverted.teal.menu{background-color:#00B5AD}.ui.inverted.teal.pointing.menu .active.item:after{background-color:#00B5AD}.ui.text.menu{background-color:transparent;margin:0rem -1rem;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.text.menu>.item{opacity:.6;margin:0 1em;padding:0;min-height:0!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.6);-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease}.ui.text.menu>.item:before{display:none}.ui.text.menu .header.item{background-color:transparent;opacity:1;color:rgba(50,50,50,.8);font-size:.9rem;padding:0;text-transform:uppercase;font-weight:700}.ui.text.menu .header.item>a{background-color:transparent}.ui.text.item.menu .item{margin:0}.ui.vertical.text.menu{margin:1rem 0}.ui.vertical.text.menu .item{float:left;clear:left;margin:.5em 0}.ui.vertical.text.menu .item>.icon{float:none;margin:0 .75em 0 0}.ui.vertical.text.menu .header.item{margin:.8em 0}.ui.text.menu .item.hover,.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;padding:0;border:0;opacity:1;font-weight:700}.ui.text.pointing.menu .active.item:after{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.text.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.green.text.menu .active.item{color:#A1CF64}.ui.red.text.menu .active.item{color:#EF4D6D}.ui.blue.text.menu .active.item{color:#6ECFF5}.ui.purple.text.menu .active.item{color:#564F8A}.ui.orange.text.menu .active.item{color:#F05940}.ui.teal.text.menu .active.item{color:#00B5AD}.ui.secondary.menu{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.menu>.item{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;min-height:0!important;margin:0 .25em;padding:.5em 1em;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.menu>.item:before{display:none}.ui.secondary.menu .header.item{background-color:transparent;border-right:.1em solid rgba(0,0,0,.1);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.menu>.active.item{border-top:0;padding-top:.5em;background-color:rgba(0,0,0,.08)}.ui.secondary.vertical.menu>.active.item{-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.inverted.menu>.active.item{background-color:rgba(255,255,255,.2)}.ui.secondary.item.menu>.item{margin:0}.ui.secondary.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.secondary.pointing.menu{border-bottom:.2rem solid rgba(0,0,0,.1)}.ui.secondary.pointing.menu>.item{padding:.6em .95em;margin:0;color:rgba(0,0,0,.5);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.pointing.menu>.item:after{display:none}.ui.secondary.pointing.menu>.item.hover,.ui.secondary.pointing.menu>.item:hover{background-color:transparent;color:rgba(0,0,0,.7)}.ui.secondary.pointing.menu>.item:active,.ui.secondary.pointing.menu>.item.down{background-color:transparent;box-shadow:0 .2em 0 0 rgba(0,0,0,.2)}.ui.secondary.pointing.menu>.item.active{background-color:transparent;box-shadow:0 .2em 0 0 rgba(0,0,0,.4);color:rgba(0,0,0,.85)}.ui.secondary.vertical.pointing.menu{border:0;border-right:.2rem solid rgba(0,0,0,.1)}.ui.secondary.vertical.menu>.item{border:0;margin:.2em 0;padding:.6em .8em;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.vertical.menu>.header.item{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item{margin:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item:active,.ui.secondary.vertical.pointing.menu>.item.down{box-shadow:.2em 0 0 0 rgba(0,0,0,.2)}.ui.secondary.vertical.pointing.menu>.item.active{box-shadow:.2em 0 0 0 rgba(0,0,0,.4)}.ui.secondary.inverted.pointing.menu{border-bottom:.2rem solid rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu>.item{color:rgba(255,255,255,.7)}.ui.secondary.inverted.pointing.menu>.item.hover,.ui.secondary.inverted.pointing.menu>.item:hover{color:rgba(255,255,255,.85)}.ui.secondary.inverted.pointing.menu>.item:active,.ui.secondary.inverted.pointing.menu>.item.down{box-shadow:0 .2em 0 0 rgba(255,255,255,.4)}.ui.secondary.inverted.pointing.menu>.item.active{box-shadow:0 .2em 0 0 rgba(255,255,255,.8);color:#fff}.ui.secondary.inverted.vertical.pointing.menu{border-right:.2rem solid rgba(255,255,255,.1)}.ui.secondary.inverted.vertical.pointing.menu .item:active,.ui.secondary.inverted.vertical.pointing.menu .item.down{box-shadow:.2em 0 0 0 rgba(255,255,255,.2)}.ui.secondary.inverted.vertical.pointing.menu .item.active{box-shadow:.2em 0 0 0 rgba(255,255,255,.4)}.ui.icon.menu,.ui.vertical.icon.menu{width:auto;display:inline-block;min-height:0}.ui.icon.menu .item{text-align:center;color:rgba(60,60,60,.7)}.ui.icon.menu .item .icon{display:block;float:none;opacity:1;margin:0 auto}.ui.icon.menu .icon:before{opacity:1}.ui.menu .icon.item .icon{margin:0}.ui.inverted.icon.menu .item{color:rgba(255,255,255,.8)}.ui.inverted.icon.menu .icon{color:#fff}.ui.labeled.icon.menu{text-align:center}.ui.labeled.icon.menu .icon{display:block;font-size:1.5em;margin:0 auto .3em}.ui.fitted.menu .item,.ui.fitted.menu .item>a,.ui.fitted.menu .item .menu .item,.ui.fitted.menu .item .menu .item>a,.ui.menu .fitted.item,.ui.menu .fitted.item>a{padding-top:0;padding-bottom:0}.ui.tight.menu .item,.ui.tight.menu .item>a,.ui.tight.menu .item .menu .item,.ui.tight.menu .item .menu .item>a,.ui.menu .tight.item,.ui.menu .tight.item>a{padding:0}.ui.borderless.menu .item:before,.ui.borderless.menu .item>a:before,.ui.borderless.menu .item .menu .item:before,.ui.borderless.menu .item .menu .item>a:before,.ui.menu .borderless.item:before,.ui.menu .borderless.item>a:before{background-image:none}.ui.compact.menu{display:inline-block}.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 .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease;-ms-transition:background .2s ease;transition:background .2s ease}.ui.vertical.pointing.menu .active.item:after{position:absolute;top:50%;right:-.4em;bottom:auto;left:auto;border:0;border-top:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);margin-top:-.3em}.ui.pointing.menu .active.item:after{background-color:#FCFCFC}.ui.pointing.menu .active.item.hover:after,.ui.pointing.menu .active.item:hover:after{background-color:#FAFAFA}.ui.pointing.menu .active.item.down:after,.ui.pointing.menu .active.item:active:after{background-color:#F0F0F0}.ui.menu.attached{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:0 0 0 1px #DDD;-webkit-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.top.attached.menu{-moz-border-radius:.325em .325em 0 0;-webkit-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0}.ui.menu.bottom.attached{-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.vertical.menu .item{min-height:0!important}.ui.tiny.menu .item{font-size:.875rem;padding:.5em .75em}.ui.tiny.menu .item>a{display:block;margin:-.5em -.75em;padding:.5em .75em}.ui.tiny.vertical.menu{width:9rem}.ui.small.menu .item{font-size:.875rem}.ui.small.vertical.menu{width:13rem}.ui.menu .item{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu .item{font-size:1.125rem}.ui.large.vertical.menu{width:18rem} \ No newline at end of file +.ui.menu{background-color:#FFF;font-size:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.325rem;-moz-border-radius:.325rem;border-radius:.325rem}.ui.menu:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.menu>.item:first-child{border-radius:.325em 0 0 .325em}.ui.menu>.item:last-child{border-radius:0 .325em .325em 0}.ui.menu .item,.ui.menu .item>a{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-moz-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-o-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;-ms-transition:opacity .2s ease,background .2s ease,box-shadow .2s ease;transition:opacity .2s ease,background .2s ease,box-shadow .2s ease}.ui.menu .item .header{color:rgba(50,50,50,.95)}.ui.menu .item,.ui.menu .item>a{color:rgba(0,0,0,.75)}.ui.menu .item>a:hover{background-color:rgba(0,0,0,.03);color:rgba(0,0,0,.8)}.ui.menu .item .item,.ui.menu .item .item>a{color:rgba(30,30,30,.8)}.ui.menu .item .item .item,.ui.menu .item .item .item>a{color:rgba(30,30,30,.6)}.ui.menu .dropdown.item .menu .item,.ui.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)}.ui.menu .item .menu a.item:hover,.ui.menu .item .menu a.item.hover,.ui.menu .item .menu .link.item:hover,.ui.menu .item .menu .link.item.hover{color:rgba(35,35,35,.95)}.ui.menu .dropdown.item .menu .item a:hover{color:rgba(0,0,0,.9)}.ui.menu .active.item,.ui.menu .active.item a{color:rgba(0,0,0,.95);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.ui.menu .item{position:relative;display:inline-block;padding:.75em .95em;border-top:0 solid rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0);-moz-user-select:-moz-none;-khtml-user-select:none;user-select:none}.ui.menu .item>a{display:block;margin:-.75em -.95em;padding:.75em .95em}.ui.menu .menu.left,.ui.menu .item.left{float:left}.ui.menu .menu.right,.ui.menu .item.right{float:right}.ui.menu .item:before{position:absolute;content:'';top:0;right:0;width:1px;height:100%;background-image:-webkit-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-o-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:-ms-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%);background-image:linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1) 50%,rgba(0,0,0,.05) 100%)}.ui.menu .menu.right .item:before,.ui.menu .item.right:before{right:auto;left:0}.ui.menu .text.item>*,.ui.menu .item>p:only-child{line-height:1.3;color:rgba(0,0,0,.6)}.ui.menu .item>p:first-child{margin-top:0}.ui.menu .item>p:only-child{margin:0}.ui.menu input{padding-top:.55em;padding-bottom:.55em}.ui.menu .header.item{background-color:rgba(0,0,0,.04);margin:0}.ui.vertical.menu .header.item{font-weight:700}.ui.menu .dropdown.item .menu .item{color:rgba(0,0,0,.75)}.ui.menu .ui.dropdown .menu .item:before{display:none}.ui.menu .item>.label,.ui.menu .item>a>.label{font-size:.8em;margin:-.3em 0 -.3em .3em;padding:.3em .8em;vertical-align:baseline;text-transform:none}.ui.menu .item>.floating.label,.ui.menu .item>a>.floating.label{padding:.3em .8em}.ui.menu .item>img:only-child{display:block;max-width:100%;margin:0 auto}.ui.link.menu .item:hover,.ui.menu .item.hover,.ui.menu .link.item:hover,.ui.menu a.item:hover,.ui.menu .ui.dropdown .menu .item.hover,.ui.menu .ui.dropdown .menu .item:hover{cursor:pointer;background-color:rgba(0,0,0,.02)}.ui.menu .ui.dropdown.hover,.ui.menu .ui.dropdown:hover{-webkit-border-bottom-right-radius:0;-moz-border-bottom-right-radius:0;border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-moz-border-bottom-left-radius:0;border-bottom-left-radius:0}.ui.link.menu .item:active,.ui.menu .item.down,.ui.menu .link.item:active,.ui.menu a.item:active,.ui.menu .item>a:active,.ui.menu .ui.dropdown .menu .item.down,.ui.menu .ui.dropdown .menu .item:active{background-color:rgba(0,0,0,.05)}.ui.menu .active.item{padding-top:.55em;border-top:.2em solid rgba(50,50,50,.8);color:rgba(0,0,0,.95);background-color:rgba(0,0,0,.01)}.ui.vertical.menu .active.item{border-left:.2em solid rgba(50,50,50,.8);padding-top:.75em;padding-left:.76em;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.vertical.menu>.active.item:first-child{-webkit-border-radius:0 .325em 0 0;-moz-border-radius:0 .325em 0 0;border-radius:0 .325em 0 0}.ui.vertical.menu>.active.item:last-child{-webkit-border-radius:0 0 .325em;-moz-border-radius:0 0 .325em;border-radius:0 0 .325em}.ui.vertical.menu>.active.item:only-child{-webkit-border-radius:0 .325em .325em 0;-moz-border-radius:0 .325em .325em 0;border-radius:0 .325em .325em 0}.ui.vertical.menu .active.item .menu .active.item{border-left:0}.ui.vertical.menu .active.item .menu .active.item{padding-left:1.5rem}.ui.vertical.menu .item .menu .active.item{background-color:rgba(0,0,0,.03);border-left:0}.ui.menu .item.disabled,.ui.menu .item.disabled:hover,.ui.menu .item.disabled.hover{cursor:default;opacity:.3;background-color:transparent}.ui.menu.loading{position:relative}.ui.menu.loading:after{position:absolute;top:0;left:0;content:'';width:100%;height:100%;background:rgba(255,255,255,.8) url(../images/loader-large.gif) no-repeat 50% 50%;visibility:visible}.ui.vertical.menu{margin:0 0 1rem}.ui.vertical.menu:last-child{margin-bottom:0}.ui.vertical.menu .item{display:block;border-top:0;border-left:0 solid rgba(0,0,0,0);border-right:0}.ui.vertical.menu>.item:first-child{border-radius:.325em .325em 0 0}.ui.vertical.menu>.item:last-child{border-radius:0 0 .325em .325em}.ui.vertical.menu .item>.icon{float:right;width:1.22em;margin:0 0 0 .5em}.ui.vertical.menu .item:before{position:absolute;content:'';top:0;left:0;width:100%;height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-moz-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:-ms-linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%);background-image:linear-gradient(left,rgba(0,0,0,.03) 0,rgba(0,0,0,.1) 1.5em,rgba(0,0,0,.03) 100%)}.ui.vertical.menu .item:first-child:before{background-image:none}.ui.vertical.menu .dropdown.item>i{float:right}.ui.vertical.menu .dropdown.item .menu{top:0;left:100%;margin:0;border-top:1px solid rgba(0,0,0,.1)}.ui.vertical.menu .dropdown.item .menu .item{font-size:.9em;padding:.75em 1em}.ui.vertical.menu .dropdown.item .menu .item .icon{margin-right:0}.ui.vertical.menu .item>.menu{margin:.5em -.95em 0}.ui.vertical.menu .item>.menu>.item{padding:.5rem 1.5rem;font-size:.85em}.ui.vertical.menu .item>.menu>.item:before{display:none}.ui.vertical.menu .item>.menu>.item>a{margin:-.5rem -1.5rem;padding:.5rem 1.5rem}.ui.tiered.menu>.menu>.item{color:rgba(0,0,0,.5)}.ui.tiered.menu>.menu>.item:hover,.ui.tiered.menu>.menu>.item.hover{color:rgba(0,0,0,.8)}.ui.tiered.menu .item.active{box-shadow:0 1px 0 0 #FBFBFB;color:rgba(0,0,0,.8)}.ui.tiered.menu .sub.menu{background-color:rgba(0,0,0,.01);border-radius:0;border-top:1px solid rgba(0,0,0,.1);box-shadow:none;color:#FFF}.ui.tiered.menu .sub.menu .item{font-size:.9rem}.ui.tiered.menu .sub.menu .item:before{background-image:none}.ui.tiered.menu .sub.menu .active.item{padding-top:.75em;background-color:transparent;border-radius:0;border-top:medium none;box-shadow:none;color:rgba(0,0,0,.7)}.ui.inverted.tiered.menu>.menu>.item{color:rgba(255,255,255,.5)}.ui.inverted.tiered.menu .sub.menu{background-color:rgba(0,0,0,.2)}.ui.inverted.tiered.menu .sub.menu .item{color:rgba(255,255,255,.6)}.ui.inverted.tiered.menu>.menu>.item:hover,.ui.inverted.tiered.menu>.menu>.item.hover{color:rgba(255,255,255,.9)}.ui.inverted.tiered.menu>.sub.menu>.active.item,.ui.inverted.tiered.menu>.menu>.active.item{color:#fff;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.menu .green.active.item,.ui.green.menu .active.item{border-color:#A1CF64}.ui.menu .red.active.item,.ui.red.menu .active.item{border-color:#EF4D6D}.ui.menu .blue.active.item,.ui.blue.menu .active.item{border-color:#6ECFF5}.ui.menu .purple.active.item,.ui.purple.menu .active.item{border-color:#564F8A}.ui.menu .orange.active.item,.ui.orange.menu .active.item{border-color:#F05940}.ui.menu .teal.active.item,.ui.teal.menu .active.item{border-color:#00B5AD}.ui.inverted.menu{background-color:#333;box-shadow:none}.ui.inverted.menu .header.item{margin:0;background-color:rgba(0,0,0,.3);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.menu .item,.ui.inverted.menu .item>a{color:#FFF}.ui.inverted.menu .item .item,.ui.inverted.menu .item .item>a{color:rgba(255,255,255,.8)}.ui.inverted.menu .item .item>a:hover{background-color:rgba(255,255,255,.03);color:rgba(255,255,255,.9)}.ui.inverted.menu .item>p:only-child{color:rgba(255,255,255,.75)}.ui.inverted.menu .dropdown.item .menu .item,.ui.inverted.menu .dropdown.item .menu .item a{color:rgba(0,0,0,.75)!important}.ui.inverted.menu .item:before{background-image:-webkit-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-moz-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:linear-gradient(top,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.vertical.inverted.menu .item:before{background-image:-webkit-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-moz-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%);background-image:linear-gradient(left,rgba(255,255,255,.03) 0,rgba(255,255,255,.1) 50%,rgba(255,255,255,.03) 100%)}.ui.link.inverted.menu .item:hover,.ui.inverted.menu .item.hover,.ui.inverted.menu .link.item:hover,.ui.inverted.menu a.item:hover,.ui.inverted.menu .dropdown.item.hover,.ui.inverted.menu .dropdown.item:hover{background-color:rgba(255,255,255,.1)}.ui.inverted.menu a.item:hover,.ui.inverted.menu .item.hover,.ui.inverted.menu .item>a:hover,.ui.inverted.menu .item .menu a.item:hover,.ui.inverted.menu .item .menu a.item.hover,.ui.inverted.menu .item .menu .link.item:hover,.ui.inverted.menu .item .menu .link.item.hover{color:#fff}.ui.inverted.menu .item.down,.ui.inverted.menu a.item:active,.ui.inverted.menu .item>a:active,.ui.inverted.menu .item.down,.ui.inverted.menu .dropdown.item:active,.ui.inverted.menu .link.item:active,.ui.inverted.menu a.item:active{background-color:rgba(255,255,255,.15)}.ui.inverted.menu .active.item{border-color:transparent;background-color:rgba(255,255,255,.2)}.ui.inverted.menu .active.item,.ui.inverted.menu .active.item a{color:#fff}.ui.inverted.vertical.menu .item .menu .active.item{background-color:rgba(255,255,255,.2);color:#fff}.ui.inverted.pointing.menu .active.item:after{background-color:#505050;box-shadow:none}.ui.inverted.pointing.menu .active.item:hover:after{background-color:#3B3B3B}.ui.floated.menu{float:left;margin-right:.5rem}.ui.right.floated.menu{float:right;margin-left:.5rem}.ui.grey.menu{background-color:#F0F0F0}.ui.inverted.green.menu{background-color:#A1CF64}.ui.inverted.green.pointing.menu .active.item:after{background-color:#A1CF64}.ui.inverted.red.menu{background-color:#EF4D6D}.ui.inverted.red.pointing.menu .active.item:after{background-color:#F16883}.ui.inverted.blue.menu{background-color:#6ECFF5}.ui.inverted.blue.pointing.menu .active.item:after{background-color:#6ECFF5}.ui.inverted.purple.menu{background-color:#564F8A}.ui.inverted.purple.pointing.menu .active.item:after{background-color:#564F8A}.ui.inverted.orange.menu{background-color:#F05940}.ui.inverted.orange.pointing.menu .active.item:after{background-color:#F05940}.ui.inverted.teal.menu{background-color:#00B5AD}.ui.inverted.teal.pointing.menu .active.item:after{background-color:#00B5AD}.ui.text.menu{background-color:transparent;margin:0rem -1rem;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.text.menu>.item{opacity:.6;margin:0 1em;padding:0;min-height:0!important;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:rgba(0,0,0,.6);-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease}.ui.text.menu>.item:before{display:none}.ui.text.menu .header.item{background-color:transparent;opacity:1;color:rgba(50,50,50,.8);font-size:.9rem;padding:0;text-transform:uppercase;font-weight:700}.ui.text.menu .header.item>a{background-color:transparent}.ui.text.item.menu .item{margin:0}.ui.vertical.text.menu{margin:1rem 0}.ui.vertical.text.menu .item{float:left;clear:left;margin:.5em 0}.ui.vertical.text.menu .item>.icon{float:none;margin:0 .75em 0 0}.ui.vertical.text.menu .header.item{margin:.8em 0}.ui.text.menu .item.hover,.ui.text.menu .item:hover{opacity:1;background-color:transparent}.ui.text.menu .active.item{background-color:transparent;padding:0;border:0;opacity:1;font-weight:700}.ui.text.pointing.menu .active.item:after{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.text.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.green.text.menu .active.item{color:#A1CF64}.ui.red.text.menu .active.item{color:#EF4D6D}.ui.blue.text.menu .active.item{color:#6ECFF5}.ui.purple.text.menu .active.item{color:#564F8A}.ui.orange.text.menu .active.item{color:#F05940}.ui.teal.text.menu .active.item{color:#00B5AD}.ui.secondary.menu{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.menu>.item{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;min-height:0!important;margin:0 .25em;padding:.5em 1em;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.menu>.item:before{display:none}.ui.secondary.menu .header.item{background-color:transparent;border-right:.1em solid rgba(0,0,0,.1);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.menu>.active.item{border-top:0;padding-top:.5em;background-color:rgba(0,0,0,.08)}.ui.secondary.vertical.menu>.active.item{-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.inverted.menu>.active.item{background-color:rgba(255,255,255,.2)}.ui.secondary.item.menu>.item{margin:0}.ui.secondary.attached.menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.secondary.pointing.menu{border-bottom:.2rem solid rgba(0,0,0,.1)}.ui.secondary.pointing.menu>.item{margin:0 0 -.2em;padding:.6em .95em;color:rgba(0,0,0,.5);border-bottom:.2em solid rgba(0,0,0,0);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transition:color .2s;-moz-transition:color .2s;-o-transition:color .2s;-ms-transition:color .2s;transition:color .2s}.ui.secondary.pointing.menu>.item:after{display:none}.ui.secondary.pointing.menu>.item.hover,.ui.secondary.pointing.menu>.item:hover{background-color:transparent;color:rgba(0,0,0,.7)}.ui.secondary.pointing.menu>.item:active,.ui.secondary.pointing.menu>.item.down{background-color:transparent;border-color:rgba(0,0,0,.2)}.ui.secondary.pointing.menu>.item.active{background-color:transparent;border-color:rgba(0,0,0,.4);color:rgba(0,0,0,.85)}.ui.secondary.vertical.pointing.menu{border:0;border-right:.2rem solid rgba(0,0,0,.1)}.ui.secondary.vertical.menu>.item{border:0;margin:0 0 -.2rem;padding:.6em .8em;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.secondary.vertical.menu>.header.item{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item{margin:0 -.2rem 0 0;border-bottom:0;border-right:.2rem solid transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.secondary.vertical.pointing.menu>.item.hover,.ui.secondary.vertical.pointing.menu>.item:hover{background-color:transparent;color:rgba(0,0,0,.7)}.ui.secondary.vertical.pointing.menu>.item:active,.ui.secondary.vertical.pointing.menu>.item.down{background-color:transparent;border-color:rgba(0,0,0,.2)}.ui.secondary.vertical.pointing.menu>.item.active{background-color:transparent;border-color:rgba(0,0,0,.4);color:rgba(0,0,0,.85)}.ui.secondary.inverted.pointing.menu{border-bottom:.2rem solid rgba(255,255,255,.1)}.ui.secondary.inverted.pointing.menu>.item{color:rgba(255,255,255,.7)}.ui.secondary.inverted.pointing.menu>.item.hover,.ui.secondary.inverted.pointing.menu>.item:hover{color:rgba(255,255,255,.85)}.ui.secondary.inverted.pointing.menu>.item:active,.ui.secondary.inverted.pointing.menu>.item.down{border-color:rgba(255,255,255,.4)}.ui.secondary.inverted.pointing.menu>.item.active{border-color:rgba(255,255,255,.8);color:#fff}.ui.secondary.inverted.vertical.pointing.menu{border-right:.2rem solid rgba(255,255,255,.1);border-bottom:0}.ui.secondary.inverted.vertical.pointing.menu .item:active,.ui.secondary.inverted.vertical.pointing.menu .item.down{box-shadow:.2em 0 0 0 rgba(255,255,255,.2)}.ui.secondary.inverted.vertical.pointing.menu .item.active{box-shadow:.2em 0 0 0 rgba(255,255,255,.4)}.ui.icon.menu,.ui.vertical.icon.menu{width:auto;display:inline-block;min-height:0}.ui.icon.menu .item{text-align:center;color:rgba(60,60,60,.7)}.ui.icon.menu .item .icon{display:block;float:none;opacity:1;margin:0 auto}.ui.icon.menu .icon:before{opacity:1}.ui.menu .icon.item .icon{margin:0}.ui.inverted.icon.menu .item{color:rgba(255,255,255,.8)}.ui.inverted.icon.menu .icon{color:#fff}.ui.labeled.icon.menu{text-align:center}.ui.labeled.icon.menu .icon{display:block;font-size:1.5em;margin:0 auto .3em}.ui.fitted.menu .item,.ui.fitted.menu .item>a,.ui.fitted.menu .item .menu .item,.ui.fitted.menu .item .menu .item>a,.ui.menu .fitted.item,.ui.menu .fitted.item>a{padding-top:0;padding-bottom:0}.ui.tight.menu .item,.ui.tight.menu .item>a,.ui.tight.menu .item .menu .item,.ui.tight.menu .item .menu .item>a,.ui.menu .tight.item,.ui.menu .tight.item>a{padding:0}.ui.borderless.menu .item:before,.ui.borderless.menu .item>a:before,.ui.borderless.menu .item .menu .item:before,.ui.borderless.menu .item .menu .item>a:before,.ui.menu .borderless.item:before,.ui.menu .borderless.item>a:before{background-image:none}.ui.compact.menu{display:inline-block}.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 .2s ease;-moz-transition:background .2s ease;-o-transition:background .2s ease;-ms-transition:background .2s ease;transition:background .2s ease}.ui.vertical.pointing.menu .active.item:after{position:absolute;top:50%;right:-.4em;bottom:auto;left:auto;border:0;border-top:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);margin-top:-.3em}.ui.pointing.menu .active.item:after{background-color:#FCFCFC}.ui.pointing.menu .active.item.hover:after,.ui.pointing.menu .active.item:hover:after{background-color:#FAFAFA}.ui.vertical.pointing.menu .menu .active.item:after{background-color:#F4F4F4}.ui.pointing.menu .active.item.down:after,.ui.pointing.menu .active.item:active:after{background-color:#F0F0F0}.ui.menu.attached{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-box-shadow:0 0 0 1px #DDD;-webkit-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.top.attached.menu{-moz-border-radius:.325em .325em 0 0;-webkit-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0}.ui.menu.bottom.attached{-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.vertical.menu .item{min-height:0!important}.ui.tiny.menu .item{font-size:.875rem;padding:.5em .75em}.ui.tiny.menu .item>a{display:block;margin:-.5em -.75em;padding:.5em .75em}.ui.tiny.vertical.menu{width:9rem}.ui.small.menu .item{font-size:.875rem}.ui.small.vertical.menu{width:13rem}.ui.menu .item{font-size:1rem}.ui.vertical.menu{width:15rem}.ui.large.menu .item{font-size:1.125rem}.ui.large.vertical.menu{width:18rem} \ No newline at end of file diff --git a/build/minified/collections/table.min.css b/build/minified/collections/table.min.css index ef4f066a8..35bba309a 100644 --- a/build/minified/collections/table.min.css +++ b/build/minified/collections/table.min.css @@ -1 +1 @@ -.ui.table{width:100%;border-collapse:collapse}.ui.table thead{border-bottom:1px solid rgba(0,0,0,.1)}.ui.table th,.ui.table tr,.ui.table td{border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out}.ui.table th{cursor:auto;background-color:rgba(0,0,0,.05);text-align:left;color:rgba(0,0,0,.5);padding:.5em .7em;vertical-align:middle}.ui.table tfoot th{font-weight:400;font-style:italic}.ui.table td{padding:.4em .7em;vertical-align:middle}.ui.table tfoot{border-top:1px solid rgba(0,0,0,.1)}.ui.table tbody tr:nth-child(2n){background-color:rgba(0,0,0,.03)}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.table.segment:after{display:none}.ui.table.segment.stacked:after{display:block}.ui.sortable.table thead th:hover{background-image:none;background-color:rgba(0,0,0,.04);color:#333}.ui.sortable.table th.disabled:hover{cursor:auto;background-color:rgba(0,0,0,.1);text-align:left;font-weight:700;color:#333;color:rgba(0,0,0,.8)}.ui.table tr.positive td,.ui.table td.positive{background-color:#F2F8F0!important;color:#119000}.ui.celled.table tr.positive:hover td,.ui.celled.table tr:hover td.positive,.ui.table tr.positive:hover td,.ui.table td:hover.positive,.ui.table th:hover.positive{background-color:#ECF5E9!important;color:#119000}.ui.table tr.negative td,.ui.table td.negative{background-color:#F9F4F4;color:#CD2929}.ui.celled.table tr.negative:hover td,.ui.celled.table tr:hover td.negative,.ui.table tr.negative:hover td,.ui.table td:hover.negative,.ui.table th:hover.negative{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.error td,.ui.table td.error,.ui.table th.error{background-color:#F9F4F4!important;color:#CD2929}.ui.celled.table tr.error:hover td,.ui.celled.table tr:hover td.error,.ui.table tr.error:hover td,.ui.table td:hover.error,.ui.table th:hover.error{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.warning td,.ui.table td.warning,.ui.table th.warning{background-color:#FBF6E9;color:#7D6C00}.ui.celled.table tr.warning:hover td,.ui.celled.table tr:hover td.warning,.ui.table tr.warning:hover td,.ui.table td:hover.warning,.ui.table th:hover.warning{background-color:#F3EDDC!important;color:#7D6C00}.ui.table tr.active td,.ui.table tr td.active{background-color:#F0F0F0!important;color:rgba(50,50,50,.9)}.ui.table tr.disabled td,.ui.table tr td.disabled,.ui.table tr.disabled:hover td,.ui.table tr:hover td.disabled{color:rgba(150,150,150,.3)}.ui.two.column.table td{width:50%}.ui.three.column.table td{width:33.3333%}.ui.four.column.table td{width:25%}.ui.five.column.table td{width:20%}.ui.six.column.table td{width:16.66667%}.ui.seven.column.table td{width:14.2857%}.ui.eight.column.table td{width:12.5%}.ui.nine.column.table td{width:11.1111%}.ui.ten.column.table td{width:10%}.ui.eleven.column.table td{width:9.0909%}.ui.twelve.column.table td{width:8.3333%}.ui.thirteen.column.table td{width:7.6923%}.ui.fourteen.column.table td{width:7.1428%}.ui.fifteen.column.table td{width:6.6666%}.ui.sixteen.column.table td{width:6.25%}.ui.celled.table{color:rgba(0,0,0,.8)}.ui.celled.table tbody tr,.ui.celled.table tfoot tr{border:0}.ui.celled.table th{border:1px solid #E0E0E0}.ui.celled.table tbody td{border:1px solid #E0E0E0}.ui.sortable.table thead th{cursor:pointer;color:#555;vertical-align:top}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.1)}.ui.sortable.table thead th:after{display:inline-block;content:'';width:1em;opacity:.8;float:right;margin:.25em 0 0 .25em;line-height:1;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;vertical-align:middle;vertical-align:calc()}.ui.sortable.table thead th.ascending:after{content:'\25b4'}.ui.sortable.table thead th.descending:after{content:'\25be'}.ui.inverted.table th{background-color:rgba(0,0,0,.15);color:rgba(255,255,255,.9)}.ui.inverted.table tbody tr:nth-child(2n){background-color:rgba(255,255,255,.06)}.ui.collapsing.table{width:auto}.ui.padded.table th,.ui.padded.table td{padding:.8em 1em}.ui.compact.table th{padding:.3em .5em}.ui.compact.table td{padding:.2em .5em}.ui.small.table{font-size:14px}.ui.table{font-size:16px}.ui.large.table{font-size:18px} \ No newline at end of file +.ui.table{width:100%;border-collapse:collapse}.ui.table thead{border-bottom:1px solid rgba(0,0,0,.1)}.ui.table th,.ui.table tr,.ui.table td{border-collapse:collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .1s ease-out;-moz-transition:all .1s ease-out;-o-transition:all .1s ease-out;-ms-transition:all .1s ease-out;transition:all .1s ease-out}.ui.table th{cursor:auto;background-color:rgba(0,0,0,.05);text-align:left;color:rgba(0,0,0,.5);padding:.5em .7em;vertical-align:middle}.ui.table tfoot th{font-weight:400;font-style:italic}.ui.table td{padding:.4em .7em;vertical-align:middle}.ui.table tfoot{border-top:1px solid rgba(0,0,0,.1)}.ui.table tbody tr:nth-child(2n){background-color:rgba(0,0,50,.02)}.ui.table>.icon{vertical-align:baseline}.ui.table>.icon:only-child{margin:0}.ui.table.segment:after{display:none}.ui.table.segment.stacked:after{display:block}.ui.sortable.table thead th:hover{background-image:none;background-color:rgba(0,0,0,.04);color:#333}.ui.sortable.table th.disabled:hover{cursor:auto;background-color:rgba(0,0,0,.1);text-align:left;font-weight:700;color:#333;color:rgba(0,0,0,.8)}.ui.table tr.positive td,.ui.table td.positive{background-color:#F2F8F0!important;color:#119000}.ui.celled.table tr.positive:hover td,.ui.celled.table tr:hover td.positive,.ui.table tr.positive:hover td,.ui.table td:hover.positive,.ui.table th:hover.positive{background-color:#ECF5E9!important;color:#119000}.ui.table tr.negative td,.ui.table td.negative{background-color:#F9F4F4;color:#CD2929}.ui.celled.table tr.negative:hover td,.ui.celled.table tr:hover td.negative,.ui.table tr.negative:hover td,.ui.table td:hover.negative,.ui.table th:hover.negative{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.error td,.ui.table td.error,.ui.table th.error{background-color:#F9F4F4!important;color:#CD2929}.ui.celled.table tr.error:hover td,.ui.celled.table tr:hover td.error,.ui.table tr.error:hover td,.ui.table td:hover.error,.ui.table th:hover.error{background-color:#F2E8E8!important;color:#CD2929}.ui.table tr.warning td,.ui.table td.warning,.ui.table th.warning{background-color:#FBF6E9;color:#7D6C00}.ui.celled.table tr.warning:hover td,.ui.celled.table tr:hover td.warning,.ui.table tr.warning:hover td,.ui.table td:hover.warning,.ui.table th:hover.warning{background-color:#F3EDDC!important;color:#7D6C00}.ui.table tr.active td,.ui.table tr td.active{background-color:#F0F0F0!important;color:rgba(50,50,50,.9)}.ui.table tr.disabled td,.ui.table tr td.disabled,.ui.table tr.disabled:hover td,.ui.table tr:hover td.disabled{color:rgba(150,150,150,.3)}.ui.two.column.table td{width:50%}.ui.three.column.table td{width:33.3333%}.ui.four.column.table td{width:25%}.ui.five.column.table td{width:20%}.ui.six.column.table td{width:16.66667%}.ui.seven.column.table td{width:14.2857%}.ui.eight.column.table td{width:12.5%}.ui.nine.column.table td{width:11.1111%}.ui.ten.column.table td{width:10%}.ui.eleven.column.table td{width:9.0909%}.ui.twelve.column.table td{width:8.3333%}.ui.thirteen.column.table td{width:7.6923%}.ui.fourteen.column.table td{width:7.1428%}.ui.fifteen.column.table td{width:6.6666%}.ui.sixteen.column.table td{width:6.25%}.ui.celled.table{color:rgba(0,0,0,.8)}.ui.celled.table tbody tr,.ui.celled.table tfoot tr{border:0}.ui.celled.table th{border:1px solid #E0E0E0}.ui.celled.table tbody td{border:1px solid #E0E0E0}.ui.sortable.table thead th{cursor:pointer;white-space:nowrap}.ui.sortable.table thead th.sorted,.ui.sortable.table thead th.sorted:hover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.05)}.ui.sortable.table thead th:after{display:inline-block;content:'';width:1em;opacity:.8;margin:0 0 0 .5em;font-family:Icons;font-style:normal;font-weight:400;text-decoration:inherit;vertical-align:text-top}.ui.sortable.table thead th.ascending:after{content:'\25b4'}.ui.sortable.table thead th.descending:after{content:'\25be'}.ui.inverted.table th{background-color:rgba(0,0,0,.15);color:rgba(255,255,255,.9)}.ui.inverted.table tbody tr:nth-child(2n){background-color:rgba(255,255,255,.06)}.ui.collapsing.table{width:auto}.ui.basic.table th{background-color:transparent;padding:.5em;font-weight:400}.ui.basic.table tbody tr{border-bottom:1px solid rgba(0,0,0,.05)}.ui.basic.table td{padding:.8em .5em}.ui.padded.table th,.ui.padded.table td{padding:.8em 1em}.ui.compact.table th{padding:.3em .5em}.ui.compact.table td{padding:.2em .5em}.ui.small.table{font-size:14px}.ui.table{font-size:16px}.ui.large.table{font-size:18px} \ No newline at end of file diff --git a/build/minified/elements/breadcrumb.min.css b/build/minified/elements/breadcrumb.min.css new file mode 100644 index 000000000..611f30b19 --- /dev/null +++ b/build/minified/elements/breadcrumb.min.css @@ -0,0 +1 @@ +.ui.breadcrumb{margin:1em 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-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)}.ui.breadcrumb .divider{opacity:.5;display:inline-block;margin:0 .15em;font-size:1em}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb .active.section{color:#777}.ui.breadcrumb.segment{padding:.5em 1em}.ui.compact.breadcrumb{display:inline-block;vertical-align:middle} \ No newline at end of file diff --git a/build/minified/elements/button.min.css b/build/minified/elements/button.min.css index 660551be3..561e7c552 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;outline:0;border:0;background-color:#EDEDED;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 -.185em 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -.185em 0 rgba(0,0,0,.1) inset;box-shadow:0 -.185em 0 rgba(0,0,0,.1) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease}.ui.button>.icon{margin-right:.5em;line-height:1;-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;-o-transition:opacity .1s ease;-ms-transition:opacity .1s ease;transition:opacity .1s ease}.ui.buttons .button.active,.ui.button.active{opacity:1!important;background-color:#E6E6E6;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.05)));background-image:-webkit-linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 100%);background-image:-moz-linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 100%);background-image:-o-linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 100%);background-image:linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 100%);-webkit-box-shadow:0 .125em .125em 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 .125em .125em 0 rgba(0,0,0,.1) inset;box-shadow:0 .125em .125em 0 rgba(0,0,0,.1) inset}.ui.buttons .button.active:hover,.ui.button.active:hover{background-color:#E6E6E6;color:#333}.ui.buttons .button.active,.ui.buttons .button.active a,.ui.button.active,.ui.button.active a{color:#666}.ui.button:hover,.ui.button.hover{opacity:1!important;background-color:#DEDEDE;color:#777}.ui.button:hover .icon,.ui.button.hover .icon{opacity:.85}.ui.button:active,.ui.button.down{opacity:1!important;background-color:#D8D8D8;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.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/loader-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.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:#4C4C4C;color:#FFF}.ui.buttons.black .button.down,.ui.buttons.black .button:active,.ui.button.black.down,.ui.button.black:active{background-color:#333;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,.ui.buttons.green .button.active,.ui.button.green.active{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:#7AAA3D;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,.ui.buttons.red .button.active,.ui.button.red.active{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:#CD2D4D;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,.ui.buttons.blue .button.active,.ui.button.blue.active{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:#0AA5DF;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,.ui.buttons.purple .button.active,.ui.button.purple.active{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:#2E2860;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,.ui.buttons.teal .button.active,.ui.button.teal.active{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:#00847E;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,.ui.buttons.positive .button.active,.ui.button.positive.active{background-color:#89B84C;color:#FFF}.ui.buttons.positive .button.down,.ui.buttons.positive .button:active,.ui.button.positive.down,.ui.button.positive:active{background-color:#7AAA3D;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,.ui.buttons.negative .button.active,.ui.button.negative.active{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:#CD2D4D;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.huge.button.loading:after{background-image:url(../images/loader-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/loader-medium.gif)}.ui.huge.grey.button.loading:after,.ui.huge.button.loading.active:after{background-image:url(../images/loader-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/loader-medium.gif)}.ui.icon.buttons .button,.ui.icon.button{padding:.8em}.ui.icon.buttons .button>.icon,.ui.icon.button>.icon{opacity:1;height:.9em;margin:0}.ui.buttons.secondary .button,.ui.secondary.button{font-weight:400;text-transform:none;opacity:1}.ui.buttons.tertiary .button,.ui.tertiary.button{background-color:transparent;color:#999;font-weight:400;text-transform:none;box-shadow:none}.ui.buttons.tertiary .button:first-child{border-left:0}.ui.button.tertiary.active{opacity:.9!important}.ui.button.tertiary.hover,.ui.button.tertiary:hover{opacity:.8!important}.ui.button.tertiary.down,.ui.button.tertiary:active{opacity:1!important}.ui.labeled.icon.buttons .button,.ui.labeled.icon.button{position:relative;padding-left:4em!important;padding-right:1.4em!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:2.75em;height:100%;padding-top:.8em;background-color:rgba(0,0,0,.05);text-align:center;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em;line-height:1;-webkit-box-shadow:-2px 0 0 0 rgba(0,0,0,.05) inset;-moz-box-shadow:-2px 0 0 0 rgba(0,0,0,.05) inset;box-shadow:-2px 0 0 0 rgba(0,0,0,.05) inset}.ui.labeled.icon.buttons .button>.icon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:.3125em;border-bottom-left-radius:.3125em}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:.3125em;border-bottom-right-radius:.3125em}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-top-left-radius:.3125em}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-bottom-left-radius:.3125em}.ui.right.labeled.icon.button{padding-left:1.4em!important;padding-right:4em!important}.ui.right.labeled.icon.button .icon{left:auto;right:0}.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.circular.button{-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em}.ui.button.attached{display:block;-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)}.ui.button.attached.top{-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.button.attached.bottom{-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;-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;-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}.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%}.ui.two.buttons>.button{width:50%}.ui.three.buttons>.button{width:33.333%}.ui.four.buttons>.button{width:25%}.ui.five.buttons>.button{width:20%}.ui.six.buttons>.button{width:16.666%}.ui.seven.buttons>.button{width:14.285%}.ui.eight.buttons>.button{width:12.5%}.ui.nine.buttons>.button{width:11.11%}.ui.ten.buttons>.button{width:10%}.ui.eleven.buttons>.button{width:9.09%}.ui.twelve.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.vertical.buttons>.button{height:50%}.ui.three.vertical.buttons>.button{height:33.333%}.ui.four.vertical.buttons>.button{height:25%}.ui.five.vertical.buttons>.button{height:20%}.ui.six.vertical.buttons>.button{height:16.666%}.ui.seven.vertical.buttons>.button{height:14.285%}.ui.eight.vertical.buttons>.button{height:12.5%}.ui.nine.vertical.buttons>.button{height:11.11%}.ui.ten.vertical.buttons>.button{height:10%}.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.buttons:after{content:".";display:block;height:0;clear:both;visibility: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} \ No newline at end of file +.ui.button{cursor:pointer;display:inline-block;vertical-align:middle;min-height:1em;outline:0;border:0;background-color:#EDEDED;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 -.185rem 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -.185rem 0 rgba(0,0,0,.1) inset;box-shadow:0 -.185rem 0 rgba(0,0,0,.1) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease}.ui.button>.icon{margin-right:.5em;line-height:1;-webkit-transition:opacity .1s ease;-moz-transition:opacity .1s ease;-o-transition:opacity .1s ease;-ms-transition:opacity .1s ease;transition:opacity .1s ease}.ui.buttons .button.active,.ui.button.active{opacity:1!important;background-color:#E6E6E6;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.05)));background-image:-webkit-linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 100%);background-image:-moz-linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 100%);background-image:-o-linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 100%);background-image:linear-gradient(rgba(0,0,0,.1) 0,rgba(0,0,0,.05) 100%);-webkit-box-shadow:0 .125em .125em 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 .125em .125em 0 rgba(0,0,0,.1) inset;box-shadow:0 .125em .125em 0 rgba(0,0,0,.1) inset}.ui.buttons .button.active,.ui.buttons .button.active a,.ui.button.active,.ui.button.active a{color:#666}.ui.button:hover,.ui.button.hover{opacity:1!important;background-color:#DEDEDE;color:#777}.ui.button:hover .icon,.ui.button.hover .icon{opacity:.85}.ui.button:active,.ui.button.down{opacity:1!important;background-color:#D8D8D8;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.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/loader-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.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:#4C4C4C;color:#FFF}.ui.buttons.black .button.down,.ui.buttons.black .button:active,.ui.button.black.down,.ui.button.black:active{background-color:#333;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,.ui.buttons.green .button.active,.ui.button.green.active{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:#7AAA3D;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,.ui.buttons.red .button.active,.ui.button.red.active{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:#CD2D4D;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,.ui.buttons.blue .button.active,.ui.button.blue.active{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:#0AA5DF;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,.ui.buttons.purple .button.active,.ui.button.purple.active{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:#2E2860;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,.ui.buttons.teal .button.active,.ui.button.teal.active{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:#00847E;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,.ui.buttons.positive .button.active,.ui.button.positive.active{background-color:#89B84C;color:#FFF}.ui.buttons.positive .button.down,.ui.buttons.positive .button:active,.ui.button.positive.down,.ui.button.positive:active{background-color:#7AAA3D;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,.ui.buttons.negative .button.active,.ui.button.negative.active{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:#CD2D4D;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.huge.button.loading:after{background-image:url(../images/loader-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/loader-medium.gif)}.ui.huge.grey.button.loading:after,.ui.huge.button.loading.active:after{background-image:url(../images/loader-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/loader-medium.gif)}.ui.icon.buttons .button,.ui.icon.button{padding:.8em}.ui.icon.buttons .button>.icon,.ui.icon.button>.icon{opacity:1;height:.9em;margin:0}.ui.buttons.secondary .button,.ui.secondary.button{font-weight:400;text-transform:none;opacity:1}.ui.buttons.tertiary .button,.ui.tertiary.button{background-color:transparent;color:#999;font-weight:400;text-transform:none;box-shadow:none}.ui.buttons.tertiary .button:first-child{border-left:0}.ui.button.tertiary.active{opacity:.9!important}.ui.button.tertiary.hover,.ui.button.tertiary:hover{opacity:.8!important}.ui.button.tertiary.down,.ui.button.tertiary:active{opacity:1!important}.ui.labeled.icon.buttons .button,.ui.labeled.icon.button{position:relative;padding-left:4em!important;padding-right:1.4em!important}.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;width:2.75em;height:100%;padding-top:.8em;background-color:rgba(0,0,0,.05);text-align:center;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em;line-height:1;-webkit-box-shadow:-2px 0 0 0 rgba(0,0,0,.05) inset;-moz-box-shadow:-2px 0 0 0 rgba(0,0,0,.05) inset;box-shadow:-2px 0 0 0 rgba(0,0,0,.05) inset}.ui.labeled.icon.buttons .button>.icon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.labeled.icon.buttons .button:first-child>.icon{border-top-left-radius:.3125em;border-bottom-left-radius:.3125em}.ui.labeled.icon.buttons .button:last-child>.icon{border-top-right-radius:.3125em;border-bottom-right-radius:.3125em}.ui.vertical.labeled.icon.buttons .button:first-child>.icon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-top-left-radius:.3125em}.ui.vertical.labeled.icon.buttons .button:last-child>.icon{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border-bottom-left-radius:.3125em}.ui.right.labeled.icon.button{padding-left:1.4em!important;padding-right:4em!important}.ui.right.labeled.icon.button .icon{left:auto;right:0}.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.circular.button{-webkit-border-radius:10em;-moz-border-radius:10em;border-radius:10em}.ui.button.attached{display:block;-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)}.ui.button.attached.top{-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.button.attached.bottom{-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;-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;-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}.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%}.ui.two.buttons>.button{width:50%}.ui.three.buttons>.button{width:33.333%}.ui.four.buttons>.button{width:25%}.ui.five.buttons>.button{width:20%}.ui.six.buttons>.button{width:16.666%}.ui.seven.buttons>.button{width:14.285%}.ui.eight.buttons>.button{width:12.5%}.ui.nine.buttons>.button{width:11.11%}.ui.ten.buttons>.button{width:10%}.ui.eleven.buttons>.button{width:9.09%}.ui.twelve.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.vertical.buttons>.button{height:50%}.ui.three.vertical.buttons>.button{height:33.333%}.ui.four.vertical.buttons>.button{height:25%}.ui.five.vertical.buttons>.button{height:20%}.ui.six.vertical.buttons>.button{height:16.666%}.ui.seven.vertical.buttons>.button{height:14.285%}.ui.eight.vertical.buttons>.button{height:12.5%}.ui.nine.vertical.buttons>.button{height:11.11%}.ui.ten.vertical.buttons>.button{height:10%}.ui.eleven.vertical.buttons>.button{height:9.09%}.ui.twelve.vertical.buttons>.button{height:8.3333%}.ui.buttons:after{content:".";display:block;height:0;clear:both;visibility: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} \ No newline at end of file diff --git a/build/minified/elements/divider.min.css b/build/minified/elements/divider.min.css index b6f312f23..4d4420a54 100644 --- a/build/minified/elements/divider.min.css +++ b/build/minified/elements/divider.min.css @@ -1 +1 @@ -.ui.divider{margin:1em 0;height:1px;background-color:rgba(0,0,0,.1);border-top:0;border-bottom:1px solid rgba(255,255,255,.8)}.ui.divider .rule{position:absolute;top:6px;width:45%;height:1px;background-color:#ADADAD;background-color:rgba(0,0,0,.1);border-bottom:1px solid #F8F8F8;border-bottom:1px solid rgba(255,255,255,.9)}.ui.divider .label{display:block;margin:16px 0 0;text-transform:none;color:#333}.ui.vertical.divider,.ui.horizontal.divider{background-color:transparent;position:relative;margin:1em 0;font-size:.8em;text-align:center;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.8);color:#555;font-weight:700}.ui.divider .left.rule{left:0}.ui.divider .right.rule{right:0}.vertical.ui.divider{position:absolute;top:0;left:50%;height:100%;margin:0 0 0 -50px;min-width:100px;color:#555;font-weight:700}.vertical.ui.divider .rule{position:absolute;left:50%;width:1px;height:45%;background-color:#ADADAD;background-color:rgba(0,0,0,.2);border-right:1px solid #F8F8F8;border-right:1px solid rgba(255,255,255,.9)}.vertical.ui.divider .top.rule{top:0}.vertical.ui.divider .bottom.rule{top:auto;bottom:0}.vertical.ui.divider .label{position:relative;top:50%;margin-top:-7px;display:block;width:100%;font-size:16px;line-height:16px;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.8);text-transform:none;color:#333}.ui.divider.inverted{text-shadow:0 1px 0 rgba(0,0,0,.8);color:#FFF}.ui.divider.inverted .rule{border-color:#4A4A4A;border-color:rgba(255,255,255,.2)}.ui.clearing.divider{clear:both} \ No newline at end of file +.ui.divider{margin:1em 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.8);height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.ui.vertical.divider,.ui.horizontal.divider{position:absolute;border:0;height:0;margin:0;background-color:transparent;font-size:.8rem;font-weight:700;text-align:center;text-transform:uppercase;color:rgba(0,0,0,.8)}.vertical.ui.divider{position:absolute;z-index:2;top:50%;left:50%;margin:0 0 0 -3%;width:6%;height:50%;line-height:0;padding:0}.vertical.ui.divider:before,.vertical.ui.divider:after{position:absolute;left:50%;content:" ";z-index:3;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(255,255,255,.8);width:0;height:80%}.vertical.ui.divider:before{top:-100%}.vertical.ui.divider:after{top:auto;bottom:0}.horizontal.ui.divider{position:relative;top:0;left:0;margin:1rem 0rem;width:100%;height:1em;padding:0;line-height:1}.horizontal.ui.divider:before,.horizontal.ui.divider:after{position:absolute;content:" ";z-index:3;width:45%;top:50%;height:0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(255,255,255,.8)}.horizontal.ui.divider:before{left:0}.horizontal.ui.divider:after{left:auto;right:0}.ui.divider.inverted{color:#fff}.ui.vertical.inverted.divider,.ui.horizontal.inverted.divider{color:rgba(255,255,255,.9)}.ui.divider.inverted,.ui.divider.inverted:after,.ui.divider.inverted:before{border-top-color:rgba(0,0,0,.15);border-bottom-color:rgba(255,255,255,.15);border-left-color:rgba(0,0,0,.15);border-right-color:rgba(255,255,255,.15)}.ui.clearing.divider{clear:both} \ No newline at end of file diff --git a/build/minified/elements/header.min.css b/build/minified/elements/header.min.css index 624f18277..640f3bd1a 100644 --- a/build/minified/elements/header.min.css +++ b/build/minified/elements/header.min.css @@ -1 +1 @@ -.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;color:rgba(0,0,0,.8);font-weight:700;line-height:1.33}.ui.header:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.header .ui.sub.header,.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{margin-right:.5em}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#EF4D6D!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #EF4D6D}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left}.ui.right.floated.header{float:right}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{padding:.5em 1rem;-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)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.icon.header{display:block;margin-left:auto;margin-right:auto;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:4em;margin:0 auto .2em}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{display:block} \ No newline at end of file +.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;color:rgba(0,0,0,.8);font-weight:700;line-height:1.33}.ui.header:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.header .ui.sub.header,.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .content{display:inline-block;vertical-align:middle}.ui.header .icon{margin-right:.5em}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#EF4D6D!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #EF4D6D}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left;margin-right:.5em}.ui.right.floated.header{float:right;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{padding:.5em 1rem;-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)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.icon.header{display:block;margin-left:auto;margin-right:auto;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:4em;margin:0 auto .2em}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{display:block} \ No newline at end of file diff --git a/build/minified/elements/icons.min.css b/build/minified/elements/icons.min.css index 5f25d184e..d1d9cfb44 100644 --- a/build/minified/elements/icons.min.css +++ b/build/minified/elements/icons.min.css @@ -1 +1 @@ -@font-face{font-family:Icons;src:url(../fonts/icons.eot);src:url(../fonts/icons.eot?#iefix) format('embedded-opentype'),url(../fonts/icons.woff) format('woff'),url(../fonts/icons.ttf) format('truetype'),url(../fonts/icons.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}@font-face{font-family:'Sketchy Icons';src:url(../fonts/sketchy-icons.eot);src:url(../fonts/sketchy-icons.eot?#iefix) format('embedded-opentype'),url(../fonts/sketchy-icons.woff) format('woff'),url(../fonts/sketchy-icons.ttf) format('truetype'),url(../fonts/sketchy-icons.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}i.icon{display:inline-block;opacity:.75;margin:0 .25em 0 0;width:1.23em;height:1em;font-family:Icons;font-style:normal;line-height:1;font-weight:400;text-decoration:inherit;text-align:center;speak:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased}i.sketchy.icon{font-family:'Sketchy Icons';height:1em}i.icon.circle.attention:before{content:'\2757'}i.icon.circle.help:before{content:'\e704'}i.icon.circle.info:before{content:'\e705'}i.icon.add:before{content:'\2795'}i.icon.chart:before{content:'📈'}i.icon.chart.bar:before{content:'📊'}i.icon.chart.pie:before{content:'\e7a2'}i.icon.resize.full:before{content:'\e744'}i.icon.resize.horizontal:before{content:'\2b0d'}i.icon.resize.small:before{content:'\e746'}i.icon.resize.vertical:before{content:'\2b0c'}i.icon.down:before{content:'\2193'}i.icon.down.triangle:before{content:'\25be'}i.icon.down.arrow:before{content:'\e75c'}i.icon.left:before{content:'\2190'}i.icon.left.triangle:before{content:'\25c2'}i.icon.left.arrow:before{content:'\e75d'}i.icon.right:before{content:'\2192'}i.icon.right.triangle:before{content:'\25b8'}i.icon.right.arrow:before{content:'\e75e'}i.icon.up:before{content:'\2191'}i.icon.up.triangle:before{content:'\25b4'}i.icon.up.arrow:before{content:'\e75f'}i.icon.folder:before{content:'\e810'}i.icon.open.folder:before{content:'📂'}i.icon.globe:before{content:'𝌍'}i.icon.desk.globe:before{content:'🌐'}i.icon.star:before{content:'\e801'}i.icon.star.empty:before{content:'\e800'}i.icon.star.half:before{content:'\e701'}i.icon.lock:before{content:'🔒'}i.icon.unlock:before{content:'🔓'}i.icon.layout.grid:before{content:'\e80c'}i.icon.layout.block:before{content:'\e708'}i.icon.layout.list:before{content:'\e80b'}i.icon.heart.empty:before{content:'\2661'}i.icon.heart:before{content:'\2665'}i.icon.asterisk:before{content:'\2731'}i.icon.attachment:before{content:'📎'}i.icon.attention:before{content:'\26a0'}i.icon.trophy:before{content:'🏉'}i.icon.barcode:before{content:'\e792'}i.icon.cart:before{content:'\e813'}i.icon.block:before{content:'🚫'}i.icon.book:before{content:'📖'}i.icon.bookmark:before{content:'🔖'}i.icon.calendar:before{content:'📅'}i.icon.cancel:before{content:'\2716'}i.icon.close:before{content:'\e80d'}i.icon.color:before{content:'\e794'}i.icon.chat:before{content:'\e720'}i.icon.check:before{content:'\2611'}i.icon.time:before{content:'🕔'}i.icon.cloud:before{content:'\2601'}i.icon.code:before{content:'\e714'}i.icon.email:before{content:'\40'}i.icon.settings:before{content:'\26ef'}i.icon.setting:before{content:'\2699'}i.icon.comment:before{content:'\e802'}i.icon.clockwise.counter:before{content:'\27f2'}i.icon.clockwise:before{content:'\27f3'}i.icon.cube:before{content:'\e807'}i.icon.direction:before{content:'\27a2'}i.icon.doc:before{content:'📄'}i.icon.docs:before{content:'\e736'}i.icon.dollar:before{content:'💵'}i.icon.paint:before{content:'\e7b5'}i.icon.edit:before{content:'\270d'}i.icon.eject:before{content:'\2ecf'}i.icon.export:before{content:'\e715'}i.icon.hide:before{content:'\e80f'}i.icon.unhide:before{content:'\e70b'}i.icon.facebook:before{content:'\f301'}i.icon.fast-forward:before{content:'\e804'}i.icon.fire:before{content:'🔥'}i.icon.flag:before{content:'\2691'}i.icon.lightning:before{content:'\26a1'}i.icon.lab:before{content:'\68'}i.icon.flight:before{content:'\2708'}i.icon.forward:before{content:'\27a6'}i.icon.gift:before{content:'🎁'}i.icon.github:before{content:'\f308'}i.icon.globe:before{content:'\e817'}i.icon.headphones:before{content:'🎧'}i.icon.question:before{content:'\2753'}i.icon.home:before{content:'\2302'}i.icon.i:before{content:'\2139'}i.icon.idea:before{content:'💡'}i.icon.open:before{content:'🔗'}i.icon.content:before{content:'\e782'}i.icon.location:before{content:'\e724'}i.icon.mail:before{content:'\2709'}i.icon.mic:before{content:'🎤'}i.icon.minus:before{content:'\2d'}i.icon.money:before{content:'💰'}i.icon.off:before{content:'\e78e'}i.icon.pause:before{content:'\e808'}i.icon.photos:before{content:'\e812'}i.icon.photo:before{content:'🌄'}i.icon.pin:before{content:'📌'}i.icon.play:before{content:'\e809'}i.icon.plus:before{content:'\2b'}i.icon.print:before{content:'\e716'}i.icon.rss:before{content:'\e73a'}i.icon.search:before{content:'🔍'}i.icon.shuffle:before{content:'\e803'}i.icon.tag:before{content:'\e80a'}i.icon.tags:before{content:'\e70d'}i.icon.terminal:before{content:'\e7ac'}i.icon.thumbs.down:before{content:'👎'}i.icon.thumbs.up:before{content:'👍'}i.icon.to-end:before{content:'\e806'}i.icon.to-start:before{content:'\e805'}i.icon.top.list:before{content:'🏆'}i.icon.trash:before{content:'\e729'}i.icon.twitter:before{content:'\f303'}i.icon.upload:before{content:'\e711'}i.icon.user.add:before{content:'\e700'}i.icon.user:before{content:'👤'}i.icon.community:before{content:'\e814'}i.icon.users:before{content:'👥'}i.icon.id:before{content:'\e722'}i.icon.zoom.in:before{content:'\e750'}i.icon.zoom.out:before{content:'\e751'}i.sketchy.icon.camera:before{content:"\f100"}i.sketchy.icon.checkmark.circle:before{font-family:"Sketchy Icons";content:"\f101"}i.sketchy.icon.checkmark:before{font-family:"Sketchy Icons";content:"\f102"}i.sketchy.icon.clock:before{font-family:"Sketchy Icons";content:"\f103"}i.sketchy.icon.comment:before{font-family:"Sketchy Icons";content:"\f104"}i.sketchy.icon.improve:before{font-family:"Sketchy Icons";content:"\f105"}i.sketchy.icon.influence:before{font-family:"Sketchy Icons";content:"\f106"}i.sketchy.icon.invent:before{font-family:"Sketchy Icons";content:"\f107"}i.sketchy.icon.launch:before{font-family:"Sketchy Icons";content:"\f108"}i.sketchy.icon.location:before{font-family:"Sketchy Icons";content:"\f109"}i.sketchy.icon.magnify:before{font-family:"Sketchy Icons";content:"\f10a"}i.sketchy.icon.pencil:before{font-family:"Sketchy Icons";content:"\f10b"}i.sketchy.icon.profile:before{font-family:"Sketchy Icons";content:"\f10c"}i.sketchy.icon.question.circle:before{font-family:"Sketchy Icons";content:"\f10d"}i.sketchy.icon.question:before{font-family:"Sketchy Icons";content:"\f10e"}i.sketchy.icon.share:before{font-family:"Sketchy Icons";content:"\f10f"}i.sketchy.icon.shop:before{font-family:"Sketchy Icons";content:"\f110"}i.sketchy.icon.x.circle:before{font-family:"Sketchy Icons";content:"\f111"}i.sketchy.icon.x:before{font-family:"Sketchy Icons";content:"\f112"}i.dropdown.icon{margin:0 0 0 .5em}i.icon.star{width:auto;margin:0;vertical-align:middle}i.icon.left,i.icon.left,i.icon.left{width:auto;margin:0 .5em 0 0}i.icon.search,i.icon.up,i.icon.down,i.icon.right{width:auto;margin:0 0 0 .5em}i.icon.delete:before{content:'\e80d'}i.icon.dropdown:before{content:'\25be'}i.icon.help:before{content:'\e704'}i.icon.info:before{content:'\e705'}i.icon.error:before{content:'\e80d'}i.icon.dislike:before{content:'\2661'}i.icon.like:before{content:'\2665'}i.icon.eye:before{content:'\e80f'}i.icon.eye.hidden:before{content:'\e70b'}i.icon.date:before{content:'📅'}i.icon.hover{opacity:1}i.icon.active{opacity:1}i.emphasized.icon{opacity:1}i.icon.disabled{opacity:.3}i.link.icon{cursor:pointer;opacity:.7;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.link.icon:hover{opacity:1}i.circular.icon{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;padding:.5em .35em!important;-webkit-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;width:2em;height:2em}i.circular.icon:before{vertical-align:middle}i.circular.inverted.icon{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}i.square.icon{width:2em;height:2em;padding:.5em .35em!important;-webkit-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;vertical-align:baseline}i.square.icon:before{vertical-align:middle}i.square.inverted.icon{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}i.inverted.icon{background-color:#222;color:#FFF}i.blue.icon{color:#6ECFF5!important}i.black.icon{color:#5C6166!important}i.green.icon{color:#A1CF64!important}i.red.icon{color:#EF4D6D!important}i.purple.icon{color:#564F8A!important}i.teal.icon{color:#00B5AD!important}i.inverted.black.icon{background-color:#5C6166!important;color:#FFF!important}i.inverted.blue.icon{background-color:#6ECFF5!important;color:#FFF!important}i.inverted.green.icon{background-color:#A1CF64!important;color:#FFF!important}i.inverted.red.icon{background-color:#EF4D6D!important;color:#FFF!important}i.inverted.purple.icon{background-color:#564F8A!important;color:#FFF!important}i.inverted.teal.icon{background-color:#00B5AD!important;color:#FFF!important}i.small.icon{font-size:.875em}i.icon{font-size:1em}i.large.icon{font-size:3em;margin-right:.5em;vertical-align:middle}i.huge.icon{font-size:6em;margin-right:.75em;vertical-align:middle}i.massive.icon{font-size:12em;margin-right:1em;vertical-align:middle}i.sketchy.circular.icon,i.sketchy.square.icon{padding:.35em!important} \ No newline at end of file +@font-face{font-family:Icons;src:url(../fonts/icons.eot);src:url(../fonts/icons.eot?#iefix) format('embedded-opentype'),url(../fonts/icons.woff) format('woff'),url(../fonts/icons.ttf) format('truetype'),url(../fonts/icons.svg#icons) format('svg');font-style:normal;font-weight:400;font-variant:normal;text-decoration:inherit;text-transform:none}i.icon{display:inline-block;opacity:.75;margin:0 .25em 0 0;width:1.23em;height:1em;font-family:Icons;font-style:normal;line-height:1;font-weight:400;text-decoration:inherit;text-align:center;speak:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-smoothing:antialiased}i.icon.circle.attention:before{content:'\2757'}i.icon.circle.help:before{content:'\e704'}i.icon.circle.info:before{content:'\e705'}i.icon.add:before{content:'\2795'}i.icon.chart:before{content:'📈'}i.icon.chart.bar:before{content:'📊'}i.icon.chart.pie:before{content:'\e7a2'}i.icon.resize.full:before{content:'\e744'}i.icon.resize.horizontal:before{content:'\2b0d'}i.icon.resize.small:before{content:'\e746'}i.icon.resize.vertical:before{content:'\2b0c'}i.icon.down:before{content:'\2193'}i.icon.down.triangle:before{content:'\25be'}i.icon.down.arrow:before{content:'\e75c'}i.icon.left:before{content:'\2190'}i.icon.left.triangle:before{content:'\25c2'}i.icon.left.arrow:before{content:'\e75d'}i.icon.right:before{content:'\2192'}i.icon.right.triangle:before{content:'\25b8'}i.icon.right.arrow:before{content:'\e75e'}i.icon.up:before{content:'\2191'}i.icon.up.triangle:before{content:'\25b4'}i.icon.up.arrow:before{content:'\e75f'}i.icon.folder:before{content:'\e810'}i.icon.open.folder:before{content:'📂'}i.icon.globe:before{content:'𝌍'}i.icon.desk.globe:before{content:'🌐'}i.icon.star:before{content:'\e801'}i.icon.star.empty:before{content:'\e800'}i.icon.star.half:before{content:'\e701'}i.icon.lock:before{content:'🔒'}i.icon.unlock:before{content:'🔓'}i.icon.layout.grid:before{content:'\e80c'}i.icon.layout.block:before{content:'\e708'}i.icon.layout.list:before{content:'\e80b'}i.icon.heart.empty:before{content:'\2661'}i.icon.heart:before{content:'\2665'}i.icon.asterisk:before{content:'\2731'}i.icon.attachment:before{content:'📎'}i.icon.attention:before{content:'\26a0'}i.icon.trophy:before{content:'🏉'}i.icon.barcode:before{content:'\e792'}i.icon.cart:before{content:'\e813'}i.icon.block:before{content:'🚫'}i.icon.book:before{content:'📖'}i.icon.bookmark:before{content:'🔖'}i.icon.calendar:before{content:'📅'}i.icon.cancel:before{content:'\2716'}i.icon.close:before{content:'\e80d'}i.icon.color:before{content:'\e794'}i.icon.chat:before{content:'\e720'}i.icon.check:before{content:'\2611'}i.icon.time:before{content:'🕔'}i.icon.cloud:before{content:'\2601'}i.icon.code:before{content:'\e714'}i.icon.email:before{content:'\40'}i.icon.settings:before{content:'\26ef'}i.icon.setting:before{content:'\2699'}i.icon.comment:before{content:'\e802'}i.icon.clockwise.counter:before{content:'\27f2'}i.icon.clockwise:before{content:'\27f3'}i.icon.cube:before{content:'\e807'}i.icon.direction:before{content:'\27a2'}i.icon.doc:before{content:'📄'}i.icon.docs:before{content:'\e736'}i.icon.dollar:before{content:'💵'}i.icon.paint:before{content:'\e7b5'}i.icon.edit:before{content:'\270d'}i.icon.eject:before{content:'\2ecf'}i.icon.export:before{content:'\e715'}i.icon.hide:before{content:'\e80f'}i.icon.unhide:before{content:'\e70b'}i.icon.facebook:before{content:'\f301'}i.icon.fast-forward:before{content:'\e804'}i.icon.fire:before{content:'🔥'}i.icon.flag:before{content:'\2691'}i.icon.lightning:before{content:'\26a1'}i.icon.lab:before{content:'\68'}i.icon.flight:before{content:'\2708'}i.icon.forward:before{content:'\27a6'}i.icon.gift:before{content:'🎁'}i.icon.github:before{content:'\f308'}i.icon.globe:before{content:'\e817'}i.icon.headphones:before{content:'🎧'}i.icon.question:before{content:'\2753'}i.icon.home:before{content:'\2302'}i.icon.i:before{content:'\2139'}i.icon.idea:before{content:'💡'}i.icon.open:before{content:'🔗'}i.icon.content:before{content:'\e782'}i.icon.location:before{content:'\e724'}i.icon.mail:before{content:'\2709'}i.icon.mic:before{content:'🎤'}i.icon.minus:before{content:'\2d'}i.icon.money:before{content:'💰'}i.icon.off:before{content:'\e78e'}i.icon.pause:before{content:'\e808'}i.icon.photos:before{content:'\e812'}i.icon.photo:before{content:'🌄'}i.icon.pin:before{content:'📌'}i.icon.play:before{content:'\e809'}i.icon.plus:before{content:'\2b'}i.icon.print:before{content:'\e716'}i.icon.rss:before{content:'\e73a'}i.icon.search:before{content:'🔍'}i.icon.shuffle:before{content:'\e803'}i.icon.tag:before{content:'\e80a'}i.icon.tags:before{content:'\e70d'}i.icon.terminal:before{content:'\e7ac'}i.icon.thumbs.down:before{content:'👎'}i.icon.thumbs.up:before{content:'👍'}i.icon.to-end:before{content:'\e806'}i.icon.to-start:before{content:'\e805'}i.icon.top.list:before{content:'🏆'}i.icon.trash:before{content:'\e729'}i.icon.twitter:before{content:'\f303'}i.icon.upload:before{content:'\e711'}i.icon.user.add:before{content:'\e700'}i.icon.user:before{content:'👤'}i.icon.community:before{content:'\e814'}i.icon.users:before{content:'👥'}i.icon.id:before{content:'\e722'}i.icon.zoom.in:before{content:'\e750'}i.icon.zoom.out:before{content:'\e751'}i.dropdown.icon{margin:0 0 0 .5em}i.icon.star{width:auto;margin:0;vertical-align:middle}i.icon.left,i.icon.left,i.icon.left{width:auto;margin:0 .5em 0 0}i.icon.search,i.icon.up,i.icon.down,i.icon.right{width:auto;margin:0 0 0 .5em}i.icon.delete:before{content:'\e80d'}i.icon.dropdown:before{content:'\25be'}i.icon.help:before{content:'\e704'}i.icon.info:before{content:'\e705'}i.icon.error:before{content:'\e80d'}i.icon.dislike:before{content:'\2661'}i.icon.like:before{content:'\2665'}i.icon.eye:before{content:'\e80f'}i.icon.eye.hidden:before{content:'\e70b'}i.icon.date:before{content:'📅'}i.icon.hover{opacity:1}i.icon.active{opacity:1}i.emphasized.icon{opacity:1}i.icon.disabled{opacity:.3}i.link.icon{cursor:pointer;opacity:.7;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.link.icon:hover{opacity:1}i.circular.icon{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;padding:.5em .35em!important;-webkit-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;width:2em;height:2em}i.circular.icon:before{vertical-align:middle}i.circular.inverted.icon{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}i.square.icon{width:2em;height:2em;padding:.5em .35em!important;-webkit-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;box-shadow:0 0 0 .1em rgba(0,0,0,.1) inset;vertical-align:baseline}i.square.icon:before{vertical-align:middle}i.square.inverted.icon{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}i.inverted.icon{background-color:#222;color:#FFF}i.blue.icon{color:#6ECFF5!important}i.black.icon{color:#5C6166!important}i.green.icon{color:#A1CF64!important}i.red.icon{color:#EF4D6D!important}i.purple.icon{color:#564F8A!important}i.teal.icon{color:#00B5AD!important}i.inverted.black.icon{background-color:#5C6166!important;color:#FFF!important}i.inverted.blue.icon{background-color:#6ECFF5!important;color:#FFF!important}i.inverted.green.icon{background-color:#A1CF64!important;color:#FFF!important}i.inverted.red.icon{background-color:#EF4D6D!important;color:#FFF!important}i.inverted.purple.icon{background-color:#564F8A!important;color:#FFF!important}i.inverted.teal.icon{background-color:#00B5AD!important;color:#FFF!important}i.small.icon{font-size:.875em}i.icon{font-size:1em}i.large.icon{font-size:3em;margin-right:.5em;vertical-align:middle}i.huge.icon{font-size:6em;margin-right:.75em;vertical-align:middle}i.massive.icon{font-size:12em;margin-right:1em;vertical-align:middle}i.sketchy.circular.icon,i.sketchy.square.icon{padding:.35em!important} \ No newline at end of file diff --git a/build/minified/elements/image.min.css b/build/minified/elements/image.min.css index d22507db7..5de6e6a22 100644 --- a/build/minified/elements/image.min.css +++ b/build/minified/elements/image.min.css @@ -1 +1 @@ -.ui.feature.image{position:relative;display:inline-block;border:1px solid #CCC;background:#f5f5f5 url(../images/placeholder-subtle.png) no-repeat center center}.ui.feature.image img{display:block}.ui.feature.image:after{position:absolute;top:0;left:0;width:100%;height:100%;content:'';-webkit-box-shadow:0 0 0 3px rgba(255,255,255,.6) inset,0 1px 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 0 3px rgba(255,255,255,.6) inset,0 1px 1px rgba(0,0,0,.3);box-shadow:0 0 0 3px rgba(255,255,255,.6) inset,0 1px 1px rgba(0,0,0,.3);z-index:10}.ui.feature.image,.ui.feature.image img,.ui.feature.image:after{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px} \ No newline at end of file +.ui.image{display:inline-block;vertical-align:middle;max-width:100%;background-color:rgba(0,0,0,.05)}img.ui.image{display:block;background:0}.ui.image img{display:block;max-width:100%;height:auto}.ui.disabled.image{cursor:default;opacity:.3}.ui.rounded.images .image,.ui.rounded.images img,.ui.rounded.image{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.circular.images .image,.ui.circular.images img,.ui.circular.image{margin-right:.5em;-webkit-border-radius:500em;-moz-border-radius:500em;border-radius:500em}.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.image{margin-right:.5em;display:inline-block;width:2em;height:2em;-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.floated.image,.ui.floated.images{float:left;margin-right:.5em}.ui.right.floated.images,.ui.right.floated.image{float:right;margin-left:.5em}.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.image{width:20px;font-size:.7rem}.ui.mini.images .image,.ui.mini.images img,.ui.mini.image{width:35px;font-size:.8rem}.ui.small.images .image,.ui.small.images img,.ui.small.image{width:80px;font-size:.9rem}.ui.medium.images .image,.ui.medium.images img,.ui.medium.image{width:300px;font-size:1rem}.ui.large.images .image,.ui.large.images img,.ui.large.image{width:450px;font-size:1.1rem}.ui.huge.images .image,.ui.huge.images img,.ui.huge.image{width:600px;font-size:1.2rem}.ui.images{font-size:0;margin:0 -.25rem 0rem}.ui.images .image,.ui.images img{display:inline-block;margin:0 .25em .5em} \ No newline at end of file diff --git a/build/minified/elements/input.min.css b/build/minified/elements/input.min.css index 5c81db0f7..a622f3c5d 100644 --- a/build/minified/elements/input.min.css +++ b/build/minified/elements/input.min.css @@ -1 +1 @@ -.ui.input{display:inline-block;position:relative}.ui.input input{width:100%;font-family:"Helvetica Neue",Helvetica,Arial;margin:0;padding:.9em 1.2em;font-size:.825em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-moz-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-o-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-ms-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-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.input::-web inputkit-input-placeholder{color:#E0E0E0}.ui.input::-moz input-placeholder{color:#E0E0E0}.ui.input input:active,.ui.input.down input{border-color:rgba(0,0,0,.3);background-color:#FAFAFA}.ui.input.focus input,.ui.input input:focus{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.85)}.ui.input.focus input input::-webkit-input-placeholder,.ui.input input:focus input::-webkit-input-placeholder{color:#AAA}.ui.input.focus input input::-moz-placeholder,.ui.input input:focus input::-moz-placeholder{color:#AAA}.ui.input.error input{background-color:#FFFAFA;border-color:#E7BEBE;color:#EF4D6D}.ui.input.error input ::-webkit-input-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input ::-moz-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input :focus::-webkit-input-placeholder{color:rgba(255,80,80,.7)}.ui.input.error input :focus::-moz-placeholder{color:rgba(255,80,80,.7)}.ui.icon.input>.icon{position:absolute;top:1px;left:1px;margin:0;border-right:1px solid rgba(0,0,0,.1);background-color:#E8E8E8;width:2.5em;height:2.5em;padding-top:.75em;text-align:center;-webkit-border-radius:.2em 0 0 .2em;-moz-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.ui.icon.input input{padding-left:4em!important;border-right:1px solid rgba(0,0,0,.3)}.ui.icon.input input.error,.ui.icon.input input.focus,.ui.icon.input input:focus{border-left-width:1px;-webkit-border-radius:.3125em!important;-moz-border-radius:.3125em!important;border-radius:.3125em!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.icon.input input:focus~.icon{opacity:1}.ui.labeled.input .corner.label{top:1px;right:1px;-webkit-border-top-right-radius:.3125em;-moz-border-top-right-radius:.3125em;border-top-right-radius:.3125em}.ui.labeled.input input{padding-right:2.5em!important}.ui.action.input .button{position:absolute;top:0;left:100%;opacity:.8;margin:0 0 0 -1px;line-height:1.26;padding:.9em 1.3em!important;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;font-size:.85em;white-space:nowrap}.ui.action.input input{border-top-right-radius:0;border-bottom-right-radius:0}.ui.action.input input:focus~.button{opacity:1;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;box-shadow:0 0 0 1px rgba(0,0,0,.2) inset} \ No newline at end of file +.ui.input{display:inline-block;position:relative}.ui.input input{width:100%;font-family:"Helvetica Neue",Helvetica,Arial;margin:0;padding:.9em 1.2em;font-size:.825em;background-color:#FFF;border:1px solid rgba(0,0,0,.15);outline:0;color:rgba(0,0,0,.7);-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em;-webkit-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-moz-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-o-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-ms-transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;transition:background-color .3s ease-out,box-shadow .2s ease,border-color .2s ease;-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.input::-web inputkit-input-placeholder{color:#E0E0E0}.ui.input::-moz input-placeholder{color:#E0E0E0}.ui.input input:active,.ui.input.down input{border-color:rgba(0,0,0,.3);background-color:#FAFAFA}.ui.input.focus input,.ui.input input:focus{border-color:rgba(0,0,0,.2);color:rgba(0,0,0,.85)}.ui.input.focus input input::-webkit-input-placeholder,.ui.input input:focus input::-webkit-input-placeholder{color:#AAA}.ui.input.focus input input::-moz-placeholder,.ui.input input:focus input::-moz-placeholder{color:#AAA}.ui.input.error input{background-color:#FFFAFA;border-color:#E7BEBE;color:#EF4D6D}.ui.input.error input ::-webkit-input-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input ::-moz-placeholder{color:rgba(255,80,80,.4)}.ui.input.error input :focus::-webkit-input-placeholder{color:rgba(255,80,80,.7)}.ui.input.error input :focus::-moz-placeholder{color:rgba(255,80,80,.7)}.ui.icon.input>.icon{position:absolute;top:1px;left:1px;margin:0;border-right:1px solid rgba(0,0,0,.1);background-color:#E8E8E8;width:2.5em;height:2.5em;padding-top:.75em;text-align:center;-webkit-border-radius:.2em 0 0 .2em;-moz-border-radius:.2em 0 0 .2em;border-radius:.2em 0 0 .2em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.ui.icon.input input{padding-left:4em!important;border-right:1px solid rgba(0,0,0,.3)}.ui.icon.input input.error,.ui.icon.input input.focus,.ui.icon.input input:focus{border-left-width:1px;-webkit-border-radius:.3125em!important;-moz-border-radius:.3125em!important;border-radius:.3125em!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.ui.icon.input input:focus~.icon{opacity:1}.ui.labeled.input .corner.label{top:1px;right:1px;font-size:.6em;-webkit-border-top-right-radius:.3125em;-moz-border-top-right-radius:.3125em;border-top-right-radius:.3125em}.ui.labeled.input input{padding-right:2.5em!important}.ui.action.input .button{position:absolute;top:0;left:100%;opacity:.8;margin:0 0 0 -1px;line-height:1.26;padding:.9em 1.3em!important;border-top-left-radius:0;border-bottom-left-radius:0;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;font-size:.85em;white-space:nowrap}.ui.action.input input{border-top-right-radius:0;border-bottom-right-radius:0}.ui.action.input input:focus~.button{opacity:1;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;box-shadow:0 0 0 1px rgba(0,0,0,.2) inset} \ No newline at end of file diff --git a/build/minified/elements/label.min.css b/build/minified/elements/label.min.css index d4ff3bc63..573c5460a 100644 --- a/build/minified/elements/label.min.css +++ b/build/minified/elements/label.min.css @@ -1 +1 @@ -.ui.label{display:inline-block;vertical-align:middle;background-color:#E8E8E8;padding:.5em .8em;color:rgba(0,0,0,.65);text-transform:uppercase;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}a.ui.label{cursor:pointer}.ui.label.disabled{opacity:.5}.ui.label .detail{display:inline-block;margin-left:.5em;font-weight:700;opacity:.8}.ui.label .icon.close{cursor:pointer;margin-left:.5em;opacity:.7;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}a.ui.labels .label:hover,a.ui.label:hover{background-color:#E0E0E0;color:rgba(0,0,0,.7)}.ui.labels a.label:hover:before,a.ui.label:hover:before{background-color:#E0E0E0;color:rgba(0,0,0,.7)}.ui.label .icon.close:hover{opacity:1}.ui.tag.labels .label,.ui.tag.label{margin-left:1em;position:relative;padding:.33em 1.3em .33em 1.4em;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.ui.tag.labels .label:before,.ui.tag.label:before{position:absolute;top:.3em;left:.3em;content:'';margin-left:-1em;background-image:none;width:1.5em;height:1.5em;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}.ui.tag.labels .label:after,.ui.tag.label:after{position:absolute;content:'';top:50%;left:-.25em;margin-top:-.3em;background-color:#FFF;width:.55em;height:.55em;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}.ui.top.attached.label,.ui.attached.label{width:100%;position:absolute;top:0;left:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}.ui.bottom.attached.label{top:auto;bottom:0;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.ui.top.left.attached.label{width:auto;margin-top:0!important;-webkit-border-radius:4px 0 0;-moz-border-radius:4px 0 0;border-radius:4px 0 0}.ui.top.right.attached.label{width:auto;left:auto;right:0;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.ui.bottom.left.attached.label{width:auto;top:auto;bottom:0;-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px}.ui.bottom.right.attached.label{width:auto;-webkit-border-radius:0 0 4px;-moz-border-radius:0 0 4px;border-radius:0 0 4px}.ui.corner.label{background-color:transparent;position:absolute;top:0;right:0;z-index:10;width:1.75em;height:1.75em;padding:0;font-size:.9em;text-align:center;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease;-ms-transition:color .2s ease;transition:color .2s ease}.ui.corner.label:after{position:absolute;content:"";right:0;top:0;z-index:-1;width:0;height:0;border-color:transparent #E8E8E8 transparent transparent;border-style:solid;border-width:0 2.75em 2.75em 0;-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-o-transition:border-color .2s ease;-ms-transition:border-color .2s ease;transition:border-color .2s ease}.ui.corner.label .icon{margin:.35em 0;vertical-align:top}.ui.corner.label .text{display:inline-block;margin:.7em 0 0;width:2.5em;font-size:.7em;text-align:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.ui.left.corner.label,.ui.left.corner.label:after{right:auto;left:0}.ui.left.corner.label:after{border-width:2.75em 2.75em 0 0;border-color:#E8E8E8 transparent transparent}.ui.left.corner.label .text{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.corner.label:hover{background-color:transparent}a.ui.corner.label:hover::after{border-right-color:#E0E0E0}a.ui.left.corner.label:hover::after{border-right-color:transparent;border-top-color:#E0E0E0}.ui.label.fluid,.ui.fluid.labels>.label{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.inverted.labels .label,.ui.inverted.label{color:#FFF!important}.ui.black.labels .label,.ui.black.label{background-color:#5C6166!important;color:#FFF!important}.ui.labels .black.label:before,.ui.black.labels .label:before,.ui.black.label:before{background-color:#5C6166!important}a.ui.black.labels .label:hover,a.ui.black.label:hover{background-color:#888!important}.ui.labels a.black.label:hover:before,.ui.black.labels a.label:hover:before,a.ui.black.label:hover:before{background-color:#888!important}.ui.green.labels .label,.ui.green.label{background-color:#A1CF64!important;color:#FFF!important}.ui.labels .green.label:before,.ui.green.labels .label:before,.ui.green.label:before{background-color:#A1CF64!important}a.ui.green.labels .label:hover,a.ui.green.label:hover{background-color:#89B84C!important}.ui.labels a.green.label:hover:before,.ui.green.labels a.label:hover:before,a.ui.green.label:hover:before{background-color:#89B84C!important}.ui.red.labels .label,.ui.red.label{background-color:#EF4D6D!important;color:#FFF!important}.ui.labels .red.label:before,.ui.red.labels .label:before,.ui.red.label:before{background-color:#EF4D6D!important}.ui.red.corner.label{background-color:transparent}a.ui.red.labels .label:hover,a.ui.red.label:hover{background-color:#DE3859!important;color:#FFF!important}.ui.labels a.red.label:hover:before,.ui.red.labels a.label:hover:before,a.ui.red.label:hover:before{background-color:#DE3859!important}.ui.blue.labels .label,.ui.blue.label{background-color:#6ECFF5!important;color:#FFF!important}.ui.labels .blue.label:before,.ui.blue.labels .label:before,.ui.blue.label:before{background-color:#6ECFF5!important}a.ui.blue.labels .label:hover,.ui.blue.labels a.label:hover,a.ui.blue.label:hover{background-color:#1AB8F3!important;color:#FFF!important}.ui.labels a.blue.label:hover:before,.ui.blue.labels a.label:hover:before,a.ui.blue.label:hover:before{background-color:#1AB8F3!important}.ui.purple.labels .label,.ui.purple.label{background-color:#564F8A!important;color:#FFF!important}.ui.labels .purple.label:before,.ui.purple.labels .label:before,.ui.purple.label:before{background-color:#564F8A!important}a.ui.purple.labels .label:hover,.ui.purple.labels a.label:hover,a.ui.purple.label:hover{background-color:#3E3773!important;color:#FFF!important}.ui.labels a.purple.label:hover:before,.ui.purple.labels a.label:hover:before,a.ui.purple.label:hover:before{background-color:#3E3773!important}.ui.teal.labels .label,.ui.teal.label{background-color:#00B5AD!important;color:#FFF!important}.ui.labels .teal.label:before,.ui.teal.labels .label:before,.ui.teal.label:before{background-color:#00B5AD!important}a.ui.teal.labels .label:hover,.ui.teal.labels a.label:hover,a.ui.teal.label:hover{background-color:#009A93!important;color:#FFF!important}.ui.labels a.teal.label:hover:before,.ui.teal.labels a.label:hover:before,a.ui.teal.tag.label:hover:before{background-color:#009A93!important}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{position:absolute;content:"";width:.6em;height:.6em;background-image:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}.ui.pointing.label:before{background-color:#E8E8E8}.ui.pointing.label,.ui.pointing.above.label{margin-top:1em}.ui.pointing.label:before,.ui.pointing.above.label:before{margin-left:-.3em;top:-.3em;left:50%}.ui.pointing.below.label{margin-top:0;margin-bottom:1em}.ui.pointing.below.label:before{margin-left:-.3em;top:auto;right:auto;bottom:-.3em;left:50%}.ui.pointing.left.label{margin-top:0;margin-left:1em}.ui.pointing.left.label:before{margin-top:-.3em;bottom:auto;right:auto;top:50%;left:0}.ui.pointing.right.label{margin-top:0;margin-right:1em}.ui.pointing.right.label:before{margin-top:-.3em;right:-.3em;top:50%;bottom:auto;left:auto}.ui.floating.label{position:absolute;z-index:100;top:-1em;left:100%;margin:0 0 0 -1.5em!important;-webkit-box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset}.ui.label{font-size:.8rem}.ui.small.labels .label,.ui.small.label{font-size:.7rem}.ui.large.labels .label,.ui.large.label{font-size:1rem} \ No newline at end of file +.ui.label{display:inline-block;vertical-align:middle;margin:-.5em .25em 0;background-color:#E8E8E8;padding:.5em .8em;color:rgba(0,0,0,.65);text-transform:uppercase;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}a.ui.label{cursor:pointer}.ui.label.disabled{opacity:.5}.ui.label .detail{display:inline-block;margin-left:.5em;font-weight:700;opacity:.8}.ui.label .icon.close{cursor:pointer;margin-left:.5em;opacity:.7;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}a.ui.labels .label:hover,a.ui.label:hover{background-color:#E0E0E0;color:rgba(0,0,0,.7)}.ui.labels a.label:hover:before,a.ui.label:hover:before{background-color:#E0E0E0;color:rgba(0,0,0,.7)}.ui.label .icon.close:hover{opacity:1}.ui.tag.labels .label,.ui.tag.label{margin-left:1em;position:relative;padding:.33em 1.3em .33em 1.4em;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0}.ui.tag.labels .label:before,.ui.tag.label:before{position:absolute;top:.3em;left:.3em;content:'';margin-left:-1em;background-image:none;width:1.5em;height:1.5em;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}.ui.tag.labels .label:after,.ui.tag.label:after{position:absolute;content:'';top:50%;left:-.25em;margin-top:-.3em;background-color:#FFF;width:.55em;height:.55em;-webkit-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}.ui.top.attached.label,.ui.attached.label{width:100%;position:absolute;margin:0;top:0;left:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.label{top:auto;bottom:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.top.left.attached.label{width:auto;margin-top:0!important;-webkit-border-radius:.3125em 0;-moz-border-radius:.3125em 0;border-radius:.3125em 0}.ui.top.right.attached.label{width:auto;left:auto;right:0;-webkit-border-radius:0 .3125em;-moz-border-radius:0 .3125em;border-radius:0 .3125em}.ui.bottom.left.attached.label{width:auto;top:auto;bottom:0;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.bottom.right.attached.label{width:auto;-webkit-border-radius:.3125em 0;-moz-border-radius:.3125em 0;border-radius:.3125em 0}.ui.corner.label{background-color:transparent;position:absolute;top:0;right:0;z-index:10;margin:0;width:1.75em;height:1.75em;padding:0;font-size:.9em;text-align:center;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease;-ms-transition:color .2s ease;transition:color .2s ease}.ui.corner.label:after{position:absolute;content:"";right:0;top:0;z-index:-1;width:0;height:0;border-color:transparent #E8E8E8 transparent transparent;border-style:solid;border-width:0 2.75em 2.75em 0;-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-o-transition:border-color .2s ease;-ms-transition:border-color .2s ease;transition:border-color .2s ease}.ui.corner.label .icon{margin:.35em 0;vertical-align:top}.ui.corner.label .text{display:inline-block;margin:.7em 0 0;width:2.5em;font-size:.7em;text-align:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.ui.left.corner.label,.ui.left.corner.label:after{right:auto;left:0}.ui.left.corner.label:after{border-width:2.75em 2.75em 0 0;border-color:#E8E8E8 transparent transparent}.ui.left.corner.label .text{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.corner.label:hover{background-color:transparent}a.ui.corner.label:hover::after{border-right-color:#E0E0E0}a.ui.left.corner.label:hover::after{border-right-color:transparent;border-top-color:#E0E0E0}.ui.label.fluid,.ui.fluid.labels>.label{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.inverted.labels .label,.ui.inverted.label{color:#FFF!important}.ui.black.labels .label,.ui.black.label{background-color:#5C6166!important;color:#FFF!important}.ui.labels .black.label:before,.ui.black.labels .label:before,.ui.black.label:before{background-color:#5C6166!important}a.ui.black.labels .label:hover,a.ui.black.label:hover{background-color:#888!important}.ui.labels a.black.label:hover:before,.ui.black.labels a.label:hover:before,a.ui.black.label:hover:before{background-color:#888!important}.ui.green.labels .label,.ui.green.label{background-color:#A1CF64!important;color:#FFF!important}.ui.labels .green.label:before,.ui.green.labels .label:before,.ui.green.label:before{background-color:#A1CF64!important}a.ui.green.labels .label:hover,a.ui.green.label:hover{background-color:#89B84C!important}.ui.labels a.green.label:hover:before,.ui.green.labels a.label:hover:before,a.ui.green.label:hover:before{background-color:#89B84C!important}.ui.red.labels .label,.ui.red.label{background-color:#EF4D6D!important;color:#FFF!important}.ui.labels .red.label:before,.ui.red.labels .label:before,.ui.red.label:before{background-color:#EF4D6D!important}.ui.red.corner.label{background-color:transparent}a.ui.red.labels .label:hover,a.ui.red.label:hover{background-color:#DE3859!important;color:#FFF!important}.ui.labels a.red.label:hover:before,.ui.red.labels a.label:hover:before,a.ui.red.label:hover:before{background-color:#DE3859!important}.ui.blue.labels .label,.ui.blue.label{background-color:#6ECFF5!important;color:#FFF!important}.ui.labels .blue.label:before,.ui.blue.labels .label:before,.ui.blue.label:before{background-color:#6ECFF5!important}a.ui.blue.labels .label:hover,.ui.blue.labels a.label:hover,a.ui.blue.label:hover{background-color:#1AB8F3!important;color:#FFF!important}.ui.labels a.blue.label:hover:before,.ui.blue.labels a.label:hover:before,a.ui.blue.label:hover:before{background-color:#1AB8F3!important}.ui.purple.labels .label,.ui.purple.label{background-color:#564F8A!important;color:#FFF!important}.ui.labels .purple.label:before,.ui.purple.labels .label:before,.ui.purple.label:before{background-color:#564F8A!important}a.ui.purple.labels .label:hover,.ui.purple.labels a.label:hover,a.ui.purple.label:hover{background-color:#3E3773!important;color:#FFF!important}.ui.labels a.purple.label:hover:before,.ui.purple.labels a.label:hover:before,a.ui.purple.label:hover:before{background-color:#3E3773!important}.ui.teal.labels .label,.ui.teal.label{background-color:#00B5AD!important;color:#FFF!important}.ui.labels .teal.label:before,.ui.teal.labels .label:before,.ui.teal.label:before{background-color:#00B5AD!important}a.ui.teal.labels .label:hover,.ui.teal.labels a.label:hover,a.ui.teal.label:hover{background-color:#009A93!important;color:#FFF!important}.ui.labels a.teal.label:hover:before,.ui.teal.labels a.label:hover:before,a.ui.teal.tag.label:hover:before{background-color:#009A93!important}.ui.circular.label{margin-right:.5em;margin-top:-1em;width:2em;height:2em;padding:.5em;line-height:1em;text-align:center}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{position:absolute;content:"";width:.6em;height:.6em;background-image:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:2;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}.ui.pointing.label:before{background-color:#E8E8E8}.ui.pointing.label,.ui.pointing.above.label{margin-top:1em}.ui.pointing.label:before,.ui.pointing.above.label:before{margin-left:-.3em;top:-.3em;left:50%}.ui.pointing.below.label{margin-top:0;margin-bottom:1em}.ui.pointing.below.label:before{margin-left:-.3em;top:auto;right:auto;bottom:-.3em;left:50%}.ui.pointing.left.label{margin-top:0;margin-left:1em}.ui.pointing.left.label:before{margin-top:-.3em;bottom:auto;right:auto;top:50%;left:0}.ui.pointing.right.label{margin-top:0;margin-right:1em}.ui.pointing.right.label:before{margin-top:-.3em;right:-.3em;top:50%;bottom:auto;left:auto}.ui.floating.label{position:absolute;z-index:100;top:-1em;left:100%;margin:0 0 0 -1.5em!important;-webkit-box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 -2px 0 0 rgba(0,0,0,.1) inset}.ui.label{font-size:.8rem}.ui.small.labels .label,.ui.small.label{font-size:.7rem}.ui.large.labels .label,.ui.large.label{font-size:1rem} \ No newline at end of file diff --git a/build/minified/elements/loader.min.css b/build/minified/elements/loader.min.css index 59e2bd508..4113663c2 100644 --- a/build/minified/elements/loader.min.css +++ b/build/minified/elements/loader.min.css @@ -1 +1 @@ -.ui.loader{display:inline-block;width:32px;height:32px;background:url(../images/loader-medium.gif) no-repeat;background-position:48% 0}.ui.loader.center{position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;z-index:1000}.ui.loader.large{width:64px;height:64px;background-image:url(../images/loader-large.gif)}.ui.loader.large.center{margin:-32px 0 0 -32px}.ui.loader.small{width:24px;height:24px;background-image:url(../images/loader-small.gif)}.ui.loader.small.center{margin:-12px 0 0 -12px}.ui.loader.tiny{width:16px;height:16px;background-image:url(../images/loader-tiny.gif)}.ui.loader.tiny.center{margin:-8px 0 0 -8px}.ui.loader.text{width:auto!important;height:auto!important;text-align:center;font-style:normal;margin-top:-28px;min-width:32px;padding-top:40px;font-size:14px;font-weight:700}.ui.loader.text.tiny{margin-top:-16px;min-width:16px;padding-top:20px;font-size:11px}.ui.loader.text.small{margin-top:-23px;min-width:24px;padding-top:32px;font-size:13px}.ui.loader.text.large{margin-top:-46px;min-width:64px;padding-top:80px;font-size:16px}.ui.loader.text.blue{color:#fff}.ui.loader.tiny.blue{background-image:url(../images/loader-blue-tiny.gif)}.ui.loader.small.blue{background-image:url(../images/loader-blue-small.gif)}.ui.loader.blue{background-image:url(../images/loader-blue-medium.gif)}.ui.loader.large.blue{background-image:url(../images/loader-blue-large.gif)} \ No newline at end of file +.ui.loader{display:none;position:absolute;top:50%;left:50%;margin:-16px 0 0 -16px;z-index:1000}.ui.dimmer .loader{display:block}.ui.loader.text{width:auto!important;height:auto!important;text-align:center;font-style:normal;margin-top:-28px;min-width:32px;padding-top:40px;font-size:14px}.ui.loader.text.mini{margin-top:-16px;min-width:16px;padding-top:20px;font-size:11px}.ui.loader.text.small{margin-top:-23px;min-width:24px;padding-top:32px;font-size:13px}.ui.loader.text.large{margin-top:-46px;min-width:64px;padding-top:80px;font-size:16px}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.dimmer .ui.text.loader,.ui.inverted.text.loader{color:#FFF}.ui.dimmer .mini.ui.loader,.ui.inverted .mini.ui.loader{background-image:url(../images/loader-mini-inverted.gif)}.ui.dimmer .small.ui.loader,.ui.inverted .small.ui.loader{background-image:url(../images/loader-small-inverted.gif)}.ui.dimmer .ui.loader,.ui.inverted.loader{background-image:url(../images/loader-medium-inverted.gif)}.ui.dimmer .large.ui.loader,.ui.inverted .large.ui.loader{background-image:url(../images/loader-large-inverted.gif)}.ui.inverted.dimmer .ui.loader.mini,.ui.loader.mini{width:16px;height:16px;background-image:url(../images/loader-mini.gif);margin:-8px 0 0 -8px}.ui.inverted.dimmer .ui.loader.small,.ui.loader.small{width:24px;height:24px;background-image:url(../images/loader-small.gif);margin:-12px 0 0 -12px}.ui.inverted.dimmer .ui.loader,.ui.loader{width:32px;height:32px;background:url(../images/loader-medium.gif) no-repeat;background-position:48% 0}.ui.inverted.dimmer .ui.loader.large,.ui.loader.large{width:64px;height:64px;background-image:url(../images/loader-large.gif);margin:-32px 0 0 -32px}.ui.inline.loader{display:inline-block;vertical-align:middle;margin:0} \ No newline at end of file diff --git a/build/minified/elements/segment.min.css b/build/minified/elements/segment.min.css index 54ae2cc15..5a8a339af 100644 --- a/build/minified/elements/segment.min.css +++ b/build/minified/elements/segment.min.css @@ -1 +1 @@ -.ui.segment{position:relative;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);margin:1em 0;padding:1.3em 1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.segment:first-child{margin-top:0}.ui.segment:last-child{margin-bottom:0}.ui.segment:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.ui.horizontal.segment{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:1px 0 0 rgba(0,0,0,.1);-moz-box-shadow:1px 0 0 rgba(0,0,0,.1);box-shadow:1px 0 0 rgba(0,0,0,.1)}.ui.segment>:first-child{margin-top:0}.ui.segment>:last-child{margin-bottom:0}.ui.segment>:only-child{margin:0}.ui.segment>.attached.label:first-child+*{margin-top:2em}.ui.segment>.bottom.attached.label:first-child~:last-child{margin-top:0;margin-bottom:2em}.ui.disabled.segment{opacity:.8;color:#DDD}.ui.basic.segment{position:relative;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.fitted.segment{padding:0}.ui.blue.segment{border-top:.2em solid #6ECFF5}.ui.green.segment{border-top:.2em solid #A1CF64}.ui.red.segment{border-top:.2em solid #EF4D6D}.ui.purple.segment{border-top:.2em solid #564F8A}.ui.teal.segment{border-top:.2em solid #00B5AD}.ui.inverted.black.segment{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.segment{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.segment{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.segment{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.segment{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.segment{background-color:#00B5AD!important;color:#FFF!important}.ui.left.aligned.segment{text-align:left}.ui.right.aligned.segment{text-align:right}.ui.center.aligned.segment{text-align:center}.ui.floated.segment,.ui.left.floated.segment{float:left}.ui.right.floated.segment{float:right}.ui.piled.segment{-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.15);-ms-box-shadow:0 0 1px 1px rgba(0,0,0,.15);-o-box-shadow:0 0 1px 1px rgba(0,0,0,.15);box-shadow:0 0 1px 1px rgba(0,0,0,.15)}.ui.piled.segment:after,.ui.piled.segment:before{background-color:#FFF;visibility:visible;content:"";display:block;height:100%;left:-1px;position:absolute;width:100%;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 1px 1px rgba(0,0,0,.1)}.ui.piled.segment:after{-webkit-transform:rotate(1.5deg);-moz-transform:rotate(1.5deg);-ms-transform:rotate(1.5deg);-o-transform:rotate(1.5deg);transform:rotate(1.5deg);top:0;z-index:-1}.ui.piled.segment:before{-webkit-transform:rotate(-1.9deg);-moz-transform:rotate(-1.9deg);-ms-transform:rotate(-1.9deg);-o-transform:rotate(-1.9deg);transform:rotate(-1.9deg);top:0;z-index:-2}.ui.stacked.segment{padding-bottom:1.7em}.ui.stacked.segment:after,.ui.stacked.segment:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.02);width:100%;height:5px;visibility:visible}.ui.stacked.segment:before{bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before{background-color:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.35)}.ui.raised.segment{-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);box-shadow:0 1px 2px 1px rgba(0,0,0,.1)}.ui.inverted.segment{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#555;color:#FFF}.ui.primary.segment{background-color:#FFF;color:#555}.ui.secondary.segment{background-color:#F5F5F5;color:#777}.ui.tertiary.segment{background-color:#EBEBEB;color:#B0B0B0}.ui.secondary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.3)));background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);color:#FAFAFA}.ui.tertiary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.6)));background-image:-webkit-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);color:#EEE}.ui.segment.attached{top:-1px;bottom:-1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin:0;-moz-box-shadow:0 0 0 1px #DDD;-webkit-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.top.attached.segment{top:-1px;bottom:0;margin-top:1em;margin-bottom:0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.segment.bottom.attached{top:0;bottom:-1px;margin-top:0;margin-bottom:1em;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px} \ No newline at end of file +.ui.segment{position:relative;background-color:#FFF;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);margin:1em 0;padding:1.3em 1em;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.segment:first-child{margin-top:0}.ui.segment:last-child{margin-bottom:0}.ui.segment:after{content:".";display:block;height:0;clear:both;visibility:hidden}.ui.vertical.segment{margin:0;padding-left:0;padding-right:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);-moz-box-shadow:0 -1px 0 rgba(0,0,0,.1);box-shadow:0 -1px 0 rgba(0,0,0,.1)}.ui.horizontal.segment{margin:0;padding-top:0;padding-bottom:0;background-color:transparent;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:1px 0 0 rgba(0,0,0,.1);-moz-box-shadow:1px 0 0 rgba(0,0,0,.1);box-shadow:1px 0 0 rgba(0,0,0,.1)}.ui.pointing.menu+.ui.attached.segment{top:1px}.ui.segment>:first-child{margin-top:0}.ui.segment>:last-child{margin-bottom:0}.ui.segment>:only-child{margin:0}.ui.segment>.attached.label:first-child+*{margin-top:2em}.ui.segment>.bottom.attached.label:first-child~:last-child{margin-top:0;margin-bottom:2em}.ui.disabled.segment{opacity:.8;color:#DDD}.ui.basic.segment{position:relative;background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui.fitted.segment{padding:0}.ui.blue.segment{border-top:.2em solid #6ECFF5}.ui.green.segment{border-top:.2em solid #A1CF64}.ui.red.segment{border-top:.2em solid #EF4D6D}.ui.purple.segment{border-top:.2em solid #564F8A}.ui.teal.segment{border-top:.2em solid #00B5AD}.ui.inverted.black.segment{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.segment{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.segment{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.segment{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.segment{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.segment{background-color:#00B5AD!important;color:#FFF!important}.ui.left.aligned.segment{text-align:left}.ui.right.aligned.segment{text-align:right}.ui.center.aligned.segment{text-align:center}.ui.floated.segment,.ui.left.floated.segment{float:left}.ui.right.floated.segment{float:right}.ui.piled.segment{-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.15);-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.15);-ms-box-shadow:0 0 1px 1px rgba(0,0,0,.15);-o-box-shadow:0 0 1px 1px rgba(0,0,0,.15);box-shadow:0 0 1px 1px rgba(0,0,0,.15)}.ui.piled.segment:after,.ui.piled.segment:before{background-color:#FFF;visibility:visible;content:"";display:block;height:100%;left:-1px;position:absolute;width:100%;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 1px 1px rgba(0,0,0,.1)}.ui.piled.segment:after{-webkit-transform:rotate(1.5deg);-moz-transform:rotate(1.5deg);-ms-transform:rotate(1.5deg);-o-transform:rotate(1.5deg);transform:rotate(1.5deg);top:0;z-index:-1}.ui.piled.segment:before{-webkit-transform:rotate(-1.9deg);-moz-transform:rotate(-1.9deg);-ms-transform:rotate(-1.9deg);-o-transform:rotate(-1.9deg);transform:rotate(-1.9deg);top:0;z-index:-2}.ui.stacked.segment{padding-bottom:1.7em}.ui.stacked.segment:after,.ui.stacked.segment:before{content:'';position:absolute;bottom:-3px;left:0;border-top:1px solid rgba(0,0,0,.1);background-color:rgba(0,0,0,.02);width:100%;height:5px;visibility:visible}.ui.stacked.segment:before{bottom:0}.ui.stacked.inverted.segment:after,.ui.stacked.inverted.segment:before{background-color:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.35)}.ui.raised.segment{-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 2px 1px rgba(0,0,0,.1);box-shadow:0 1px 2px 1px rgba(0,0,0,.1)}.ui.inverted.segment{border:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.ui.inverted.segment,.ui.primary.inverted.segment{background-color:#555;color:#FFF}.ui.primary.segment{background-color:#FFF;color:#555}.ui.secondary.segment{background-color:#F5F5F5;color:#777}.ui.tertiary.segment{background-color:#EBEBEB;color:#B0B0B0}.ui.secondary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.3)),to(rgba(255,255,255,.3)));background-image:-webkit-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);background-image:linear-gradient(rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%);color:#FAFAFA}.ui.tertiary.inverted.segment{background-color:#555;background-image:-webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.6)),to(rgba(255,255,255,.6)));background-image:-webkit-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-moz-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:-o-linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);background-image:linear-gradient(rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 100%);color:#EEE}.ui.segment.attached{top:-1px;bottom:-1px;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;margin:0;-moz-box-shadow:0 0 0 1px #DDD;-webkit-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.top.attached.segment{top:0;bottom:-1px;margin-top:1em;margin-bottom:0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}.ui.segment.bottom.attached{top:-1px;bottom:0;margin-top:0;margin-bottom:1em;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px} \ No newline at end of file diff --git a/build/minified/elements/step.min.css b/build/minified/elements/step.min.css index 43c3353a3..aeb3d8dff 100644 --- a/build/minified/elements/step.min.css +++ b/build/minified/elements/step.min.css @@ -1 +1 @@ -.ui.step,.ui.steps .step{display:inline-block;position:relative;padding:1em 2em 1em 3em;background-color:#FFF;-webkit-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,background .1s ease,box-shadow .1s ease;color:#888}.ui.step:after,.ui.steps .step:after{position:absolute;z-index:2;content:'';top:0;right:-1.48em;border-bottom:1.5em solid transparent;border-left:1.5em solid #FFF;border-top:1.5em solid transparent;width:0;height:0}.ui.steps{cursor:pointer;display:inline-block;font-size:0;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:.3125rem;-webkit-border-radius:.3125rem;border-radius:.3125rem}.ui.steps .step:first-child{padding-left:1.35em;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.steps .step:last-child{-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}.ui.steps .step:only-child{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.steps .step:last-child{margin-right:0}.ui.steps .step:last-child:after{display:none}.ui.step:hover,.ui.step.hover{background-color:#F7F7F7;color:rgba(0,0,0,.8)}.ui.steps .step.hover:after,.ui.steps .step:hover:after,.ui.step:hover,.ui.step.hover::after{border-left-color:#F7F7F7}.ui.steps .step.down,.ui.steps .step:active,.ui.step.down,.ui.step:active{background-color:#F0F0F0}.ui.steps .step.down:after,.ui.steps .step:active:after,.ui.steps.down::after,.ui.steps:active::after{border-left-color:#F0F0F0}.ui.steps .step.active,.ui.active.step{cursor:auto;background-color:#555;color:#FFF;font-weight:700}.ui.steps .step.active:after,.ui.active.step:after{border-left-color:#555}.ui.steps .disabled.step,.ui.disabled.step{cursor:auto;background-color:#FFF;color:#CBCBCB}.ui.steps .disabled.step:after,.ui.disabled.step:after{border-left-color:#FFF}.attached.ui.steps{margin:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.attached.ui.steps .step:first-child{-webkit-border-radius:.3125em 0 0;-moz-border-radius:.3125em 0 0;border-radius:.3125em 0 0}.attached.ui.steps .step:last-child{-webkit-border-radius:0 .3125em 0 0;-moz-border-radius:0 .3125em 0 0;border-radius:0 .3125em 0 0}.bottom.attached.ui.steps{margin-top:-1px;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.bottom.attached.ui.steps .step:first-child{-webkit-border-radius:0 0 0 .3125em;-moz-border-radius:0 0 0 .3125em;border-radius:0 0 0 .3125em}.bottom.attached.ui.steps .step:last-child{-webkit-border-radius:0 0 .3125em;-moz-border-radius:0 0 .3125em;border-radius:0 0 .3125em}.ui.steps.fluid,.ui.steps.fluid>.step{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.steps.two.fluid>.step{width:50%}.ui.steps.three.fluid>.step{width:33.333%}.ui.steps.four.fluid>.step{width:25%}.ui.steps.five.fluid>.step{width:20%}.ui.steps.six.fluid>.step{width:16.666%}.ui.steps.seven.fluid>.step{width:14.285%}.ui.steps.eight.fluid>.step{width:12.5%}.ui.small.step,.ui.small.steps .step{font-size:.8rem}.ui.step,.ui.steps .step{font-size:1rem}.ui.large.step,.ui.large.steps .step{font-size:1.25rem} \ No newline at end of file +.ui.step,.ui.steps .step{display:inline-block;position:relative;height:1em;padding:1em 2em 1em 3em;vertical-align:top;background-color:#FFF;color:#888}.ui.step:after,.ui.steps .step:after{position:absolute;z-index:2;content:'';top:0;right:-1.48em;border-bottom:1.5em solid transparent;border-left:1.5em solid #FFF;border-top:1.5em solid transparent;width:0;height:0}.ui.step,.ui.steps .step,.ui.steps .step:after{-webkit-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-moz-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-o-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;-ms-transition:opacity .1s ease,color .1s ease,box-shadow .1s ease;transition:opacity .1s ease,color .1s ease,box-shadow .1s ease}.ui.steps{cursor:pointer;display:inline-block;font-size:0;-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);line-height:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:.3125rem;-webkit-border-radius:.3125rem;border-radius:.3125rem}.ui.steps .step:first-child{padding-left:1.35em;-webkit-border-radius:.3125em 0 0 .3125em;-moz-border-radius:.3125em 0 0 .3125em;border-radius:.3125em 0 0 .3125em}.ui.steps .step:last-child{-webkit-border-radius:0 .3125em .3125em 0;-moz-border-radius:0 .3125em .3125em 0;border-radius:0 .3125em .3125em 0}.ui.steps .step:only-child{-webkit-border-radius:.3125em;-moz-border-radius:.3125em;border-radius:.3125em}.ui.steps .step:last-child{margin-right:0}.ui.steps .step:last-child:after{display:none}.ui.step:hover,.ui.step.hover{background-color:#F7F7F7;color:rgba(0,0,0,.8)}.ui.steps .step.hover:after,.ui.steps .step:hover:after,.ui.step:hover,.ui.step.hover::after{border-left-color:#F7F7F7}.ui.steps .step.down,.ui.steps .step:active,.ui.step.down,.ui.step:active{background-color:#F0F0F0}.ui.steps .step.down:after,.ui.steps .step:active:after,.ui.steps.down::after,.ui.steps:active::after{border-left-color:#F0F0F0}.ui.steps .step.active,.ui.active.step{cursor:auto;background-color:#555;color:#FFF;font-weight:700}.ui.steps .step.active:after,.ui.active.steps:after{border-left-color:#555}.ui.steps .disabled.step,.ui.disabled.step{cursor:auto;background-color:#FFF;color:#CBCBCB}.ui.disabled.step:after{border:0;background-color:#FFF;top:.42em;right:-1em;width:2.15em;height:2.15em;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset;box-shadow:-1px -1px 0 0 rgba(0,0,0,.1) inset}.attached.ui.steps{margin:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.attached.ui.steps .step:first-child{-webkit-border-radius:.3125em 0 0;-moz-border-radius:.3125em 0 0;border-radius:.3125em 0 0}.attached.ui.steps .step:last-child{-webkit-border-radius:0 .3125em 0 0;-moz-border-radius:0 .3125em 0 0;border-radius:0 .3125em 0 0}.bottom.attached.ui.steps{margin-top:-1px;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.bottom.attached.ui.steps .step:first-child{-webkit-border-radius:0 0 0 .3125em;-moz-border-radius:0 0 0 .3125em;border-radius:0 0 0 .3125em}.bottom.attached.ui.steps .step:last-child{-webkit-border-radius:0 0 .3125em;-moz-border-radius:0 0 .3125em;border-radius:0 0 .3125em}.ui.steps.fluid,.ui.steps.fluid>.step{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.steps.two.fluid>.step{width:50%}.ui.steps.three.fluid>.step{width:33.333%}.ui.steps.four.fluid>.step{width:25%}.ui.steps.five.fluid>.step{width:20%}.ui.steps.six.fluid>.step{width:16.666%}.ui.steps.seven.fluid>.step{width:14.285%}.ui.steps.eight.fluid>.step{width:12.5%}.ui.small.step,.ui.small.steps .step{font-size:.8rem}.ui.step,.ui.steps .step{font-size:1rem}.ui.large.step,.ui.large.steps .step{font-size:1.25rem} \ No newline at end of file diff --git a/build/minified/images/loader-large-inverted.gif b/build/minified/images/loader-large-inverted.gif new file mode 100644 index 000000000..ee5283f10 Binary files /dev/null and b/build/minified/images/loader-large-inverted.gif differ diff --git a/build/minified/images/loader-medium-inverted.gif b/build/minified/images/loader-medium-inverted.gif new file mode 100644 index 000000000..caa3110d8 Binary files /dev/null and b/build/minified/images/loader-medium-inverted.gif differ diff --git a/build/minified/images/loader-medium.gif b/build/minified/images/loader-medium.gif index ae34460f9..386eb5af1 100644 Binary files a/build/minified/images/loader-medium.gif and b/build/minified/images/loader-medium.gif differ diff --git a/build/minified/images/loader-mini-inverted.gif b/build/minified/images/loader-mini-inverted.gif new file mode 100644 index 000000000..c7c95b948 Binary files /dev/null and b/build/minified/images/loader-mini-inverted.gif differ diff --git a/build/minified/images/loader-mini.gif b/build/minified/images/loader-mini.gif new file mode 100644 index 000000000..7f3e27c70 Binary files /dev/null and b/build/minified/images/loader-mini.gif differ diff --git a/build/minified/images/loader-small-inverted.gif b/build/minified/images/loader-small-inverted.gif new file mode 100644 index 000000000..bbb0a67f6 Binary files /dev/null and b/build/minified/images/loader-small-inverted.gif differ diff --git a/build/minified/images/loader-small.gif b/build/minified/images/loader-small.gif index d9a6760a4..8c9f60ee2 100644 Binary files a/build/minified/images/loader-small.gif and b/build/minified/images/loader-small.gif differ diff --git a/build/minified/images/loader-tiny.gif b/build/minified/images/loader-tiny.gif index c65ee55fd..7f3e27c70 100644 Binary files a/build/minified/images/loader-tiny.gif and b/build/minified/images/loader-tiny.gif differ diff --git a/build/minified/modules/checkbox.min.css b/build/minified/modules/checkbox.min.css index ed16458e3..1095a9aab 100644 --- a/build/minified/modules/checkbox.min.css +++ b/build/minified/modules/checkbox.min.css @@ -1 +1 @@ -.ui.checkbox{position:relative;display:inline-block;outline:0;margin-right:.5em;vertical-align:middle}.ui.checkbox input{visibility:hidden;outline:0}.ui.checkbox .box,.ui.checkbox label{outline:0;cursor:pointer;position:absolute;width:1em;height:1em;bottom:0;left:0;border-radius:4px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2);background:#FFF;-webkit-transition:background-color .1s ease-out,box-shadow .1s ease-out;-moz-transition:background-color .1s ease-out,box-shadow .1s ease-out;-o-transition:background-color .1s ease-out,box-shadow .1s ease-out;-ms-transition:background-color .1s ease-out,box-shadow .1s ease-out;transition:background-color .1s ease-out,box-shadow .1s ease-out}.ui.checkbox .box:after,.ui.checkbox label:after{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;content:'';position:absolute;background:transparent;border:.2em solid #333;border-top:0;border-right:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.checkbox .box:after,.ui.checkbox label:after{width:.5em;height:.2em;top:.25em;left:.2em}.ui.checkbox .box:hover,.ui.checkbox label:hover{background-color:#FAFAFA;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.3);box-shadow:0 0 0 1px rgba(0,0,0,.3)}.ui.checkbox .box:active,.ui.checkbox label:active{background-color:#F5F5F5}.ui.checkbox input:checked+.box:after,.ui.checkbox input:checked+label:after{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.ui.disabled.checkbox+.box:after,.ui.checkbox input[disabled]+.box:after,.ui.disabled.checkbox label,.ui.checkbox input[disabled]+label{opacity:.4}.ui.radio.checkbox{width:14px;height:16px}.ui.radio.checkbox .box,.ui.radio.checkbox label{width:14px;height:14px;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.ui.radio.checkbox .box:after,.ui.radio.checkbox label:after{top:3px;left:3px;border:0;width:8px;height:8px;background-color:#555;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.ui.checkbox{width:1em;height:1em}.ui.checkbox,.ui.checkbox .box,.ui.checkbox label{font-size:1em}.ui.large.checkbox{width:1.25em;height:1.25em;vertical-align:baseline}.ui.large.checkbox,.ui.large.checkbox .box,.ui.large.checkbox label{font-size:1.25em}.ui.huge.checkbox{width:1.5em;height:1.5em;vertical-align:baseline}.ui.huge.checkbox,.ui.huge.checkbox .box,.ui.huge.checkbox label{font-size:1.5em;vertical-align:baseline}.ui.round.blue.checkbox label:after{background:-webkit-linear-gradient(top,#016286 0,#00506e 100%);background:-moz-linear-gradient(top,#016286 0,#00506e 100%);background:-o-linear-gradient(top,#016286 0,#00506e 100%);background:-ms-linear-gradient(top,#016286 0,#00506e 100%);background:linear-gradient(top,#016286 0,#00506e 100%)}.ui.round.checkbox{width:20px;height:20px;margin:0 auto;background:#FCFFF4;background:-webkit-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-moz-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-o-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-ms-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFFF4', endColorstr='#b3bead', GradientType=0);-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;-webkit-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);position:relative}.ui.round.checkbox .box,.ui.round.checkbox label{cursor:pointer;position:absolute;width:14px;height:14px;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;left:3px;top:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.5) inset,0 1px 0 #fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,.5) inset,0 1px 0 #fff;box-shadow:0 1px 1px rgba(0,0,0,.5) inset,0 1px 0 #fff;background:-webkit-linear-gradient(top,#222 0,#4d4d4d 100%);background:-moz-linear-gradient(top,#222 0,#4d4d4d 100%);background:-o-linear-gradient(top,#222 0,#4d4d4d 100%);background:-ms-linear-gradient(top,#222 0,#4d4d4d 100%);background:linear-gradient(top,#222 0,#4d4d4d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#4D4D4D', GradientType=0)}.ui.round.checkbox .box:after,.ui.round.checkbox label:after{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;content:'';position:absolute;width:10px;height:10px;background:#B6B6B6;background:-webkit-linear-gradient(top,#b6b6b6 0,#929292 100%);background:-moz-linear-gradient(top,#b6b6b6 0,#929292 100%);background:-o-linear-gradient(top,#b6b6b6 0,#929292 100%);background:-ms-linear-gradient(top,#b6b6b6 0,#929292 100%);background:linear-gradient(top,#b6b6b6 0,#929292 100%);border:0;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;top:2px;left:2px;-webkit-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5)}.ui.round.checkbox .box:hover:after,.ui.round.checkbox label:hover:after{-ms-filter:"alpha(Opacity=30)";filter:alpha(opacity=30);opacity:.3}.ui.round.checkbox input:checked+.box:after,.ui.round.checkbox input:checked+label:after{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1} \ No newline at end of file +.ui.checkbox{position:relative;display:inline-block;outline:0;margin-right:.5em;vertical-align:middle}.ui.checkbox input{visibility:hidden;outline:0}.ui.checkbox .box,.ui.checkbox label{outline:0;cursor:pointer;position:absolute;line-height:1;width:1em;height:1em;bottom:0;left:0;border-radius:4px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2);background:#FFF;-webkit-transition:background-color .1s ease-out,box-shadow .1s ease-out;-moz-transition:background-color .1s ease-out,box-shadow .1s ease-out;-o-transition:background-color .1s ease-out,box-shadow .1s ease-out;-ms-transition:background-color .1s ease-out,box-shadow .1s ease-out;transition:background-color .1s ease-out,box-shadow .1s ease-out}.ui.checkbox .box:after,.ui.checkbox label:after{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;content:'';position:absolute;background:transparent;border:.2em solid #333;border-top:0;border-right:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.ui.checkbox .box:after,.ui.checkbox label:after{width:.5em;height:.2em;top:.25em;left:.2em}.ui.checkbox .box:hover,.ui.checkbox label:hover{background-color:#FAFAFA;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.3);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.3);box-shadow:0 0 0 1px rgba(0,0,0,.3)}.ui.checkbox .box:active,.ui.checkbox label:active{background-color:#F5F5F5}.ui.checkbox input:checked+.box:after,.ui.checkbox input:checked+label:after{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}.ui.disabled.checkbox+.box:after,.ui.checkbox input[disabled]+.box:after,.ui.disabled.checkbox label,.ui.checkbox input[disabled]+label{opacity:.4}.ui.radio.checkbox{width:14px;height:16px}.ui.radio.checkbox .box,.ui.radio.checkbox label{width:14px;height:14px;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.ui.radio.checkbox .box:after,.ui.radio.checkbox label:after{top:3px;left:3px;border:0;width:8px;height:8px;background-color:#555;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.ui.checkbox{width:1em;height:1em}.ui.checkbox,.ui.checkbox .box,.ui.checkbox label{font-size:1em}.ui.large.checkbox{width:1.25em;height:1.25em}.ui.large.checkbox,.ui.large.checkbox .box,.ui.large.checkbox label{font-size:1.25em}.ui.huge.checkbox{width:1.5em;height:1.5em}.ui.huge.checkbox,.ui.huge.checkbox .box,.ui.huge.checkbox label{font-size:1.5em}.ui.round.blue.checkbox label:after{background:-webkit-linear-gradient(top,#016286 0,#00506e 100%);background:-moz-linear-gradient(top,#016286 0,#00506e 100%);background:-o-linear-gradient(top,#016286 0,#00506e 100%);background:-ms-linear-gradient(top,#016286 0,#00506e 100%);background:linear-gradient(top,#016286 0,#00506e 100%)}.ui.round.checkbox{width:20px;height:20px;margin:0 auto;background:#FCFFF4;background:-webkit-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-moz-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-o-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-ms-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFFF4', endColorstr='#b3bead', GradientType=0);-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;-webkit-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);position:relative}.ui.round.checkbox .box,.ui.round.checkbox label{cursor:pointer;position:absolute;width:14px;height:14px;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;left:3px;top:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.5) inset,0 1px 0 #fff;-moz-box-shadow:0 1px 1px rgba(0,0,0,.5) inset,0 1px 0 #fff;box-shadow:0 1px 1px rgba(0,0,0,.5) inset,0 1px 0 #fff;background:-webkit-linear-gradient(top,#222 0,#4d4d4d 100%);background:-moz-linear-gradient(top,#222 0,#4d4d4d 100%);background:-o-linear-gradient(top,#222 0,#4d4d4d 100%);background:-ms-linear-gradient(top,#222 0,#4d4d4d 100%);background:linear-gradient(top,#222 0,#4d4d4d 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#4D4D4D', GradientType=0)}.ui.round.checkbox .box:after,.ui.round.checkbox label:after{-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;content:'';position:absolute;width:10px;height:10px;background:#B6B6B6;background:-webkit-linear-gradient(top,#b6b6b6 0,#929292 100%);background:-moz-linear-gradient(top,#b6b6b6 0,#929292 100%);background:-o-linear-gradient(top,#b6b6b6 0,#929292 100%);background:-ms-linear-gradient(top,#b6b6b6 0,#929292 100%);background:linear-gradient(top,#b6b6b6 0,#929292 100%);border:0;-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;top:2px;left:2px;-webkit-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);-moz-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5)}.ui.round.checkbox .box:hover:after,.ui.round.checkbox label:hover:after{-ms-filter:"alpha(Opacity=30)";filter:alpha(opacity=30);opacity:.3}.ui.round.checkbox input:checked+.box:after,.ui.round.checkbox input:checked+label:after{-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1} \ No newline at end of file diff --git a/build/minified/modules/dropdown.js b/build/minified/modules/dropdown.js index 874bf1b1d..cfbfa9003 100644 --- a/build/minified/modules/dropdown.js +++ b/build/minified/modules/dropdown.js @@ -186,7 +186,7 @@ $.fn.dropdown = function(parameters) { } }, - nothing: function() {}, + none: function() {}, hide: function() { module.hide(); @@ -237,6 +237,7 @@ $.fn.dropdown = function(parameters) { set: { text: function(text) { module.debug('Changing text', text, $text); + $text.removeClass(className.placeholder); $text.text(text); }, value: function(value) { @@ -592,9 +593,10 @@ $.fn.dropdown.settings = { }, className : { - active : 'active', - disabled : 'disabled', - visible : 'visible' + active : 'active', + placeholder : 'default', + disabled : 'disabled', + visible : 'visible' } }; diff --git a/build/minified/modules/dropdown.min.css b/build/minified/modules/dropdown.min.css index c1a28e63b..0ee06871d 100644 --- a/build/minified/modules/dropdown.min.css +++ b/build/minified/modules/dropdown.min.css @@ -1 +1 @@ -.ui.dropdown{position:relative;display:inline-block;line-height:1;-webkit-transition:border-radius .1s ease,width .2s ease;-moz-transition:border-radius .1s ease,width .2s ease;-o-transition:border-radius .1s ease,width .2s ease;-ms-transition:border-radius .1s ease,width .2s ease;transition:border-radius .1s ease,width .2s ease}.ui.dropdown .menu{position:absolute;display:none;top:100%;background-color:#FFF;min-width:100%;white-space:nowrap;text-shadow:none;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease;z-index:11}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.text{display:inline-block}.ui.dropdown .menu{left:0}.ui.menu .dropdown:last-child .menu,.ui>.ui.dropdown:last-child .menu{left:auto;right:0}.ui.dropdown .menu .item{cursor:pointer;border:0;border-top:1px solid rgba(0,0,0,.05);font-size:.9em;display:block;color:rgba(0,0,0,.75);padding:.85em 1em!important;font-size:.9rem;text-transform:none;font-weight:400;text-align:left;-webkit-touch-callout:none}.ui.dropdown .menu .item:before{display:none}.ui.dropdown .menu .item .icon{margin-right:.75em}.ui.dropdown .menu .item:first-child{border-top:0}.ui.dropdown.visible{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.dropdown .menu .item:hover{background-color:rgba(0,0,0,.02)}.ui.dropdown .menu .active.item{background-color:rgba(0,0,0,.04);border-left:0}.ui.dropdown>.default.text,.ui.default.dropdown>.text{color:rgba(0,0,0,.2)}.ui.dropdown:hover>.default.text,.ui.default.dropdown:hover>.text{color:rgba(0,0,0,.4)}.ui.simple.dropdown .menu:before,.ui.simple.dropdown .menu:after{display:none}.ui.simple.dropdown .menu{display:block;overflow:hidden;top:100%;height:0;width:0;position:absolute;opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.ui.simple.dropdown.visible .menu,.ui.simple.dropdown:hover .menu{overflow:visible;width:auto;height:auto;opacity:1}.ui.simple.disabled.dropdown:hover .menu{height:0;width:0;overflow:hidden}.ui.selection.dropdown{cursor:pointer;display:inline-block;background-color:#FFF;padding:.5em 1em;line-height:1.33;color:rgba(0,0,0,.8);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.3125em!important;-moz-border-radius:.3125em!important;border-radius:.3125em!important}.ui.selection.dropdown>.dropdown.icon{float:right;margin:.2em 0 .2em .5em}.ui.selection.dropdown,.ui.selection.dropdown .menu{top:100%;-webkit-transition:box-shadow .2s ease-out;-moz-transition:box-shadow .2s ease-out;-o-transition:box-shadow .2s ease-out;-ms-transition:box-shadow .2s ease-out;transition:box-shadow .2s ease-out}.ui.selection.dropdown .menu{-webkit-box-shadow:0 1px 0 1px #EEE;-moz-box-shadow:0 1px 0 1px #EEE;box-shadow:0 1px 0 1px #EEE;-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.selection.dropdown.visible,.ui.selection.dropdown:hover,.ui.selection.dropdown.hover{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2);-webkit-border-radius:.3125em .3125em 0 0!important;-moz-border-radius:.3125em .3125em 0 0!important;border-radius:.3125em .3125em 0 0!important}.ui.selection.dropdown.visible .menu,.ui.selection.dropdown.hover .menu,.ui.selection.dropdown:hover .menu{-webkit-box-shadow:0 1px 0 1px #D3D3D3;-moz-box-shadow:0 1px 0 1px #D3D3D3;box-shadow:0 1px 0 1px #D3D3D3}.ui.fluid.dropdown{display:block}.ui.pointing.dropdown .menu{top:100%;margin-top:.75em;-moz-border-radius:.325em;-webkit-border-radius:.325em;border-radius:.325em}.ui.pointing.dropdown .menu:after{position:absolute;pointer-events:none;content:" ";width:.5em;height:.5em;-moz-box-shadow:-1px -1px 0 1px rgba(0,0,0,.05);-webkit-box-shadow:-1px -1px 0 1px rgba(0,0,0,.05);box-shadow:-1px -1px 0 1px rgba(0,0,0,.05);background-image:none;background-color:#FFF;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:2}.ui.pointing.dropdown .menu .item.active:first-child{background:transparent -webkit-linear-gradient(transparent,rgba(0,0,0,.03));background:transparent -moz-linear-gradient(transparent,rgba(0,0,0,.03));background:transparent -o-linear-gradient(transparent,rgba(0,0,0,.03));background:transparent -ms-linear-gradient(transparent,rgba(0,0,0,.03));background:transparent linear-gradient(transparent,rgba(0,0,0,.03))}.ui.pointing.dropdown .menu:after{top:-.25em;left:50%;margin:0 0 0 -.25em}.ui.top.left.pointing.dropdown .menu:after{top:-.25em;left:1em;right:auto;margin:0}.ui.top.right.pointing.dropdown .menu:after{top:-.25em;left:auto;right:1em;margin:0}.ui.left.pointing.dropdown .menu:after{top:1em;left:-.25em;margin-top:-.25em 0 0 0}.ui.right.pointing.dropdown .menu:after{top:1em;left:auto;right:-.25em;margin-top:-.25em 0 0 0}.ui.pointing.dropdown.visible,.ui.pointing.dropdown.visible .menu{-moz-border-radius:.325em!important;-webkit-border-radius:.325em!important;border-radius:.325em!important} \ No newline at end of file +.ui.dropdown{position:relative;display:inline-block;line-height:1;-webkit-transition:border-radius .1s ease,width .2s ease;-moz-transition:border-radius .1s ease,width .2s ease;-o-transition:border-radius .1s ease,width .2s ease;-ms-transition:border-radius .1s ease,width .2s ease;transition:border-radius .1s ease,width .2s ease}.ui.dropdown .menu{position:absolute;display:none;top:100%;background-color:#FFF;min-width:100%;white-space:nowrap;text-shadow:none;-webkit-box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;box-shadow:0 0 1px 1px rgba(0,0,0,.1),0 -2px 0 0 rgba(0,0,0,.1) inset;-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em;-webkit-transition:opacity .2s ease;-moz-transition:opacity .2s ease;-o-transition:opacity .2s ease;-ms-transition:opacity .2s ease;transition:opacity .2s ease;z-index:11}.ui.dropdown>.dropdown.icon{width:auto}.ui.dropdown>.text{display:inline-block}.ui.dropdown .menu{left:0}.ui.menu .dropdown:last-child .menu,.ui>.ui.dropdown:last-child .menu{left:auto;right:0}.ui.dropdown .menu .item{cursor:pointer;border:0;border-top:1px solid rgba(0,0,0,.05);font-size:.9em;display:block;color:rgba(0,0,0,.75);padding:.85em 1em!important;font-size:.9rem;text-transform:none;font-weight:400;text-align:left;-webkit-touch-callout:none}.ui.dropdown .menu .item:before{display:none}.ui.dropdown .menu .item .icon{margin-right:.75em}.ui.dropdown .menu .item:first-child{border-top:0}.ui.dropdown.visible{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.ui.dropdown .menu .item:hover{background-color:rgba(0,0,0,.02)}.ui.dropdown .menu .active.item{background-color:rgba(0,0,0,.04);border-left:0}.ui.dropdown>.default.text,.ui.default.dropdown>.text{color:rgba(0,0,0,.2)}.ui.dropdown:hover>.default.text,.ui.default.dropdown:hover>.text{color:rgba(0,0,0,.4)}.ui.simple.dropdown .menu:before,.ui.simple.dropdown .menu:after{display:none}.ui.simple.dropdown .menu{display:block;overflow:hidden;top:100%;height:0;width:0;position:absolute;opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.ui.simple.dropdown.visible .menu,.ui.simple.dropdown:hover .menu{overflow:visible;width:auto;height:auto;opacity:1}.ui.simple.disabled.dropdown:hover .menu{height:0;width:0;overflow:hidden}.ui.selection.dropdown{cursor:pointer;display:inline-block;background-color:#FFF;padding:.5em 1em;line-height:1.33;color:rgba(0,0,0,.8);-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);-webkit-border-radius:.3125em!important;-moz-border-radius:.3125em!important;border-radius:.3125em!important}.ui.selection.dropdown>.dropdown.icon{float:right;margin:.2em 0 .2em .5em}.ui.selection.dropdown,.ui.selection.dropdown .menu{top:100%;-webkit-transition:box-shadow .2s ease-out;-moz-transition:box-shadow .2s ease-out;-o-transition:box-shadow .2s ease-out;-ms-transition:box-shadow .2s ease-out;transition:box-shadow .2s ease-out}.ui.selection.dropdown .menu{max-height:312px;overflow-x:hidden;overflow-y:auto;-webkit-box-shadow:0 1px 0 1px #EEE;-moz-box-shadow:0 1px 0 1px #EEE;box-shadow:0 1px 0 1px #EEE;-moz-border-radius:0 0 .325em .325em;-webkit-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.selection.dropdown.visible,.ui.selection.dropdown:hover,.ui.selection.dropdown.hover{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.2);box-shadow:0 0 0 1px rgba(0,0,0,.2);-webkit-border-radius:.3125em .3125em 0 0!important;-moz-border-radius:.3125em .3125em 0 0!important;border-radius:.3125em .3125em 0 0!important}.ui.selection.dropdown.visible .menu,.ui.selection.dropdown.hover .menu,.ui.selection.dropdown:hover .menu{-webkit-box-shadow:0 1px 0 1px #D3D3D3;-moz-box-shadow:0 1px 0 1px #D3D3D3;box-shadow:0 1px 0 1px #D3D3D3}.ui.fluid.dropdown{display:block}.ui.pointing.dropdown .menu{top:100%;margin-top:.75em;-moz-border-radius:.325em;-webkit-border-radius:.325em;border-radius:.325em}.ui.pointing.dropdown .menu:after{position:absolute;pointer-events:none;content:" ";width:.5em;height:.5em;-moz-box-shadow:-1px -1px 0 1px rgba(0,0,0,.05);-webkit-box-shadow:-1px -1px 0 1px rgba(0,0,0,.05);box-shadow:-1px -1px 0 1px rgba(0,0,0,.05);background-image:none;background-color:#FFF;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);z-index:2}.ui.pointing.dropdown .menu .item.active:first-child{background:transparent -webkit-linear-gradient(transparent,rgba(0,0,0,.03));background:transparent -moz-linear-gradient(transparent,rgba(0,0,0,.03));background:transparent -o-linear-gradient(transparent,rgba(0,0,0,.03));background:transparent -ms-linear-gradient(transparent,rgba(0,0,0,.03));background:transparent linear-gradient(transparent,rgba(0,0,0,.03))}.ui.pointing.dropdown .menu:after{top:-.25em;left:50%;margin:0 0 0 -.25em}.ui.top.left.pointing.dropdown .menu:after{top:-.25em;left:1em;right:auto;margin:0}.ui.top.right.pointing.dropdown .menu:after{top:-.25em;left:auto;right:1em;margin:0}.ui.left.pointing.dropdown .menu:after{top:1em;left:-.25em;margin-top:-.25em 0 0 0}.ui.right.pointing.dropdown .menu:after{top:1em;left:auto;right:-.25em;margin-top:-.25em 0 0 0}.ui.pointing.dropdown.visible,.ui.pointing.dropdown.visible .menu{-moz-border-radius:.325em!important;-webkit-border-radius:.325em!important;border-radius:.325em!important} \ No newline at end of file diff --git a/build/minified/modules/dropdown.min.js b/build/minified/modules/dropdown.min.js index 890e57cd4..c76c854ab 100644 --- a/build/minified/modules/dropdown.min.js +++ b/build/minified/modules/dropdown.min.js @@ -1 +1 @@ -(function(e,t,n,o){e.fn.dropdown=function(t){var i,a=e(this),s=e(n),r=e.isPlainObject(t)?e.extend(!0,{},e.fn.dropdown.settings,t):e.fn.dropdown.settings,c="."+r.namespace,l="module-"+r.namespace,u=a.selector||"",d=(new Date).getTime(),m=[],f=arguments[0],g="string"==typeof f,p=[].slice.call(arguments,1);return a.each(function(){var t,h=e(this),v=e(this).find(r.selector.menu),b=e(this).find(r.selector.item),y=e(this).find(r.selector.text),x=e(this).find(r.selector.input),w="ontouchstart"in n.documentElement,C=(h.selector||"",this),T=h.data("module-"+r.namespace),k=r.className,N=r.metadata,z=r.namespace,D=r.animation,P=r.errors;t={initialize:function(){t.verbose("Initializing dropdown with bound events",h),w?h.on("touchstart"+c,t.event.test.toggle):"click"==r.on?h.on("click"+c,t.event.test.toggle):"hover"==r.on?h.on("mouseenter"+c,t.show).on("mouseleave"+c,t.delayedHide):h.on(r.on+c,t.toggle),"form"==r.action&&t.set.selected(),b.on(t.get.selectEvent()+c,t.event.item.click),h.data(l,t)},destroy:function(){t.verbose("Destroying previous module for",h),h.off(z)},event:{stopPropagation:function(e){e.stopPropagation()},test:{toggle:function(e){t.intent.test(e,t.toggle),e.stopPropagation()},hide:function(e){t.intent.test(e,t.hide),e.stopPropagation()}},item:{click:function(n){var o=e(this),i=o.data(N.text)||o.text(),a=o.data(N.value)||i;t.verbose("Adding active state to selected item"),b.removeClass(k.active),o.addClass(k.active),t.action.determine(i,a),e.proxy(r.onChange,h.get())(a,i),n.stopPropagation()}}},intent:{test:function(n,o){t.debug("Determining whether event occurred in dropdown",n.target),o=o||function(){},0===e(n.target).closest(v).size()?(t.verbose("Triggering event",o),o()):t.verbose("Event occurred in dropdown, canceling callback")},bind:function(){t.verbose("Binding hide intent event to document"),s.on(t.get.selectEvent(),t.event.test.hide)},unbind:function(){t.verbose("Removing hide intent event from document"),s.off(t.get.selectEvent())}},action:{determine:function(n,o){e.isFunction(t.action[r.action])?(t.verbose("Triggering preset action",r.action),t.action[r.action](n,o)):e.isFunction(r.action)?(t.verbose("Triggering user action",r.action),r.action(n,o)):t.error(P.action)},nothing:function(){},hide:function(){t.hide()},changeText:function(e){t.set.text(e),t.hide()},form:function(e,n){t.set.text(e),t.set.value(n),t.hide()}},get:{selectEvent:function(){return w?"touchstart":"click"},text:function(){return y.text()},value:function(){return x.val()},item:function(t){var n;return t=t||x.val(),b.each(function(){e(this).data(N.value)==t&&(n=e(this))}),n||!1}},set:{text:function(e){t.debug("Changing text",e,y),y.text(e)},value:function(e){t.debug("Adding selected value to hidden input",e,x),x.val(e)},selected:function(e){var n,o=(e||x.val(),t.get.item(e));o&&(t.debug("Setting selected menu item to",o),n=o.data(N.text)||o.text(),b.removeClass(k.active),o.addClass(k.active),t.set.text(n))}},is:{visible:function(){return v.is(":visible")},hidden:function(){return v.is(":not(:visible)")}},can:{click:function(){return w||"click"==r.on},show:function(){return!h.hasClass(k.disabled)}},animate:{show:function(){t.verbose("Doing menu showing animation"),"none"==D.show?v.show():"fade"==D.show?v.fadeIn(150):"slide"==D.show?v.clearQueue().children().clearQueue().css("opacity",0).delay(50).animate({opacity:1},200,"easeOutQuad").end().slideDown(100,"easeOutQuad"):t.error(P.animation)},hide:function(){t.verbose("Doing menu hiding animation"),"none"==D.hide?v.hide():"fade"==D.hide?v.fadeOut(150):"slide"==D.hide?v.clearQueue().children().clearQueue().css("opacity",1).animate({opacity:0},100,"easeOutQuad").end().delay(50).slideUp(100,"easeOutQuad"):t.error(P.animation)}},show:function(){t.debug("Checking if dropdown can show"),clearTimeout(t.graceTimer),t.is.visible()||(t.hideOthers(),h.addClass(k.visible),t.animate.show(),t.can.click()&&t.intent.bind(),e.proxy(r.onShow,h.get())())},hide:function(){t.is.hidden()||(t.debug("Hiding dropdown"),h.removeClass(k.visible),t.can.click()&&t.intent.unbind(),t.animate.hide(),e.proxy(r.onHide,h.get())())},delayedHide:function(){t.verbose("User moused away setting timer to hide dropdown"),t.graceTimer=setTimeout(t.hide,r.gracePeriod)},hideOthers:function(){t.verbose("Finding other dropdowns to hide"),a.not(h).has(r.selector.menu+":visible").dropdown("hide")},toggle:function(){t.verbose("Toggling menu visibility"),t.is.hidden()?t.show():t.hide()},setting:function(n,i){return t.debug("Changing setting",n,i),i===o?r[n]:(e.isPlainObject(n)?e.extend(!0,r,n):r[n]=i,o)},internal:function(n,i){return t.debug("Changing internal",n,i),i===o?t[n]:(e.isPlainObject(n)?e.extend(!0,t,n):t[n]=i,o)},debug:function(){r.debug&&(r.performance?t.performance.log(arguments):t.debug=Function.prototype.bind.call(console.info,console,r.moduleName+":"))},verbose:function(){r.verbose&&r.debug&&(r.performance?t.performance.log(arguments):t.verbose=Function.prototype.bind.call(console.info,console,r.moduleName+":"))},error:function(){t.error=Function.prototype.bind.call(console.log,console,r.moduleName+":")},performance:{log:function(e){var n,o,i;r.performance&&(n=(new Date).getTime(),i=d||n,o=n-i,d=n,m.push({Element:C,Name:e[0],Arguments:e[1]||"","Execution Time":o})),clearTimeout(t.performance.timer),t.performance.timer=setTimeout(t.performance.display,100)},display:function(){var t=r.moduleName+":",n=0;d=!1,e.each(m,function(e,t){n+=t["Execution Time"]}),t+=" "+n+"ms",u&&(t+=" '"+u+"'"),(console.group!==o||console.table!==o)&&m.length>0&&(console.groupCollapsed(t),console.table?console.table(m):e.each(m,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),m=[]}},invoke:function(n,i,a){var s,r;return i=i||p,a=C||a,"string"==typeof n&&T!==o&&(n=n.split("."),s=n.length-1,e.each(n,function(n,i){return e.isPlainObject(T[i])&&n!=s?(T=T[i],!0):T[i]!==o?(r=T[i],!0):(t.error(P.method),!1)})),e.isFunction(r)?(T.verbose("Executing invoked function",r),r.apply(a,i)):r||!1}},g?(T===o&&t.initialize(),i=t.invoke(f)):(T!==o&&t.destroy(),t.initialize())}),i?i:this},e.fn.dropdown.settings={moduleName:"Dropdown",namespace:"dropdown",verbose:!0,debug:!0,performance:!0,on:"click",gracePeriod:300,action:"hide",animation:{show:"slide",hide:"slide"},onChange:function(){},onShow:function(){},onHide:function(){},errors:{action:"You called a dropdown action that was not defined",method:"The method you called is not defined.",animation:"The requested animation was not found"},metadata:{text:"text",value:"value"},selector:{menu:".menu",item:".menu > .item",text:"> .text",input:'> input[type="hidden"]'},className:{active:"active",disabled:"disabled",visible:"visible"}}})(jQuery,window,document); \ No newline at end of file +(function(e,t,n,o){e.fn.dropdown=function(t){var i,a=e(this),s=e(n),r=e.isPlainObject(t)?e.extend(!0,{},e.fn.dropdown.settings,t):e.fn.dropdown.settings,c="."+r.namespace,l="module-"+r.namespace,u=a.selector||"",d=(new Date).getTime(),m=[],f=arguments[0],g="string"==typeof f,p=[].slice.call(arguments,1);return a.each(function(){var t,h=e(this),v=e(this).find(r.selector.menu),b=e(this).find(r.selector.item),y=e(this).find(r.selector.text),x=e(this).find(r.selector.input),w="ontouchstart"in n.documentElement,C=(h.selector||"",this),T=h.data("module-"+r.namespace),k=r.className,N=r.metadata,z=r.namespace,D=r.animation,P=r.errors;t={initialize:function(){t.verbose("Initializing dropdown with bound events",h),w?h.on("touchstart"+c,t.event.test.toggle):"click"==r.on?h.on("click"+c,t.event.test.toggle):"hover"==r.on?h.on("mouseenter"+c,t.show).on("mouseleave"+c,t.delayedHide):h.on(r.on+c,t.toggle),"form"==r.action&&t.set.selected(),b.on(t.get.selectEvent()+c,t.event.item.click),h.data(l,t)},destroy:function(){t.verbose("Destroying previous module for",h),h.off(z)},event:{stopPropagation:function(e){e.stopPropagation()},test:{toggle:function(e){t.intent.test(e,t.toggle),e.stopPropagation()},hide:function(e){t.intent.test(e,t.hide),e.stopPropagation()}},item:{click:function(n){var o=e(this),i=o.data(N.text)||o.text(),a=o.data(N.value)||i;t.verbose("Adding active state to selected item"),b.removeClass(k.active),o.addClass(k.active),t.action.determine(i,a),e.proxy(r.onChange,h.get())(a,i),n.stopPropagation()}}},intent:{test:function(n,o){t.debug("Determining whether event occurred in dropdown",n.target),o=o||function(){},0===e(n.target).closest(v).size()?(t.verbose("Triggering event",o),o()):t.verbose("Event occurred in dropdown, canceling callback")},bind:function(){t.verbose("Binding hide intent event to document"),s.on(t.get.selectEvent(),t.event.test.hide)},unbind:function(){t.verbose("Removing hide intent event from document"),s.off(t.get.selectEvent())}},action:{determine:function(n,o){e.isFunction(t.action[r.action])?(t.verbose("Triggering preset action",r.action),t.action[r.action](n,o)):e.isFunction(r.action)?(t.verbose("Triggering user action",r.action),r.action(n,o)):t.error(P.action)},none:function(){},hide:function(){t.hide()},changeText:function(e){t.set.text(e),t.hide()},form:function(e,n){t.set.text(e),t.set.value(n),t.hide()}},get:{selectEvent:function(){return w?"touchstart":"click"},text:function(){return y.text()},value:function(){return x.val()},item:function(t){var n;return t=t||x.val(),b.each(function(){e(this).data(N.value)==t&&(n=e(this))}),n||!1}},set:{text:function(e){t.debug("Changing text",e,y),y.removeClass(k.placeholder),y.text(e)},value:function(e){t.debug("Adding selected value to hidden input",e,x),x.val(e)},selected:function(e){var n,o=(e||x.val(),t.get.item(e));o&&(t.debug("Setting selected menu item to",o),n=o.data(N.text)||o.text(),b.removeClass(k.active),o.addClass(k.active),t.set.text(n))}},is:{visible:function(){return v.is(":visible")},hidden:function(){return v.is(":not(:visible)")}},can:{click:function(){return w||"click"==r.on},show:function(){return!h.hasClass(k.disabled)}},animate:{show:function(){t.verbose("Doing menu showing animation"),"none"==D.show?v.show():"fade"==D.show?v.fadeIn(150):"slide"==D.show?v.clearQueue().children().clearQueue().css("opacity",0).delay(50).animate({opacity:1},200,"easeOutQuad").end().slideDown(100,"easeOutQuad"):t.error(P.animation)},hide:function(){t.verbose("Doing menu hiding animation"),"none"==D.hide?v.hide():"fade"==D.hide?v.fadeOut(150):"slide"==D.hide?v.clearQueue().children().clearQueue().css("opacity",1).animate({opacity:0},100,"easeOutQuad").end().delay(50).slideUp(100,"easeOutQuad"):t.error(P.animation)}},show:function(){t.debug("Checking if dropdown can show"),clearTimeout(t.graceTimer),t.is.visible()||(t.hideOthers(),h.addClass(k.visible),t.animate.show(),t.can.click()&&t.intent.bind(),e.proxy(r.onShow,h.get())())},hide:function(){t.is.hidden()||(t.debug("Hiding dropdown"),h.removeClass(k.visible),t.can.click()&&t.intent.unbind(),t.animate.hide(),e.proxy(r.onHide,h.get())())},delayedHide:function(){t.verbose("User moused away setting timer to hide dropdown"),t.graceTimer=setTimeout(t.hide,r.gracePeriod)},hideOthers:function(){t.verbose("Finding other dropdowns to hide"),a.not(h).has(r.selector.menu+":visible").dropdown("hide")},toggle:function(){t.verbose("Toggling menu visibility"),t.is.hidden()?t.show():t.hide()},setting:function(n,i){return t.debug("Changing setting",n,i),i===o?r[n]:(e.isPlainObject(n)?e.extend(!0,r,n):r[n]=i,o)},internal:function(n,i){return t.debug("Changing internal",n,i),i===o?t[n]:(e.isPlainObject(n)?e.extend(!0,t,n):t[n]=i,o)},debug:function(){r.debug&&(r.performance?t.performance.log(arguments):t.debug=Function.prototype.bind.call(console.info,console,r.moduleName+":"))},verbose:function(){r.verbose&&r.debug&&(r.performance?t.performance.log(arguments):t.verbose=Function.prototype.bind.call(console.info,console,r.moduleName+":"))},error:function(){t.error=Function.prototype.bind.call(console.log,console,r.moduleName+":")},performance:{log:function(e){var n,o,i;r.performance&&(n=(new Date).getTime(),i=d||n,o=n-i,d=n,m.push({Element:C,Name:e[0],Arguments:e[1]||"","Execution Time":o})),clearTimeout(t.performance.timer),t.performance.timer=setTimeout(t.performance.display,100)},display:function(){var t=r.moduleName+":",n=0;d=!1,e.each(m,function(e,t){n+=t["Execution Time"]}),t+=" "+n+"ms",u&&(t+=" '"+u+"'"),(console.group!==o||console.table!==o)&&m.length>0&&(console.groupCollapsed(t),console.table?console.table(m):e.each(m,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),m=[]}},invoke:function(n,i,a){var s,r;return i=i||p,a=C||a,"string"==typeof n&&T!==o&&(n=n.split("."),s=n.length-1,e.each(n,function(n,i){return e.isPlainObject(T[i])&&n!=s?(T=T[i],!0):T[i]!==o?(r=T[i],!0):(t.error(P.method),!1)})),e.isFunction(r)?(T.verbose("Executing invoked function",r),r.apply(a,i)):r||!1}},g?(T===o&&t.initialize(),i=t.invoke(f)):(T!==o&&t.destroy(),t.initialize())}),i?i:this},e.fn.dropdown.settings={moduleName:"Dropdown",namespace:"dropdown",verbose:!0,debug:!0,performance:!0,on:"click",gracePeriod:300,action:"hide",animation:{show:"slide",hide:"slide"},onChange:function(){},onShow:function(){},onHide:function(){},errors:{action:"You called a dropdown action that was not defined",method:"The method you called is not defined.",animation:"The requested animation was not found"},metadata:{text:"text",value:"value"},selector:{menu:".menu",item:".menu > .item",text:"> .text",input:'> input[type="hidden"]'},className:{active:"active",placeholder:"default",disabled:"disabled",visible:"visible"}}})(jQuery,window,document); \ No newline at end of file diff --git a/build/minified/modules/form.min.js b/build/minified/modules/form.min.js index 758c03758..f6071257e 100644 --- a/build/minified/modules/form.min.js +++ b/build/minified/modules/form.min.js @@ -1 +1 @@ -(function(e,t,n,o){e.fn.form=function(t,i){var a,r=e(this),s=(e(n),e.extend(!0,{},e.fn.form.settings,i)),c=("."+s.namespace,"module-"+s.namespace,r.selector||""),l=(new Date).getTime(),u=[],d=arguments[0],m="string"==typeof d,f=[].slice.call(arguments,1);return r.each(function(){var n,i=e(this),p=e(this).find(s.selector.group),g=e(this).find(s.selector.field),h=(e(this).find(s.selector.prompt),[]),v=this,b=i.data("module-"+s.namespace),y=s.namespace,x=s.metadata,w=s.className,C=s.errors;n={initialize:function(){n.verbose("Initializing form validation"),t===o&&e.isEmptyObject(t)?n.error(C.noFields,i):"submit"==s.on&&i.on("submit."+y,n.validate.form)},destroy:function(){i.off(y)},refresh:function(){g=i.find(s.selector.field)},field:{find:function(t){return n.refresh(),g.filter("#"+t).size()>0?g.filter("#"+t):g.filter('[name="'+t+'"]').size()>0?g.filter('[name="'+t+'"]'):g.filter("[data-"+x.validate+'="'+t+'"]').size()>0?g.filter("[data-"+x.validate+'="'+t+'"]'):e("")},add:{error:function(t,o){var i=n.field.find(t.identifier),a=i.closest(p),r=p.find(r),c=0!==r.size();a.addClass(w.error),s.inlineError&&(c||(r=e("
").addClass(w.prompt).insertBefore(i)),r.html(o[0]).fadeIn(s.animateSpeed))}},remove:{error:function(e){var t=n.field.find(e.identifier),o=t.closest(p),i=p.find(i);o.removeClass(w.error),s.inlineError&&i.hide()}}},validate:{form:function(o){var i=!0;return h=[],e.each(t,function(e,t){n.validate.field(t)||(i=!1)}),i?e.proxy(s.onSuccess,this)(o):e.proxy(s.onFailure,this)(h)},field:function(t){var i=n.field.find(t.identifier),a=!0,r=[];return t.rules!==o&&e.each(t.rules,function(e,o){n.validate.rule(t,o)||(n.debug("Field is invalid",t.identifier,o.type),r.push(o.prompt),a=!1)}),a?(n.field.remove.error(t,r),s.onValid(i),!0):(h=h.concat(r),n.field.add.error(t,r),e.proxy(s.onInvalid,i)(r),!1)},rule:function(t,a){var r,c,l=n.field.find(t.identifier),u=a.type,d=l.val(),m=/\[(.*?)\]/i,f=m.exec(u),p=!0;return f!==o&&null!=f?(r=f[1],c=u.replace(f[0],""),p=e.proxy(s.rules[c],i)(d,r)):p="checked"==u?l.filter(":checked").size()>0:s.rules[u](d),p}},setting:function(t,n){return n===o?s[t]:(e.isPlainObject(t)?e.extend(!0,s,t):s[t]=n,o)},internal:function(t,i){return i===o?n[t]:(e.isPlainObject(t)?e.extend(!0,n,t):n[t]=i,o)},debug:function(){s.debug&&(n.performance.log(arguments[0]),n.debug=Function.prototype.bind.call(console.log,console,s.moduleName+":"))},verbose:function(){s.verbose&&s.debug&&(n.performance.log(arguments[0]),n.verbose=Function.prototype.bind.call(console.info,console,s.moduleName+":"))},error:function(){n.error=Function.prototype.bind.call(console.log,console,s.moduleName+":")},performance:{log:function(e){var t,o,i;s.performance&&(t=(new Date).getTime(),i=l||t,o=t-i,l=t,u.push({Element:v,Name:e,"Execution Time":o}),clearTimeout(n.performance.timer),n.performance.timer=setTimeout(n.performance.display,100))},display:function(){var t=s.moduleName,n=(s.moduleName+": "+c+"("+r.size()+" elements)",0);c&&(t+="Performance ("+c+")"),(console.group!==o||console.table!==o)&&u.length>0&&(console.groupCollapsed(t),console.table?(e.each(u,function(e,t){n+=t["Execution Time"]}),console.table(u)):e.each(u,function(e,t){n+=t["Execution Time"]}),console.log("Total Execution Time:",n+"ms"),console.groupEnd(),u=[],l=!1)}},invoke:function(t,i,a){var r,s;return i=i||f,a=v||a,"string"==typeof t&&b!==o&&(t=t.split("."),r=t.length-1,e.each(t,function(t,i){return e.isPlainObject(b[i])&&t!=r?(b=b[i],!0):b[i]!==o?(s=b[i],!0):(n.error(C.method),!1)})),e.isFunction(s)?(n.verbose("Executing invoked function",s),s.apply(a,i)):s||!1}},m?(b===o&&n.initialize(),a=n.invoke(d)):(b!==o&&n.destroy(),n.initialize())}),a?a:this},e.fn.form.settings={moduleName:"Validate Form Module",debug:!0,verbose:!1,namespace:"validate",animateSpeed:150,inlineError:!1,on:"submit",onValid:function(){},onInvalid:function(){},onSuccess:function(){return!0},onFailure:function(){return!1},metadata:{validate:"validate"},errors:{method:"The method you called is not defined.",noFields:"No validation object specified."},selector:{group:".field",prompt:".prompt",field:"input, textarea, select"},className:{error:"error",prompt:"prompt"},defaults:{firstName:{identifier:"first-name",rules:[{type:"empty",prompt:"Please enter your first name"}]},lastName:{identifier:"last-name",rules:[{type:"empty",prompt:"Please enter your last name"}]},username:{identifier:"username",rules:[{type:"email",prompt:"Please enter a username"}]},email:{identifier:"email",rules:[{type:"empty",prompt:"Please enter your email"},{type:"email",prompt:"Please enter a valid email"}]},password:{identifier:"password",rules:[{type:"empty",prompt:"Please enter a password"},{type:"length[6]",prompt:"Your password must be at least 6 characters"}]},passwordConfirm:{identifier:"password-confirm",rules:[{type:"empty",prompt:"Please confirm your password"},{identifier:"password-confirm",type:"match[password]",prompt:"Please verify password matches"}]},terms:{identifier:"terms",rules:[{type:"checked",prompt:"You must agree to the terms and conditions"}]}},rules:{empty:function(e){return!(e===o||""===e)},email:function(e){var t=RegExp("[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?");return t.test(e)},length:function(e,t){return e!==o?e.length>=t:!1},not:function(e,t){return e!=t},maxLength:function(e,t){return e!==o?t>=e.length:!1},match:function(t,n){var i,a=e(this);return a.find("#"+n).size()>0?i=a.find("#"+n).val():a.find("[name="+n+"]").size()>0?i=a.find("[name="+n+"]").val():a.find('[data-validate="'+n+'"]').size()>0&&(i=a.find('[data-validate="'+n+'"]').val()),i!==o?""+t==""+i:!1},url:function(e){var t=/(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;return t.test(e)}}}})(jQuery,window,document); \ No newline at end of file +(function(e,t,n,o){e.fn.form=function(t,i){var a,r=e(this),s=(e(n),e.extend(!0,{},e.fn.form.settings,i)),c=("."+s.namespace,"module-"+s.namespace,r.selector||""),l=(new Date).getTime(),d=[],u=arguments[0],m="string"==typeof u,f=[].slice.call(arguments,1);return r.each(function(){var n,i=e(this),p=e(this).find(s.selector.group),g=e(this).find(s.selector.field),h=(e(this).find(s.selector.prompt),[]),v=this,b=i.data("module-"+s.namespace),y=s.namespace,x=s.metadata,w=s.className,C=s.errors;n={initialize:function(){n.verbose("Initializing form validation"),t===o&&e.isEmptyObject(t)?n.error(C.noFields,i):"submit"==s.on&&i.on("submit."+y,n.validate.form)},destroy:function(){i.off(y)},refresh:function(){g=i.find(s.selector.field)},field:{find:function(t){return n.refresh(),g.filter("#"+t).size()>0?g.filter("#"+t):g.filter('[name="'+t+'"]').size()>0?g.filter('[name="'+t+'"]'):g.filter("[data-"+x.validate+'="'+t+'"]').size()>0?g.filter("[data-"+x.validate+'="'+t+'"]'):e("")},add:{error:function(t,o){var i=n.field.find(t.identifier),a=i.closest(p),r=p.find(r),c=0!==r.size();a.addClass(w.error),s.inlineError&&(c||(r=e("
").addClass(w.prompt).insertBefore(i)),r.html(o[0]).fadeIn(s.animateSpeed))}},remove:{error:function(e){var t=n.field.find(e.identifier),o=t.closest(p),i=p.find(i);o.removeClass(w.error),s.inlineError&&i.hide()}}},validate:{form:function(o){var i=!0;return h=[],e.each(t,function(e,t){n.validate.field(t)||(i=!1)}),i?e.proxy(s.onSuccess,this)(o):e.proxy(s.onFailure,this)(h)},field:function(t){var i=n.field.find(t.identifier),a=!0,r=[];return t.rules!==o&&e.each(t.rules,function(e,o){n.validate.rule(t,o)||(n.debug("Field is invalid",t.identifier,o.type),r.push(o.prompt),a=!1)}),a?(n.field.remove.error(t,r),s.onValid(i),!0):(h=h.concat(r),n.field.add.error(t,r),e.proxy(s.onInvalid,i)(r),!1)},rule:function(t,a){var r,c,l=n.field.find(t.identifier),d=a.type,u=l.val(),m=/\[(.*?)\]/i,f=m.exec(d),p=!0;return f!==o&&null!=f?(r=f[1],c=d.replace(f[0],""),p=e.proxy(s.rules[c],i)(u,r)):p="checked"==d?l.filter(":checked").size()>0:s.rules[d](u),p}},setting:function(t,n){return n===o?s[t]:(e.isPlainObject(t)?e.extend(!0,s,t):s[t]=n,o)},internal:function(t,i){return i===o?n[t]:(e.isPlainObject(t)?e.extend(!0,n,t):n[t]=i,o)},debug:function(){s.debug&&(n.performance.log(arguments[0]),n.debug=Function.prototype.bind.call(console.log,console,s.moduleName+":"))},verbose:function(){s.verbose&&s.debug&&(n.performance.log(arguments[0]),n.verbose=Function.prototype.bind.call(console.info,console,s.moduleName+":"))},error:function(){n.error=Function.prototype.bind.call(console.log,console,s.moduleName+":")},performance:{log:function(e){var t,o,i;s.performance&&(t=(new Date).getTime(),i=l||t,o=t-i,l=t,d.push({Element:v,Name:e,"Execution Time":o}),clearTimeout(n.performance.timer),n.performance.timer=setTimeout(n.performance.display,100))},display:function(){var t=s.moduleName,n=(s.moduleName+": "+c+"("+r.size()+" elements)",0);c&&(t+="Performance ("+c+")"),(console.group!==o||console.table!==o)&&d.length>0&&(console.groupCollapsed(t),console.table?(e.each(d,function(e,t){n+=t["Execution Time"]}),console.table(d)):e.each(d,function(e,t){n+=t["Execution Time"]}),console.log("Total Execution Time:",n+"ms"),console.groupEnd(),d=[],l=!1)}},invoke:function(t,i,a){var r,s;return i=i||f,a=v||a,"string"==typeof t&&b!==o&&(t=t.split("."),r=t.length-1,e.each(t,function(t,i){return e.isPlainObject(b[i])&&t!=r?(b=b[i],!0):b[i]!==o?(s=b[i],!0):(n.error(C.method),!1)})),e.isFunction(s)?(n.verbose("Executing invoked function",s),s.apply(a,i)):s||!1}},m?(b===o&&n.initialize(),a=n.invoke(u)):(b!==o&&n.destroy(),n.initialize())}),a?a:this},e.fn.form.settings={moduleName:"Validate Form Module",debug:!0,verbose:!1,namespace:"validate",animateSpeed:150,inlineError:!1,on:"submit",onValid:function(){},onInvalid:function(){},onSuccess:function(){return!0},onFailure:function(){return!1},metadata:{validate:"validate"},errors:{method:"The method you called is not defined.",noFields:"No validation object specified."},selector:{group:".field",prompt:".prompt",field:"input, textarea, select"},className:{error:"error",prompt:"prompt"},defaults:{firstName:{identifier:"first-name",rules:[{type:"empty",prompt:"Please enter your first name"}]},lastName:{identifier:"last-name",rules:[{type:"empty",prompt:"Please enter your last name"}]},username:{identifier:"username",rules:[{type:"email",prompt:"Please enter a username"}]},email:{identifier:"email",rules:[{type:"empty",prompt:"Please enter your email"},{type:"email",prompt:"Please enter a valid email"}]},password:{identifier:"password",rules:[{type:"empty",prompt:"Please enter a password"},{type:"length[6]",prompt:"Your password must be at least 6 characters"}]},passwordConfirm:{identifier:"password-confirm",rules:[{type:"empty",prompt:"Please confirm your password"},{identifier:"password-confirm",type:"match[password]",prompt:"Please verify password matches"}]},terms:{identifier:"terms",rules:[{type:"checked",prompt:"You must agree to the terms and conditions"}]}},rules:{empty:function(e){return!(e===o||""===e)},email:function(e){var t=RegExp("[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?");return t.test(e)},length:function(e,t){return e!==o?e.length>=t:!1},not:function(e,t){return e!=t},maxLength:function(e,t){return e!==o?t>=e.length:!1},match:function(t,n){var i,a=e(this);return a.find("#"+n).size()>0?i=a.find("#"+n).val():a.find("[name="+n+"]").size()>0?i=a.find("[name="+n+"]").val():a.find('[data-validate="'+n+'"]').size()>0&&(i=a.find('[data-validate="'+n+'"]').val()),i!==o?""+t==""+i:!1},url:function(e){var t=/(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;return t.test(e)}}}})(jQuery,window,document); \ No newline at end of file diff --git a/build/minified/modules/shape.js b/build/minified/modules/shape.js index 4f36bc008..b6e110f88 100644 --- a/build/minified/modules/shape.js +++ b/build/minified/modules/shape.js @@ -40,7 +40,7 @@ $.fn.shape = function(parameters) { // private variables $activeSide, $nextSide, - transitionEnd = 'transitionend msTransitionEnd oTransitionEnd webkitTransitionEnd', + transitionEnd = 'msTransitionEnd oTransitionEnd webkitTransitionEnd', // standard module element = this, @@ -91,10 +91,11 @@ $.fn.shape = function(parameters) { animate: function(propertyObject, callback) { module.verbose('Animating box with properties', propertyObject); callback = callback || function(event) { - module.reset(); - module.set.active(); - $.proxy(settings.onChange, $nextSide)(); - event.stopImmediatePropagation(); + module.verbose('Executing animation callback', event); + event.stopPropagation(); + module.reset(); + module.set.active(); + $.proxy(settings.onChange, $nextSide)(); }; if(settings.useCSS) { module.verbose('Starting CSS animation'); @@ -111,7 +112,7 @@ $.fn.shape = function(parameters) { ; $sides .css(propertyObject) - .one(transitionEnd, callback) + .one(transitionEnd + eventNamespace, callback) ; } else { diff --git a/build/minified/modules/shape.min.js b/build/minified/modules/shape.min.js index 63f297eb1..04eff861c 100644 --- a/build/minified/modules/shape.min.js +++ b/build/minified/modules/shape.min.js @@ -1 +1 @@ -(function(e,t,n,o){e.fn.shape=function(t){var i,a=e(this),s=e.extend(!0,{},e.fn.shape.settings,t),r="."+s.namespace,c="module-"+s.namespace,l=a.selector||"",u=(new Date).getTime(),d=[],m=arguments[0],f="string"==typeof m,p=[].slice.call(arguments,1);return a.each(function(){var t,g,h,v=e(this),b=v.find(s.selector.sides),y=v.find(s.selector.side),x="transitionend msTransitionEnd oTransitionEnd webkitTransitionEnd",w=this,C=v.data(c),k=(s.namespace,s.error),T=s.className;h={initialize:function(){h.verbose("Initializing module for",w),h.set.defaultSide(),C=h,v.data(c,C)},destroy:function(){h.verbose("Destroying previous module for",w),v.removeData(c).off(r)},refresh:function(){h.verbose("Refreshing selector cache for",w),v=e(w),b=e(this).find(s.selector.shape),y=e(this).find(s.selector.side)},repaint:function(){h.verbose("Forcing repaint event");var e=b.get(0)||n.createElement("div");e.offsetWidth},animate:function(n,o){h.verbose("Animating box with properties",n),o=o||function(t){h.reset(),h.set.active(),e.proxy(s.onChange,g)(),t.stopImmediatePropagation()},s.useCSS?(h.verbose("Starting CSS animation"),v.addClass(T.animating),h.set.stageSize(),h.repaint(),v.addClass(T.css),t.addClass(T.hidden),b.css(n).one(x,o)):(h.verbose("Starting javascript animation"),v.addClass(T.animating).removeClass(T.css),h.set.stageSize(),h.repaint(),t.animate({opacity:0},s.duration,s.easing),b.animate(n,s.duration,s.easing,o))},queue:function(e){h.debug("Queueing animation of",e),b.one(x,function(){h.debug("Executing queued animation"),v.shape(e)})},reset:function(){h.verbose("Animating states reset"),v.removeClass(T.css).removeClass(T.animating).removeAttr("style"),b.removeAttr("style"),y.removeAttr("style").removeClass(T.hidden),g.removeClass(T.animating).removeAttr("style")},is:{animating:function(){return v.hasClass(T.animating)}},get:{nextSide:function(){return t.next(s.selector.side).size()>0?t.next(s.selector.side):v.find(s.selector.side).first()}},set:{defaultSide:function(){t=v.find("."+s.className.active),g=t.next(s.selector.side).size()>0?t.next(s.selector.side):v.find(s.selector.side).first(),h.verbose("Active side set to",t),h.verbose("Next side set to",g)},stageSize:function(){var e={width:g.outerWidth(),height:g.outerHeight()};h.verbose("Resizing stage to fit new content",e),v.css({width:e.width,height:e.height})},nextSide:function(e){g=v.find(e),0===g.size()&&h.error(k.side),h.verbose("Next side manually set to",g)},active:function(){h.verbose("Setting new side to active",g),y.removeClass(T.active),g.addClass(T.active),h.set.defaultSide()}},flip:{up:function(){h.debug("Flipping up",g),h.is.animating()?h.queue("flip.up"):(h.stage.above(),h.animate(h.getTransform.up()))},down:function(){h.debug("Flipping down",g),h.is.animating()?h.queue("flip.down"):(h.stage.below(),h.animate(h.getTransform.down()))},left:function(){h.debug("Flipping left",g),h.is.animating()?h.queue("flip.left"):(h.stage.left(),h.animate(h.getTransform.left()))},right:function(){h.debug("Flipping right",g),h.is.animating()?h.queue("flip.right"):(h.stage.right(),h.animate(h.getTransform.right()))},over:function(){h.debug("Flipping over",g),h.is.animating()?h.queue("flip.over"):(h.stage.behind(),h.animate(h.getTransform.behind()))}},getTransform:{up:function(){var e={y:-((t.outerHeight()-g.outerHeight())/2),z:-(t.outerHeight()/2)};return{transform:"translateY("+e.y+"px) translateZ("+e.z+"px) rotateX(-90deg)"}},down:function(){var e={y:-((t.outerHeight()-g.outerHeight())/2),z:-(t.outerHeight()/2)};return{transform:"translateY("+e.y+"px) translateZ("+e.z+"px) rotateX(90deg)"}},left:function(){var e={x:-((t.outerWidth()-g.outerWidth())/2),z:-(t.outerWidth()/2)};return{transform:"translateX("+e.x+"px) translateZ("+e.z+"px) rotateY(90deg)"}},right:function(){var e={x:-((t.outerWidth()-g.outerWidth())/2),z:-(t.outerWidth()/2)};return{transform:"translateX("+e.x+"px) translateZ("+e.z+"px) rotateY(-90deg)"}},behind:function(){var e={x:-((t.outerWidth()-g.outerWidth())/2)};return{transform:"translateX("+e.x+"px) rotateY(180deg)"}}},stage:{above:function(){var e={origin:(t.outerHeight()-g.outerHeight())/2,depth:{active:g.outerHeight()/2,next:t.outerHeight()/2}};h.verbose("Setting the initial animation position as above",g,e),t.css({transform:"rotateY(0deg) translateZ("+e.depth.active+"px)"}),g.addClass(T.animating).css({display:"block",top:e.origin+"px",transform:"rotateX(90deg) translateZ("+e.depth.next+"px)"})},below:function(){var e={origin:(t.outerHeight()-g.outerHeight())/2,depth:{active:g.outerHeight()/2,next:t.outerHeight()/2}};h.verbose("Setting the initial animation position as below",g,e),t.css({transform:"rotateY(0deg) translateZ("+e.depth.active+"px)"}),g.addClass(T.animating).css({display:"block",top:e.origin+"px",transform:"rotateX(-90deg) translateZ("+e.depth.next+"px)"})},left:function(){var e={origin:(t.outerWidth()-g.outerWidth())/2,depth:{active:g.outerWidth()/2,next:t.outerWidth()/2}};h.verbose("Setting the initial animation position as left",g,e),t.css({transform:"rotateY(0deg) translateZ("+e.depth.active+"px)"}),g.addClass(T.animating).css({display:"block",left:e.origin+"px",transform:"rotateY(-90deg) translateZ("+e.depth.next+"px)"})},right:function(){var e={origin:(t.outerWidth()-g.outerWidth())/2,depth:{active:g.outerWidth()/2,next:t.outerWidth()/2}};h.verbose("Setting the initial animation position as left",g,e),t.css({transform:"rotateY(0deg) translateZ("+e.depth.active+"px)"}),g.addClass(T.animating).css({display:"block",left:e.origin+"px",transform:"rotateY(90deg) translateZ("+e.depth.next+"px)"})},behind:function(){var e={origin:(t.outerWidth()-g.outerWidth())/2,depth:{active:g.outerWidth()/2,next:t.outerWidth()/2}};h.verbose("Setting the initial animation position as behind",g,e),t.css({transform:"rotateY(0deg)"}),g.addClass(T.animating).css({display:"block",left:e.origin+"px",transform:"rotateY(-180deg)"})}},setting:function(t,n){return n===o?s[t]:(e.isPlainObject(t)?(h.verbose("Modifying settings object",t,n),e.extend(!0,s,t)):(h.verbose("Modifying setting",t,n),s[t]=n),o)},internal:function(t,n){return n===o?h[t]:(e.isPlainObject(t)?(h.verbose("Modifying internal property",t,n),e.extend(!0,h,t)):(h.verbose("Changing internal method to",n),h[t]=n),o)},debug:function(){s.debug&&(s.performance?h.performance.log(arguments):h.debug=Function.prototype.bind.call(console.info,console,s.moduleName+":"))},verbose:function(){s.verbose&&s.debug&&(s.performance?h.performance.log(arguments):h.verbose=Function.prototype.bind.call(console.info,console,s.moduleName+":"))},error:function(){h.error=Function.prototype.bind.call(console.log,console,s.moduleName+":")},performance:{log:function(e){var t,n,o;s.performance&&(t=(new Date).getTime(),o=u||t,n=t-o,u=t,d.push({Element:w,Name:e[0],Arguments:e[1]||"None","Execution Time":n}),clearTimeout(h.performance.timer),h.performance.timer=setTimeout(h.performance.display,100))},display:function(){var t=s.moduleName,n=(s.moduleName+": "+l+"("+a.size()+" elements)",0);l&&(t+=" Performance ("+l+")"),(console.group!==o||console.table!==o)&&d.length>0&&(console.groupCollapsed(t),console.table?(e.each(d,function(e,t){n+=t["Execution Time"]}),console.table(d)):e.each(d,function(e,t){n+=t["Execution Time"],console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.log("Total Execution Time:",n+"ms"),console.groupEnd(),d=[],u=!1)}},invoke:function(t,n,i){var a,s,r=C;return n=n||p,i=w||i,"string"==typeof t&&r!==o&&(t=t.split("."),a=t.length-1,e.each(t,function(t,n){return e.isPlainObject(r[n])&&t!=a?(r=r[n],!0):r[n]!==o?(s=r[n],!0):(h.error(k.method),!1)})),e.isFunction(s)?(C.verbose("Executing invoked function",s),s.apply(i,n)):s||!1}},f?(C===o&&h.initialize(),i=h.invoke(m)):(C!==o&&h.destroy(),h.initialize())}),i?i:this},e.fn.shape.settings={moduleName:"Shape Module",debug:!1,verbose:!1,performance:!1,namespace:"shape",beforeChange:function(){},onChange:function(){},useCSS:!0,duration:1e3,easing:"easeInOutQuad",error:{side:"You tried to switch to a side that does not exist.",method:"The method you called is not defined"},className:{css:"css",animating:"animating",hidden:"hidden",active:"active"},selector:{sides:".sides",side:".side"}}})(jQuery,window,document); \ No newline at end of file +(function(e,t,n,o){e.fn.shape=function(t){var i,a=e(this),s=e.extend(!0,{},e.fn.shape.settings,t),r="."+s.namespace,c="module-"+s.namespace,l=a.selector||"",u=(new Date).getTime(),d=[],m=arguments[0],f="string"==typeof m,p=[].slice.call(arguments,1);return a.each(function(){var t,g,h,v=e(this),b=v.find(s.selector.sides),y=v.find(s.selector.side),x="msTransitionEnd oTransitionEnd webkitTransitionEnd",w=this,C=v.data(c),k=(s.namespace,s.error),T=s.className;h={initialize:function(){h.verbose("Initializing module for",w),h.set.defaultSide(),C=h,v.data(c,C)},destroy:function(){h.verbose("Destroying previous module for",w),v.removeData(c).off(r)},refresh:function(){h.verbose("Refreshing selector cache for",w),v=e(w),b=e(this).find(s.selector.shape),y=e(this).find(s.selector.side)},repaint:function(){h.verbose("Forcing repaint event");var e=b.get(0)||n.createElement("div");e.offsetWidth},animate:function(n,o){h.verbose("Animating box with properties",n),o=o||function(t){h.verbose("Executing animation callback",t),t.stopPropagation(),h.reset(),h.set.active(),e.proxy(s.onChange,g)()},s.useCSS?(h.verbose("Starting CSS animation"),v.addClass(T.animating),h.set.stageSize(),h.repaint(),v.addClass(T.css),t.addClass(T.hidden),b.css(n).one(x+r,o)):(h.verbose("Starting javascript animation"),v.addClass(T.animating).removeClass(T.css),h.set.stageSize(),h.repaint(),t.animate({opacity:0},s.duration,s.easing),b.animate(n,s.duration,s.easing,o))},queue:function(e){h.debug("Queueing animation of",e),b.one(x,function(){h.debug("Executing queued animation"),v.shape(e)})},reset:function(){h.verbose("Animating states reset"),v.removeClass(T.css).removeClass(T.animating).removeAttr("style"),b.removeAttr("style"),y.removeAttr("style").removeClass(T.hidden),g.removeClass(T.animating).removeAttr("style")},is:{animating:function(){return v.hasClass(T.animating)}},get:{nextSide:function(){return t.next(s.selector.side).size()>0?t.next(s.selector.side):v.find(s.selector.side).first()}},set:{defaultSide:function(){t=v.find("."+s.className.active),g=t.next(s.selector.side).size()>0?t.next(s.selector.side):v.find(s.selector.side).first(),h.verbose("Active side set to",t),h.verbose("Next side set to",g)},stageSize:function(){var e={width:g.outerWidth(),height:g.outerHeight()};h.verbose("Resizing stage to fit new content",e),v.css({width:e.width,height:e.height})},nextSide:function(e){g=v.find(e),0===g.size()&&h.error(k.side),h.verbose("Next side manually set to",g)},active:function(){h.verbose("Setting new side to active",g),y.removeClass(T.active),g.addClass(T.active),h.set.defaultSide()}},flip:{up:function(){h.debug("Flipping up",g),h.is.animating()?h.queue("flip.up"):(h.stage.above(),h.animate(h.getTransform.up()))},down:function(){h.debug("Flipping down",g),h.is.animating()?h.queue("flip.down"):(h.stage.below(),h.animate(h.getTransform.down()))},left:function(){h.debug("Flipping left",g),h.is.animating()?h.queue("flip.left"):(h.stage.left(),h.animate(h.getTransform.left()))},right:function(){h.debug("Flipping right",g),h.is.animating()?h.queue("flip.right"):(h.stage.right(),h.animate(h.getTransform.right()))},over:function(){h.debug("Flipping over",g),h.is.animating()?h.queue("flip.over"):(h.stage.behind(),h.animate(h.getTransform.behind()))}},getTransform:{up:function(){var e={y:-((t.outerHeight()-g.outerHeight())/2),z:-(t.outerHeight()/2)};return{transform:"translateY("+e.y+"px) translateZ("+e.z+"px) rotateX(-90deg)"}},down:function(){var e={y:-((t.outerHeight()-g.outerHeight())/2),z:-(t.outerHeight()/2)};return{transform:"translateY("+e.y+"px) translateZ("+e.z+"px) rotateX(90deg)"}},left:function(){var e={x:-((t.outerWidth()-g.outerWidth())/2),z:-(t.outerWidth()/2)};return{transform:"translateX("+e.x+"px) translateZ("+e.z+"px) rotateY(90deg)"}},right:function(){var e={x:-((t.outerWidth()-g.outerWidth())/2),z:-(t.outerWidth()/2)};return{transform:"translateX("+e.x+"px) translateZ("+e.z+"px) rotateY(-90deg)"}},behind:function(){var e={x:-((t.outerWidth()-g.outerWidth())/2)};return{transform:"translateX("+e.x+"px) rotateY(180deg)"}}},stage:{above:function(){var e={origin:(t.outerHeight()-g.outerHeight())/2,depth:{active:g.outerHeight()/2,next:t.outerHeight()/2}};h.verbose("Setting the initial animation position as above",g,e),t.css({transform:"rotateY(0deg) translateZ("+e.depth.active+"px)"}),g.addClass(T.animating).css({display:"block",top:e.origin+"px",transform:"rotateX(90deg) translateZ("+e.depth.next+"px)"})},below:function(){var e={origin:(t.outerHeight()-g.outerHeight())/2,depth:{active:g.outerHeight()/2,next:t.outerHeight()/2}};h.verbose("Setting the initial animation position as below",g,e),t.css({transform:"rotateY(0deg) translateZ("+e.depth.active+"px)"}),g.addClass(T.animating).css({display:"block",top:e.origin+"px",transform:"rotateX(-90deg) translateZ("+e.depth.next+"px)"})},left:function(){var e={origin:(t.outerWidth()-g.outerWidth())/2,depth:{active:g.outerWidth()/2,next:t.outerWidth()/2}};h.verbose("Setting the initial animation position as left",g,e),t.css({transform:"rotateY(0deg) translateZ("+e.depth.active+"px)"}),g.addClass(T.animating).css({display:"block",left:e.origin+"px",transform:"rotateY(-90deg) translateZ("+e.depth.next+"px)"})},right:function(){var e={origin:(t.outerWidth()-g.outerWidth())/2,depth:{active:g.outerWidth()/2,next:t.outerWidth()/2}};h.verbose("Setting the initial animation position as left",g,e),t.css({transform:"rotateY(0deg) translateZ("+e.depth.active+"px)"}),g.addClass(T.animating).css({display:"block",left:e.origin+"px",transform:"rotateY(90deg) translateZ("+e.depth.next+"px)"})},behind:function(){var e={origin:(t.outerWidth()-g.outerWidth())/2,depth:{active:g.outerWidth()/2,next:t.outerWidth()/2}};h.verbose("Setting the initial animation position as behind",g,e),t.css({transform:"rotateY(0deg)"}),g.addClass(T.animating).css({display:"block",left:e.origin+"px",transform:"rotateY(-180deg)"})}},setting:function(t,n){return n===o?s[t]:(e.isPlainObject(t)?(h.verbose("Modifying settings object",t,n),e.extend(!0,s,t)):(h.verbose("Modifying setting",t,n),s[t]=n),o)},internal:function(t,n){return n===o?h[t]:(e.isPlainObject(t)?(h.verbose("Modifying internal property",t,n),e.extend(!0,h,t)):(h.verbose("Changing internal method to",n),h[t]=n),o)},debug:function(){s.debug&&(s.performance?h.performance.log(arguments):h.debug=Function.prototype.bind.call(console.info,console,s.moduleName+":"))},verbose:function(){s.verbose&&s.debug&&(s.performance?h.performance.log(arguments):h.verbose=Function.prototype.bind.call(console.info,console,s.moduleName+":"))},error:function(){h.error=Function.prototype.bind.call(console.log,console,s.moduleName+":")},performance:{log:function(e){var t,n,o;s.performance&&(t=(new Date).getTime(),o=u||t,n=t-o,u=t,d.push({Element:w,Name:e[0],Arguments:e[1]||"None","Execution Time":n}),clearTimeout(h.performance.timer),h.performance.timer=setTimeout(h.performance.display,100))},display:function(){var t=s.moduleName,n=(s.moduleName+": "+l+"("+a.size()+" elements)",0);l&&(t+=" Performance ("+l+")"),(console.group!==o||console.table!==o)&&d.length>0&&(console.groupCollapsed(t),console.table?(e.each(d,function(e,t){n+=t["Execution Time"]}),console.table(d)):e.each(d,function(e,t){n+=t["Execution Time"],console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.log("Total Execution Time:",n+"ms"),console.groupEnd(),d=[],u=!1)}},invoke:function(t,n,i){var a,s,r=C;return n=n||p,i=w||i,"string"==typeof t&&r!==o&&(t=t.split("."),a=t.length-1,e.each(t,function(t,n){return e.isPlainObject(r[n])&&t!=a?(r=r[n],!0):r[n]!==o?(s=r[n],!0):(h.error(k.method),!1)})),e.isFunction(s)?(C.verbose("Executing invoked function",s),s.apply(i,n)):s||!1}},f?(C===o&&h.initialize(),i=h.invoke(m)):(C!==o&&h.destroy(),h.initialize())}),i?i:this},e.fn.shape.settings={moduleName:"Shape Module",debug:!1,verbose:!1,performance:!1,namespace:"shape",beforeChange:function(){},onChange:function(){},useCSS:!0,duration:1e3,easing:"easeInOutQuad",error:{side:"You tried to switch to a side that does not exist.",method:"The method you called is not defined"},className:{css:"css",animating:"animating",hidden:"hidden",active:"active"},selector:{sides:".sides",side:".side"}}})(jQuery,window,document); \ No newline at end of file diff --git a/build/minified/modules/tab.js b/build/minified/modules/tab.js index b7072fe4a..e3c0e3bff 100644 --- a/build/minified/modules/tab.js +++ b/build/minified/modules/tab.js @@ -44,18 +44,22 @@ initialize: function() { module.debug('Initializing Tabs', $tabNavigation); // attach history events - if(settings.history && settings.path !== false) { - if( $.address !== undefined ) { + if(settings.history) { + if( $.address === undefined ) { + module.error(errors.state); + return false; + } + else if(settings.path === false) { + module.error(errors.path); + return false; + } + else { module.verbose('Address library found adding state change event'); $.address .state(settings.path) .change(module.event.history.change) ; } - else { - module.error(errors.state); - return false; - } } // attach events if navigation wasn't set to window if( !$.isWindow( $tabNavigation.get(0) ) ) { @@ -501,6 +505,7 @@ method : 'The method you called is not defined', state : 'The state library has not been initialized', missingTab : 'Missing tab: ', + path : 'History enabled, but no path was specified', recursion : 'Max recursive depth reached' }, diff --git a/build/minified/modules/tab.min.js b/build/minified/modules/tab.min.js index 2925927d3..4d270732a 100644 --- a/build/minified/modules/tab.min.js +++ b/build/minified/modules/tab.min.js @@ -1 +1 @@ -(function(e,t,n,o){e.fn.tabNavigation=function(n){var i,a,r,s,c,l=e.extend(!0,{},e.fn.tabNavigation.settings,n),u=e(this),d=e(l.context).find(l.selector.tabs),m=!0,f={},p=0,g=l.className,h=l.metadata,v=l.namespace,b=l.errors,y=u.data("module"),x=arguments[0],w=y!==o&&"string"==typeof x,C=[].slice.call(arguments,1);return s={initialize:function(){if(s.debug("Initializing Tabs",u),l.history&&l.path!==!1){if(e.address===o)return s.error(b.state),!1;s.verbose("Address library found adding state change event"),e.address.state(l.path).change(s.event.history.change)}e.isWindow(u.get(0))||u.on("click."+v,s.event.click),u.data("module",s)},destroy:function(){s.debug("Destroying tabs",u),u.off("."+v)},event:{click:function(){s.debug("Navigation clicked");var t=e(this).data(h.tab);t!==o?t!==i&&(l.history?e.address.value(t):s.change(t)):s.debug("No tab specified")},history:{change:function(t){var n=t.pathNames.join("/")||s.get.initialPath(),i=l.templates.determineTitle(n)||!1;s.debug("History change event",n,t),r=t,n!==o&&s.change(n),i&&e.address.title(i)}}},refresh:function(){i&&(s.debug("Refreshing tab",i),s.change(i))},cache:{read:function(e){return e!==o?f[e]:f},add:function(e,t){e=e||i,s.debug("Adding cached content for",e),f[e]=t},remove:function(e){e=e||i,s.debug("Removing cached content for",e),delete f[e]}},change:function(n){var c=s.get.defaultPathArray(n);s.deactivate.all(),e.each(c,function(u,d){var p=c.slice(0,u+1),g=s.utils.arrayToPath(p),h=s.utils.last(c)==g,v=s.is.tab(g),b=!v,y=t.history&&t.history.pushState,x=y&&l.ignoreFirstLoad&&m,w=e.isPlainObject(l.apiSettings),C=s.get.tabElement(g);return s.verbose("Looking for tab",d),b?(s.verbose("Tab is not found, assuming it is a parameter",d),!0):(v&&(s.verbose("Tab was found",d),i=g,a=s.utils.filterArray(c,p),h&&w?x?(s.debug("Ignoring remote content on first tab load",g),m=!1,f[n]=C.html(),s.activate.all(g),e.proxy(l.onTabInit,C)(g,a,r)):(s.activate.navigation(g),s.content.fetch(g,l.onTabLoad)):(s.debug("Opened tab",g),s.activate.all(g),e.proxy(l.onTabLoad,C)(g,a,r))),o)})},content:{fetch:function(t){var n=s.get.tabElement(t),c=f[t]||!1,u={dataType:"html",stateContext:n,success:function(o){f[t]=o,s.content.update(t,o),t==i?(s.debug("Content loaded",t),s.activate.tab(t)):s.debug("Content loaded in background",t),e.proxy(l.onTabInit,n)(t,a,r)},urlData:{tab:t}},d=n.data(h.promise)||!1,m=d&&"pending"===d.state();l.cache&&c?(s.debug("Showing existing content",t),s.activate.tab(t),e.proxy(l.onTabLoad,n)(t,a,r)):m?(s.debug("Content is already loading",t),n.addClass(g.loading)):e.api!==o?(s.debug("Retrieving content",t),e.api(e.extend(!0,{},l.apiSettings,u))):s.error(b.api)},update:function(e,t){s.debug("Updating html for",e);var n=s.get.tabElement(e);n.html(t)}},activate:{all:function(e){s.activate.tab(e),s.activate.navigation(e)},tab:function(e){var t=s.get.tabElement(e);s.verbose("Showing tab content for",t),t.addClass(g.active)},navigation:function(e){var t=s.get.navElement(e);s.verbose("Activating tab navigation for",t),t.addClass(g.active)}},deactivate:{all:function(){s.deactivate.navigation(),s.deactivate.tabs()},navigation:function(){u.removeClass(g.active)},tabs:function(){d.removeClass(g.active+" "+g.loading)}},is:{tab:function(e){return s.get.tabElement(e).size()>0}},get:{initialPath:function(){return u.eq(0).data(h.tab)||d.eq(0).data(h.tab)},defaultPathArray:function(e){return s.utils.pathToArray(s.get.defaultPath(e))},defaultPath:function(e){var t=u.filter("[data-"+h.tab+'^="'+e+'/"]').eq(0),n=t.data(h.tab)||!1;if(n){if(s.debug("Found default tab",n),l.maxDepth>p)return p++,s.get.defaultPath(n);s.error(b.recursion)}return p=0,e},navElement:function(e){return e=e||i,u.filter("[data-"+h.tab+'="'+e+'"]')},tabElement:function(e){var t,n,o,a;return e=e||i,o=s.utils.pathToArray(e),a=s.utils.last(o),t=d.filter("[data-"+h.tab+'="'+a+'"]'),n=d.filter("[data-"+h.tab+'="'+e+'"]'),t.size()>0?t:n},tab:function(){return i}},utils:{filterArray:function(t,n){return e.grep(t,function(t){return-1==e.inArray(t,n)})},last:function(t){return e.isArray(t)?t[t.length-1]:!1},pathToArray:function(e){return e===o&&(e=i),"string"==typeof e?e.split("/"):[e]},arrayToPath:function(t){return e.isArray(t)?t.join("/"):!1}},setting:function(e,t){return t===o?l[e]:(l[e]=t,o)},verbose:function(){l.verbose&&s.debug.apply(this,arguments)},debug:function(){var e=[],t=l.moduleName+": "+arguments[0],n=[].slice.call(arguments,1),o=console.info||console.log||function(){};o=Function.prototype.bind.call(o,console),l.debug&&(e.push(t),o.apply(console,e.concat(n)))},error:function(){var e=[],t=l.moduleName+": "+arguments[0],n=[].slice.call(arguments,1),o=console.warn||console.log||function(){};o=Function.prototype.bind.call(o,console),l.debug&&(e.push(t),e.concat(n),o.apply(console,e.concat(n)))},invoke:function(t,n,i){var a,r;return i=i||[].slice.call(arguments,2),"string"==typeof t&&y!==o&&(t=t.split("."),a=t.length-1,e.each(t,function(t,n){return e.isPlainObject(y[n])&&t!=a?(y=y[n],!0):y[n]!==o?(r=y[n],!0):(s.error(l.errors.method),!1)})),e.isFunction(r)?r.apply(n,i):r}},w?c=s.invoke(x,this,C):s.initialize(),c!==o?c:this},e.tabNavigation=function(n){e(t).tabNavigation(n)},e.fn.tabNavigation.settings={moduleName:"Tab Module",verbose:!1,debug:!0,namespace:"tab",onTabInit:function(){},onTabLoad:function(){},templates:{determineTitle:function(){}},history:!1,path:!1,context:"body",maxDepth:25,ignoreFirstLoad:!0,alwaysRefresh:!1,cache:!0,apiSettings:!1,errors:{api:"You attempted to load content without API module",noContent:"The tab you specified is missing a content url.",method:"The method you called is not defined",state:"The state library has not been initialized",missingTab:"Missing tab: ",recursion:"Max recursive depth reached"},metadata:{tab:"tab",loaded:"loaded",promise:"promise"},className:{loading:"loading",active:"active"},selector:{tabs:".tab"}}})(jQuery,window,document); \ No newline at end of file +(function(e,t,n,o){e.fn.tabNavigation=function(n){var i,a,r,s,c,l=e.extend(!0,{},e.fn.tabNavigation.settings,n),u=e(this),d=e(l.context).find(l.selector.tabs),m=!0,f={},p=0,g=l.className,h=l.metadata,v=l.namespace,b=l.errors,y=u.data("module"),x=arguments[0],w=y!==o&&"string"==typeof x,C=[].slice.call(arguments,1);return s={initialize:function(){if(s.debug("Initializing Tabs",u),l.history){if(e.address===o)return s.error(b.state),!1;if(l.path===!1)return s.error(b.path),!1;s.verbose("Address library found adding state change event"),e.address.state(l.path).change(s.event.history.change)}e.isWindow(u.get(0))||u.on("click."+v,s.event.click),u.data("module",s)},destroy:function(){s.debug("Destroying tabs",u),u.off("."+v)},event:{click:function(){s.debug("Navigation clicked");var t=e(this).data(h.tab);t!==o?t!==i&&(l.history?e.address.value(t):s.change(t)):s.debug("No tab specified")},history:{change:function(t){var n=t.pathNames.join("/")||s.get.initialPath(),i=l.templates.determineTitle(n)||!1;s.debug("History change event",n,t),r=t,n!==o&&s.change(n),i&&e.address.title(i)}}},refresh:function(){i&&(s.debug("Refreshing tab",i),s.change(i))},cache:{read:function(e){return e!==o?f[e]:f},add:function(e,t){e=e||i,s.debug("Adding cached content for",e),f[e]=t},remove:function(e){e=e||i,s.debug("Removing cached content for",e),delete f[e]}},change:function(n){var c=s.get.defaultPathArray(n);s.deactivate.all(),e.each(c,function(u,d){var p=c.slice(0,u+1),g=s.utils.arrayToPath(p),h=s.utils.last(c)==g,v=s.is.tab(g),b=!v,y=t.history&&t.history.pushState,x=y&&l.ignoreFirstLoad&&m,w=e.isPlainObject(l.apiSettings),C=s.get.tabElement(g);return s.verbose("Looking for tab",d),b?(s.verbose("Tab is not found, assuming it is a parameter",d),!0):(v&&(s.verbose("Tab was found",d),i=g,a=s.utils.filterArray(c,p),h&&w?x?(s.debug("Ignoring remote content on first tab load",g),m=!1,f[n]=C.html(),s.activate.all(g),e.proxy(l.onTabInit,C)(g,a,r)):(s.activate.navigation(g),s.content.fetch(g,l.onTabLoad)):(s.debug("Opened tab",g),s.activate.all(g),e.proxy(l.onTabLoad,C)(g,a,r))),o)})},content:{fetch:function(t){var n=s.get.tabElement(t),c=f[t]||!1,u={dataType:"html",stateContext:n,success:function(o){f[t]=o,s.content.update(t,o),t==i?(s.debug("Content loaded",t),s.activate.tab(t)):s.debug("Content loaded in background",t),e.proxy(l.onTabInit,n)(t,a,r)},urlData:{tab:t}},d=n.data(h.promise)||!1,m=d&&"pending"===d.state();l.cache&&c?(s.debug("Showing existing content",t),s.activate.tab(t),e.proxy(l.onTabLoad,n)(t,a,r)):m?(s.debug("Content is already loading",t),n.addClass(g.loading)):e.api!==o?(s.debug("Retrieving content",t),e.api(e.extend(!0,{},l.apiSettings,u))):s.error(b.api)},update:function(e,t){s.debug("Updating html for",e);var n=s.get.tabElement(e);n.html(t)}},activate:{all:function(e){s.activate.tab(e),s.activate.navigation(e)},tab:function(e){var t=s.get.tabElement(e);s.verbose("Showing tab content for",t),t.addClass(g.active)},navigation:function(e){var t=s.get.navElement(e);s.verbose("Activating tab navigation for",t),t.addClass(g.active)}},deactivate:{all:function(){s.deactivate.navigation(),s.deactivate.tabs()},navigation:function(){u.removeClass(g.active)},tabs:function(){d.removeClass(g.active+" "+g.loading)}},is:{tab:function(e){return s.get.tabElement(e).size()>0}},get:{initialPath:function(){return u.eq(0).data(h.tab)||d.eq(0).data(h.tab)},defaultPathArray:function(e){return s.utils.pathToArray(s.get.defaultPath(e))},defaultPath:function(e){var t=u.filter("[data-"+h.tab+'^="'+e+'/"]').eq(0),n=t.data(h.tab)||!1;if(n){if(s.debug("Found default tab",n),l.maxDepth>p)return p++,s.get.defaultPath(n);s.error(b.recursion)}return p=0,e},navElement:function(e){return e=e||i,u.filter("[data-"+h.tab+'="'+e+'"]')},tabElement:function(e){var t,n,o,a;return e=e||i,o=s.utils.pathToArray(e),a=s.utils.last(o),t=d.filter("[data-"+h.tab+'="'+a+'"]'),n=d.filter("[data-"+h.tab+'="'+e+'"]'),t.size()>0?t:n},tab:function(){return i}},utils:{filterArray:function(t,n){return e.grep(t,function(t){return-1==e.inArray(t,n)})},last:function(t){return e.isArray(t)?t[t.length-1]:!1},pathToArray:function(e){return e===o&&(e=i),"string"==typeof e?e.split("/"):[e]},arrayToPath:function(t){return e.isArray(t)?t.join("/"):!1}},setting:function(e,t){return t===o?l[e]:(l[e]=t,o)},verbose:function(){l.verbose&&s.debug.apply(this,arguments)},debug:function(){var e=[],t=l.moduleName+": "+arguments[0],n=[].slice.call(arguments,1),o=console.info||console.log||function(){};o=Function.prototype.bind.call(o,console),l.debug&&(e.push(t),o.apply(console,e.concat(n)))},error:function(){var e=[],t=l.moduleName+": "+arguments[0],n=[].slice.call(arguments,1),o=console.warn||console.log||function(){};o=Function.prototype.bind.call(o,console),l.debug&&(e.push(t),e.concat(n),o.apply(console,e.concat(n)))},invoke:function(t,n,i){var a,r;return i=i||[].slice.call(arguments,2),"string"==typeof t&&y!==o&&(t=t.split("."),a=t.length-1,e.each(t,function(t,n){return e.isPlainObject(y[n])&&t!=a?(y=y[n],!0):y[n]!==o?(r=y[n],!0):(s.error(l.errors.method),!1)})),e.isFunction(r)?r.apply(n,i):r}},w?c=s.invoke(x,this,C):s.initialize(),c!==o?c:this},e.tabNavigation=function(n){e(t).tabNavigation(n)},e.fn.tabNavigation.settings={moduleName:"Tab Module",verbose:!1,debug:!0,namespace:"tab",onTabInit:function(){},onTabLoad:function(){},templates:{determineTitle:function(){}},history:!1,path:!1,context:"body",maxDepth:25,ignoreFirstLoad:!0,alwaysRefresh:!1,cache:!0,apiSettings:!1,errors:{api:"You attempted to load content without API module",noContent:"The tab you specified is missing a content url.",method:"The method you called is not defined",state:"The state library has not been initialized",missingTab:"Missing tab: ",path:"History enabled, but no path was specified",recursion:"Max recursive depth reached"},metadata:{tab:"tab",loaded:"loaded",promise:"promise"},className:{loading:"loading",active:"active"},selector:{tabs:".tab"}}})(jQuery,window,document); \ No newline at end of file diff --git a/build/minified/modules/video.min.js b/build/minified/modules/video.min.js index 2b10e454b..e00a7271e 100644 --- a/build/minified/modules/video.min.js +++ b/build/minified/modules/video.min.js @@ -1 +1 @@ -(function(e,t,n,o){e.fn.video=function(t){var n,i=e.extend(!0,{},e.fn.video.settings,t),a=arguments||!1;return e(this).each(function(){var r,s=e(this),c=s.find(i.selector.placeholder),l=s.find(i.selector.playButton),u=s.find(i.selector.embed),d=s.data("module-"+i.namespace),m="string"==typeof t,f=i.namespace,p=i.metadata,g=i.className;r={initialize:function(){r.debug("Initializing video"),c.off(".video").on("click."+f,r.play),l.off(".video").on("click."+f,r.play),s.data("module-"+f,r)},change:function(e,t){r.debug("Changing video to ",t),s.data(p.source,e).data(p.flv,t),i.onChange()},reset:function(){r.debug("Clearing video embed and showing placeholder"),s.removeClass(g.active),u.html(" "),c.show(),i.onReset()},play:function(){r.debug("Playing video");var e=s.data(p.source),t=s.data(p.flv);u.html(r.generate.html(e,t)),s.addClass(g.active),i.onPlay()},generate:{html:function(e,t){r.debug("Generating embed html");var n,o="auto"==i.width?s.width():i.width,a="auto"==i.height?s.height():i.height;return"vimeo"==e?n='':"youtube"==e&&(n=''),n},url:function(e){var t=i.api?1:0,n=i.autoplay?1:0,o=i.hd?1:0,a=i.showUI?1:0,r=i.showUI?0:1,s="";return"vimeo"==e?(s="api="+t+"&title="+a+"&byline="+a+"&portrait="+a+"&autoplay="+n,i.color&&(s+="&color="+i.color)):"youtube"==e&&(s="enablejsapi="+t+"&autoplay="+n+"&autohide="+r+"&hq="+o+"&modestbranding=1",i.color&&(s+="&color="+i.color)),s}},debug:function(e,t){i.debug&&(t!==o?console.info(i.moduleName+": "+e,t):console.info(i.moduleName+": "+e))},error:function(e){console.warn(i.moduleName+": "+e)},invoke:function(t,n,a){var s;return a=a||Array.prototype.slice.call(arguments,2),"string"==typeof t&&d!==o&&(t=t.split("."),e.each(t,function(t,n){return e.isPlainObject(d[n])?(d=d[n],!0):e.isFunction(d[n])?(s=d[n],!0):(r.error(i.errors.method),!1)})),e.isFunction(s)?s.apply(n,a):s}},m?n=r.invoke(a[0],this,Array.prototype.slice.call(a,1)):(d&&r.destroy(),r.initialize())}),n!==o?n:this},e.fn.videoPlaylist=function(t,n){var o=e(this),i=e(t),a=i.find(".embed iframe"),r=e.extend({},e.fn.videoPlaylist.settings,n,!0);o.each(function(){var t=e(this),n=r.metadata,a=r.namespace,s=r.className,c={initialize:function(){t.on("click."+a,c.changeVideo)},changeVideo:function(){var a=t.data(n.flv)||!1,c=t.data(n.source)||!1,l=t.data(n.placeholder)||!1;if(a&&c){if(i.data(n.source,c).data(n.flv,a),r.showPlaceholder)i.removeClass(s.active).find(e.fn.video.selector.placeholder).attr("src",l);else try{i.video("play")}catch(u){console.warn("Video Playlist Module: "+r.error.init)}o.removeClass(s.active),t.addClass(s.active)}}};c.initialize()}),r.playFirst&&(o.eq(0).trigger("click"),a.size()>0&&a.attr("src",a.attr("src").replace("autoplay=1","autoplay=0")))},e.fn.video.settings={moduleName:"Video",namespace:"video",debug:!1,metadata:{source:"source",flv:"flv"},onPlay:function(){},onReset:function(){},onChange:function(){},play:function(){},pause:function(){},stop:function(){},width:"auto",height:"auto",autoplay:!1,color:"#442359",hd:!0,showUI:!1,api:!0,errors:{method:"The method you called is not defined"},className:{active:"active"},selector:{embed:".embed",placeholder:".placeholder",playButton:".play"}},e.fn.videoPlaylist.settings={moduleName:"Video Playlist",namespace:"videoPlaylist",source:"vimeo",showPlaceholder:!1,playFirst:!0,metadata:{flv:"flv",source:"source",placeholder:"placeholder"},errors:{init:"The video player you specified was not yet initialized"},className:{active:"active"}}})(jQuery,window,document); \ No newline at end of file +(function(e,t,n,o){e.fn.video=function(t){var n,i=e.extend(!0,{},e.fn.video.settings,t),a=arguments||!1;return e(this).each(function(){var r,s=e(this),l=s.find(i.selector.placeholder),c=s.find(i.selector.playButton),u=s.find(i.selector.embed),d=s.data("module-"+i.namespace),m="string"==typeof t,f=i.namespace,p=i.metadata,g=i.className;r={initialize:function(){r.debug("Initializing video"),l.off(".video").on("click."+f,r.play),c.off(".video").on("click."+f,r.play),s.data("module-"+f,r)},change:function(e,t){r.debug("Changing video to ",t),s.data(p.source,e).data(p.flv,t),i.onChange()},reset:function(){r.debug("Clearing video embed and showing placeholder"),s.removeClass(g.active),u.html(" "),l.show(),i.onReset()},play:function(){r.debug("Playing video");var e=s.data(p.source),t=s.data(p.flv);u.html(r.generate.html(e,t)),s.addClass(g.active),i.onPlay()},generate:{html:function(e,t){r.debug("Generating embed html");var n,o="auto"==i.width?s.width():i.width,a="auto"==i.height?s.height():i.height;return"vimeo"==e?n='':"youtube"==e&&(n=''),n},url:function(e){var t=i.api?1:0,n=i.autoplay?1:0,o=i.hd?1:0,a=i.showUI?1:0,r=i.showUI?0:1,s="";return"vimeo"==e?(s="api="+t+"&title="+a+"&byline="+a+"&portrait="+a+"&autoplay="+n,i.color&&(s+="&color="+i.color)):"youtube"==e&&(s="enablejsapi="+t+"&autoplay="+n+"&autohide="+r+"&hq="+o+"&modestbranding=1",i.color&&(s+="&color="+i.color)),s}},debug:function(e,t){i.debug&&(t!==o?console.info(i.moduleName+": "+e,t):console.info(i.moduleName+": "+e))},error:function(e){console.warn(i.moduleName+": "+e)},invoke:function(t,n,a){var s;return a=a||Array.prototype.slice.call(arguments,2),"string"==typeof t&&d!==o&&(t=t.split("."),e.each(t,function(t,n){return e.isPlainObject(d[n])?(d=d[n],!0):e.isFunction(d[n])?(s=d[n],!0):(r.error(i.errors.method),!1)})),e.isFunction(s)?s.apply(n,a):s}},m?n=r.invoke(a[0],this,Array.prototype.slice.call(a,1)):(d&&r.destroy(),r.initialize())}),n!==o?n:this},e.fn.videoPlaylist=function(t,n){var o=e(this),i=e(t),a=i.find(".embed iframe"),r=e.extend({},e.fn.videoPlaylist.settings,n,!0);o.each(function(){var t=e(this),n=r.metadata,a=r.namespace,s=r.className,l={initialize:function(){t.on("click."+a,l.changeVideo)},changeVideo:function(){var a=t.data(n.flv)||!1,l=t.data(n.source)||!1,c=t.data(n.placeholder)||!1;if(a&&l){if(i.data(n.source,l).data(n.flv,a),r.showPlaceholder)i.removeClass(s.active).find(e.fn.video.selector.placeholder).attr("src",c);else try{i.video("play")}catch(u){console.warn("Video Playlist Module: "+r.error.init)}o.removeClass(s.active),t.addClass(s.active)}}};l.initialize()}),r.playFirst&&(o.eq(0).trigger("click"),a.size()>0&&a.attr("src",a.attr("src").replace("autoplay=1","autoplay=0")))},e.fn.video.settings={moduleName:"Video",namespace:"video",debug:!1,metadata:{source:"source",flv:"flv"},onPlay:function(){},onReset:function(){},onChange:function(){},play:function(){},pause:function(){},stop:function(){},width:"auto",height:"auto",autoplay:!1,color:"#442359",hd:!0,showUI:!1,api:!0,errors:{method:"The method you called is not defined"},className:{active:"active"},selector:{embed:".embed",placeholder:".placeholder",playButton:".play"}},e.fn.videoPlaylist.settings={moduleName:"Video Playlist",namespace:"videoPlaylist",source:"vimeo",showPlaceholder:!1,playFirst:!0,metadata:{flv:"flv",source:"source",placeholder:"placeholder"},errors:{init:"The video player you specified was not yet initialized"},className:{active:"active"}}})(jQuery,window,document); \ No newline at end of file diff --git a/build/packaged/fonts/custom-icons.eot b/build/packaged/fonts/custom-icons.eot deleted file mode 100644 index f02f9c06a..000000000 Binary files a/build/packaged/fonts/custom-icons.eot and /dev/null differ diff --git a/build/packaged/fonts/custom-icons.svg b/build/packaged/fonts/custom-icons.svg deleted file mode 100644 index d9be5699c..000000000 --- a/build/packaged/fonts/custom-icons.svg +++ /dev/null @@ -1,69 +0,0 @@ - - - - - -Created by FontForge 20120731 at Fri May 24 14:16:08 2013 - By Nathan Smith -Created by Nathan Smith with FontForge 2.0 (http://fontforge.sf.net) - - - - - - - - - - - diff --git a/build/packaged/fonts/custom-icons.ttf b/build/packaged/fonts/custom-icons.ttf deleted file mode 100644 index b418d777f..000000000 Binary files a/build/packaged/fonts/custom-icons.ttf and /dev/null differ diff --git a/build/packaged/fonts/custom-icons.woff b/build/packaged/fonts/custom-icons.woff deleted file mode 100644 index f1a357825..000000000 Binary files a/build/packaged/fonts/custom-icons.woff and /dev/null differ diff --git a/build/packaged/fonts/fontcustom.css b/build/packaged/fonts/fontcustom.css deleted file mode 100644 index 3de22ebd7..000000000 --- a/build/packaged/fonts/fontcustom.css +++ /dev/null @@ -1,34 +0,0 @@ -/* - * Font Custom: bare CSS - */ - -@font-face { - font-family: "quirky-icons"; - src: url("quirky-icons_94b6667e46c5601c4e08e650e3872625.eot"); - src: url("quirky-icons_94b6667e46c5601c4e08e650e3872625.eot?#iefix") format("embedded-opentype"), - url("quirky-icons_94b6667e46c5601c4e08e650e3872625.woff") format("woff"), - url("quirky-icons_94b6667e46c5601c4e08e650e3872625.ttf") format("truetype"), - url("quirky-icons_94b6667e46c5601c4e08e650e3872625.svg#quirky-icons") format("svg"); - font-weight: normal; - font-style: normal; -} - -.icon-blast-off:before, -.icon-pen-and-paint-brush:before, -.icon-price-tag:before, -.icon-tools:before { - font-family: "quirky-icons"; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - display: inline-block; - text-decoration: inherit; -} - -.icon-blast-off:before { content: "\f100"; } -.icon-pen-and-paint-brush:before { content: "\f101"; } -.icon-price-tag:before { content: "\f102"; } -.icon-tools:before { content: "\f103"; } diff --git a/build/packaged/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.eot b/build/packaged/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.eot deleted file mode 100644 index f02f9c06a..000000000 Binary files a/build/packaged/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.eot and /dev/null differ diff --git a/build/packaged/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.svg b/build/packaged/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.svg deleted file mode 100644 index d9be5699c..000000000 --- a/build/packaged/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.svg +++ /dev/null @@ -1,69 +0,0 @@ - - - - - -Created by FontForge 20120731 at Fri May 24 14:16:08 2013 - By Nathan Smith -Created by Nathan Smith with FontForge 2.0 (http://fontforge.sf.net) - - - - - - - - - - - diff --git a/build/packaged/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.ttf b/build/packaged/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.ttf deleted file mode 100644 index b418d777f..000000000 Binary files a/build/packaged/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.ttf and /dev/null differ diff --git a/build/packaged/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.woff b/build/packaged/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.woff deleted file mode 100644 index f1a357825..000000000 Binary files a/build/packaged/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.woff and /dev/null differ diff --git a/build/packaged/images/loader-large-inverted.gif b/build/packaged/images/loader-large-inverted.gif new file mode 100644 index 000000000..ee5283f10 Binary files /dev/null and b/build/packaged/images/loader-large-inverted.gif differ diff --git a/build/packaged/images/loader-medium-inverted.gif b/build/packaged/images/loader-medium-inverted.gif new file mode 100644 index 000000000..caa3110d8 Binary files /dev/null and b/build/packaged/images/loader-medium-inverted.gif differ diff --git a/build/packaged/images/loader-medium.gif b/build/packaged/images/loader-medium.gif index ae34460f9..386eb5af1 100644 Binary files a/build/packaged/images/loader-medium.gif and b/build/packaged/images/loader-medium.gif differ diff --git a/build/packaged/images/loader-mini-inverted.gif b/build/packaged/images/loader-mini-inverted.gif new file mode 100644 index 000000000..c7c95b948 Binary files /dev/null and b/build/packaged/images/loader-mini-inverted.gif differ diff --git a/build/packaged/images/loader-mini.gif b/build/packaged/images/loader-mini.gif new file mode 100644 index 000000000..7f3e27c70 Binary files /dev/null and b/build/packaged/images/loader-mini.gif differ diff --git a/build/packaged/images/loader-small-inverted.gif b/build/packaged/images/loader-small-inverted.gif new file mode 100644 index 000000000..bbb0a67f6 Binary files /dev/null and b/build/packaged/images/loader-small-inverted.gif differ diff --git a/build/packaged/images/loader-small.gif b/build/packaged/images/loader-small.gif index d9a6760a4..8c9f60ee2 100644 Binary files a/build/packaged/images/loader-small.gif and b/build/packaged/images/loader-small.gif differ diff --git a/build/packaged/images/loader-tiny.gif b/build/packaged/images/loader-tiny.gif index c65ee55fd..7f3e27c70 100644 Binary files a/build/packaged/images/loader-tiny.gif and b/build/packaged/images/loader-tiny.gif differ diff --git a/build/packaged/modules/dropdown.js b/build/packaged/modules/dropdown.js index 874bf1b1d..cfbfa9003 100644 --- a/build/packaged/modules/dropdown.js +++ b/build/packaged/modules/dropdown.js @@ -186,7 +186,7 @@ $.fn.dropdown = function(parameters) { } }, - nothing: function() {}, + none: function() {}, hide: function() { module.hide(); @@ -237,6 +237,7 @@ $.fn.dropdown = function(parameters) { set: { text: function(text) { module.debug('Changing text', text, $text); + $text.removeClass(className.placeholder); $text.text(text); }, value: function(value) { @@ -592,9 +593,10 @@ $.fn.dropdown.settings = { }, className : { - active : 'active', - disabled : 'disabled', - visible : 'visible' + active : 'active', + placeholder : 'default', + disabled : 'disabled', + visible : 'visible' } }; diff --git a/build/packaged/modules/shape.js b/build/packaged/modules/shape.js index 4f36bc008..b6e110f88 100644 --- a/build/packaged/modules/shape.js +++ b/build/packaged/modules/shape.js @@ -40,7 +40,7 @@ $.fn.shape = function(parameters) { // private variables $activeSide, $nextSide, - transitionEnd = 'transitionend msTransitionEnd oTransitionEnd webkitTransitionEnd', + transitionEnd = 'msTransitionEnd oTransitionEnd webkitTransitionEnd', // standard module element = this, @@ -91,10 +91,11 @@ $.fn.shape = function(parameters) { animate: function(propertyObject, callback) { module.verbose('Animating box with properties', propertyObject); callback = callback || function(event) { - module.reset(); - module.set.active(); - $.proxy(settings.onChange, $nextSide)(); - event.stopImmediatePropagation(); + module.verbose('Executing animation callback', event); + event.stopPropagation(); + module.reset(); + module.set.active(); + $.proxy(settings.onChange, $nextSide)(); }; if(settings.useCSS) { module.verbose('Starting CSS animation'); @@ -111,7 +112,7 @@ $.fn.shape = function(parameters) { ; $sides .css(propertyObject) - .one(transitionEnd, callback) + .one(transitionEnd + eventNamespace, callback) ; } else { diff --git a/build/packaged/modules/tab.js b/build/packaged/modules/tab.js index b7072fe4a..e3c0e3bff 100644 --- a/build/packaged/modules/tab.js +++ b/build/packaged/modules/tab.js @@ -44,18 +44,22 @@ initialize: function() { module.debug('Initializing Tabs', $tabNavigation); // attach history events - if(settings.history && settings.path !== false) { - if( $.address !== undefined ) { + if(settings.history) { + if( $.address === undefined ) { + module.error(errors.state); + return false; + } + else if(settings.path === false) { + module.error(errors.path); + return false; + } + else { module.verbose('Address library found adding state change event'); $.address .state(settings.path) .change(module.event.history.change) ; } - else { - module.error(errors.state); - return false; - } } // attach events if navigation wasn't set to window if( !$.isWindow( $tabNavigation.get(0) ) ) { @@ -501,6 +505,7 @@ method : 'The method you called is not defined', state : 'The state library has not been initialized', missingTab : 'Missing tab: ', + path : 'History enabled, but no path was specified', recursion : 'Max recursive depth reached' }, diff --git a/build/packaged/semantic.min.css.REMOVED.git-id b/build/packaged/semantic.min.css.REMOVED.git-id index 900c3afdc..83016bd98 100644 --- a/build/packaged/semantic.min.css.REMOVED.git-id +++ b/build/packaged/semantic.min.css.REMOVED.git-id @@ -1 +1 @@ -15691463de4d2846b965f6411b05555705fac03d \ No newline at end of file +cd51a44d39bd017a442450df0b8114a9d1c41f7f \ No newline at end of file diff --git a/build/packaged/semantic.min.js.REMOVED.git-id b/build/packaged/semantic.min.js.REMOVED.git-id index 0bbd9e494..21938db7b 100644 --- a/build/packaged/semantic.min.js.REMOVED.git-id +++ b/build/packaged/semantic.min.js.REMOVED.git-id @@ -1 +1 @@ -7b5da9ef80c33d0a6f0fafad57a83353778ca0f5 \ No newline at end of file +bb2f5a577f6450a45c1b7d7e797d6059011256af \ No newline at end of file diff --git a/build/uncompressed/collections/breadcrumb.css b/build/uncompressed/collections/breadcrumb.css new file mode 100644 index 000000000..bf70e8eec --- /dev/null +++ b/build/uncompressed/collections/breadcrumb.css @@ -0,0 +1,39 @@ +/* + * # Semantic Breadcrumb + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ +/******************************* + Breadcrumb +*******************************/ +.ui.breadcrumb { + display: inline-block; + vertical-align: middle; +} +.ui.breadcrumb .divider { + display: inline-block; + opacity: 0.5; + margin: 0em 0.15em 0em; + font-size: 1em; + color: rgba(0, 0, 0, 0.3); +} +.ui.breadcrumb a.section { + cursor: pointer; +} +.ui.breadcrumb .section { + display: inline-block; + margin: 0em; + padding: 0em; +} +/* Loose Coupling */ +.ui.breadcrumb.segment { + display: inline-block; + background-color: #EBEBEB; + padding: 0.5em 1em; +} diff --git a/build/uncompressed/collections/grid.css b/build/uncompressed/collections/grid.css index 59035325e..0b5203086 100644 --- a/build/uncompressed/collections/grid.css +++ b/build/uncompressed/collections/grid.css @@ -17,6 +17,7 @@ text-align: left; font-size: 0em; margin: 0% -1%; + padding: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -94,6 +95,7 @@ .ui.responsive.grid { margin-left: 0% !important; margin-right: 0% !important; + min-width: 320px; } @media only screen and (max-width: 1000px) { .ui.responsive.grid { @@ -117,7 +119,7 @@ } @media only screen and (min-width: 2000px) { .ui.responsive.grid { - padding: 0% 20%; + padding: 0% 23%; } } /*------------------- @@ -266,12 +268,39 @@ .ui.grid > .row > .column:only-child { width: 100%; } -/*------------------- - Padded ---------------------*/ -.ui.padded.grid { - margin-left: 0%; - margin-right: 0%; +/* Increase Gutters */ +.ui.two.column.grid, +.ui.three.column.grid, +.ui.four.column.grid { + margin-left: -3%; + margin-right: -3%; +} +.ui.two.column.grid > .row > .column, +.ui.two.column.grid > .column, +.ui.three.column.grid > .row > .column, +.ui.three.column.grid > .column, +.ui.four.column.grid > .row > .column, +.ui.four.column.grid > .column { + padding-left: 3%; + padding-right: 3%; +} +.ui.five.column.grid, +.ui.six.column.grid, +.ui.seven.column.grid, +.ui.eight.column.grid { + margin-left: -2%; + margin-right: -2%; +} +.ui.five.column.grid > .row > .column, +.ui.five.column.grid > .column, +.ui.six.column.grid > .row > .column, +.ui.six.column.grid > .column, +.ui.seven.column.grid > .row > .column, +.ui.seven.column.grid > .column, +.ui.eight.column.grid > .row > .column, +.ui.eight.column.grid > .column { + padding-left: 2%; + padding-right: 2%; } /*---------------------- "Floated" @@ -289,8 +318,8 @@ .ui.divided.grid > .row { display: table; width: 100%; - margin-left: 0%; - margin-right: 0%; + margin-left: 0% !important; + margin-right: 0% !important; } .ui.divided.grid > .column, .ui.divided.grid > .row > .column { @@ -311,8 +340,8 @@ .ui.celled.grid { display: table; width: 100%; - margin-left: 0%; - margin-right: 0%; + margin-left: 0% !important; + margin-right: 0% !important; -webkit-box-shadow: 0px 0px 0px 1px #DFDFDF; -moz-box-shadow: 0px 0px 0px 1px #DFDFDF; box-shadow: 0px 0px 0px 1px #DFDFDF; @@ -406,12 +435,13 @@ @media only screen and (max-width: 960px) { .ui.stackable.grid { display: block !important; + padding: 0em; } .ui.stackable.grid .row > .column, .ui.stackable.grid > .column { display: block !important; width: auto !important; - margin: 1.5em 3em 0em !important; + margin: 1.5em 5% 0em !important; padding: 1.5em 0em 0em !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; @@ -432,4 +462,8 @@ .ui.stackable.celled.grid > .column:first-child { border-top: none !important; } + /* Remove pointers from vertical menus */ + .ui.stackable.grid .vertical.pointing.menu .item:after { + display: none; + } } diff --git a/build/uncompressed/collections/menu.css b/build/uncompressed/collections/menu.css index f4a2741a3..1512cc92b 100644 --- a/build/uncompressed/collections/menu.css +++ b/build/uncompressed/collections/menu.css @@ -46,8 +46,7 @@ user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); vertical-align: middle; - line-height: 1em; - min-height: 1.25em; + line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -460,32 +459,26 @@ .ui.menu .green.active.item, .ui.green.menu .active.item { border-color: #A1CF64; - color: #A1CF64; } .ui.menu .red.active.item, .ui.red.menu .active.item { border-color: #EF4D6D; - color: #EF4D6D; } .ui.menu .blue.active.item, .ui.blue.menu .active.item { border-color: #6ECFF5; - color: #6ECFF5; } .ui.menu .purple.active.item, .ui.purple.menu .active.item { border-color: #564F8A; - color: #564F8A; } .ui.menu .orange.active.item, .ui.orange.menu .active.item { border-color: #F05940; - color: #F05940; } .ui.menu .teal.active.item, .ui.teal.menu .active.item { border-color: #00B5AD; - color: #00B5AD; } /*-------------- Inverted @@ -584,6 +577,17 @@ .ui.inverted.pointing.menu .active.item:hover:after { background-color: #3B3B3B; } +/*-------------- + Floated +---------------*/ +.ui.floated.menu { + float: left; + margin-right: 0.5rem; +} +.ui.right.floated.menu { + float: right; + margin-left: 0.5rem; +} /*-------------- Inverted Colors ---------------*/ @@ -807,12 +811,23 @@ border-bottom: 0.2rem solid rgba(0, 0, 0, 0.1); } .ui.secondary.pointing.menu > .item { + margin: 0em 0em -0.2em; padding: 0.6em 0.95em; - margin: 0em; color: rgba(0, 0, 0, 0.5); + border-bottom: 0.2em solid rgba(0, 0, 0, 0); -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; + -webkit-transition: color 0.2s + ; + -moz-transition: color 0.2s + ; + -o-transition: color 0.2s + ; + -ms-transition: color 0.2s + ; + transition: color 0.2s + ; } .ui.secondary.pointing.menu > .item:after { display: none; @@ -827,12 +842,12 @@ .ui.secondary.pointing.menu > .item:active, .ui.secondary.pointing.menu > .item.down { background-color: transparent; - box-shadow: 0px 0.2em 0px 0px rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } /* Active */ .ui.secondary.pointing.menu > .item.active { background-color: transparent; - box-shadow: 0px 0.2em 0px 0px rgba(0, 0, 0, 0.4); + border-color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.85); } /*------- Vertical------- */ @@ -842,7 +857,7 @@ } .ui.secondary.vertical.menu > .item { border: none; - margin: 0.2em 0em; + margin: 0em 0em -0.2rem; padding: 0.6em 0.8em; -webkit-border-radius: 0.325em; -moz-border-radius: 0.325em; @@ -854,19 +869,30 @@ border-radius: 0em; } .ui.secondary.vertical.pointing.menu > .item { - margin: 0em; + margin: 0em -0.2rem 0em 0em; + border-bottom: none; + border-right: 0.2rem solid transparent; -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; } +/* Hover */ +.ui.secondary.vertical.pointing.menu > .item.hover, +.ui.secondary.vertical.pointing.menu > .item:hover { + background-color: transparent; + color: rgba(0, 0, 0, 0.7); +} /* Down */ .ui.secondary.vertical.pointing.menu > .item:active, .ui.secondary.vertical.pointing.menu > .item.down { - box-shadow: 0.2em 0em 0em 0em rgba(0, 0, 0, 0.2); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.2); } /* Active */ .ui.secondary.vertical.pointing.menu > .item.active { - box-shadow: 0.2em 0em 0em 0em rgba(0, 0, 0, 0.4); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.4); + color: rgba(0, 0, 0, 0.85); } /*------- Inverted------- */ .ui.secondary.inverted.pointing.menu { @@ -883,18 +909,19 @@ /* Down */ .ui.secondary.inverted.pointing.menu > .item:active, .ui.secondary.inverted.pointing.menu > .item.down { - box-shadow: 0em 0.2em 0em 0em rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.4); } /* Active */ .ui.secondary.inverted.pointing.menu > .item.active { - box-shadow: 0em 0.2em 0em 0em rgba(255, 255, 255, 0.8); + border-color: rgba(255, 255, 255, 0.8); color: #ffffff; } /*-------------- - Icon Only + Inverted Sec ---------------*/ .ui.secondary.inverted.vertical.pointing.menu { border-right: 0.2rem solid rgba(255, 255, 255, 0.1); + border-bottom: none; } /* Down */ .ui.secondary.inverted.vertical.pointing.menu .item:active, @@ -1135,6 +1162,9 @@ .ui.pointing.menu .active.item:hover:after { background-color: #FAFAFA; } +.ui.vertical.pointing.menu .menu .active.item:after { + background-color: #F4F4F4; +} .ui.pointing.menu .active.item.down:after, .ui.pointing.menu .active.item:active:after { background-color: #F0F0F0; diff --git a/build/uncompressed/collections/table.css b/build/uncompressed/collections/table.css index cdee4abc8..4fa8f25c6 100644 --- a/build/uncompressed/collections/table.css +++ b/build/uncompressed/collections/table.css @@ -55,7 +55,7 @@ } /* Table Striping */ .ui.table tbody tr:nth-child(2n) { - background-color: rgba(0, 0, 0, 0.03); + background-color: rgba(0, 0, 50, 0.02); } /* Icons */ .ui.table > .icon { @@ -248,8 +248,7 @@ /* Sortable Table */ .ui.sortable.table thead th { cursor: pointer; - color: #555555; - vertical-align: top; + white-space: nowrap; } .ui.sortable.table thead th.sorted, .ui.sortable.table thead th.sorted:hover { @@ -257,22 +256,19 @@ -moz-user-select: none; -ms-user-select: none; user-select: none; - background-color: rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.05); } .ui.sortable.table thead th:after { display: inline-block; content: ''; width: 1em; opacity: 0.8; - float: right; - margin: 0.25em 0em 0em 0.25em; - line-height: 1; + margin: 0em 0em 0em 0.5em; font-family: 'Icons'; font-style: normal; font-weight: normal; text-decoration: inherit; - vertical-align: middle; - vertical-align: calc(); + vertical-align: text-top; } .ui.sortable.table thead th.ascending:after { content: '\25b4'; @@ -296,6 +292,20 @@ .ui.collapsing.table { width: auto; } +/*-------------- + Basic +---------------*/ +.ui.basic.table th { + background-color: transparent; + padding: 0.5em; + font-weight: normal; +} +.ui.basic.table tbody tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} +.ui.basic.table td { + padding: 0.8em 0.5em; +} /*-------------- Padded ---------------*/ diff --git a/build/uncompressed/elements/breadcrumb.css b/build/uncompressed/elements/breadcrumb.css new file mode 100644 index 000000000..9400a92cb --- /dev/null +++ b/build/uncompressed/elements/breadcrumb.css @@ -0,0 +1,48 @@ +/* + * # Semantic Breadcrumb + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ +/******************************* + Breadcrumb +*******************************/ +.ui.breadcrumb { + margin: 1em 0em; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); +} +.ui.breadcrumb .divider { + opacity: 0.5; + display: inline-block; + margin: 0em 0.15em 0em; + font-size: 1em; +} +.ui.breadcrumb .section { + display: inline-block; + margin: 0em; + padding: 0em; +} +.ui.breadcrumb .active.section { + color: #777777; +} +/* Loose Coupling */ +.ui.breadcrumb.segment { + padding: 0.5em 1em; +} +/******************************* + Variations +*******************************/ +.ui.compact.breadcrumb { + display: inline-block; + vertical-align: middle; +} diff --git a/build/uncompressed/elements/button.css b/build/uncompressed/elements/button.css index 0fd3fcda4..a1426badb 100644 --- a/build/uncompressed/elements/button.css +++ b/build/uncompressed/elements/button.css @@ -33,9 +33,9 @@ -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; border-radius: 0.3125em; - -webkit-box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset; - -moz-box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset; + -webkit-box-shadow: 0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow: 0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset; + box-shadow: 0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -87,11 +87,6 @@ -moz-box-shadow: 0em 0.125em 0.125em 0em rgba(0, 0, 0, 0.1) inset; box-shadow: 0em 0.125em 0.125em 0em rgba(0, 0, 0, 0.1) inset; } -.ui.buttons .button.active:hover, -.ui.button.active:hover { - background-color: #E6E6E6; - color: #333333; -} .ui.buttons .button.active, .ui.buttons .button.active a, .ui.button.active, diff --git a/build/uncompressed/elements/divider.css b/build/uncompressed/elements/divider.css index 28c79eb8f..24de44781 100644 --- a/build/uncompressed/elements/divider.css +++ b/build/uncompressed/elements/divider.css @@ -14,99 +14,115 @@ *******************************/ .ui.divider { margin: 1em 0em; - height: 1px; - background-color: rgba(0, 0, 0, 0.1); - border-top: none; + border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.8); + height: 0em; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } -.ui.divider .rule { - position: absolute; - top: 6px; - width: 45%; - height: 1px; - background-color: #ADADAD; - background-color: rgba(0, 0, 0, 0.1); - border-bottom: 1px solid #F8F8F8; - border-bottom: 1px solid rgba(255, 255, 255, 0.9); -} -.ui.divider .label { - display: block; - margin: 16px 0px 0px; - text-transform: none; - color: #333333; -} -/******************************* - Variations -*******************************/ .ui.vertical.divider, .ui.horizontal.divider { + position: absolute; + border: none; + height: 0em; + margin: 0em; background-color: transparent; - position: relative; - margin: 1em 0em 1em; - font-size: 0.8em; + font-size: 0.8rem; + font-weight: bold; text-align: center; text-transform: uppercase; - text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); - color: #555555; - font-weight: bold; -} -.ui.divider .left.rule { - left: 0px; -} -.ui.divider .right.rule { - right: 0px; + color: rgba(0, 0, 0, 0.8); } /*-------------- Vertical ---------------*/ .vertical.ui.divider { position: absolute; - top: 0px; + z-index: 2; + top: 50%; left: 50%; - height: 100%; - margin: 0px 0px 0px -50px; - min-width: 100px; - color: #555555; - font-weight: bold; + margin: 0% 0% 0% -3%; + width: 6%; + height: 50%; + line-height: 0; + padding: 0em; } -.vertical.ui.divider .rule { +.vertical.ui.divider:before, +.vertical.ui.divider:after { position: absolute; left: 50%; - width: 1px; - height: 45%; - background-color: #ADADAD; - background-color: rgba(0, 0, 0, 0.2); - border-right: 1px solid #F8F8F8; - border-right: 1px solid rgba(255, 255, 255, 0.9); + content: " "; + z-index: 3; + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-right: 1px solid rgba(255, 255, 255, 0.8); + width: 0%; + height: 80%; } -.vertical.ui.divider .top.rule { - top: 0px; +.vertical.ui.divider:before { + top: -100%; } -.vertical.ui.divider .bottom.rule { +.vertical.ui.divider:after { top: auto; bottom: 0px; } -.vertical.ui.divider .label { +/*-------------- + Horizontal +---------------*/ +.horizontal.ui.divider { position: relative; - top: 50%; - margin-top: -7px; - display: block; + top: 0%; + left: 0%; + margin: 1rem 0rem; width: 100%; - font-size: 16px; - line-height: 16px; - text-align: center; - text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); - text-transform: none; - color: #333333; + height: 1em; + padding: 0em; + line-height: 1; +} +.horizontal.ui.divider:before, +.horizontal.ui.divider:after { + position: absolute; + content: " "; + z-index: 3; + width: 45%; + top: 50%; + height: 0%; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.8); } -/* Inverted Color Divider (Black BG) */ +.horizontal.ui.divider:before { + left: 0%; +} +.horizontal.ui.divider:after { + left: auto; + right: 0%; +} +/******************************* + Variations +*******************************/ +/*-------------- + Inverted +---------------*/ .ui.divider.inverted { - text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8); - color: #FFFFFF; + color: #ffffff; +} +.ui.vertical.inverted.divider, +.ui.horizontal.inverted.divider { + color: rgba(255, 255, 255, 0.9); } -.ui.divider.inverted .rule { - border-color: #4A4A4A; - border-color: rgba(255, 255, 255, 0.2); +.ui.divider.inverted, +.ui.divider.inverted:after, +.ui.divider.inverted:before { + border-top-color: rgba(0, 0, 0, 0.15); + border-bottom-color: rgba(255, 255, 255, 0.15); + border-left-color: rgba(0, 0, 0, 0.15); + border-right-color: rgba(255, 255, 255, 0.15); } /*-------------- Clearing diff --git a/build/uncompressed/elements/header.css b/build/uncompressed/elements/header.css index 81cbeacdf..c31397541 100644 --- a/build/uncompressed/elements/header.css +++ b/build/uncompressed/elements/header.css @@ -38,6 +38,10 @@ line-height: 1.2; color: rgba(0, 0, 0, 0.5); } +.ui.header .content { + display: inline-block; + vertical-align: middle; +} .ui.header .icon { margin-right: 0.5em; } @@ -124,26 +128,6 @@ h5.ui.header { .ui.teal.header { color: #00B5AD !important; } -/* -.ui.blue.block.header { - background-color: #E6EEF1; -} -.ui.black.block.header { - background-color: #EAEAEA; -} -.ui.green.block.header { - background-color: #EFF8E4; -} -.ui.red.block.header { - background-color: #F6E5E8; -} -.ui.purple.block.header { - background-color: #EFEDF8; -} -.ui.teal.block.header { - background-color: #E9F7F6; -} -*/ .ui.blue.dividing.header { border-bottom: 3px solid #6ECFF5; } @@ -219,9 +203,11 @@ h5.ui.header { .ui.floated.header, .ui.left.floated.header { float: left; + margin-right: 0.5em; } .ui.right.floated.header { float: right; + margin-left: 0.5em; } /*------------------- Fittted diff --git a/build/uncompressed/elements/icons.css b/build/uncompressed/elements/icons.css index e96c5bae7..036b6b0cb 100644 --- a/build/uncompressed/elements/icons.css +++ b/build/uncompressed/elements/icons.css @@ -22,16 +22,6 @@ text-decoration: inherit; text-transform: none; } -@font-face { - font-family: 'Sketchy Icons'; - src: url(../fonts/sketchy-icons.eot); - src: url(../fonts/sketchy-icons.eot?#iefix) format('embedded-opentype'), url(../fonts/sketchy-icons.woff) format('woff'), url(../fonts/sketchy-icons.ttf) format('truetype'), url(../fonts/sketchy-icons.svg#icons) format('svg'); - font-style: normal; - font-weight: normal; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} i.icon { display: inline-block; opacity: 0.75; @@ -53,10 +43,6 @@ i.icon { -moz-font-smoothing: antialiased; font-smoothing: antialiased; } -i.sketchy.icon { - font-family: 'Sketchy Icons'; - height: 1em; -} /* icons available */ i.icon.circle.attention:before { content: '\2757'; @@ -554,84 +540,6 @@ i.icon.zoom.out:before { content: '\e751'; } /* '' */ -/******************************* - Additional Icons -*******************************/ -i.sketchy.icon.camera:before { - content: "\f100"; -} -i.sketchy.icon.checkmark.circle:before { - font-family: "Sketchy Icons"; - content: "\f101"; -} -i.sketchy.icon.checkmark:before { - font-family: "Sketchy Icons"; - content: "\f102"; -} -i.sketchy.icon.clock:before { - font-family: "Sketchy Icons"; - content: "\f103"; -} -i.sketchy.icon.comment:before { - font-family: "Sketchy Icons"; - content: "\f104"; -} -i.sketchy.icon.improve:before { - font-family: "Sketchy Icons"; - content: "\f105"; -} -i.sketchy.icon.influence:before { - font-family: "Sketchy Icons"; - content: "\f106"; -} -i.sketchy.icon.invent:before { - font-family: "Sketchy Icons"; - content: "\f107"; -} -i.sketchy.icon.launch:before { - font-family: "Sketchy Icons"; - content: "\f108"; -} -i.sketchy.icon.location:before { - font-family: "Sketchy Icons"; - content: "\f109"; -} -i.sketchy.icon.magnify:before { - font-family: "Sketchy Icons"; - content: "\f10a"; -} -i.sketchy.icon.pencil:before { - font-family: "Sketchy Icons"; - content: "\f10b"; -} -i.sketchy.icon.profile:before { - font-family: "Sketchy Icons"; - content: "\f10c"; -} -i.sketchy.icon.question.circle:before { - font-family: "Sketchy Icons"; - content: "\f10d"; -} -i.sketchy.icon.question:before { - font-family: "Sketchy Icons"; - content: "\f10e"; -} -i.sketchy.icon.share:before { - font-family: "Sketchy Icons"; - content: "\f10f"; -} -i.sketchy.icon.shop:before { - font-family: "Sketchy Icons"; - content: "\f110"; -} -i.sketchy.icon.x.circle:before { - font-family: "Sketchy Icons"; - content: "\f111"; -} -i.sketchy.icon.x:before { - font-family: "Sketchy Icons"; - content: "\f112"; -} /*-------------- Spacing Fix ---------------*/ diff --git a/build/uncompressed/elements/image.css b/build/uncompressed/elements/image.css index 64f5688c4..3b1860514 100644 --- a/build/uncompressed/elements/image.css +++ b/build/uncompressed/elements/image.css @@ -1,29 +1,138 @@ -.ui.feature.image { - position: relative; +/* + * # Semantic Image + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ +/******************************* + Image +*******************************/ +.ui.image { display: inline-block; - border: 1px solid #CCCCCC; - background: #f5f5f5 url(../images/placeholder-subtle.png) no-repeat center center; + vertical-align: middle; + max-width: 100%; + background-color: rgba(0, 0, 0, 0.05); } -.ui.feature.image img { +img.ui.image { display: block; + background: none; } -.ui.feature.image:after { - position: absolute; - top: 0px; - left: 0px; - width: 100%; - height: 100%; - content: ''; - -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6) inset, 0px 1px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6) inset, 0px 1px 1px rgba(0, 0, 0, 0.3); - box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6) inset, 0px 1px 1px rgba(0, 0, 0, 0.3); - z-index: 10; -} -/* Rounded Corners */ -.ui.feature.image, -.ui.feature.image img, -.ui.feature.image:after { - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; +.ui.image img { + display: block; + max-width: 100%; + height: auto; +} +/******************************* + States +*******************************/ +.ui.disabled.image { + cursor: default; + opacity: 0.3; +} +/******************************* + Variations +*******************************/ +/*-------------- + Rounded +---------------*/ +.ui.rounded.images .image, +.ui.rounded.images img, +.ui.rounded.image { + -webkit-border-radius: 0.3125em; + -moz-border-radius: 0.3125em; + border-radius: 0.3125em; +} +/*-------------- + Circular +---------------*/ +.ui.circular.images .image, +.ui.circular.images img, +.ui.circular.image { + margin-right: 0.5em; + -webkit-border-radius: 500em; + -moz-border-radius: 500em; + border-radius: 500em; +} +/*-------------- + Avatar +---------------*/ +.ui.avatar.images .image, +.ui.avatar.images img, +.ui.avatar.image { + margin-right: 0.5em; + display: inline-block; + width: 2em; + height: 2em; + -webkit-border-radius: 0.3125em; + -moz-border-radius: 0.3125em; + border-radius: 0.3125em; +} +/*------------------- + Floated +--------------------*/ +.ui.floated.image, +.ui.floated.images { + float: left; + margin-right: 0.5em; +} +.ui.right.floated.images, +.ui.right.floated.image { + float: right; + margin-left: 0.5em; +} +/*-------------- + Sizes +---------------*/ +.ui.tiny.images .image, +.ui.tiny.images img, +.ui.tiny.image { + width: 20px; + font-size: 0.7rem; +} +.ui.mini.images .image, +.ui.mini.images img, +.ui.mini.image { + width: 35px; + font-size: 0.8rem; +} +.ui.small.images .image, +.ui.small.images img, +.ui.small.image { + width: 80px; + font-size: 0.9rem; +} +.ui.medium.images .image, +.ui.medium.images img, +.ui.medium.image { + width: 300px; + font-size: 1rem; +} +.ui.large.images .image, +.ui.large.images img, +.ui.large.image { + width: 450px; + font-size: 1.1rem; +} +.ui.huge.images .image, +.ui.huge.images img, +.ui.huge.image { + width: 600px; + font-size: 1.2rem; +} +/******************************* + Groups +*******************************/ +.ui.images { + font-size: 0em; + margin: 0em -0.25rem 0rem; +} +.ui.images .image, +.ui.images img { + display: inline-block; + margin: 0em 0.25em 0.5em; } diff --git a/build/uncompressed/elements/input.css b/build/uncompressed/elements/input.css index 0a2be3de9..6193ab7e9 100644 --- a/build/uncompressed/elements/input.css +++ b/build/uncompressed/elements/input.css @@ -156,6 +156,7 @@ .ui.labeled.input .corner.label { top: 1px; right: 1px; + font-size: 0.6em; -webkit-border-top-right-radius: 0.3125em; -moz-border-top-right-radius: 0.3125em; border-top-right-radius: 0.3125em; diff --git a/build/uncompressed/elements/label.css b/build/uncompressed/elements/label.css index e61b941d1..48938a1f7 100644 --- a/build/uncompressed/elements/label.css +++ b/build/uncompressed/elements/label.css @@ -15,6 +15,7 @@ .ui.label { display: inline-block; vertical-align: middle; + margin: -0.5em 0.25em 0em; background-color: #E8E8E8; padding: 0.5em 0.8em; color: rgba(0, 0, 0, 0.65); @@ -146,47 +147,48 @@ a.ui.label:hover:before { .ui.attached.label { width: 100%; position: absolute; - top: 0px; - left: 0px; - -webkit-border-radius: 4px 4px 0px 0px; - -moz-border-radius: 4px 4px 0px 0px; - border-radius: 4px 4px 0px 0px; + margin: 0em; + top: 0em; + left: 0em; + -webkit-border-radius: 0.3125em 0.3125em 0em 0em; + -moz-border-radius: 0.3125em 0.3125em 0em 0em; + border-radius: 0.3125em 0.3125em 0em 0em; } .ui.bottom.attached.label { top: auto; - bottom: 0px; - -webkit-border-radius: 4px 0px 0px 0px; - -moz-border-radius: 4px 0px 0px 0px; - border-radius: 4px 0px 0px 0px; + bottom: 0em; + -webkit-border-radius: 0em 0em 0.3125em 0.3125em; + -moz-border-radius: 0em 0em 0.3125em 0.3125em; + border-radius: 0em 0em 0.3125em 0.3125em; } .ui.top.left.attached.label { width: auto; - margin-top: 0px !important; - -webkit-border-radius: 4px 0px 0px 0px; - -moz-border-radius: 4px 0px 0px 0px; - border-radius: 4px 0px 0px 0px; + margin-top: 0em !important; + -webkit-border-radius: 0.3125em 0em 0.3125em 0em; + -moz-border-radius: 0.3125em 0em 0.3125em 0em; + border-radius: 0.3125em 0em 0.3125em 0em; } .ui.top.right.attached.label { width: auto; left: auto; - right: 0px; - -webkit-border-radius: 0px 4px 0px 0px; - -moz-border-radius: 0px 4px 0px 0px; - border-radius: 0px 4px 0px 0px; + right: 0em; + -webkit-border-radius: 0em 0.3125em 0em 0.3125em; + -moz-border-radius: 0em 0.3125em 0em 0.3125em; + border-radius: 0em 0.3125em 0em 0.3125em; } .ui.bottom.left.attached.label { width: auto; top: auto; - bottom: 0px; - -webkit-border-radius: 0px 0px 0px 4px; - -moz-border-radius: 0px 0px 0px 4px; - border-radius: 0px 0px 0px 4px; + bottom: 0em; + -webkit-border-radius: 0.3125em 0em 0em 0.3125em; + -moz-border-radius: 0.3125em 0em 0em 0.3125em; + border-radius: 0.3125em 0em 0em 0.3125em; } .ui.bottom.right.attached.label { width: auto; - -webkit-border-radius: 0px 0px 4px 0px; - -moz-border-radius: 0px 0px 4px 0px; - border-radius: 0px 0px 4px 0px; + -webkit-border-radius: 0.3125em 0em 0.3125em 0em; + -moz-border-radius: 0.3125em 0em 0.3125em 0em; + border-radius: 0.3125em 0em 0.3125em 0em; } /*------------------- Corner Label @@ -197,6 +199,7 @@ a.ui.label:hover:before { top: 0em; right: 0em; z-index: 10; + margin: 0em; width: 1.75em; height: 1.75em; padding: 0em; @@ -427,6 +430,18 @@ a.ui.teal.label:hover { a.ui.teal.tag.label:hover:before { background-color: #009A93 !important; } +/*------------------- + Circular +--------------------*/ +.ui.circular.label { + margin-right: 0.5em; + margin-top: -1em; + width: 2em; + height: 2em; + padding: 0.5em; + line-height: 1em; + text-align: center; +} /*------------------- Pointing --------------------*/ diff --git a/build/uncompressed/elements/loader.css b/build/uncompressed/elements/loader.css index e6bbf22d9..e2a745276 100644 --- a/build/uncompressed/elements/loader.css +++ b/build/uncompressed/elements/loader.css @@ -1,48 +1,32 @@ +/* + * # Semantic Loader + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ /******************************* - Global loader Styles + Loader *******************************/ /* Standard Size */ .ui.loader { - display: inline-block; - width: 32px; - height: 32px; - background: url(../images/loader-medium.gif) no-repeat; - background-position: 48% 0px; -} -.ui.loader.center { + display: none; position: absolute; top: 50%; left: 50%; margin: -16px 0px 0px -16px; z-index: 1000; } -/* Large Size */ -.ui.loader.large { - width: 64px; - height: 64px; - background-image: url(../images/loader-large.gif); -} -.ui.loader.large.center { - margin: -32px 0px 0px -32px; -} -/* Small Size */ -.ui.loader.small { - width: 24px; - height: 24px; - background-image: url(../images/loader-small.gif); -} -.ui.loader.small.center { - margin: -12px 0px 0px -12px; -} -/* Tiny Size */ -.ui.loader.tiny { - width: 16px; - height: 16px; - background-image: url(../images/loader-tiny.gif); -} -.ui.loader.tiny.center { - margin: -8px 0px 0px -8px; +.ui.dimmer .loader { + display: block; } +/*------------------- + Text +--------------------*/ /* Text Styles */ .ui.loader.text { width: auto !important; @@ -53,9 +37,8 @@ min-width: 32px; padding-top: 40px; font-size: 14px; - font-weight: bold; } -.ui.loader.text.tiny { +.ui.loader.text.mini { margin-top: -16px; min-width: 16px; padding-top: 20px; @@ -73,19 +56,86 @@ padding-top: 80px; font-size: 16px; } -/* Blue */ -.ui.loader.text.blue { - color: #ffffff; +/******************************* + States +*******************************/ +.ui.loader.active, +.ui.loader.visible { + display: block; +} +.ui.loader.disabled, +.ui.loader.hidden { + display: none; +} +/******************************* + Variations +*******************************/ +/*------------------- + Inverted +--------------------*/ +.ui.dimmer .ui.text.loader, +.ui.inverted.text.loader { + color: #FFFFFF; +} +/* Tiny Size */ +.ui.dimmer .mini.ui.loader, +.ui.inverted .mini.ui.loader { + background-image: url(../images/loader-mini-inverted.gif); +} +/* Small Size */ +.ui.dimmer .small.ui.loader, +.ui.inverted .small.ui.loader { + background-image: url(../images/loader-small-inverted.gif); +} +/* Standard Size */ +.ui.dimmer .ui.loader, +.ui.inverted.loader { + background-image: url(../images/loader-medium-inverted.gif); +} +/* Large Size */ +.ui.dimmer .large.ui.loader, +.ui.inverted .large.ui.loader { + background-image: url(../images/loader-large-inverted.gif); +} +/*------------------- + Sizes +--------------------*/ +/* Tiny Size */ +.ui.inverted.dimmer .ui.loader.mini, +.ui.loader.mini { + width: 16px; + height: 16px; + background-image: url(../images/loader-mini.gif); + margin: -8px 0px 0px -8px; } -.ui.loader.tiny.blue { - background-image: url(../images/loader-blue-tiny.gif); +/* Small Size */ +.ui.inverted.dimmer .ui.loader.small, +.ui.loader.small { + width: 24px; + height: 24px; + background-image: url(../images/loader-small.gif); + margin: -12px 0px 0px -12px; } -.ui.loader.small.blue { - background-image: url(../images/loader-blue-small.gif); +.ui.inverted.dimmer .ui.loader, +.ui.loader { + width: 32px; + height: 32px; + background: url(../images/loader-medium.gif) no-repeat; + background-position: 48% 0px; } -.ui.loader.blue { - background-image: url(../images/loader-blue-medium.gif); +/* Large Size */ +.ui.inverted.dimmer .ui.loader.large, +.ui.loader.large { + width: 64px; + height: 64px; + background-image: url(../images/loader-large.gif); + margin: -32px 0px 0px -32px; } -.ui.loader.large.blue { - background-image: url(../images/loader-blue-large.gif); +/*------------------- + Inline +--------------------*/ +.ui.inline.loader { + display: inline-block; + vertical-align: middle; + margin: 0em; } diff --git a/build/uncompressed/elements/segment.css b/build/uncompressed/elements/segment.css index f1bd1586c..da3edd0b4 100644 --- a/build/uncompressed/elements/segment.css +++ b/build/uncompressed/elements/segment.css @@ -68,6 +68,9 @@ /*------------------- Loose Coupling --------------------*/ +.ui.pointing.menu + .ui.attached.segment { + top: 1px; +} /* No padding on edge content */ .ui.segment > :first-child { margin-top: 0em; @@ -321,8 +324,8 @@ box-shadow: 0px 0px 0px 1px #DDDDDD; } .ui.top.attached.segment { - top: -1px; - bottom: 0px; + top: 0px; + bottom: -1px; margin-top: 1em; margin-bottom: 0em; -moz-border-radius: 5px 5px 0px 0px; @@ -330,8 +333,8 @@ border-radius: 5px 5px 0px 0px; } .ui.segment.bottom.attached { - top: 0px; - bottom: -1px; + top: -1px; + bottom: 0px; margin-top: 0em; margin-bottom: 1em; -moz-border-radius: 0px 0px 5px 5px; diff --git a/build/uncompressed/elements/step.css b/build/uncompressed/elements/step.css index 77dac2245..4cda98222 100644 --- a/build/uncompressed/elements/step.css +++ b/build/uncompressed/elements/step.css @@ -16,13 +16,10 @@ .ui.steps .step { display: inline-block; position: relative; + height: 1em; padding: 1em 2em 1em 3em; + vertical-align: top; background-color: #FFFFFF; - -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; - -moz-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; - -o-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; - -ms-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; color: #888888; } .ui.step:after, @@ -38,6 +35,15 @@ width: 0em; height: 0em; } +.ui.step, +.ui.steps .step, +.ui.steps .step:after { + -webkit-transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; + -moz-transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; + -o-transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; + -ms-transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; + transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; +} /******************************* Group *******************************/ @@ -116,7 +122,7 @@ font-weight: bold; } .ui.steps .step.active:after, -.ui.active.step:after { +.ui.active.steps:after { border-left-color: #555555; } /* Disabled */ @@ -126,9 +132,21 @@ background-color: #FFFFFF; color: #CBCBCB; } -.ui.steps .disabled.step:after, .ui.disabled.step:after { - border-left-color: #FFFFFF; + border: none; + background-color: #FFFFFF; + top: 0.42em; + right: -1em; + width: 2.15em; + height: 2.15em; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset; + box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset; } /******************************* Variations diff --git a/build/uncompressed/fonts/custom-icons.eot b/build/uncompressed/fonts/custom-icons.eot deleted file mode 100644 index f02f9c06a..000000000 Binary files a/build/uncompressed/fonts/custom-icons.eot and /dev/null differ diff --git a/build/uncompressed/fonts/custom-icons.svg b/build/uncompressed/fonts/custom-icons.svg deleted file mode 100644 index d9be5699c..000000000 --- a/build/uncompressed/fonts/custom-icons.svg +++ /dev/null @@ -1,69 +0,0 @@ - - - - - -Created by FontForge 20120731 at Fri May 24 14:16:08 2013 - By Nathan Smith -Created by Nathan Smith with FontForge 2.0 (http://fontforge.sf.net) - - - - - - - - - - - diff --git a/build/uncompressed/fonts/custom-icons.ttf b/build/uncompressed/fonts/custom-icons.ttf deleted file mode 100644 index b418d777f..000000000 Binary files a/build/uncompressed/fonts/custom-icons.ttf and /dev/null differ diff --git a/build/uncompressed/fonts/custom-icons.woff b/build/uncompressed/fonts/custom-icons.woff deleted file mode 100644 index f1a357825..000000000 Binary files a/build/uncompressed/fonts/custom-icons.woff and /dev/null differ diff --git a/build/uncompressed/fonts/fontcustom.css b/build/uncompressed/fonts/fontcustom.css deleted file mode 100644 index 3de22ebd7..000000000 --- a/build/uncompressed/fonts/fontcustom.css +++ /dev/null @@ -1,34 +0,0 @@ -/* - * Font Custom: bare CSS - */ - -@font-face { - font-family: "quirky-icons"; - src: url("quirky-icons_94b6667e46c5601c4e08e650e3872625.eot"); - src: url("quirky-icons_94b6667e46c5601c4e08e650e3872625.eot?#iefix") format("embedded-opentype"), - url("quirky-icons_94b6667e46c5601c4e08e650e3872625.woff") format("woff"), - url("quirky-icons_94b6667e46c5601c4e08e650e3872625.ttf") format("truetype"), - url("quirky-icons_94b6667e46c5601c4e08e650e3872625.svg#quirky-icons") format("svg"); - font-weight: normal; - font-style: normal; -} - -.icon-blast-off:before, -.icon-pen-and-paint-brush:before, -.icon-price-tag:before, -.icon-tools:before { - font-family: "quirky-icons"; - font-style: normal; - font-weight: normal; - font-variant: normal; - text-transform: none; - line-height: 1; - -webkit-font-smoothing: antialiased; - display: inline-block; - text-decoration: inherit; -} - -.icon-blast-off:before { content: "\f100"; } -.icon-pen-and-paint-brush:before { content: "\f101"; } -.icon-price-tag:before { content: "\f102"; } -.icon-tools:before { content: "\f103"; } diff --git a/build/uncompressed/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.eot b/build/uncompressed/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.eot deleted file mode 100644 index f02f9c06a..000000000 Binary files a/build/uncompressed/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.eot and /dev/null differ diff --git a/build/uncompressed/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.svg b/build/uncompressed/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.svg deleted file mode 100644 index d9be5699c..000000000 --- a/build/uncompressed/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.svg +++ /dev/null @@ -1,69 +0,0 @@ - - - - - -Created by FontForge 20120731 at Fri May 24 14:16:08 2013 - By Nathan Smith -Created by Nathan Smith with FontForge 2.0 (http://fontforge.sf.net) - - - - - - - - - - - diff --git a/build/uncompressed/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.ttf b/build/uncompressed/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.ttf deleted file mode 100644 index b418d777f..000000000 Binary files a/build/uncompressed/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.ttf and /dev/null differ diff --git a/build/uncompressed/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.woff b/build/uncompressed/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.woff deleted file mode 100644 index f1a357825..000000000 Binary files a/build/uncompressed/fonts/quirky-icons_94b6667e46c5601c4e08e650e3872625.woff and /dev/null differ diff --git a/build/uncompressed/images/loader-large-inverted.gif b/build/uncompressed/images/loader-large-inverted.gif new file mode 100644 index 000000000..ee5283f10 Binary files /dev/null and b/build/uncompressed/images/loader-large-inverted.gif differ diff --git a/build/uncompressed/images/loader-medium-inverted.gif b/build/uncompressed/images/loader-medium-inverted.gif new file mode 100644 index 000000000..caa3110d8 Binary files /dev/null and b/build/uncompressed/images/loader-medium-inverted.gif differ diff --git a/build/uncompressed/images/loader-medium.gif b/build/uncompressed/images/loader-medium.gif index ae34460f9..386eb5af1 100644 Binary files a/build/uncompressed/images/loader-medium.gif and b/build/uncompressed/images/loader-medium.gif differ diff --git a/build/uncompressed/images/loader-mini-inverted.gif b/build/uncompressed/images/loader-mini-inverted.gif new file mode 100644 index 000000000..c7c95b948 Binary files /dev/null and b/build/uncompressed/images/loader-mini-inverted.gif differ diff --git a/build/uncompressed/images/loader-mini.gif b/build/uncompressed/images/loader-mini.gif new file mode 100644 index 000000000..7f3e27c70 Binary files /dev/null and b/build/uncompressed/images/loader-mini.gif differ diff --git a/build/uncompressed/images/loader-small-inverted.gif b/build/uncompressed/images/loader-small-inverted.gif new file mode 100644 index 000000000..bbb0a67f6 Binary files /dev/null and b/build/uncompressed/images/loader-small-inverted.gif differ diff --git a/build/uncompressed/images/loader-small.gif b/build/uncompressed/images/loader-small.gif index d9a6760a4..8c9f60ee2 100644 Binary files a/build/uncompressed/images/loader-small.gif and b/build/uncompressed/images/loader-small.gif differ diff --git a/build/uncompressed/images/loader-tiny.gif b/build/uncompressed/images/loader-tiny.gif index c65ee55fd..7f3e27c70 100644 Binary files a/build/uncompressed/images/loader-tiny.gif and b/build/uncompressed/images/loader-tiny.gif differ diff --git a/build/uncompressed/modules/checkbox.css b/build/uncompressed/modules/checkbox.css index 890d8b7fe..f72fe26e3 100644 --- a/build/uncompressed/modules/checkbox.css +++ b/build/uncompressed/modules/checkbox.css @@ -22,6 +22,7 @@ outline: none; cursor: pointer; position: absolute; + line-height: 1; width: 1em; height: 1em; bottom: 0em; @@ -137,7 +138,6 @@ .ui.large.checkbox { width: 1.25em; height: 1.25em; - vertical-align: baseline; } .ui.large.checkbox, .ui.large.checkbox .box, @@ -147,13 +147,11 @@ .ui.huge.checkbox { width: 1.5em; height: 1.5em; - vertical-align: baseline; } .ui.huge.checkbox, .ui.huge.checkbox .box, .ui.huge.checkbox label { font-size: 1.5em; - vertical-align: baseline; } /*-------------- Colors diff --git a/build/uncompressed/modules/dropdown.css b/build/uncompressed/modules/dropdown.css index 58b14a90a..5260f9fd3 100644 --- a/build/uncompressed/modules/dropdown.css +++ b/build/uncompressed/modules/dropdown.css @@ -173,6 +173,9 @@ transition: box-shadow 0.2s ease-out; } .ui.selection.dropdown .menu { + max-height: 312px; + overflow-x: hidden; + overflow-y: auto; -webkit-box-shadow: 0px 1px 0px 1px #EEEEEE; -moz-box-shadow: 0px 1px 0px 1px #EEEEEE; box-shadow: 0px 1px 0px 1px #EEEEEE; diff --git a/build/uncompressed/modules/dropdown.js b/build/uncompressed/modules/dropdown.js index 874bf1b1d..cfbfa9003 100644 --- a/build/uncompressed/modules/dropdown.js +++ b/build/uncompressed/modules/dropdown.js @@ -186,7 +186,7 @@ $.fn.dropdown = function(parameters) { } }, - nothing: function() {}, + none: function() {}, hide: function() { module.hide(); @@ -237,6 +237,7 @@ $.fn.dropdown = function(parameters) { set: { text: function(text) { module.debug('Changing text', text, $text); + $text.removeClass(className.placeholder); $text.text(text); }, value: function(value) { @@ -592,9 +593,10 @@ $.fn.dropdown.settings = { }, className : { - active : 'active', - disabled : 'disabled', - visible : 'visible' + active : 'active', + placeholder : 'default', + disabled : 'disabled', + visible : 'visible' } }; diff --git a/build/uncompressed/modules/shape.js b/build/uncompressed/modules/shape.js index 4f36bc008..b6e110f88 100644 --- a/build/uncompressed/modules/shape.js +++ b/build/uncompressed/modules/shape.js @@ -40,7 +40,7 @@ $.fn.shape = function(parameters) { // private variables $activeSide, $nextSide, - transitionEnd = 'transitionend msTransitionEnd oTransitionEnd webkitTransitionEnd', + transitionEnd = 'msTransitionEnd oTransitionEnd webkitTransitionEnd', // standard module element = this, @@ -91,10 +91,11 @@ $.fn.shape = function(parameters) { animate: function(propertyObject, callback) { module.verbose('Animating box with properties', propertyObject); callback = callback || function(event) { - module.reset(); - module.set.active(); - $.proxy(settings.onChange, $nextSide)(); - event.stopImmediatePropagation(); + module.verbose('Executing animation callback', event); + event.stopPropagation(); + module.reset(); + module.set.active(); + $.proxy(settings.onChange, $nextSide)(); }; if(settings.useCSS) { module.verbose('Starting CSS animation'); @@ -111,7 +112,7 @@ $.fn.shape = function(parameters) { ; $sides .css(propertyObject) - .one(transitionEnd, callback) + .one(transitionEnd + eventNamespace, callback) ; } else { diff --git a/build/uncompressed/modules/tab.js b/build/uncompressed/modules/tab.js index b7072fe4a..e3c0e3bff 100644 --- a/build/uncompressed/modules/tab.js +++ b/build/uncompressed/modules/tab.js @@ -44,18 +44,22 @@ initialize: function() { module.debug('Initializing Tabs', $tabNavigation); // attach history events - if(settings.history && settings.path !== false) { - if( $.address !== undefined ) { + if(settings.history) { + if( $.address === undefined ) { + module.error(errors.state); + return false; + } + else if(settings.path === false) { + module.error(errors.path); + return false; + } + else { module.verbose('Address library found adding state change event'); $.address .state(settings.path) .change(module.event.history.change) ; } - else { - module.error(errors.state); - return false; - } } // attach events if navigation wasn't set to window if( !$.isWindow( $tabNavigation.get(0) ) ) { @@ -501,6 +505,7 @@ method : 'The method you called is not defined', state : 'The state library has not been initialized', missingTab : 'Missing tab: ', + path : 'History enabled, but no path was specified', recursion : 'Max recursive depth reached' }, diff --git a/node/src/documents/collections/breadcrumb.html b/node/src/documents/collections/breadcrumb.html new file mode 100755 index 000000000..6e0ad763e --- /dev/null +++ b/node/src/documents/collections/breadcrumb.html @@ -0,0 +1,70 @@ +--- +layout : 'default' +css : 'breadcrumb' +title : 'Breadcrumb' +type : 'UI Collection' +--- + +
+
+

Breadcrumb

+

A breadcrumb is a menu to show the location of the current section in relation to other sections.

+
+
+
+ +
+
+ Collection + Elements +
+
+ +

Collection

+ +
+

A simple breadcrumb

+
+

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

+
+
+ Food +
/
+ Fruit +
/
+
Apples
+
+
+ +

Elements

+ +
+

A divider

+

A breadcrumb can contain a divider to show the relationship between sections, this can be formatted as an icon or text.

+
+ Food + + Fruit + +
Apples
+
+
+ +
+

A section

+

A breadcrumb can contain sections that can either be formatted as a link or text

+
+ Food +
/
+ Fruit +
/
+
Apples
+
+
+ + + +
+ + + \ No newline at end of file diff --git a/node/src/documents/collections/form.html b/node/src/documents/collections/form.html index 874c1e7e5..c22ddd799 100755 --- a/node/src/documents/collections/form.html +++ b/node/src/documents/collections/form.html @@ -151,7 +151,7 @@ type : 'UI Collection'
- +
diff --git a/node/src/documents/collections/menu.html b/node/src/documents/collections/menu.html index 6ab435737..8d7996c0b 100755 --- a/node/src/documents/collections/menu.html +++ b/node/src/documents/collections/menu.html @@ -6,6 +6,7 @@ title : 'Menu' type : 'UI Collection' --- +

Menu

@@ -30,25 +31,25 @@ type : 'UI Collection'

This example uses several menu elements to display the versatility of a menu collection.

- Home + Home - Messages + Messages 22 - Browse + Browse
- More + More
- Edit Profile - Choose Language - Account Settings + Edit Profile + Choose Language + Account Settings
@@ -63,14 +64,14 @@ type : 'UI Collection'
- + Feed - Messages + Messages - Browse + Browse
@@ -78,9 +79,9 @@ type : 'UI Collection'
More
- Edit Profile - Choose Language - Account Settings + Edit Profile + Choose Language + Account Settings
@@ -92,14 +93,14 @@ type : 'UI Collection'
- + Friends - Browse + Browse - Messages + Messages
@@ -108,9 +109,9 @@ type : 'UI Collection'
More
- Edit Profile - Choose Language - Account Settings + Edit Profile + Choose Language + Account Settings
@@ -128,7 +129,10 @@ type : 'UI Collection'

A tiered menu can show the sub-sections available as part of an activated section.

- Home +
+
+
+ Home
Search Add @@ -136,20 +140,17 @@ type : 'UI Collection'
- Browse + Browse - Messages + Messages -
-
-
More
- Edit Profile - Choose Language - Account Settings + Edit Profile + Choose Language + Account Settings
@@ -161,14 +162,14 @@ type : 'UI Collection'

A secondary menu allows for a section of content on a page to be activated

- + Friends - Messages + Messages - Browse + Browse
@@ -177,9 +178,9 @@ type : 'UI Collection'
More
- Edit Profile - Choose Language - Account Settings + Edit Profile + Choose Language + Account Settings
@@ -189,14 +190,14 @@ type : 'UI Collection'

A vertical secondary menu

- + Friends - Messages + Messages - Browse + Browse
@@ -204,9 +205,9 @@ type : 'UI Collection'
More
- Edit Profile - Choose Language - Account Settings + Edit Profile + Choose Language + Account Settings
@@ -217,25 +218,25 @@ type : 'UI Collection'

A menu can point to content to show relationship

- Home + Home - Messages + Messages - Browse + Browse


- Home + Home - Messages + Messages - Browse + Browse
@@ -243,25 +244,25 @@ type : 'UI Collection'

A pointing menu can also be vertical

- Home + Home - Messages + Messages - Browse + Browse


- Home + Home - Messages + Messages - Browse + Browse
@@ -271,13 +272,13 @@ type : 'UI Collection'

A menu can display simple text links

- Home + Home - Messages + Messages - Browse + Browse
@@ -285,13 +286,13 @@ type : 'UI Collection'

A vertical text menu

- Home + Home - Messages + Messages - Browse + Browse
@@ -303,7 +304,7 @@ type : 'UI Collection'

A menu may have a header to help label sections of a menu.

- + Communities
@@ -321,7 +322,7 @@ type : 'UI Collection' Aerobics
- + Cities
@@ -385,7 +386,7 @@ type : 'UI Collection'

Dropdown Item

An item may contain a nested menu in a dropdown.

-

Dropdowns use UI dropdown elements. To have a dropdown open without javascript, use the simple variation

+

Dropdowns use UI dropdown elements. To have a dropdown open without javascript, use the simple variation

@@ -471,13 +472,13 @@ type : 'UI Collection'

A menu may have its colors inverted to show greater contrast

- Home + Home - Messages + Messages - Browse + Browse
@@ -486,82 +487,82 @@ type : 'UI Collection'

Additional colors can be specified.

- Green + Green - Red + Red - Blue + Blue - Orange + Orange - Purple + Purple - Teal + Teal

- Home + Home - Messages + Messages - Browse + Browse

- Home + Home - Messages + Messages - Browse + Browse

- Home + Home - Messages + Messages - Browse + Browse

- Home + Home - Messages + Messages - Browse + Browse

- Home + Home - Messages + Messages - Browse + Browse
@@ -569,73 +570,73 @@ type : 'UI Collection'

These colors can also be inverted

- Home + Home - Messages + Messages - Browse + Browse

- Home + Home - Messages + Messages - Browse + Browse

- Home + Home - Messages + Messages - Browse + Browse

- Home + Home - Messages + Messages - Browse + Browse

- Home + Home - Messages + Messages - Browse + Browse

- Home + Home - Messages + Messages - Browse + Browse
@@ -646,25 +647,25 @@ type : 'UI Collection'

A menu may have just icons

- + - + - +


- + - + - +
@@ -674,30 +675,30 @@ type : 'UI Collection'

A menu may have labeled icons

- + Mail - + Lab - + Favorites


- + Mail - + Lab - + Favorites
diff --git a/node/src/documents/collections/table.html b/node/src/documents/collections/table.html index 85d90540b..270721e7b 100755 --- a/node/src/documents/collections/table.html +++ b/node/src/documents/collections/table.html @@ -62,7 +62,6 @@ type : 'UI Collection'
-

States

@@ -237,6 +236,35 @@ type : 'UI Collection'

Variations

+
+

Table

+

A basic table

+ + + + + + + + + + + + + + + + + + + + + + + +
NameStatusNotes
JohnApprovedNone
JamieApprovedRequires call
JillDeniedNone
+
+

Even Width

diff --git a/node/src/documents/elements/button.html b/node/src/documents/elements/button.html index 0ecc4c0b9..b4f4b2821 100755 --- a/node/src/documents/elements/button.html +++ b/node/src/documents/elements/button.html @@ -4,6 +4,7 @@ css : 'button' title : 'Button' type : 'UI Element' --- +
diff --git a/node/src/documents/elements/divider.html b/node/src/documents/elements/divider.html index b738c9e60..71d39e948 100755 --- a/node/src/documents/elements/divider.html +++ b/node/src/documents/elements/divider.html @@ -15,7 +15,7 @@ type : 'UI Element'
- Standard + Types Variations
@@ -31,11 +31,81 @@ type : 'UI Element'
+
+

Vertical Divider

+

A divider can segment content vertically

+
+
+
+
+ +
+ + +
+ +
+
+
+
+ +
+ + +
+ +
+
+
+
Login
+
+
+
+ Or +
+
+
+ + Sign Up +
+
+
+
+ +
+

Horizontal Divider

+

A divider can segment content horizontally

+

Retrieve Order

+
+
+ +
+ +
+
+
Submit
+
+
+ Or +
+
+ + Create New Order +
+

Variations

- - +
+

Inverted

+

A divider can have its colors inverted

+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+
- + \ No newline at end of file diff --git a/node/src/documents/elements/icon.html b/node/src/documents/elements/icon.html index c2b08fdeb..1a218c869 100755 --- a/node/src/documents/elements/icon.html +++ b/node/src/documents/elements/icon.html @@ -4,6 +4,8 @@ css : 'icon' title : 'Icon' type : 'UI Element' --- + +

Icon

@@ -22,40 +24,106 @@ type : 'UI Element'

Standard

- -

Icon Set

-

Icon sets contain an arbitrary number of icons

-
- Icons serve a very similar function to text in a page. In semantic icons receive a special tag "i" which allow for an abbreviated markup when sitting along-side text. -
+

Icon Set

+

Icon sets contain an arbitrary number of icons

+
+ Icons serve a very similar function to text in a page. In semantic icons receive a special tag "i" which allow for an abbreviated markup when sitting along-side text. +
-
-

Sketchy

-
-
camera
-
circle checkmark
-
checkmark
-
clock
-
comment
-
improve
-
influence
-
invent
-
launch
-
location
-
magnify
-
pencil
-
profile
-
question circle
-
question
-
share
-
shop
-
x
-
x circle
-
- +
+
Add
+
Alert
+
Arrow Eight
+
Arrow Eleven
+
Arrow Fifteen
+
Arrow Five
+
Arrow Four
+
Arrow Fourteen
+
Arrow Nine
+
Arrow One
+
Arrow Seven
+
Arrow Six
+
Arrow Sixteen
+
Arrow Ten
+
Arrow Thirteen
+
Arrow Three
+
Arrow Twelve
+
Arrow Two
+
Browser
+
Bullet One
+
Bullet Three
+
Bullet Two
+
Camera
+
Categories
+
Category Electronics
+
Category Electronics Alternate
+
Category Health
+
Category Home
+
Category Home Alternate
+
Category Kitchen
+
Category Parenting
+
Category Pets
+
Category Style
+
Category Toys
+
Category Travel
+
Category Travel Alternate
+
Checkmark
+
Checkmark Circle
+
Clock
+
Comment
+
Compare
+
Dont
+
Eval
+
Expert
+
Home
+
Idea
+
Improve
+
Influence
+
Information
+
Invent
+
Ip Communication
+
Ip Dualcooljet
+
Ip Electronics
+
Ip Itprocesses
+
Ip Lighting
+
Ip Matrials
+
Ip Motorsvehicles
+
Ip Power
+
Ip Printingoptical
+
Ip Processing
+
Launch
+
Location
+
Magnify
+
Name
+
Pencil
+
Phase Design
+
Phase Research
+
Phase Tagline
+
Photos
+
Piechart
+
Pinterest
+
Play
+
Portfolio
+
Price
+
Problem
+
Profile
+
Question
+
Question Circle
+
Rain Cloud
+
Share
+
Shop
+
Timeline
+
Trashcan
+
Twitter
+
Vote Down
+
Vote Up
+
X
+
X Circle
+
+
This icon set was built using a custom combination of fonts using the amazing web tool Fontello diff --git a/node/src/documents/elements/image.html b/node/src/documents/elements/image.html new file mode 100755 index 000000000..35ad73e98 --- /dev/null +++ b/node/src/documents/elements/image.html @@ -0,0 +1,124 @@ +--- +layout : 'default' +css : 'image' +title : 'Image' +type : 'UI Element' +--- + +
+
+

Image

+
+
+
+ +
+
+ Standard + States + Variations + Groups +
+
+ +

Standard

+
+

Image

+

An image

+
Images will, by default, take up the same size as the original image. Specifying a size will force an image to only take up a specific size.
+ +
+
+

Image Link

+

An image can be formatted to link to other content

+ + + +
+ +

States

+ +
+

Disabled

+

An image can show that it is disabled and cannot be selected

+ +
+ +

Variations

+ +
+

Avatar

+

An image may be formatted to appear inline with text as an avatar

+ Dog Doggington +
+ +
+

Rounded

+

An image may appear rounded

+ +
+ +
+

Circular

+

An image may appear circular

+ +
+ +
+

Floated

+

An image can sit to the left or right of other content

+
+ +

Te eum doming eirmod, nominati pertinacia argumentum ad his. Ex eam alia facete scriptorem, est autem aliquip detraxit at. Usu ocurreret referrentur at, cu epicurei appellantur vix. Cum ea laoreet recteque electram, eos choro alterum definiebas in. Vim dolorum definiebas an. Mei ex natum rebum iisque.

+ +

Audiam quaerendum eu sea, pro omittam definiebas ex. Te est latine definitiones. Quot wisi nulla ex duo. Vis sint solet expetenda ne, his te phaedrum referrentur consectetuer. Id vix fabulas oporteat, ei quo vide phaedrum, vim vivendum maiestatis in.

+ +

Eu quo homero blandit intellegebat. Incorrupte consequuntur mei id. Mei ut facer dolores adolescens, no illum aperiri quo, usu odio brute at. Qui te porro electram, ea dico facete utroque quo. Populo quodsi te eam, wisi everti eos ex, eum elitr altera utamur at. Quodsi convenire mnesarchum eu per, quas minimum postulant per id.

+
+
+ +
+

Sizes

+

An image may be formatted to be different sizes

+ + +
+ + +
+ + +
+ + +
+ +
+ + + +

Groups

+ +
+

Sizes

+

A group of images can be formatted to have the same size.

+
+ + + + +
+
+
+
+ + + + +
+
+ +
+ + + \ No newline at end of file diff --git a/node/src/documents/elements/label.html b/node/src/documents/elements/label.html index f9b43a9e7..d13597e27 100755 --- a/node/src/documents/elements/label.html +++ b/node/src/documents/elements/label.html @@ -15,13 +15,13 @@ type : 'UI Element'
- Standard + Types Variations Groups
-

Standard

+

Types

Label

A basic label

@@ -70,14 +70,8 @@ type : 'UI Element'

A tag can optionally display a detail

- Fun -
New
-
-
-
-
- Red -
22
+ Dogs +
214
@@ -93,6 +87,53 @@ type : 'UI Element'
+
+

Attached Label

+

A label attached to a content segment

+
+
+
+
+
HTML
+

This is some pretend content

+
+
+
+
+
CSS
+

This is some pretend content

+
+
+
+
+
Code
+

This is some pretend content

+
+
+
+
+
+
+
View
+

This is some pretend content

+
+
+
+
+
User View
+

This is some pretend content

+
+
+
+
+
Admin View
+

This is some pretend content

+
+
+
+
+
+

Variations

Colors

@@ -117,6 +158,29 @@ type : 'UI Element'
+
+

Circular

+

A label can be circular

+ + 12 + + + 11 + + + 10 + + + 64 + + + 62 + + + 1 + +
+

Floating

A label can float above another element

@@ -167,53 +231,6 @@ type : 'UI Element'
- -
-

Attached Label

-

A label attached to a content segment

-
-
-
-
-
HTML
-

This is some pretend content

-
-
-
-
-
CSS
-

This is some pretend content

-
-
-
-
-
Code
-

This is some pretend content

-
-
-
-
-
-
-
View
-

This is some pretend content

-
-
-
-
-
User View
-

This is some pretend content

-
-
-
-
-
Admin View
-

This is some pretend content

-
-
-
-
-

Size

diff --git a/node/src/documents/elements/loader.html b/node/src/documents/elements/loader.html new file mode 100755 index 000000000..0f460140e --- /dev/null +++ b/node/src/documents/elements/loader.html @@ -0,0 +1,125 @@ +--- +layout : 'default' +css : 'loader' +title : 'Loader' +type : 'UI Element' +--- + +
+
+

Loader

+

Loaders lets a user know to wait for activity to finish.

+
+
+
+ +
+
+ Standard + States + Variations +
+
+ +

Standard

+
+

Loader

+

A loader

+
Loaders by default are hidden unless inside of a dimmer.
+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+
+
+
+ +
+

Text Loader

+

Text loader

+
If the text for a loader is larger than the size of a loader it might need to have its margins manually adjusted to center itself precisely.

+
+
+
Loading
+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+ +

States

+ +
+

Active

+

A loader can be active or visible

+
+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+ +
+

Disabled

+

A loader can be disabled or hidden

+
+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+ + +

Variations

+ +
+

Inline

+

Loaders can appear inline with content

+
+
+
+

Size

+

Loaders can have different sizes

+ +
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+
+ +
+

Inverted

+

Loaders can have their colors inverted.

+
Loaders will automatically be inverted inside dimmers to maintain consistency
+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+
+

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.

+
+
+
+ + +
+ + + \ No newline at end of file diff --git a/node/src/documents/index.html b/node/src/documents/index.html index d21c5b08f..d8e4db109 100755 --- a/node/src/documents/index.html +++ b/node/src/documents/index.html @@ -49,12 +49,12 @@ type : 'Semantic'
-
+
Code
-
+
View
diff --git a/node/src/documents/views/feed.html b/node/src/documents/views/feed.html index 08ca3c4b8..b72358f08 100755 --- a/node/src/documents/views/feed.html +++ b/node/src/documents/views/feed.html @@ -26,7 +26,7 @@ type : 'UI View'

Feed

A standard feed with some optional elements

-
+

Recent Activity

diff --git a/node/src/files/components/semantic/collections/breadcrumb.css b/node/src/files/components/semantic/collections/breadcrumb.css new file mode 100644 index 000000000..bf70e8eec --- /dev/null +++ b/node/src/files/components/semantic/collections/breadcrumb.css @@ -0,0 +1,39 @@ +/* + * # Semantic Breadcrumb + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ +/******************************* + Breadcrumb +*******************************/ +.ui.breadcrumb { + display: inline-block; + vertical-align: middle; +} +.ui.breadcrumb .divider { + display: inline-block; + opacity: 0.5; + margin: 0em 0.15em 0em; + font-size: 1em; + color: rgba(0, 0, 0, 0.3); +} +.ui.breadcrumb a.section { + cursor: pointer; +} +.ui.breadcrumb .section { + display: inline-block; + margin: 0em; + padding: 0em; +} +/* Loose Coupling */ +.ui.breadcrumb.segment { + display: inline-block; + background-color: #EBEBEB; + padding: 0.5em 1em; +} diff --git a/node/src/files/components/semantic/collections/grid.css b/node/src/files/components/semantic/collections/grid.css index 59035325e..0b5203086 100644 --- a/node/src/files/components/semantic/collections/grid.css +++ b/node/src/files/components/semantic/collections/grid.css @@ -17,6 +17,7 @@ text-align: left; font-size: 0em; margin: 0% -1%; + padding: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -94,6 +95,7 @@ .ui.responsive.grid { margin-left: 0% !important; margin-right: 0% !important; + min-width: 320px; } @media only screen and (max-width: 1000px) { .ui.responsive.grid { @@ -117,7 +119,7 @@ } @media only screen and (min-width: 2000px) { .ui.responsive.grid { - padding: 0% 20%; + padding: 0% 23%; } } /*------------------- @@ -266,12 +268,39 @@ .ui.grid > .row > .column:only-child { width: 100%; } -/*------------------- - Padded ---------------------*/ -.ui.padded.grid { - margin-left: 0%; - margin-right: 0%; +/* Increase Gutters */ +.ui.two.column.grid, +.ui.three.column.grid, +.ui.four.column.grid { + margin-left: -3%; + margin-right: -3%; +} +.ui.two.column.grid > .row > .column, +.ui.two.column.grid > .column, +.ui.three.column.grid > .row > .column, +.ui.three.column.grid > .column, +.ui.four.column.grid > .row > .column, +.ui.four.column.grid > .column { + padding-left: 3%; + padding-right: 3%; +} +.ui.five.column.grid, +.ui.six.column.grid, +.ui.seven.column.grid, +.ui.eight.column.grid { + margin-left: -2%; + margin-right: -2%; +} +.ui.five.column.grid > .row > .column, +.ui.five.column.grid > .column, +.ui.six.column.grid > .row > .column, +.ui.six.column.grid > .column, +.ui.seven.column.grid > .row > .column, +.ui.seven.column.grid > .column, +.ui.eight.column.grid > .row > .column, +.ui.eight.column.grid > .column { + padding-left: 2%; + padding-right: 2%; } /*---------------------- "Floated" @@ -289,8 +318,8 @@ .ui.divided.grid > .row { display: table; width: 100%; - margin-left: 0%; - margin-right: 0%; + margin-left: 0% !important; + margin-right: 0% !important; } .ui.divided.grid > .column, .ui.divided.grid > .row > .column { @@ -311,8 +340,8 @@ .ui.celled.grid { display: table; width: 100%; - margin-left: 0%; - margin-right: 0%; + margin-left: 0% !important; + margin-right: 0% !important; -webkit-box-shadow: 0px 0px 0px 1px #DFDFDF; -moz-box-shadow: 0px 0px 0px 1px #DFDFDF; box-shadow: 0px 0px 0px 1px #DFDFDF; @@ -406,12 +435,13 @@ @media only screen and (max-width: 960px) { .ui.stackable.grid { display: block !important; + padding: 0em; } .ui.stackable.grid .row > .column, .ui.stackable.grid > .column { display: block !important; width: auto !important; - margin: 1.5em 3em 0em !important; + margin: 1.5em 5% 0em !important; padding: 1.5em 0em 0em !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; @@ -432,4 +462,8 @@ .ui.stackable.celled.grid > .column:first-child { border-top: none !important; } + /* Remove pointers from vertical menus */ + .ui.stackable.grid .vertical.pointing.menu .item:after { + display: none; + } } diff --git a/node/src/files/components/semantic/collections/menu.css b/node/src/files/components/semantic/collections/menu.css index f4a2741a3..1512cc92b 100644 --- a/node/src/files/components/semantic/collections/menu.css +++ b/node/src/files/components/semantic/collections/menu.css @@ -46,8 +46,7 @@ user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); vertical-align: middle; - line-height: 1em; - min-height: 1.25em; + line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; @@ -460,32 +459,26 @@ .ui.menu .green.active.item, .ui.green.menu .active.item { border-color: #A1CF64; - color: #A1CF64; } .ui.menu .red.active.item, .ui.red.menu .active.item { border-color: #EF4D6D; - color: #EF4D6D; } .ui.menu .blue.active.item, .ui.blue.menu .active.item { border-color: #6ECFF5; - color: #6ECFF5; } .ui.menu .purple.active.item, .ui.purple.menu .active.item { border-color: #564F8A; - color: #564F8A; } .ui.menu .orange.active.item, .ui.orange.menu .active.item { border-color: #F05940; - color: #F05940; } .ui.menu .teal.active.item, .ui.teal.menu .active.item { border-color: #00B5AD; - color: #00B5AD; } /*-------------- Inverted @@ -584,6 +577,17 @@ .ui.inverted.pointing.menu .active.item:hover:after { background-color: #3B3B3B; } +/*-------------- + Floated +---------------*/ +.ui.floated.menu { + float: left; + margin-right: 0.5rem; +} +.ui.right.floated.menu { + float: right; + margin-left: 0.5rem; +} /*-------------- Inverted Colors ---------------*/ @@ -807,12 +811,23 @@ border-bottom: 0.2rem solid rgba(0, 0, 0, 0.1); } .ui.secondary.pointing.menu > .item { + margin: 0em 0em -0.2em; padding: 0.6em 0.95em; - margin: 0em; color: rgba(0, 0, 0, 0.5); + border-bottom: 0.2em solid rgba(0, 0, 0, 0); -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; + -webkit-transition: color 0.2s + ; + -moz-transition: color 0.2s + ; + -o-transition: color 0.2s + ; + -ms-transition: color 0.2s + ; + transition: color 0.2s + ; } .ui.secondary.pointing.menu > .item:after { display: none; @@ -827,12 +842,12 @@ .ui.secondary.pointing.menu > .item:active, .ui.secondary.pointing.menu > .item.down { background-color: transparent; - box-shadow: 0px 0.2em 0px 0px rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } /* Active */ .ui.secondary.pointing.menu > .item.active { background-color: transparent; - box-shadow: 0px 0.2em 0px 0px rgba(0, 0, 0, 0.4); + border-color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.85); } /*------- Vertical------- */ @@ -842,7 +857,7 @@ } .ui.secondary.vertical.menu > .item { border: none; - margin: 0.2em 0em; + margin: 0em 0em -0.2rem; padding: 0.6em 0.8em; -webkit-border-radius: 0.325em; -moz-border-radius: 0.325em; @@ -854,19 +869,30 @@ border-radius: 0em; } .ui.secondary.vertical.pointing.menu > .item { - margin: 0em; + margin: 0em -0.2rem 0em 0em; + border-bottom: none; + border-right: 0.2rem solid transparent; -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; } +/* Hover */ +.ui.secondary.vertical.pointing.menu > .item.hover, +.ui.secondary.vertical.pointing.menu > .item:hover { + background-color: transparent; + color: rgba(0, 0, 0, 0.7); +} /* Down */ .ui.secondary.vertical.pointing.menu > .item:active, .ui.secondary.vertical.pointing.menu > .item.down { - box-shadow: 0.2em 0em 0em 0em rgba(0, 0, 0, 0.2); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.2); } /* Active */ .ui.secondary.vertical.pointing.menu > .item.active { - box-shadow: 0.2em 0em 0em 0em rgba(0, 0, 0, 0.4); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.4); + color: rgba(0, 0, 0, 0.85); } /*------- Inverted------- */ .ui.secondary.inverted.pointing.menu { @@ -883,18 +909,19 @@ /* Down */ .ui.secondary.inverted.pointing.menu > .item:active, .ui.secondary.inverted.pointing.menu > .item.down { - box-shadow: 0em 0.2em 0em 0em rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.4); } /* Active */ .ui.secondary.inverted.pointing.menu > .item.active { - box-shadow: 0em 0.2em 0em 0em rgba(255, 255, 255, 0.8); + border-color: rgba(255, 255, 255, 0.8); color: #ffffff; } /*-------------- - Icon Only + Inverted Sec ---------------*/ .ui.secondary.inverted.vertical.pointing.menu { border-right: 0.2rem solid rgba(255, 255, 255, 0.1); + border-bottom: none; } /* Down */ .ui.secondary.inverted.vertical.pointing.menu .item:active, @@ -1135,6 +1162,9 @@ .ui.pointing.menu .active.item:hover:after { background-color: #FAFAFA; } +.ui.vertical.pointing.menu .menu .active.item:after { + background-color: #F4F4F4; +} .ui.pointing.menu .active.item.down:after, .ui.pointing.menu .active.item:active:after { background-color: #F0F0F0; diff --git a/node/src/files/components/semantic/collections/table.css b/node/src/files/components/semantic/collections/table.css index cdee4abc8..4fa8f25c6 100644 --- a/node/src/files/components/semantic/collections/table.css +++ b/node/src/files/components/semantic/collections/table.css @@ -55,7 +55,7 @@ } /* Table Striping */ .ui.table tbody tr:nth-child(2n) { - background-color: rgba(0, 0, 0, 0.03); + background-color: rgba(0, 0, 50, 0.02); } /* Icons */ .ui.table > .icon { @@ -248,8 +248,7 @@ /* Sortable Table */ .ui.sortable.table thead th { cursor: pointer; - color: #555555; - vertical-align: top; + white-space: nowrap; } .ui.sortable.table thead th.sorted, .ui.sortable.table thead th.sorted:hover { @@ -257,22 +256,19 @@ -moz-user-select: none; -ms-user-select: none; user-select: none; - background-color: rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.05); } .ui.sortable.table thead th:after { display: inline-block; content: ''; width: 1em; opacity: 0.8; - float: right; - margin: 0.25em 0em 0em 0.25em; - line-height: 1; + margin: 0em 0em 0em 0.5em; font-family: 'Icons'; font-style: normal; font-weight: normal; text-decoration: inherit; - vertical-align: middle; - vertical-align: calc(); + vertical-align: text-top; } .ui.sortable.table thead th.ascending:after { content: '\25b4'; @@ -296,6 +292,20 @@ .ui.collapsing.table { width: auto; } +/*-------------- + Basic +---------------*/ +.ui.basic.table th { + background-color: transparent; + padding: 0.5em; + font-weight: normal; +} +.ui.basic.table tbody tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} +.ui.basic.table td { + padding: 0.8em 0.5em; +} /*-------------- Padded ---------------*/ diff --git a/node/src/files/components/semantic/elements/breadcrumb.css b/node/src/files/components/semantic/elements/breadcrumb.css new file mode 100644 index 000000000..9400a92cb --- /dev/null +++ b/node/src/files/components/semantic/elements/breadcrumb.css @@ -0,0 +1,48 @@ +/* + * # Semantic Breadcrumb + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ +/******************************* + Breadcrumb +*******************************/ +.ui.breadcrumb { + margin: 1em 0em; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); + box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); +} +.ui.breadcrumb .divider { + opacity: 0.5; + display: inline-block; + margin: 0em 0.15em 0em; + font-size: 1em; +} +.ui.breadcrumb .section { + display: inline-block; + margin: 0em; + padding: 0em; +} +.ui.breadcrumb .active.section { + color: #777777; +} +/* Loose Coupling */ +.ui.breadcrumb.segment { + padding: 0.5em 1em; +} +/******************************* + Variations +*******************************/ +.ui.compact.breadcrumb { + display: inline-block; + vertical-align: middle; +} diff --git a/node/src/files/components/semantic/elements/button.css b/node/src/files/components/semantic/elements/button.css index 0fd3fcda4..a1426badb 100644 --- a/node/src/files/components/semantic/elements/button.css +++ b/node/src/files/components/semantic/elements/button.css @@ -33,9 +33,9 @@ -webkit-border-radius: 0.3125em; -moz-border-radius: 0.3125em; border-radius: 0.3125em; - -webkit-box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset; - -moz-box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset; - box-shadow: 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset; + -webkit-box-shadow: 0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow: 0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset; + box-shadow: 0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -87,11 +87,6 @@ -moz-box-shadow: 0em 0.125em 0.125em 0em rgba(0, 0, 0, 0.1) inset; box-shadow: 0em 0.125em 0.125em 0em rgba(0, 0, 0, 0.1) inset; } -.ui.buttons .button.active:hover, -.ui.button.active:hover { - background-color: #E6E6E6; - color: #333333; -} .ui.buttons .button.active, .ui.buttons .button.active a, .ui.button.active, diff --git a/node/src/files/components/semantic/elements/divider.css b/node/src/files/components/semantic/elements/divider.css index 28c79eb8f..24de44781 100644 --- a/node/src/files/components/semantic/elements/divider.css +++ b/node/src/files/components/semantic/elements/divider.css @@ -14,99 +14,115 @@ *******************************/ .ui.divider { margin: 1em 0em; - height: 1px; - background-color: rgba(0, 0, 0, 0.1); - border-top: none; + border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.8); + height: 0em; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } -.ui.divider .rule { - position: absolute; - top: 6px; - width: 45%; - height: 1px; - background-color: #ADADAD; - background-color: rgba(0, 0, 0, 0.1); - border-bottom: 1px solid #F8F8F8; - border-bottom: 1px solid rgba(255, 255, 255, 0.9); -} -.ui.divider .label { - display: block; - margin: 16px 0px 0px; - text-transform: none; - color: #333333; -} -/******************************* - Variations -*******************************/ .ui.vertical.divider, .ui.horizontal.divider { + position: absolute; + border: none; + height: 0em; + margin: 0em; background-color: transparent; - position: relative; - margin: 1em 0em 1em; - font-size: 0.8em; + font-size: 0.8rem; + font-weight: bold; text-align: center; text-transform: uppercase; - text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); - color: #555555; - font-weight: bold; -} -.ui.divider .left.rule { - left: 0px; -} -.ui.divider .right.rule { - right: 0px; + color: rgba(0, 0, 0, 0.8); } /*-------------- Vertical ---------------*/ .vertical.ui.divider { position: absolute; - top: 0px; + z-index: 2; + top: 50%; left: 50%; - height: 100%; - margin: 0px 0px 0px -50px; - min-width: 100px; - color: #555555; - font-weight: bold; + margin: 0% 0% 0% -3%; + width: 6%; + height: 50%; + line-height: 0; + padding: 0em; } -.vertical.ui.divider .rule { +.vertical.ui.divider:before, +.vertical.ui.divider:after { position: absolute; left: 50%; - width: 1px; - height: 45%; - background-color: #ADADAD; - background-color: rgba(0, 0, 0, 0.2); - border-right: 1px solid #F8F8F8; - border-right: 1px solid rgba(255, 255, 255, 0.9); + content: " "; + z-index: 3; + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-right: 1px solid rgba(255, 255, 255, 0.8); + width: 0%; + height: 80%; } -.vertical.ui.divider .top.rule { - top: 0px; +.vertical.ui.divider:before { + top: -100%; } -.vertical.ui.divider .bottom.rule { +.vertical.ui.divider:after { top: auto; bottom: 0px; } -.vertical.ui.divider .label { +/*-------------- + Horizontal +---------------*/ +.horizontal.ui.divider { position: relative; - top: 50%; - margin-top: -7px; - display: block; + top: 0%; + left: 0%; + margin: 1rem 0rem; width: 100%; - font-size: 16px; - line-height: 16px; - text-align: center; - text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); - text-transform: none; - color: #333333; + height: 1em; + padding: 0em; + line-height: 1; +} +.horizontal.ui.divider:before, +.horizontal.ui.divider:after { + position: absolute; + content: " "; + z-index: 3; + width: 45%; + top: 50%; + height: 0%; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.8); } -/* Inverted Color Divider (Black BG) */ +.horizontal.ui.divider:before { + left: 0%; +} +.horizontal.ui.divider:after { + left: auto; + right: 0%; +} +/******************************* + Variations +*******************************/ +/*-------------- + Inverted +---------------*/ .ui.divider.inverted { - text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8); - color: #FFFFFF; + color: #ffffff; +} +.ui.vertical.inverted.divider, +.ui.horizontal.inverted.divider { + color: rgba(255, 255, 255, 0.9); } -.ui.divider.inverted .rule { - border-color: #4A4A4A; - border-color: rgba(255, 255, 255, 0.2); +.ui.divider.inverted, +.ui.divider.inverted:after, +.ui.divider.inverted:before { + border-top-color: rgba(0, 0, 0, 0.15); + border-bottom-color: rgba(255, 255, 255, 0.15); + border-left-color: rgba(0, 0, 0, 0.15); + border-right-color: rgba(255, 255, 255, 0.15); } /*-------------- Clearing diff --git a/node/src/files/components/semantic/elements/header.css b/node/src/files/components/semantic/elements/header.css index 81cbeacdf..c31397541 100644 --- a/node/src/files/components/semantic/elements/header.css +++ b/node/src/files/components/semantic/elements/header.css @@ -38,6 +38,10 @@ line-height: 1.2; color: rgba(0, 0, 0, 0.5); } +.ui.header .content { + display: inline-block; + vertical-align: middle; +} .ui.header .icon { margin-right: 0.5em; } @@ -124,26 +128,6 @@ h5.ui.header { .ui.teal.header { color: #00B5AD !important; } -/* -.ui.blue.block.header { - background-color: #E6EEF1; -} -.ui.black.block.header { - background-color: #EAEAEA; -} -.ui.green.block.header { - background-color: #EFF8E4; -} -.ui.red.block.header { - background-color: #F6E5E8; -} -.ui.purple.block.header { - background-color: #EFEDF8; -} -.ui.teal.block.header { - background-color: #E9F7F6; -} -*/ .ui.blue.dividing.header { border-bottom: 3px solid #6ECFF5; } @@ -219,9 +203,11 @@ h5.ui.header { .ui.floated.header, .ui.left.floated.header { float: left; + margin-right: 0.5em; } .ui.right.floated.header { float: right; + margin-left: 0.5em; } /*------------------- Fittted diff --git a/node/src/files/components/semantic/elements/icons.css b/node/src/files/components/semantic/elements/icons.css index e96c5bae7..036b6b0cb 100644 --- a/node/src/files/components/semantic/elements/icons.css +++ b/node/src/files/components/semantic/elements/icons.css @@ -22,16 +22,6 @@ text-decoration: inherit; text-transform: none; } -@font-face { - font-family: 'Sketchy Icons'; - src: url(../fonts/sketchy-icons.eot); - src: url(../fonts/sketchy-icons.eot?#iefix) format('embedded-opentype'), url(../fonts/sketchy-icons.woff) format('woff'), url(../fonts/sketchy-icons.ttf) format('truetype'), url(../fonts/sketchy-icons.svg#icons) format('svg'); - font-style: normal; - font-weight: normal; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} i.icon { display: inline-block; opacity: 0.75; @@ -53,10 +43,6 @@ i.icon { -moz-font-smoothing: antialiased; font-smoothing: antialiased; } -i.sketchy.icon { - font-family: 'Sketchy Icons'; - height: 1em; -} /* icons available */ i.icon.circle.attention:before { content: '\2757'; @@ -554,84 +540,6 @@ i.icon.zoom.out:before { content: '\e751'; } /* '' */ -/******************************* - Additional Icons -*******************************/ -i.sketchy.icon.camera:before { - content: "\f100"; -} -i.sketchy.icon.checkmark.circle:before { - font-family: "Sketchy Icons"; - content: "\f101"; -} -i.sketchy.icon.checkmark:before { - font-family: "Sketchy Icons"; - content: "\f102"; -} -i.sketchy.icon.clock:before { - font-family: "Sketchy Icons"; - content: "\f103"; -} -i.sketchy.icon.comment:before { - font-family: "Sketchy Icons"; - content: "\f104"; -} -i.sketchy.icon.improve:before { - font-family: "Sketchy Icons"; - content: "\f105"; -} -i.sketchy.icon.influence:before { - font-family: "Sketchy Icons"; - content: "\f106"; -} -i.sketchy.icon.invent:before { - font-family: "Sketchy Icons"; - content: "\f107"; -} -i.sketchy.icon.launch:before { - font-family: "Sketchy Icons"; - content: "\f108"; -} -i.sketchy.icon.location:before { - font-family: "Sketchy Icons"; - content: "\f109"; -} -i.sketchy.icon.magnify:before { - font-family: "Sketchy Icons"; - content: "\f10a"; -} -i.sketchy.icon.pencil:before { - font-family: "Sketchy Icons"; - content: "\f10b"; -} -i.sketchy.icon.profile:before { - font-family: "Sketchy Icons"; - content: "\f10c"; -} -i.sketchy.icon.question.circle:before { - font-family: "Sketchy Icons"; - content: "\f10d"; -} -i.sketchy.icon.question:before { - font-family: "Sketchy Icons"; - content: "\f10e"; -} -i.sketchy.icon.share:before { - font-family: "Sketchy Icons"; - content: "\f10f"; -} -i.sketchy.icon.shop:before { - font-family: "Sketchy Icons"; - content: "\f110"; -} -i.sketchy.icon.x.circle:before { - font-family: "Sketchy Icons"; - content: "\f111"; -} -i.sketchy.icon.x:before { - font-family: "Sketchy Icons"; - content: "\f112"; -} /*-------------- Spacing Fix ---------------*/ diff --git a/node/src/files/components/semantic/elements/image.css b/node/src/files/components/semantic/elements/image.css index 64f5688c4..3b1860514 100644 --- a/node/src/files/components/semantic/elements/image.css +++ b/node/src/files/components/semantic/elements/image.css @@ -1,29 +1,138 @@ -.ui.feature.image { - position: relative; +/* + * # Semantic Image + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ +/******************************* + Image +*******************************/ +.ui.image { display: inline-block; - border: 1px solid #CCCCCC; - background: #f5f5f5 url(../images/placeholder-subtle.png) no-repeat center center; + vertical-align: middle; + max-width: 100%; + background-color: rgba(0, 0, 0, 0.05); } -.ui.feature.image img { +img.ui.image { display: block; + background: none; } -.ui.feature.image:after { - position: absolute; - top: 0px; - left: 0px; - width: 100%; - height: 100%; - content: ''; - -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6) inset, 0px 1px 1px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6) inset, 0px 1px 1px rgba(0, 0, 0, 0.3); - box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.6) inset, 0px 1px 1px rgba(0, 0, 0, 0.3); - z-index: 10; -} -/* Rounded Corners */ -.ui.feature.image, -.ui.feature.image img, -.ui.feature.image:after { - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; +.ui.image img { + display: block; + max-width: 100%; + height: auto; +} +/******************************* + States +*******************************/ +.ui.disabled.image { + cursor: default; + opacity: 0.3; +} +/******************************* + Variations +*******************************/ +/*-------------- + Rounded +---------------*/ +.ui.rounded.images .image, +.ui.rounded.images img, +.ui.rounded.image { + -webkit-border-radius: 0.3125em; + -moz-border-radius: 0.3125em; + border-radius: 0.3125em; +} +/*-------------- + Circular +---------------*/ +.ui.circular.images .image, +.ui.circular.images img, +.ui.circular.image { + margin-right: 0.5em; + -webkit-border-radius: 500em; + -moz-border-radius: 500em; + border-radius: 500em; +} +/*-------------- + Avatar +---------------*/ +.ui.avatar.images .image, +.ui.avatar.images img, +.ui.avatar.image { + margin-right: 0.5em; + display: inline-block; + width: 2em; + height: 2em; + -webkit-border-radius: 0.3125em; + -moz-border-radius: 0.3125em; + border-radius: 0.3125em; +} +/*------------------- + Floated +--------------------*/ +.ui.floated.image, +.ui.floated.images { + float: left; + margin-right: 0.5em; +} +.ui.right.floated.images, +.ui.right.floated.image { + float: right; + margin-left: 0.5em; +} +/*-------------- + Sizes +---------------*/ +.ui.tiny.images .image, +.ui.tiny.images img, +.ui.tiny.image { + width: 20px; + font-size: 0.7rem; +} +.ui.mini.images .image, +.ui.mini.images img, +.ui.mini.image { + width: 35px; + font-size: 0.8rem; +} +.ui.small.images .image, +.ui.small.images img, +.ui.small.image { + width: 80px; + font-size: 0.9rem; +} +.ui.medium.images .image, +.ui.medium.images img, +.ui.medium.image { + width: 300px; + font-size: 1rem; +} +.ui.large.images .image, +.ui.large.images img, +.ui.large.image { + width: 450px; + font-size: 1.1rem; +} +.ui.huge.images .image, +.ui.huge.images img, +.ui.huge.image { + width: 600px; + font-size: 1.2rem; +} +/******************************* + Groups +*******************************/ +.ui.images { + font-size: 0em; + margin: 0em -0.25rem 0rem; +} +.ui.images .image, +.ui.images img { + display: inline-block; + margin: 0em 0.25em 0.5em; } diff --git a/node/src/files/components/semantic/elements/input.css b/node/src/files/components/semantic/elements/input.css index 0a2be3de9..6193ab7e9 100644 --- a/node/src/files/components/semantic/elements/input.css +++ b/node/src/files/components/semantic/elements/input.css @@ -156,6 +156,7 @@ .ui.labeled.input .corner.label { top: 1px; right: 1px; + font-size: 0.6em; -webkit-border-top-right-radius: 0.3125em; -moz-border-top-right-radius: 0.3125em; border-top-right-radius: 0.3125em; diff --git a/node/src/files/components/semantic/elements/label.css b/node/src/files/components/semantic/elements/label.css index e61b941d1..48938a1f7 100644 --- a/node/src/files/components/semantic/elements/label.css +++ b/node/src/files/components/semantic/elements/label.css @@ -15,6 +15,7 @@ .ui.label { display: inline-block; vertical-align: middle; + margin: -0.5em 0.25em 0em; background-color: #E8E8E8; padding: 0.5em 0.8em; color: rgba(0, 0, 0, 0.65); @@ -146,47 +147,48 @@ a.ui.label:hover:before { .ui.attached.label { width: 100%; position: absolute; - top: 0px; - left: 0px; - -webkit-border-radius: 4px 4px 0px 0px; - -moz-border-radius: 4px 4px 0px 0px; - border-radius: 4px 4px 0px 0px; + margin: 0em; + top: 0em; + left: 0em; + -webkit-border-radius: 0.3125em 0.3125em 0em 0em; + -moz-border-radius: 0.3125em 0.3125em 0em 0em; + border-radius: 0.3125em 0.3125em 0em 0em; } .ui.bottom.attached.label { top: auto; - bottom: 0px; - -webkit-border-radius: 4px 0px 0px 0px; - -moz-border-radius: 4px 0px 0px 0px; - border-radius: 4px 0px 0px 0px; + bottom: 0em; + -webkit-border-radius: 0em 0em 0.3125em 0.3125em; + -moz-border-radius: 0em 0em 0.3125em 0.3125em; + border-radius: 0em 0em 0.3125em 0.3125em; } .ui.top.left.attached.label { width: auto; - margin-top: 0px !important; - -webkit-border-radius: 4px 0px 0px 0px; - -moz-border-radius: 4px 0px 0px 0px; - border-radius: 4px 0px 0px 0px; + margin-top: 0em !important; + -webkit-border-radius: 0.3125em 0em 0.3125em 0em; + -moz-border-radius: 0.3125em 0em 0.3125em 0em; + border-radius: 0.3125em 0em 0.3125em 0em; } .ui.top.right.attached.label { width: auto; left: auto; - right: 0px; - -webkit-border-radius: 0px 4px 0px 0px; - -moz-border-radius: 0px 4px 0px 0px; - border-radius: 0px 4px 0px 0px; + right: 0em; + -webkit-border-radius: 0em 0.3125em 0em 0.3125em; + -moz-border-radius: 0em 0.3125em 0em 0.3125em; + border-radius: 0em 0.3125em 0em 0.3125em; } .ui.bottom.left.attached.label { width: auto; top: auto; - bottom: 0px; - -webkit-border-radius: 0px 0px 0px 4px; - -moz-border-radius: 0px 0px 0px 4px; - border-radius: 0px 0px 0px 4px; + bottom: 0em; + -webkit-border-radius: 0.3125em 0em 0em 0.3125em; + -moz-border-radius: 0.3125em 0em 0em 0.3125em; + border-radius: 0.3125em 0em 0em 0.3125em; } .ui.bottom.right.attached.label { width: auto; - -webkit-border-radius: 0px 0px 4px 0px; - -moz-border-radius: 0px 0px 4px 0px; - border-radius: 0px 0px 4px 0px; + -webkit-border-radius: 0.3125em 0em 0.3125em 0em; + -moz-border-radius: 0.3125em 0em 0.3125em 0em; + border-radius: 0.3125em 0em 0.3125em 0em; } /*------------------- Corner Label @@ -197,6 +199,7 @@ a.ui.label:hover:before { top: 0em; right: 0em; z-index: 10; + margin: 0em; width: 1.75em; height: 1.75em; padding: 0em; @@ -427,6 +430,18 @@ a.ui.teal.label:hover { a.ui.teal.tag.label:hover:before { background-color: #009A93 !important; } +/*------------------- + Circular +--------------------*/ +.ui.circular.label { + margin-right: 0.5em; + margin-top: -1em; + width: 2em; + height: 2em; + padding: 0.5em; + line-height: 1em; + text-align: center; +} /*------------------- Pointing --------------------*/ diff --git a/node/src/files/components/semantic/elements/loader.css b/node/src/files/components/semantic/elements/loader.css index e6bbf22d9..e2a745276 100644 --- a/node/src/files/components/semantic/elements/loader.css +++ b/node/src/files/components/semantic/elements/loader.css @@ -1,48 +1,32 @@ +/* + * # Semantic Loader + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ /******************************* - Global loader Styles + Loader *******************************/ /* Standard Size */ .ui.loader { - display: inline-block; - width: 32px; - height: 32px; - background: url(../images/loader-medium.gif) no-repeat; - background-position: 48% 0px; -} -.ui.loader.center { + display: none; position: absolute; top: 50%; left: 50%; margin: -16px 0px 0px -16px; z-index: 1000; } -/* Large Size */ -.ui.loader.large { - width: 64px; - height: 64px; - background-image: url(../images/loader-large.gif); -} -.ui.loader.large.center { - margin: -32px 0px 0px -32px; -} -/* Small Size */ -.ui.loader.small { - width: 24px; - height: 24px; - background-image: url(../images/loader-small.gif); -} -.ui.loader.small.center { - margin: -12px 0px 0px -12px; -} -/* Tiny Size */ -.ui.loader.tiny { - width: 16px; - height: 16px; - background-image: url(../images/loader-tiny.gif); -} -.ui.loader.tiny.center { - margin: -8px 0px 0px -8px; +.ui.dimmer .loader { + display: block; } +/*------------------- + Text +--------------------*/ /* Text Styles */ .ui.loader.text { width: auto !important; @@ -53,9 +37,8 @@ min-width: 32px; padding-top: 40px; font-size: 14px; - font-weight: bold; } -.ui.loader.text.tiny { +.ui.loader.text.mini { margin-top: -16px; min-width: 16px; padding-top: 20px; @@ -73,19 +56,86 @@ padding-top: 80px; font-size: 16px; } -/* Blue */ -.ui.loader.text.blue { - color: #ffffff; +/******************************* + States +*******************************/ +.ui.loader.active, +.ui.loader.visible { + display: block; +} +.ui.loader.disabled, +.ui.loader.hidden { + display: none; +} +/******************************* + Variations +*******************************/ +/*------------------- + Inverted +--------------------*/ +.ui.dimmer .ui.text.loader, +.ui.inverted.text.loader { + color: #FFFFFF; +} +/* Tiny Size */ +.ui.dimmer .mini.ui.loader, +.ui.inverted .mini.ui.loader { + background-image: url(../images/loader-mini-inverted.gif); +} +/* Small Size */ +.ui.dimmer .small.ui.loader, +.ui.inverted .small.ui.loader { + background-image: url(../images/loader-small-inverted.gif); +} +/* Standard Size */ +.ui.dimmer .ui.loader, +.ui.inverted.loader { + background-image: url(../images/loader-medium-inverted.gif); +} +/* Large Size */ +.ui.dimmer .large.ui.loader, +.ui.inverted .large.ui.loader { + background-image: url(../images/loader-large-inverted.gif); +} +/*------------------- + Sizes +--------------------*/ +/* Tiny Size */ +.ui.inverted.dimmer .ui.loader.mini, +.ui.loader.mini { + width: 16px; + height: 16px; + background-image: url(../images/loader-mini.gif); + margin: -8px 0px 0px -8px; } -.ui.loader.tiny.blue { - background-image: url(../images/loader-blue-tiny.gif); +/* Small Size */ +.ui.inverted.dimmer .ui.loader.small, +.ui.loader.small { + width: 24px; + height: 24px; + background-image: url(../images/loader-small.gif); + margin: -12px 0px 0px -12px; } -.ui.loader.small.blue { - background-image: url(../images/loader-blue-small.gif); +.ui.inverted.dimmer .ui.loader, +.ui.loader { + width: 32px; + height: 32px; + background: url(../images/loader-medium.gif) no-repeat; + background-position: 48% 0px; } -.ui.loader.blue { - background-image: url(../images/loader-blue-medium.gif); +/* Large Size */ +.ui.inverted.dimmer .ui.loader.large, +.ui.loader.large { + width: 64px; + height: 64px; + background-image: url(../images/loader-large.gif); + margin: -32px 0px 0px -32px; } -.ui.loader.large.blue { - background-image: url(../images/loader-blue-large.gif); +/*------------------- + Inline +--------------------*/ +.ui.inline.loader { + display: inline-block; + vertical-align: middle; + margin: 0em; } diff --git a/node/src/files/components/semantic/elements/segment.css b/node/src/files/components/semantic/elements/segment.css index f1bd1586c..da3edd0b4 100644 --- a/node/src/files/components/semantic/elements/segment.css +++ b/node/src/files/components/semantic/elements/segment.css @@ -68,6 +68,9 @@ /*------------------- Loose Coupling --------------------*/ +.ui.pointing.menu + .ui.attached.segment { + top: 1px; +} /* No padding on edge content */ .ui.segment > :first-child { margin-top: 0em; @@ -321,8 +324,8 @@ box-shadow: 0px 0px 0px 1px #DDDDDD; } .ui.top.attached.segment { - top: -1px; - bottom: 0px; + top: 0px; + bottom: -1px; margin-top: 1em; margin-bottom: 0em; -moz-border-radius: 5px 5px 0px 0px; @@ -330,8 +333,8 @@ border-radius: 5px 5px 0px 0px; } .ui.segment.bottom.attached { - top: 0px; - bottom: -1px; + top: -1px; + bottom: 0px; margin-top: 0em; margin-bottom: 1em; -moz-border-radius: 0px 0px 5px 5px; diff --git a/node/src/files/components/semantic/elements/step.css b/node/src/files/components/semantic/elements/step.css index 77dac2245..4cda98222 100644 --- a/node/src/files/components/semantic/elements/step.css +++ b/node/src/files/components/semantic/elements/step.css @@ -16,13 +16,10 @@ .ui.steps .step { display: inline-block; position: relative; + height: 1em; padding: 1em 2em 1em 3em; + vertical-align: top; background-color: #FFFFFF; - -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; - -moz-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; - -o-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; - -ms-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; - transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease; color: #888888; } .ui.step:after, @@ -38,6 +35,15 @@ width: 0em; height: 0em; } +.ui.step, +.ui.steps .step, +.ui.steps .step:after { + -webkit-transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; + -moz-transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; + -o-transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; + -ms-transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; + transition: opacity 0.1s ease, color 0.1s ease, box-shadow 0.1s ease; +} /******************************* Group *******************************/ @@ -116,7 +122,7 @@ font-weight: bold; } .ui.steps .step.active:after, -.ui.active.step:after { +.ui.active.steps:after { border-left-color: #555555; } /* Disabled */ @@ -126,9 +132,21 @@ background-color: #FFFFFF; color: #CBCBCB; } -.ui.steps .disabled.step:after, .ui.disabled.step:after { - border-left-color: #FFFFFF; + border: none; + background-color: #FFFFFF; + top: 0.42em; + right: -1em; + width: 2.15em; + height: 2.15em; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset; + box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset; } /******************************* Variations diff --git a/node/src/files/components/semantic/images/loader-large-inverted.gif b/node/src/files/components/semantic/images/loader-large-inverted.gif new file mode 100755 index 000000000..ee5283f10 Binary files /dev/null and b/node/src/files/components/semantic/images/loader-large-inverted.gif differ diff --git a/node/src/files/components/semantic/images/loader-large.gif b/node/src/files/components/semantic/images/loader-large.gif old mode 100644 new mode 100755 diff --git a/node/src/files/components/semantic/images/loader-medium-inverted.gif b/node/src/files/components/semantic/images/loader-medium-inverted.gif new file mode 100755 index 000000000..caa3110d8 Binary files /dev/null and b/node/src/files/components/semantic/images/loader-medium-inverted.gif differ diff --git a/node/src/files/components/semantic/images/loader-medium.gif b/node/src/files/components/semantic/images/loader-medium.gif old mode 100644 new mode 100755 index ae34460f9..386eb5af1 Binary files a/node/src/files/components/semantic/images/loader-medium.gif and b/node/src/files/components/semantic/images/loader-medium.gif differ diff --git a/node/src/files/components/semantic/images/loader-mini-inverted.gif b/node/src/files/components/semantic/images/loader-mini-inverted.gif new file mode 100755 index 000000000..c7c95b948 Binary files /dev/null and b/node/src/files/components/semantic/images/loader-mini-inverted.gif differ diff --git a/node/src/files/components/semantic/images/loader-mini.gif b/node/src/files/components/semantic/images/loader-mini.gif new file mode 100755 index 000000000..7f3e27c70 Binary files /dev/null and b/node/src/files/components/semantic/images/loader-mini.gif differ diff --git a/node/src/files/components/semantic/images/loader-small-inverted.gif b/node/src/files/components/semantic/images/loader-small-inverted.gif new file mode 100755 index 000000000..bbb0a67f6 Binary files /dev/null and b/node/src/files/components/semantic/images/loader-small-inverted.gif differ diff --git a/node/src/files/components/semantic/images/loader-small.gif b/node/src/files/components/semantic/images/loader-small.gif old mode 100644 new mode 100755 index d9a6760a4..8c9f60ee2 Binary files a/node/src/files/components/semantic/images/loader-small.gif and b/node/src/files/components/semantic/images/loader-small.gif differ diff --git a/node/src/files/components/semantic/images/loader-tiny.gif b/node/src/files/components/semantic/images/loader-tiny.gif index c65ee55fd..7f3e27c70 100644 Binary files a/node/src/files/components/semantic/images/loader-tiny.gif and b/node/src/files/components/semantic/images/loader-tiny.gif differ diff --git a/node/src/files/components/semantic/modules/checkbox.css b/node/src/files/components/semantic/modules/checkbox.css index 890d8b7fe..f72fe26e3 100644 --- a/node/src/files/components/semantic/modules/checkbox.css +++ b/node/src/files/components/semantic/modules/checkbox.css @@ -22,6 +22,7 @@ outline: none; cursor: pointer; position: absolute; + line-height: 1; width: 1em; height: 1em; bottom: 0em; @@ -137,7 +138,6 @@ .ui.large.checkbox { width: 1.25em; height: 1.25em; - vertical-align: baseline; } .ui.large.checkbox, .ui.large.checkbox .box, @@ -147,13 +147,11 @@ .ui.huge.checkbox { width: 1.5em; height: 1.5em; - vertical-align: baseline; } .ui.huge.checkbox, .ui.huge.checkbox .box, .ui.huge.checkbox label { font-size: 1.5em; - vertical-align: baseline; } /*-------------- Colors diff --git a/node/src/files/components/semantic/modules/dropdown.css b/node/src/files/components/semantic/modules/dropdown.css index 58b14a90a..5260f9fd3 100644 --- a/node/src/files/components/semantic/modules/dropdown.css +++ b/node/src/files/components/semantic/modules/dropdown.css @@ -173,6 +173,9 @@ transition: box-shadow 0.2s ease-out; } .ui.selection.dropdown .menu { + max-height: 312px; + overflow-x: hidden; + overflow-y: auto; -webkit-box-shadow: 0px 1px 0px 1px #EEEEEE; -moz-box-shadow: 0px 1px 0px 1px #EEEEEE; box-shadow: 0px 1px 0px 1px #EEEEEE; diff --git a/node/src/files/components/semantic/modules/dropdown.js b/node/src/files/components/semantic/modules/dropdown.js index 874bf1b1d..cfbfa9003 100644 --- a/node/src/files/components/semantic/modules/dropdown.js +++ b/node/src/files/components/semantic/modules/dropdown.js @@ -186,7 +186,7 @@ $.fn.dropdown = function(parameters) { } }, - nothing: function() {}, + none: function() {}, hide: function() { module.hide(); @@ -237,6 +237,7 @@ $.fn.dropdown = function(parameters) { set: { text: function(text) { module.debug('Changing text', text, $text); + $text.removeClass(className.placeholder); $text.text(text); }, value: function(value) { @@ -592,9 +593,10 @@ $.fn.dropdown.settings = { }, className : { - active : 'active', - disabled : 'disabled', - visible : 'visible' + active : 'active', + placeholder : 'default', + disabled : 'disabled', + visible : 'visible' } }; diff --git a/node/src/files/components/semantic/modules/shape.js b/node/src/files/components/semantic/modules/shape.js index 4f36bc008..b6e110f88 100644 --- a/node/src/files/components/semantic/modules/shape.js +++ b/node/src/files/components/semantic/modules/shape.js @@ -40,7 +40,7 @@ $.fn.shape = function(parameters) { // private variables $activeSide, $nextSide, - transitionEnd = 'transitionend msTransitionEnd oTransitionEnd webkitTransitionEnd', + transitionEnd = 'msTransitionEnd oTransitionEnd webkitTransitionEnd', // standard module element = this, @@ -91,10 +91,11 @@ $.fn.shape = function(parameters) { animate: function(propertyObject, callback) { module.verbose('Animating box with properties', propertyObject); callback = callback || function(event) { - module.reset(); - module.set.active(); - $.proxy(settings.onChange, $nextSide)(); - event.stopImmediatePropagation(); + module.verbose('Executing animation callback', event); + event.stopPropagation(); + module.reset(); + module.set.active(); + $.proxy(settings.onChange, $nextSide)(); }; if(settings.useCSS) { module.verbose('Starting CSS animation'); @@ -111,7 +112,7 @@ $.fn.shape = function(parameters) { ; $sides .css(propertyObject) - .one(transitionEnd, callback) + .one(transitionEnd + eventNamespace, callback) ; } else { diff --git a/node/src/files/components/semantic/modules/tab.js b/node/src/files/components/semantic/modules/tab.js index b7072fe4a..e3c0e3bff 100644 --- a/node/src/files/components/semantic/modules/tab.js +++ b/node/src/files/components/semantic/modules/tab.js @@ -44,18 +44,22 @@ initialize: function() { module.debug('Initializing Tabs', $tabNavigation); // attach history events - if(settings.history && settings.path !== false) { - if( $.address !== undefined ) { + if(settings.history) { + if( $.address === undefined ) { + module.error(errors.state); + return false; + } + else if(settings.path === false) { + module.error(errors.path); + return false; + } + else { module.verbose('Address library found adding state change event'); $.address .state(settings.path) .change(module.event.history.change) ; } - else { - module.error(errors.state); - return false; - } } // attach events if navigation wasn't set to window if( !$.isWindow( $tabNavigation.get(0) ) ) { @@ -501,6 +505,7 @@ method : 'The method you called is not defined', state : 'The state library has not been initialized', missingTab : 'Missing tab: ', + path : 'History enabled, but no path was specified', recursion : 'Max recursive depth reached' }, diff --git a/node/src/files/components/semantic/views/activity-feed.css b/node/src/files/components/semantic/views/activity-feed.css deleted file mode 100644 index d66777761..000000000 --- a/node/src/files/components/semantic/views/activity-feed.css +++ /dev/null @@ -1,110 +0,0 @@ -/******************************* - Activity Feed -*******************************/ -/* Who */ -.ui.feed .event { - overflow: hidden; - border-top: 1px solid #D9D9D9; - padding: 11px 9px; -} -.ui.feed .event:first-child { - border-top: none; -} -.ui.feed .event .who { - float: left; - width: 35px; - height: 35px; - background: #efefef url(../images/placeholder-tiny.png) no-repeat center center; - -webkit-box-shadow: -1px -1px 0 #f0f0f0 inset; - -moz-box-shadow: -1px -1px 0 #f0f0f0 inset; - box-shadow: -1px -1px 0 #f0f0f0 inset; -} -.ui.feed .event .who img { - display: block; - width: 35px; -} -/* What */ -.ui.feed .event .what { - margin-left: 50px; - font-size: 12px; - line-height: 1.33; - color: #555555; -} -.ui.feed .event .what p { - margin: 0px; - padding: 0px; -} -.ui.feed .event .what a { - font-weight: bold; -} -.ui.feed .event .what img { - max-width: 100%; -} -.ui.feed .event .what .summary { - display: block; - overflow: hidden; - margin: 8px 0px; - background-color: #F6FAFC; - border: 1px solid #E8F2F7; - line-height: 1.6; - padding: 6px 9px; - color: #666666; - text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); -} -.ui.feed .event .what .summary.grey { - background-color: #FAFAFA; - border: 1px solid #EAEAEA; - font-weight: bold; -} -.ui.feed .event .summary img { - float: left; - width: 75px; - margin-right: 20px; -} -.ui.feed .event .what .summary p { - margin: 0px 0px 10px; -} -.ui.feed .event .what .attached { - overflow: hidden; - margin: 8px 0px 0px; -} -.ui.feed .event .what .attached img { - float: left; - margin: 0px 5px 0px 0px; -} -.ui.feed .event .what .attached a img { - border: 1px solid #B2B2B2; -} -.ui.feed .event .what .attached a:hover img { - border: 1px solid #999999; -} -/* When */ -.ui.feed .event .when { - float: right; - font-size: 11px; - text-align: right; - color: #A1A1A1; -} -/* Expanded Style */ -.ui.large.feed .who { - width: auto; - height: auto; -} -.ui.large.feed .who img { - width: auto; -} -.ui.large.feed .what { - margin-left: 70px; - font-size: 14px; - line-height: 1.33; -} -.ui.large.feed .what .summary { - color: #555555; -} -.ui.large.feed .what img { - display: block; - width: auto; -} -.ui.large.feed .when { - font-size: 12px; -} diff --git a/node/src/files/icons/icons-sketchy.eot.REMOVED.git-id b/node/src/files/icons/icons-sketchy.eot.REMOVED.git-id new file mode 100644 index 000000000..833fd9d39 --- /dev/null +++ b/node/src/files/icons/icons-sketchy.eot.REMOVED.git-id @@ -0,0 +1 @@ +015b6ce2656952baf80e6106bfb0ff94a24ff0d7 \ No newline at end of file diff --git a/node/src/files/icons/icons-sketchy.svg.REMOVED.git-id b/node/src/files/icons/icons-sketchy.svg.REMOVED.git-id new file mode 100644 index 000000000..942775dd5 --- /dev/null +++ b/node/src/files/icons/icons-sketchy.svg.REMOVED.git-id @@ -0,0 +1 @@ +b38e6ccdd8ab68c47fe75d5f8dc999b7608f1da2 \ No newline at end of file diff --git a/node/src/files/icons/icons-sketchy.ttf.REMOVED.git-id b/node/src/files/icons/icons-sketchy.ttf.REMOVED.git-id new file mode 100644 index 000000000..1fca51f5d --- /dev/null +++ b/node/src/files/icons/icons-sketchy.ttf.REMOVED.git-id @@ -0,0 +1 @@ +6eccd61e3c6faf82e0414b7ecc216a03ab95e0ed \ No newline at end of file diff --git a/node/src/files/icons/icons-sketchy.woff b/node/src/files/icons/icons-sketchy.woff new file mode 100755 index 000000000..677ce507e Binary files /dev/null and b/node/src/files/icons/icons-sketchy.woff differ diff --git a/node/src/files/icons/sketchy.icons.css b/node/src/files/icons/sketchy.icons.css new file mode 100755 index 000000000..0a2b7c8ae --- /dev/null +++ b/node/src/files/icons/sketchy.icons.css @@ -0,0 +1,128 @@ + +/* + * Font Custom: semantic css + */ + +@font-face { + font-family: 'Sketchy Icons'; + src: url("icons-sketchy.eot"); + src: + url("icons-sketchy.eot?#iefix") format('embedded-opentype'), + url("icons-sketchy.woff") format('woff'), + url("icons-sketchy.ttf") format('truetype'), + url("icons-sketchy.svg#icons") format('svg') + ; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-decoration: inherit; + text-transform: none; +} + +i.sketchy.icon { + font-family: 'Sketchy Icons'; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-decoration: inherit; + text-transform: none; +} + +i.sketchy.icon.add:before { content: "\f14b"; } +i.sketchy.icon.alert:before { content: "\f154"; } +i.sketchy.icon.arrow.eight:before { content: "\f14e"; } +i.sketchy.icon.arrow.eleven:before { content: "\f110"; } +i.sketchy.icon.arrow.fifteen:before { content: "\f13e"; } +i.sketchy.icon.arrow.five:before { content: "\f116"; } +i.sketchy.icon.arrow.four:before { content: "\f100"; } +i.sketchy.icon.arrow.fourteen:before { content: "\f13a"; } +i.sketchy.icon.arrow.nine:before { content: "\f12b"; } +i.sketchy.icon.arrow.one:before { content: "\f10d"; } +i.sketchy.icon.arrow.seven:before { content: "\f13d"; } +i.sketchy.icon.arrow.six:before { content: "\f136"; } +i.sketchy.icon.arrow.sixteen:before { content: "\f148"; } +i.sketchy.icon.arrow.ten:before { content: "\f146"; } +i.sketchy.icon.arrow.thirteen:before { content: "\f147"; } +i.sketchy.icon.arrow.three:before { content: "\f120"; } +i.sketchy.icon.arrow.twelve:before { content: "\f152"; } +i.sketchy.icon.arrow.two:before { content: "\f137"; } +i.sketchy.icon.browser:before { content: "\f140"; } +i.sketchy.icon.bullet.one:before { content: "\f125"; } +i.sketchy.icon.bullet.three:before { content: "\f10c"; } +i.sketchy.icon.bullet.two:before { content: "\f12e"; } +i.sketchy.icon.camera:before { content: "\f111"; } +i.sketchy.icon.categories:before { content: "\f131"; } +i.sketchy.icon.category.electronics:before { content: "\f157"; } +i.sketchy.icon.category.electronics.alternate:before { content: "\f118"; } +i.sketchy.icon.category.health:before { content: "\f139"; } +i.sketchy.icon.category.home:before { content: "\f11f"; } +i.sketchy.icon.category.home.alternate:before { content: "\f11a"; } +i.sketchy.icon.category.kitchen:before { content: "\f150"; } +i.sketchy.icon.category.parenting:before { content: "\f130"; } +i.sketchy.icon.category.pets:before { content: "\f12a"; } +i.sketchy.icon.category.style:before { content: "\f134"; } +i.sketchy.icon.category.toys:before { content: "\f153"; } +i.sketchy.icon.category.travel:before { content: "\f124"; } +i.sketchy.icon.category.travel.alternate:before { content: "\f108"; } +i.sketchy.icon.checkmark:before { content: "\f11b"; } +i.sketchy.icon.checkmark.circle:before { content: "\f133"; } +i.sketchy.icon.clock:before { content: "\f13c"; } +i.sketchy.icon.comment:before { content: "\f102"; } +i.sketchy.icon.compare:before { content: "\f10a"; } +i.sketchy.icon.dont:before { content: "\f119"; } +i.sketchy.icon.eval:before { content: "\f10e"; } +i.sketchy.icon.expert:before { content: "\f13b"; } +i.sketchy.icon.home:before { content: "\f105"; } +i.sketchy.icon.idea:before { content: "\f109"; } +i.sketchy.icon.improve:before { content: "\f103"; } +i.sketchy.icon.influence:before { content: "\f127"; } +i.sketchy.icon.information:before { content: "\f149"; } +i.sketchy.icon.invent:before { content: "\f14d"; } +i.sketchy.icon.ip.communication:before { content: "\f123"; } +i.sketchy.icon.ip.dualcooljet:before { content: "\f122"; } +i.sketchy.icon.ip.electronics:before { content: "\f141"; } +i.sketchy.icon.ip.itprocesses:before { content: "\f121"; } +i.sketchy.icon.ip.lighting:before { content: "\f114"; } +i.sketchy.icon.ip.matrials:before { content: "\f117"; } +i.sketchy.icon.ip.motorsvehicles:before { content: "\f112"; } +i.sketchy.icon.ip.power:before { content: "\f14c"; } +i.sketchy.icon.ip.printingoptical:before { content: "\f115"; } +i.sketchy.icon.ip.processing:before { content: "\f135"; } +i.sketchy.icon.launch:before { content: "\f132"; } +i.sketchy.icon.location:before { content: "\f143"; } +i.sketchy.icon.magnify:before { content: "\f14f"; } +i.sketchy.icon.name:before { content: "\f10b"; } +i.sketchy.icon.pencil:before { content: "\f12d"; } +i.sketchy.icon.phase.design:before { content: "\f101"; } +i.sketchy.icon.phase.research:before { content: "\f14a"; } +i.sketchy.icon.phase.tagline:before { content: "\f11e"; } +i.sketchy.icon.photos:before { content: "\f144"; } +i.sketchy.icon.piechart:before { content: "\f11c"; } +i.sketchy.icon.pinterest:before { content: "\f12c"; } +i.sketchy.icon.play:before { content: "\f104"; } +i.sketchy.icon.portfolio:before { content: "\f113"; } +i.sketchy.icon.price:before { content: "\f107"; } +i.sketchy.icon.problem:before { content: "\f128"; } +i.sketchy.icon.profile:before { content: "\f13f"; } +i.sketchy.icon.question:before { content: "\f106"; } +i.sketchy.icon.question.circle:before { content: "\f126"; } +i.sketchy.icon.rain.cloud:before { content: "\f12f"; } +i.sketchy.icon.share:before { content: "\f138"; } +i.sketchy.icon.shop:before { content: "\f155"; } +i.sketchy.icon.timeline:before { content: "\f145"; } +i.sketchy.icon.trashcan:before { content: "\f142"; } +i.sketchy.icon.twitter:before { content: "\f11d"; } +i.sketchy.icon.vote.down:before { content: "\f129"; } +i.sketchy.icon.vote.up:before { content: "\f151"; } +i.sketchy.icon.x:before { content: "\f156"; } +i.sketchy.icon.x.circle:before { content: "\f10f"; } + + +/*------------------ + Glyph Sizing +-------------------*/ + +i.sketchy.circular.icon, +i.sketchy.square.icon { + padding: 0.35em !important; +} diff --git a/node/src/files/images/demo/photo.jpg.REMOVED.git-id b/node/src/files/images/demo/photo.jpg.REMOVED.git-id new file mode 100644 index 000000000..b048f47c7 --- /dev/null +++ b/node/src/files/images/demo/photo.jpg.REMOVED.git-id @@ -0,0 +1 @@ +e2e81dc3e2304967d2081840bf1a089a662e3591 \ No newline at end of file diff --git a/node/src/files/images/demo/photo2.jpg b/node/src/files/images/demo/photo2.jpg new file mode 100755 index 000000000..97b632695 Binary files /dev/null and b/node/src/files/images/demo/photo2.jpg differ diff --git a/node/src/files/javascript/semantic.js b/node/src/files/javascript/semantic.js index c4a335559..00109425b 100755 --- a/node/src/files/javascript/semantic.js +++ b/node/src/files/javascript/semantic.js @@ -246,7 +246,7 @@ semantic.ready = function() { $header = $(this), $menu = $header.parent(), $group = $menu.children(), - $headers = $group.add( $group.find('.menu .item') ) + $headers = $group.add( $group.find('.menu .item') ), $waypoint = $waypoints.eq( $group.index( $header ) ), offset = $waypoint.offset().top - 80 ; @@ -259,22 +259,32 @@ semantic.ready = function() { ; $body .stop() - .animate({ - scrollTop: offset - }, 500, function() { - $menu - .removeClass('animating') - ; - $headers - .removeClass('active') - ; - $header - .addClass('active') - ; - }) .one('scroll', function() { $body.stop(); }) + .animate({ + scrollTop: offset + }, 500) + .promise() + .done(function() { + $menu + .removeClass('animating') + ; + $headers + .removeClass('active') + ; + $header + .addClass('active') + ; + console.log($header, $waypoint); + console.log($header.css('border-right-color')); + $waypoint + .css('color', $header.css('border-right-color')) + ; + $waypoints + .removeAttr('style') + ; + }) ; } }, @@ -426,11 +436,13 @@ semantic.ready = function() { .waypoint({ handler: function(direction) { if(direction == 'down') { - $peekItem - .removeClass('active') - .eq( $peekItem.size() - 1 ) - .addClass('active') - ; + if( !$('body').is(':animated') ) { + $peekItem + .removeClass('active') + .eq( $peekItem.size() - 1 ) + .addClass('active') + ; + } } }, offset: 'bottom-in-view' @@ -443,7 +455,6 @@ semantic.ready = function() { }) ; $peekItem - .state('destroy') .on('click', handler.peek) ; $peekSubItem diff --git a/node/src/files/javascript/shape.js b/node/src/files/javascript/shape.js index f79600d2d..9cac24347 100755 --- a/node/src/files/javascript/shape.js +++ b/node/src/files/javascript/shape.js @@ -8,7 +8,7 @@ semantic.shape.ready = function() { $demo = $('.demo'), $dogDemo = $('.dog.shape'), $directionButton = $('.direction .button'), - $shapeButton = $('.shape .button'), + $shapeButton = $('.shape.buttons .button'), // alias handler ; @@ -21,9 +21,6 @@ semantic.shape.ready = function() { animation = $(this).data('animation') || false ; if(direction && animation) { - $('.active.side') - .next() - ; $demo .shape(animation + '.' + direction) ; @@ -62,7 +59,10 @@ semantic.shape.ready = function() { // attach events $demo - .shape() + .shape({ + debug: true, + verbose: true + }) ; $directionButton .on('click', handler.rotate) diff --git a/node/src/files/spec/button.json b/node/src/files/spec/button.json index 633b2b550..55d08c887 100644 --- a/node/src/files/spec/button.json +++ b/node/src/files/spec/button.json @@ -1,28 +1,30 @@ { - "Name": "Button", - "Type": "UI Element", - "States": { - "Active": "active", - "Loading": "loading", - "Disabled": "disabled" - }, + "Name" : "Button", + "Type" : "UI Element", "Types": { "Singular": { - "Standard": ".ui.button", - "Icon": ".ui.icon.button > i.add.icon", - "Labeled Icon": ".ui.labeled.icon.button > i.add.icon" + "Standard" : ".ui.button", + "Icon" : ".ui.icon.button > i.add.icon", + "Labeled Icon" : ".ui.labeled.icon.button > i.add.icon" }, "Group": { - "Standard": ".ui.buttons > .button+.button+.button", - "Icon": ".ui.buttons > ( (.button > i.icon.user) + (.button > i.icon.heart) + (.button > i.icon.lab))", - "Conditional": ".ui.buttons > .button+.or+.button", - "Vertical": ".vertical.ui.buttons > .button+.button+.button" + "Standard" : ".ui.buttons > .button+.button+.button", + "Icon" : ".ui.buttons > ( (.button > i.icon.user) + (.button > i.icon.heart) + (.button > i.icon.lab))", + "Conditional" : ".ui.buttons > .button+.or+.button", + "Vertical" : ".vertical.ui.buttons > .button+.button+.button" } }, "Text": { - ".ui.button": "Button" + ".ui.button" : "Button" }, - "Variations": { + "States": { + "Active" : "active", + "Loading" : "loading", + "Disabled" : "disabled" + }, + "Variations" : { + "Circular" : "circular", + "Fluid" : "fluid", "Size": [ "mini", "tiny", @@ -45,13 +47,11 @@ "secondary", "tertiary" ], - "Attached": [ + "Attached" : [ "attached top", "attached bottom", "attached left", "attached right" - ], - "Circular": "circular", - "Fluid": "fluid" + ] } } \ No newline at end of file diff --git a/node/src/files/stylesheets/menu.css b/node/src/files/stylesheets/menu.css new file mode 100755 index 000000000..d132b116d --- /dev/null +++ b/node/src/files/stylesheets/menu.css @@ -0,0 +1,120 @@ +.ui.menu { + background-image: -webkit-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.05) 100%) + ; + background-image: -moz-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.05) 100%) + ; + background-image: -o-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.05) 100%) + ; + background-image: -ms-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.05) 100%) + ; + background-image: linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.05) 100%) + ; + -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); +} +.ui.tiered.menu { + background-image: -webkit-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.02) 100%) + ; + background-image: -moz-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.02) 100%) + ; + background-image: -o-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.02) 100%) + ; + background-image: -ms-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.02) 100%) + ; + background-image: linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.02) 100%) + ; +} +.ui.tiered.menu .item.active { + -moz-box-shadow: 0px 1px 0px 0px #F9F9F9; + -webkit-box-shadow: 0px 1px 0px 0px #F9F9F9; + box-shadow: 0px 1px 0px 0px #F9F9F9; +} + +.ui.pointing.menu .active.item:after { + background-color: #F1F1F1; +} +.ui.vertical.pointing.menu .active.item:after { + background-color: #FAFAFA; +} + + +.ui.vertical.menu, +.ui.secondary.menu, +.ui.text.menu { + background-image: none; +} + +.ui.vertical.menu .item { + background-image: -webkit-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.01) 100%) + ; + background-image: -moz-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.01) 100%) + ; + background-image: -o-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.01) 100%) + ; + background-image: -ms-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.01) 100%) + ; + background-image: linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.01) 100%) + ; +} +.ui.inverted.vertical.menu .item { + background-image: -webkit-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.05) 100%) + ; + background-image: -moz-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.05) 100%) + ; + background-image: -o-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.05) 100%) + ; + background-image: -ms-linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.05) 100%) + ; + background-image: linear-gradient(top, + transparent 0%, + rgba(0, 0, 0, 0.05) 100%) + ; +} +.ui.vertical.menu .item .menu .item { + background-image: none; +} + +.ui.vertical.secondary.menu .item, +.ui.vertical.secondary.menu .item, +.ui.vertical.secondary.menu .item { + background-image: none; +} diff --git a/node/src/files/stylesheets/semantic.css b/node/src/files/stylesheets/semantic.css index 999ac741b..b6054f557 100755 --- a/node/src/files/stylesheets/semantic.css +++ b/node/src/files/stylesheets/semantic.css @@ -561,19 +561,19 @@ a:hover { } #example .peek .menu .active:nth-child(1) { - box-shadow: 0.2em 0em 0em #00B9F0; + border-right-color: #00B9F0; color: #00B9F0; } #example .peek .menu .active:nth-child(2) { - box-shadow: 0.2em 0em 0em #56BB73; + border-right-color: #56BB73; color: #56BB73; } #example .peek .menu .active:nth-child(3) { - box-shadow: 0.2em 0em 0em #EF3F49; + border-right-color: #EF3F49; color: #EF3F49; } #example .peek .menu .active:nth-child(4) { - box-shadow: 0.2em 0em 0em #A24096; + border-right-color: #A24096; color: #A24096; } #example .main h2.group { diff --git a/node/src/layouts/default.html.eco b/node/src/layouts/default.html.eco index 70d89900a..feab40218 100755 --- a/node/src/layouts/default.html.eco +++ b/node/src/layouts/default.html.eco @@ -26,16 +26,20 @@ + + + + diff --git a/spec/button.json b/spec/button.json index 633b2b550..55d08c887 100755 --- a/spec/button.json +++ b/spec/button.json @@ -1,28 +1,30 @@ { - "Name": "Button", - "Type": "UI Element", - "States": { - "Active": "active", - "Loading": "loading", - "Disabled": "disabled" - }, + "Name" : "Button", + "Type" : "UI Element", "Types": { "Singular": { - "Standard": ".ui.button", - "Icon": ".ui.icon.button > i.add.icon", - "Labeled Icon": ".ui.labeled.icon.button > i.add.icon" + "Standard" : ".ui.button", + "Icon" : ".ui.icon.button > i.add.icon", + "Labeled Icon" : ".ui.labeled.icon.button > i.add.icon" }, "Group": { - "Standard": ".ui.buttons > .button+.button+.button", - "Icon": ".ui.buttons > ( (.button > i.icon.user) + (.button > i.icon.heart) + (.button > i.icon.lab))", - "Conditional": ".ui.buttons > .button+.or+.button", - "Vertical": ".vertical.ui.buttons > .button+.button+.button" + "Standard" : ".ui.buttons > .button+.button+.button", + "Icon" : ".ui.buttons > ( (.button > i.icon.user) + (.button > i.icon.heart) + (.button > i.icon.lab))", + "Conditional" : ".ui.buttons > .button+.or+.button", + "Vertical" : ".vertical.ui.buttons > .button+.button+.button" } }, "Text": { - ".ui.button": "Button" + ".ui.button" : "Button" }, - "Variations": { + "States": { + "Active" : "active", + "Loading" : "loading", + "Disabled" : "disabled" + }, + "Variations" : { + "Circular" : "circular", + "Fluid" : "fluid", "Size": [ "mini", "tiny", @@ -45,13 +47,11 @@ "secondary", "tertiary" ], - "Attached": [ + "Attached" : [ "attached top", "attached bottom", "attached left", "attached right" - ], - "Circular": "circular", - "Fluid": "fluid" + ] } } \ No newline at end of file diff --git a/src/collections/breadcrumb.less b/src/collections/breadcrumb.less new file mode 100755 index 000000000..872b84988 --- /dev/null +++ b/src/collections/breadcrumb.less @@ -0,0 +1,46 @@ +/* + * # Semantic Breadcrumb + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ + + +/******************************* + Breadcrumb +*******************************/ + +.ui.breadcrumb { + display: inline-block; + vertical-align: middle; +} + +.ui.breadcrumb .divider { + display: inline-block; + opacity: 0.5; + margin: 0em 0.15em 0em; + + font-size: 1em; + color: rgba(0, 0, 0, 0.3); +} + +.ui.breadcrumb a.section { + cursor: pointer; +} +.ui.breadcrumb .section { + display: inline-block; + margin: 0em; + padding: 0em; +} + +/* Loose Coupling */ +.ui.breadcrumb.segment { + display: inline-block; + background-color: #EBEBEB; + padding: 0.5em 1em; +} diff --git a/src/collections/grid.less b/src/collections/grid.less index 51c5875c7..7afa94e68 100755 --- a/src/collections/grid.less +++ b/src/collections/grid.less @@ -20,6 +20,7 @@ font-size: 0em; margin: 0% -1%; + padding: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -122,6 +123,7 @@ .ui.responsive.grid { margin-left: 0% !important; margin-right: 0% !important; + min-width: 320px; } @media only screen and (max-width : 1000px) { @@ -158,7 +160,7 @@ } @media only screen and (min-width : 2000px) { .ui.responsive.grid { - padding: 0% 20%; + padding: 0% 23%; } .ui.responsive.grid > .column, .ui.responsive.grid > .row > .column { @@ -318,14 +320,40 @@ } +/* Increase Gutters */ +.ui.two.column.grid, +.ui.three.column.grid, +.ui.four.column.grid { + margin-left: -3%; + margin-right: -3%; +} +.ui.two.column.grid > .row > .column, +.ui.two.column.grid > .column, +.ui.three.column.grid > .row > .column, +.ui.three.column.grid > .column, +.ui.four.column.grid > .row > .column, +.ui.four.column.grid > .column { + padding-left: 3%; + padding-right: 3%; +} -/*------------------- - Padded ---------------------*/ - -.ui.padded.grid { - margin-left: 0%; - margin-right: 0%; +.ui.five.column.grid, +.ui.six.column.grid, +.ui.seven.column.grid, +.ui.eight.column.grid { + margin-left: -2%; + margin-right: -2%; +} +.ui.five.column.grid > .row > .column, +.ui.five.column.grid > .column, +.ui.six.column.grid > .row > .column, +.ui.six.column.grid > .column, +.ui.seven.column.grid > .row > .column, +.ui.seven.column.grid > .column, +.ui.eight.column.grid > .row > .column, +.ui.eight.column.grid > .column { + padding-left: 2%; + padding-right: 2%; } @@ -348,8 +376,8 @@ .ui.divided.grid > .row { display: table; width: 100%; - margin-left: 0%; - margin-right: 0%; + margin-left: 0% !important; + margin-right: 0% !important; } .ui.divided.grid > .column, .ui.divided.grid > .row > .column { @@ -382,8 +410,8 @@ .ui.celled.grid { display: table; width: 100%; - margin-left: 0%; - margin-right: 0%; + margin-left: 0% !important; + margin-right: 0% !important; -webkit-box-shadow: 0px 0px 0px 1px #DFDFDF; -moz-box-shadow: 0px 0px 0px 1px #DFDFDF; box-shadow: 0px 0px 0px 1px #DFDFDF; @@ -487,13 +515,14 @@ @media only screen and (max-width : 960px) { .ui.stackable.grid { display: block !important; + padding: 0em; } .ui.stackable.grid .row > .column, .ui.stackable.grid > .column { display: block !important; width: auto !important; - margin: 1.5em 3em 0em !important; + margin: 1.5em 5% 0em !important; padding: 1.5em 0em 0em !important; -webkit-box-shadow: none !important; @@ -515,4 +544,10 @@ .ui.stackable.celled.grid > .column:first-child { border-top: none !important; } + + /* Remove pointers from vertical menus */ + .ui.stackable.grid .vertical.pointing.menu .item:after { + display: none; + } + } \ No newline at end of file diff --git a/src/collections/menu.less b/src/collections/menu.less index 286005268..608ce8ce0 100755 --- a/src/collections/menu.less +++ b/src/collections/menu.less @@ -58,8 +58,7 @@ vertical-align: middle; - line-height: 1em; - min-height: 1.25em; + line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -604,33 +603,27 @@ /*--- Light Colors ---*/ .ui.menu .green.active.item, .ui.green.menu .active.item { - border-color: #A1CF64; - color: #A1CF64; + border-color: #A1CF64; } .ui.menu .red.active.item, .ui.red.menu .active.item { - border-color: #EF4D6D; - color: #EF4D6D; + border-color: #EF4D6D; } .ui.menu .blue.active.item, .ui.blue.menu .active.item { - border-color: #6ECFF5; - color: #6ECFF5; + border-color: #6ECFF5; } .ui.menu .purple.active.item, .ui.purple.menu .active.item { - border-color: #564F8A; - color: #564F8A; + border-color: #564F8A; } .ui.menu .orange.active.item, .ui.orange.menu .active.item { - border-color: #F05940; - color: #F05940; + border-color: #F05940; } .ui.menu .teal.active.item, .ui.teal.menu .active.item { border-color: #00B5AD; - color: #00B5AD; } @@ -782,6 +775,20 @@ } +/*-------------- + Floated +---------------*/ + +.ui.floated.menu { + float: left; + margin-right: 0.5rem; +} +.ui.right.floated.menu { + float: right; + margin-left: 0.5rem; +} + + /*-------------- Inverted Colors ---------------*/ @@ -1049,15 +1056,34 @@ .ui.secondary.pointing.menu { border-bottom: 0.2rem solid rgba(0, 0, 0, 0.1); + } .ui.secondary.pointing.menu > .item { + margin: 0em 0em -0.2em; padding: 0.6em 0.95em; - margin: 0em; color: rgba(0, 0, 0, 0.5); + border-bottom: 0.2em solid rgba(0, 0, 0, 0); + -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; + + -webkit-transition: + color 0.2s + ; + -moz-transition: + color 0.2s + ; + -o-transition: + color 0.2s + ; + -ms-transition: + color 0.2s + ; + transition: + color 0.2s + ; } .ui.secondary.pointing.menu > .item:after { display: none; @@ -1074,13 +1100,13 @@ .ui.secondary.pointing.menu > .item:active, .ui.secondary.pointing.menu > .item.down { background-color: transparent; - box-shadow: 0px 0.2em 0px 0px rgba(0, 0, 0, 0.2); + border-color: rgba(0, 0, 0, 0.2); } /* Active */ .ui.secondary.pointing.menu > .item.active { background-color: transparent; - box-shadow: 0px 0.2em 0px 0px rgba(0, 0, 0, 0.4); + border-color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.85); } @@ -1095,7 +1121,7 @@ } .ui.secondary.vertical.menu > .item { border: none; - margin: 0.2em 0em; + margin: 0em 0em -0.2rem; padding: 0.6em 0.8em; -webkit-border-radius: 0.325em; @@ -1108,21 +1134,32 @@ border-radius: 0em; } .ui.secondary.vertical.pointing.menu > .item { - margin: 0em; + margin: 0em -0.2rem 0em 0em; + border-bottom: none; + border-right: 0.2rem solid transparent; -webkit-border-radius: 0em; -moz-border-radius: 0em; border-radius: 0em; } +/* Hover */ +.ui.secondary.vertical.pointing.menu > .item.hover, +.ui.secondary.vertical.pointing.menu > .item:hover { + background-color: transparent; + color: rgba(0, 0, 0, 0.7); +} /* Down */ .ui.secondary.vertical.pointing.menu > .item:active, .ui.secondary.vertical.pointing.menu > .item.down { - box-shadow: 0.2em 0em 0em 0em rgba(0, 0, 0, 0.2); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.2); } /* Active */ .ui.secondary.vertical.pointing.menu > .item.active { - box-shadow: 0.2em 0em 0em 0em rgba(0, 0, 0, 0.4); + background-color: transparent; + border-color: rgba(0, 0, 0, 0.4); + color: rgba(0, 0, 0, 0.85); } /*------- Inverted------- */ @@ -1142,20 +1179,21 @@ /* Down */ .ui.secondary.inverted.pointing.menu > .item:active, .ui.secondary.inverted.pointing.menu > .item.down { - box-shadow: 0em 0.2em 0em 0em rgba(255, 255, 255, 0.4); + border-color: rgba(255, 255, 255, 0.4); } /* Active */ .ui.secondary.inverted.pointing.menu > .item.active { - box-shadow: 0em 0.2em 0em 0em rgba(255, 255, 255, 0.8); + border-color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 1); } /*-------------- - Icon Only + Inverted Sec ---------------*/ .ui.secondary.inverted.vertical.pointing.menu { border-right: 0.2rem solid rgba(255, 255, 255, 0.1); + border-bottom: none; } /* Down */ .ui.secondary.inverted.vertical.pointing.menu .item:active, @@ -1439,6 +1477,11 @@ .ui.pointing.menu .active.item:hover:after { background-color: #FAFAFA; } + +.ui.vertical.pointing.menu .menu .active.item:after { + background-color: #F4F4F4; +} + .ui.pointing.menu .active.item.down:after, .ui.pointing.menu .active.item:active:after { background-color: #F0F0F0; diff --git a/src/collections/table.less b/src/collections/table.less index 6f2981836..ef8ddf1e3 100755 --- a/src/collections/table.less +++ b/src/collections/table.less @@ -65,7 +65,7 @@ /* Table Striping */ .ui.table tbody tr:nth-child(2n) { - background-color: rgba(0, 0, 0, 0.03); + background-color: rgba(0, 0, 50, 0.02); } /* Icons */ @@ -282,8 +282,7 @@ /* Sortable Table */ .ui.sortable.table thead th { cursor: pointer; - color: #555555; - vertical-align: top; + white-space: nowrap; } .ui.sortable.table thead th.sorted, .ui.sortable.table thead th.sorted:hover { @@ -292,7 +291,7 @@ -ms-user-select: none; user-select: none; - background-color: rgba(0, 0, 0, 0.1); + background-color: rgba(0, 0, 0, 0.05); } .ui.sortable.table thead th:after { @@ -301,17 +300,14 @@ width: 1em; opacity: 0.8; - float: right; - margin: 0.25em 0em 0em 0.25em; - line-height: 1; + margin: 0em 0em 0em 0.5em; font-family: 'Icons'; font-style: normal; font-weight: normal; text-decoration: inherit; - vertical-align: middle; - vertical-align: calc(); + vertical-align: text-top; } .ui.sortable.table thead th.ascending:after { content: '\25b4'; @@ -341,6 +337,22 @@ width: auto; } +/*-------------- + Basic +---------------*/ + +.ui.basic.table th { + background-color: transparent; + padding: 0.5em; + font-weight: normal; +} +.ui.basic.table tbody tr { + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} +.ui.basic.table td { + padding: 0.8em 0.5em; +} + /*-------------- Padded diff --git a/src/elements/.button b/src/elements/.button deleted file mode 100755 index 2e313541b..000000000 --- a/src/elements/.button +++ /dev/null @@ -1,54 +0,0 @@ -{ - "Name": "Button", - "src": "", - "Type": "UI Element", - "States": { - "Active": "active", - "Loading": "loading", - "Disabled": "disabled" - }, - "Types": { - "Singular": { - "Standard": ".ui.button", - "Icon": ".ui.icon.button", - "Labeled Icon": ".ui.labeled.icon.button" - }, - "Plural": { - "Standard": ".buttons > .button+.button+.button", - "Conditional": ".buttons > .button+.or+.button", - "Vertical": ".vertical.buttons > .button+.button+.button" - } - }, - "Variations": { - "Ordinality": [ - "secondary", - "tertiary" - ], - "Size": [ - "mini", - "tiny", - "small", - "medium", - "large", - "huge", - "massive" - ], - "Color": [ - "black", - "green", - "red", - "blue", - "green", - "red", - "teal" - ], - "Attached": [ - "attached top", - "attached bottom", - "attached left", - "attached right" - ], - "Circular": "circular", - "Fluid": "fluid" - } -} \ No newline at end of file diff --git a/src/elements/button.less b/src/elements/button.less index 6856d3415..5383f542f 100755 --- a/src/elements/button.less +++ b/src/elements/button.less @@ -44,13 +44,13 @@ border-radius: 0.3125em; -webkit-box-shadow: - 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset + 0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset ; -moz-box-shadow: - 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset + 0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset ; box-shadow: - 0em -0.185em 0em rgba(0, 0, 0, 0.1) inset + 0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset ; -webkit-user-select: none; @@ -155,11 +155,6 @@ 0em 0.125em 0.125em 0em rgba(0, 0, 0, 0.1) inset ; } -.ui.buttons .button.active:hover, -.ui.button.active:hover { - background-color: #E6E6E6; - color: #333333; -} .ui.buttons .button.active, .ui.buttons .button.active a, .ui.button.active, diff --git a/src/elements/divider.less b/src/elements/divider.less index 92e1d491a..759836a60 100755 --- a/src/elements/divider.less +++ b/src/elements/divider.less @@ -17,127 +17,151 @@ .ui.divider { margin: 1em 0em; - height: 1px; - background-color: rgba(0, 0, 0, 0.1); - border-top: none; - border-bottom: 1px solid rgba(255, 255, 255, 0.8); -} - -.ui.divider .rule { - position: absolute; - top: 6px; - - width: 45%; - height: 1px; - background-color: #ADADAD; - background-color: rgba(0, 0, 0, 0.1); - - border-bottom: 1px solid #F8F8F8; - border-bottom: 1px solid rgba(255, 255, 255, 0.9) -} -.ui.divider .label { - display: block; - margin: 16px 0px 0px; - text-transform: none; - color: #333333; + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.8); + height: 0em; + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } -/******************************* - Variations -*******************************/ .ui.vertical.divider, .ui.horizontal.divider { + position: absolute; + border: none; + height: 0em; + margin: 0em; background-color: transparent; - position: relative; - margin: 1em 0em 1em; - font-size: 0.8em; + font-size: 0.8rem; + font-weight: bold; text-align: center; text-transform: uppercase; - text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); - color: #555555; - font-weight: bold; -} -.ui.divider .left.rule { - left: 0px; -} -.ui.divider .right.rule { - right: 0px; -} + color: rgba(0, 0, 0, 0.8); +} /*-------------- Vertical ---------------*/ -.vertical.ui.divider { +.vertical.ui.divider { position: absolute; - top: 0px; + z-index: 2; + top: 50%; left: 50%; - height: 100%; - margin: 0px 0px 0px -50px; - min-width: 100px; + margin: 0% 0% 0% -3%; - color: #555555; - font-weight: bold; + width: 6%; + height: 50%; + + line-height: 0; + padding: 0em; } -.vertical.ui.divider .rule { +.vertical.ui.divider:before, +.vertical.ui.divider:after { position: absolute; left: 50%; - - width: 1px; - height: 45%; - - background-color: #ADADAD; - background-color: rgba(0, 0, 0, 0.2); - - border-right: 1px solid #F8F8F8; - border-right: 1px solid rgba(255, 255, 255, 0.9) + content: " "; + z-index: 3; + + border-left: 1px solid rgba(0, 0, 0, 0.1); + border-right: 1px solid rgba(255, 255, 255, 0.8); + + width: 0%; + height: 80%; } -.vertical.ui.divider .top.rule { - top: 0px; +.vertical.ui.divider:before { + top: -100%; } -.vertical.ui.divider .bottom.rule { +.vertical.ui.divider:after { top: auto; bottom: 0px; } -.vertical.ui.divider .label { +/*-------------- + Horizontal +---------------*/ + +.horizontal.ui.divider { position: relative; - top: 50%; - margin-top: -7px; + top: 0%; + left: 0%; - display: block; + margin: 1rem 0rem; width: 100%; + height: 1em; + padding: 0em; - font-size: 16px; - line-height: 16px; - text-align: center; - text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.8); - text-transform: none; - color: #333333; + line-height: 1; } +.horizontal.ui.divider:before, +.horizontal.ui.divider:after { + position: absolute; + top: 50%; + content: " "; + z-index: 3; + width: 45%; + top: 50%; + height: 0%; + + border-top: 1px solid rgba(0, 0, 0, 0.1); + border-bottom: 1px solid rgba(255, 255, 255, 0.8); +} +.horizontal.ui.divider:before { + left: 0%; +} +.horizontal.ui.divider:after { + left: auto; + right: 0%; +} + + + +/******************************* + Variations +*******************************/ + + +/*-------------- + Inverted +---------------*/ -/* Inverted Color Divider (Black BG) */ .ui.divider.inverted { - text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.8); - color: #FFFFFF; + color: rgba(255, 255, 255, 1); +} +.ui.vertical.inverted.divider, +.ui.horizontal.inverted.divider { + color: rgba(255, 255, 255, 0.9); } -.ui.divider.inverted .rule { - border-color: #4A4A4A; - border-color: rgba(255, 255, 255, 0.2); +.ui.divider.inverted, +.ui.divider.inverted:after, +.ui.divider.inverted:before { + border-top-color: rgba(0, 0, 0, 0.15); + border-bottom-color: rgba(255, 255, 255, 0.15); + + border-left-color: rgba(0, 0, 0, 0.15); + border-right-color: rgba(255, 255, 255, 0.15); } diff --git a/src/elements/header.less b/src/elements/header.less index 6b0360d7f..1a942b6fc 100755 --- a/src/elements/header.less +++ b/src/elements/header.less @@ -45,6 +45,11 @@ line-height: 1.2; color: rgba(0, 0, 0, 0.5); } + +.ui.header .content { + display: inline-block; + vertical-align: middle; +} .ui.header .icon { margin-right: 0.5em; } @@ -145,26 +150,6 @@ h5.ui.header { color: #00B5AD !important; } -/* -.ui.blue.block.header { - background-color: #E6EEF1; -} -.ui.black.block.header { - background-color: #EAEAEA; -} -.ui.green.block.header { - background-color: #EFF8E4; -} -.ui.red.block.header { - background-color: #F6E5E8; -} -.ui.purple.block.header { - background-color: #EFEDF8; -} -.ui.teal.block.header { - background-color: #E9F7F6; -} -*/ .ui.blue.dividing.header { border-bottom: 3px solid #6ECFF5; } @@ -250,9 +235,11 @@ h5.ui.header { .ui.floated.header, .ui.left.floated.header { float: left; + margin-right: 0.5em; } .ui.right.floated.header { float: right; + margin-left: 0.5em; } /*------------------- diff --git a/src/elements/icons.less b/src/elements/icons.less index 4ea9bb2dd..92f649d55 100755 --- a/src/elements/icons.less +++ b/src/elements/icons.less @@ -32,26 +32,6 @@ text-transform: none; } -@font-face { - font-family: 'Sketchy Icons'; - src: url(../fonts/sketchy-icons.eot); - src: - url(../fonts/sketchy-icons.eot?#iefix) format('embedded-opentype'), - url(../fonts/sketchy-icons.woff) format('woff'), - url(../fonts/sketchy-icons.ttf) format('truetype'), - url(../fonts/sketchy-icons.svg#icons) format('svg') - ; - - font-style: normal; - font-weight: normal; - font-variant: normal; - text-decoration: inherit; - text-transform: none; -} - - - - i.icon { display: inline-block; opacity: 0.75; @@ -80,11 +60,6 @@ i.icon { font-smoothing: antialiased; } -i.sketchy.icon { - font-family: 'Sketchy Icons'; - height: 1em; -} - /* icons available */ i.icon.circle.attention:before { content: '\2757'; } /* '❗' */ i.icon.circle.help:before { content: '\e704'; } /* '' */ @@ -225,31 +200,6 @@ i.icon.id:before { content: '\e722'; } /* '' */ i.icon.zoom.in:before { content: '\e750'; } /* '' */ i.icon.zoom.out:before { content: '\e751'; } /* '' */ -/******************************* - Additional Icons -*******************************/ - -i.sketchy.icon.camera:before { content: "\f100"; } -i.sketchy.icon.checkmark.circle:before { font-family: "Sketchy Icons"; content: "\f101"; } -i.sketchy.icon.checkmark:before { font-family: "Sketchy Icons"; content: "\f102"; } -i.sketchy.icon.clock:before { font-family: "Sketchy Icons"; content: "\f103"; } -i.sketchy.icon.comment:before { font-family: "Sketchy Icons"; content: "\f104"; } -i.sketchy.icon.improve:before { font-family: "Sketchy Icons"; content: "\f105"; } -i.sketchy.icon.influence:before { font-family: "Sketchy Icons"; content: "\f106"; } -i.sketchy.icon.invent:before { font-family: "Sketchy Icons"; content: "\f107"; } -i.sketchy.icon.launch:before { font-family: "Sketchy Icons"; content: "\f108"; } -i.sketchy.icon.location:before { font-family: "Sketchy Icons"; content: "\f109"; } -i.sketchy.icon.magnify:before { font-family: "Sketchy Icons"; content: "\f10a"; } -i.sketchy.icon.pencil:before { font-family: "Sketchy Icons"; content: "\f10b"; } -i.sketchy.icon.profile:before { font-family: "Sketchy Icons"; content: "\f10c"; } -i.sketchy.icon.question.circle:before { font-family: "Sketchy Icons"; content: "\f10d"; } -i.sketchy.icon.question:before { font-family: "Sketchy Icons"; content: "\f10e"; } -i.sketchy.icon.share:before { font-family: "Sketchy Icons"; content: "\f10f"; } -i.sketchy.icon.shop:before { font-family: "Sketchy Icons"; content: "\f110"; } -i.sketchy.icon.x.circle:before { font-family: "Sketchy Icons"; content: "\f111"; } -i.sketchy.icon.x:before { font-family: "Sketchy Icons"; content: "\f112"; } - - /*-------------- Spacing Fix ---------------*/ diff --git a/src/elements/image.less b/src/elements/image.less index 9619de06f..0e9060a6b 100755 --- a/src/elements/image.less +++ b/src/elements/image.less @@ -1,39 +1,165 @@ -.ui.feature.image { - position: relative; +/* + * # Semantic Image + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ + + +/******************************* + Image +*******************************/ + +.ui.image { display: inline-block; - border: 1px solid #CCCCCC; - background: #F5F5F5 url(../images/placeholder-subtle.png) no-repeat center center; + vertical-align: middle; + max-width: 100%; + background-color: rgba(0, 0, 0, 0.05); } -.ui.feature.image img { +img.ui.image { display: block; + background: none; +} +.ui.image img { + display: block; + max-width: 100%; + height: auto; +} + +/******************************* + States +*******************************/ + + +.ui.disabled.image { + cursor: default; + opacity: 0.3; +} + + +/******************************* + Variations +*******************************/ + +/*-------------- + Rounded +---------------*/ + +.ui.rounded.images .image, +.ui.rounded.images img, +.ui.rounded.image { + -webkit-border-radius: 0.3125em; + -moz-border-radius: 0.3125em; + border-radius: 0.3125em; +} + +/*-------------- + Circular +---------------*/ + +.ui.circular.images .image, +.ui.circular.images img, +.ui.circular.image { + margin-right: 0.5em; + -webkit-border-radius: 500em; + -moz-border-radius: 500em; + border-radius: 500em; +} + +/*-------------- + Avatar +---------------*/ + + +.ui.avatar.images .image, +.ui.avatar.images img, +.ui.avatar.image { + margin-right: 0.5em; + + display: inline-block; + width: 2em; + height: 2em; + + -webkit-border-radius: 0.3125em; + -moz-border-radius: 0.3125em; + border-radius: 0.3125em; +} + + + +/*------------------- + Floated +--------------------*/ + +.ui.floated.image, +.ui.floated.images { + float: left; + margin-right: 0.5em; +} +.ui.right.floated.images, +.ui.right.floated.image { + float: right; + margin-left: 0.5em; +} + + +/*-------------- + Sizes +---------------*/ + +.ui.tiny.images .image, +.ui.tiny.images img, +.ui.tiny.image { + width: 20px; + font-size: 0.7rem; +} +.ui.mini.images .image, +.ui.mini.images img, +.ui.mini.image { + width: 35px; + font-size: 0.8rem; +} +.ui.small.images .image, +.ui.small.images img, +.ui.small.image { + width: 80px; + font-size: 0.9rem; +} +.ui.medium.images .image, +.ui.medium.images img, +.ui.medium.image { + width: 300px; + font-size: 1rem; +} +.ui.large.images .image, +.ui.large.images img, +.ui.large.image { + width: 450px; + font-size: 1.1rem; +} +.ui.huge.images .image, +.ui.huge.images img, +.ui.huge.image { + width: 600px; + font-size: 1.2rem; } -.ui.feature.image:after { - position: absolute; - top: 0px; - left: 0px; - width: 100%; - height: 100%; - content: ''; - -webkit-box-shadow: - 0px 0px 0px 3px rgba(255, 255, 255, 0.6) inset, - 0px 1px 1px rgba(0, 0, 0, 0.3) - ; - -moz-box-shadow: - 0px 0px 0px 3px rgba(255, 255, 255, 0.6) inset, - 0px 1px 1px rgba(0, 0, 0, 0.3) - ; - box-shadow: - 0px 0px 0px 3px rgba(255, 255, 255, 0.6) inset, - 0px 1px 1px rgba(0, 0, 0, 0.3) - ; - z-index: 10; -} - -/* Rounded Corners */ -.ui.feature.image, -.ui.feature.image img, -.ui.feature.image:after { - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + +/******************************* + Groups +*******************************/ + +.ui.images { + font-size: 0em; + margin: 0em -0.25rem 0rem; +} + +.ui.images .image, +.ui.images img { + display: inline-block; + margin: 0em 0.25em 0.5em; } diff --git a/src/elements/input.less b/src/elements/input.less index bbd905baa..104aa2e5e 100755 --- a/src/elements/input.less +++ b/src/elements/input.less @@ -218,6 +218,8 @@ top: 1px; right: 1px; + font-size: 0.6em; + -webkit-border-top-right-radius: 0.3125em; -moz-border-top-right-radius: 0.3125em; border-top-right-radius: 0.3125em; diff --git a/src/elements/label.less b/src/elements/label.less index ace1756c9..eb4d1e59d 100755 --- a/src/elements/label.less +++ b/src/elements/label.less @@ -18,6 +18,7 @@ display: inline-block; vertical-align: middle; + margin: -0.5em 0.25em 0em; background-color: #E8E8E8; padding: 0.5em 0.8em; color: rgba(0, 0, 0, 0.65); @@ -192,53 +193,54 @@ a.ui.label:hover:before { .ui.attached.label { width: 100%; position: absolute; - top: 0px; - left: 0px; - -webkit-border-radius: 4px 4px 0px 0px; - -moz-border-radius: 4px 4px 0px 0px; - border-radius: 4px 4px 0px 0px; + margin: 0em; + top: 0em; + left: 0em; + -webkit-border-radius: 0.3125em 0.3125em 0em 0em; + -moz-border-radius: 0.3125em 0.3125em 0em 0em; + border-radius: 0.3125em 0.3125em 0em 0em; } .ui.bottom.attached.label { top: auto; - bottom: 0px; + bottom: 0em; - -webkit-border-radius: 4px 0px 0px 0px; - -moz-border-radius: 4px 0px 0px 0px; - border-radius: 4px 0px 0px 0px; + -webkit-border-radius: 0em 0em 0.3125em 0.3125em; + -moz-border-radius: 0em 0em 0.3125em 0.3125em; + border-radius: 0em 0em 0.3125em 0.3125em; } .ui.top.left.attached.label { width: auto; - margin-top: 0px !important; + margin-top: 0em !important; - -webkit-border-radius: 4px 0px 0px 0px; - -moz-border-radius: 4px 0px 0px 0px; - border-radius: 4px 0px 0px 0px; + -webkit-border-radius: 0.3125em 0em 0.3125em 0em; + -moz-border-radius: 0.3125em 0em 0.3125em 0em; + border-radius: 0.3125em 0em 0.3125em 0em; } .ui.top.right.attached.label { width: auto; left: auto; - right: 0px; + right: 0em; - -webkit-border-radius: 0px 4px 0px 0px; - -moz-border-radius: 0px 4px 0px 0px; - border-radius: 0px 4px 0px 0px; + -webkit-border-radius: 0em 0.3125em 0em 0.3125em; + -moz-border-radius: 0em 0.3125em 0em 0.3125em; + border-radius: 0em 0.3125em 0em 0.3125em; } .ui.bottom.left.attached.label { width: auto; top: auto; - bottom: 0px; + bottom: 0em; - -webkit-border-radius: 0px 0px 0px 4px; - -moz-border-radius: 0px 0px 0px 4px; - border-radius: 0px 0px 0px 4px; + -webkit-border-radius: 0.3125em 0em 0em 0.3125em; + -moz-border-radius: 0.3125em 0em 0em 0.3125em; + border-radius: 0.3125em 0em 0em 0.3125em; } .ui.bottom.right.attached.label { width: auto; - -webkit-border-radius: 0px 0px 4px 0px; - -moz-border-radius: 0px 0px 4px 0px; - border-radius: 0px 0px 4px 0px; + -webkit-border-radius: 0.3125em 0em 0.3125em 0em; + -moz-border-radius: 0.3125em 0em 0.3125em 0em; + border-radius: 0.3125em 0em 0.3125em 0em; } /*------------------- @@ -251,6 +253,7 @@ a.ui.label:hover:before { top: 0em; right: 0em; z-index: 10; + margin: 0em; width: 1.75em; height: 1.75em; @@ -514,6 +517,23 @@ a.ui.teal.tag.label:hover:before { background-color: #009A93 !important; } +/*------------------- + Circular +--------------------*/ + +.ui.circular.label { + margin-right: 0.5em; + margin-top: -1em; + + width: 2em; + height: 2em; + + padding: 0.5em; + + line-height: 1em; + text-align: center; +} + /*------------------- Pointing --------------------*/ diff --git a/src/elements/loader.less b/src/elements/loader.less index 0ebc81638..bd100d9b1 100755 --- a/src/elements/loader.less +++ b/src/elements/loader.less @@ -1,16 +1,24 @@ +/* + * # Semantic Loader + * http://github.com/quirkyinc/semantic + * + * + * Copyright 2013 Contributors + * Released under the MIT license + * http://opensource.org/licenses/MIT + * + * Released: April 17 2013 + */ + + /******************************* - Global loader Styles + Loader *******************************/ + /* Standard Size */ .ui.loader { - display: inline-block; - width: 32px; - height: 32px; - background: url(../images/loader-medium.gif) no-repeat; - background-position: 48% 0px; -} -.ui.loader.center { + display: none; position: absolute; top: 50%; left: 50%; @@ -18,35 +26,13 @@ z-index: 1000; } -/* Large Size */ -.ui.loader.large { - width: 64px; - height: 64px; - background-image: url(../images/loader-large.gif); -} -.ui.loader.large.center { - margin: -32px 0px 0px -32px; -} - -/* Small Size */ -.ui.loader.small { - width: 24px; - height: 24px; - background-image: url(../images/loader-small.gif); -} -.ui.loader.small.center { - margin: -12px 0px 0px -12px; +.ui.dimmer .loader { + display: block; } -/* Tiny Size */ -.ui.loader.tiny { - width: 16px; - height: 16px; - background-image: url(../images/loader-tiny.gif); -} -.ui.loader.tiny.center { - margin: -8px 0px 0px -8px; -} +/*------------------- + Text +--------------------*/ /* Text Styles */ .ui.loader.text { @@ -59,9 +45,8 @@ min-width: 32px; padding-top: 40px; font-size: 14px; - font-weight: bold; } -.ui.loader.text.tiny { +.ui.loader.text.mini { margin-top: -16px; min-width: 16px; padding-top: 20px; @@ -80,19 +65,106 @@ font-size: 16px; } -/* Blue */ -.ui.loader.text.blue { - color: #FFFFFF +/******************************* + States +*******************************/ + + +.ui.loader.active, +.ui.loader.visible { + display: block; +} + +.ui.loader.disabled, +.ui.loader.hidden { + display: none; +} + + +/******************************* + Variations +*******************************/ + + +/*------------------- + Inverted +--------------------*/ + +.ui.dimmer .ui.text.loader, +.ui.inverted.text.loader { + color: #FFFFFF; +} + +/* Tiny Size */ +.ui.dimmer .mini.ui.loader, +.ui.inverted .mini.ui.loader { + background-image: url(../images/loader-mini-inverted.gif); +} + +/* Small Size */ +.ui.dimmer .small.ui.loader, +.ui.inverted .small.ui.loader { + background-image: url(../images/loader-small-inverted.gif); +} + +/* Standard Size */ +.ui.dimmer .ui.loader, +.ui.inverted.loader { + background-image: url(../images/loader-medium-inverted.gif); +} + +/* Large Size */ +.ui.dimmer .large.ui.loader, +.ui.inverted .large.ui.loader { + background-image: url(../images/loader-large-inverted.gif); } -.ui.loader.tiny.blue { - background-image: url(../images/loader-blue-tiny.gif); + +/*------------------- + Sizes +--------------------*/ + +/* Tiny Size */ +.ui.inverted.dimmer .ui.loader.mini, +.ui.loader.mini { + width: 16px; + height: 16px; + background-image: url(../images/loader-mini.gif); + margin: -8px 0px 0px -8px; +} + +/* Small Size */ +.ui.inverted.dimmer .ui.loader.small, +.ui.loader.small { + width: 24px; + height: 24px; + background-image: url(../images/loader-small.gif); + margin: -12px 0px 0px -12px; } -.ui.loader.small.blue { - background-image: url(../images/loader-blue-small.gif); + +.ui.inverted.dimmer .ui.loader, +.ui.loader { + width: 32px; + height: 32px; + background: url(../images/loader-medium.gif) no-repeat; + background-position: 48% 0px; } -.ui.loader.blue { - background-image: url(../images/loader-blue-medium.gif); + +/* Large Size */ +.ui.inverted.dimmer .ui.loader.large, +.ui.loader.large { + width: 64px; + height: 64px; + background-image: url(../images/loader-large.gif); + margin: -32px 0px 0px -32px; } -.ui.loader.large.blue { - background-image: url(../images/loader-blue-large.gif); + + +/*------------------- + Inline +--------------------*/ + +.ui.inline.loader { + display: inline-block; + vertical-align: middle; + margin: 0em; } diff --git a/src/elements/segment.less b/src/elements/segment.less index d6e49da09..68abd4103 100755 --- a/src/elements/segment.less +++ b/src/elements/segment.less @@ -101,6 +101,9 @@ Loose Coupling --------------------*/ +.ui.pointing.menu + .ui.attached.segment { + top: 1px; +} /* No padding on edge content */ .ui.segment > :first-child { @@ -418,8 +421,8 @@ box-shadow: 0px 0px 0px 1px #DDDDDD; } .ui.top.attached.segment { - top: -1px; - bottom: 0px; + top: 0px; + bottom: -1px; margin-top: 1em; margin-bottom: 0em; @@ -429,8 +432,8 @@ border-radius: 5px 5px 0px 0px; } .ui.segment.bottom.attached { - top: 0px; - bottom: -1px; + top: -1px; + bottom: 0px; margin-top: 0em; margin-bottom: 1em; diff --git a/src/elements/step.less b/src/elements/step.less index 1e9aa9be9..a0929b2b4 100755 --- a/src/elements/step.less +++ b/src/elements/step.less @@ -18,57 +18,57 @@ .ui.steps .step { display: inline-block; position: relative; + height: 1em; padding: 1em 2em 1em 3em; + vertical-align: top; background-color: #FFFFFF; + color: #888888; +} +.ui.step:after, +.ui.steps .step:after { + position: absolute; + z-index: 2; + content: ''; + top: 0em; + right: -1.48em; + + border-bottom: 1.5em solid transparent; + border-left: 1.5em solid #FFFFFF; + border-top: 1.5em solid transparent; + + width: 0em; + height: 0em; +} +.ui.step, +.ui.steps .step, +.ui.steps .step:after { -webkit-transition: opacity 0.1s ease, color 0.1s ease, - background 0.1s ease, box-shadow 0.1s ease ; -moz-transition: opacity 0.1s ease, color 0.1s ease, - background 0.1s ease, box-shadow 0.1s ease ; -o-transition: opacity 0.1s ease, color 0.1s ease, - background 0.1s ease, box-shadow 0.1s ease ; -ms-transition: opacity 0.1s ease, color 0.1s ease, - background 0.1s ease, box-shadow 0.1s ease ; transition: opacity 0.1s ease, color 0.1s ease, - background 0.1s ease, box-shadow 0.1s ease ; - - color: #888888; -} -.ui.step:after, -.ui.steps .step:after { - position: absolute; - z-index: 2; - content: ''; - top: 0em; - right: -1.48em; - - border-bottom: 1.5em solid transparent; - border-left: 1.5em solid #FFFFFF; - border-top: 1.5em solid transparent; - - width: 0em; - height: 0em; } /******************************* @@ -162,7 +162,7 @@ font-weight: bold; } .ui.steps .step.active:after, -.ui.active.step:after { +.ui.active.steps:after { border-left-color: #555555; } @@ -173,9 +173,24 @@ background-color: #FFFFFF; color: #CBCBCB; } -.ui.steps .disabled.step:after, .ui.disabled.step:after { - border-left-color: #FFFFFF; + border: none; + background-color: #FFFFFF; + top: 0.42em; + right: -1em; + + width: 2.15em; + height: 2.15em; + + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + transform: rotate(-45deg); + + -webkit-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset; + -moz-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset; + box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.1) inset; } /******************************* diff --git a/src/images/loader-generic-transparent.gif b/src/images/loader-generic-transparent.gif deleted file mode 100755 index 74c9d63f3..000000000 Binary files a/src/images/loader-generic-transparent.gif and /dev/null differ diff --git a/src/images/loader-large-inverted.gif b/src/images/loader-large-inverted.gif new file mode 100755 index 000000000..ee5283f10 Binary files /dev/null and b/src/images/loader-large-inverted.gif differ diff --git a/src/images/loader-medium-inverted.gif b/src/images/loader-medium-inverted.gif new file mode 100755 index 000000000..caa3110d8 Binary files /dev/null and b/src/images/loader-medium-inverted.gif differ diff --git a/src/images/loader-medium-white.gif b/src/images/loader-medium-white.gif deleted file mode 100755 index 010e29eae..000000000 Binary files a/src/images/loader-medium-white.gif and /dev/null differ diff --git a/src/images/loader-medium.gif b/src/images/loader-medium.gif index ae34460f9..386eb5af1 100755 Binary files a/src/images/loader-medium.gif and b/src/images/loader-medium.gif differ diff --git a/src/images/loader-mini-inverted.gif b/src/images/loader-mini-inverted.gif new file mode 100755 index 000000000..c7c95b948 Binary files /dev/null and b/src/images/loader-mini-inverted.gif differ diff --git a/src/images/loader-mini.gif b/src/images/loader-mini.gif new file mode 100755 index 000000000..7f3e27c70 Binary files /dev/null and b/src/images/loader-mini.gif differ diff --git a/src/images/loader-small-inverted.gif b/src/images/loader-small-inverted.gif new file mode 100755 index 000000000..bbb0a67f6 Binary files /dev/null and b/src/images/loader-small-inverted.gif differ diff --git a/src/images/loader-small.gif b/src/images/loader-small.gif index d9a6760a4..8c9f60ee2 100755 Binary files a/src/images/loader-small.gif and b/src/images/loader-small.gif differ diff --git a/src/images/loader-tiny.gif b/src/images/loader-tiny.gif deleted file mode 100755 index c65ee55fd..000000000 Binary files a/src/images/loader-tiny.gif and /dev/null differ diff --git a/src/modules/checkbox.less b/src/modules/checkbox.less index 182b79799..728f5f815 100755 --- a/src/modules/checkbox.less +++ b/src/modules/checkbox.less @@ -28,6 +28,8 @@ outline: none; cursor: pointer; position: absolute; + + line-height: 1; width: 1em; height: 1em; bottom: 0em; @@ -184,7 +186,6 @@ .ui.large.checkbox { width: 1.25em; height: 1.25em; - vertical-align: baseline; } .ui.large.checkbox, .ui.large.checkbox .box, @@ -194,13 +195,11 @@ .ui.huge.checkbox { width: 1.5em; height: 1.5em; - vertical-align: baseline; } .ui.huge.checkbox, .ui.huge.checkbox .box, .ui.huge.checkbox label { font-size: 1.5em; - vertical-align: baseline; } /*-------------- diff --git a/src/modules/dropdown.js b/src/modules/dropdown.js index 874bf1b1d..cfbfa9003 100755 --- a/src/modules/dropdown.js +++ b/src/modules/dropdown.js @@ -186,7 +186,7 @@ $.fn.dropdown = function(parameters) { } }, - nothing: function() {}, + none: function() {}, hide: function() { module.hide(); @@ -237,6 +237,7 @@ $.fn.dropdown = function(parameters) { set: { text: function(text) { module.debug('Changing text', text, $text); + $text.removeClass(className.placeholder); $text.text(text); }, value: function(value) { @@ -592,9 +593,10 @@ $.fn.dropdown.settings = { }, className : { - active : 'active', - disabled : 'disabled', - visible : 'visible' + active : 'active', + placeholder : 'default', + disabled : 'disabled', + visible : 'visible' } }; diff --git a/src/modules/dropdown.less b/src/modules/dropdown.less index 21aaab16b..0a99f6580 100755 --- a/src/modules/dropdown.less +++ b/src/modules/dropdown.less @@ -231,6 +231,11 @@ } .ui.selection.dropdown .menu { + max-height: 312px; + + overflow-x: hidden; + overflow-y: auto; + -webkit-box-shadow: 0px 1px 0px 1px #EEEEEE; -moz-box-shadow: 0px 1px 0px 1px #EEEEEE; box-shadow: 0px 1px 0px 1px #EEEEEE; diff --git a/src/modules/shape.js b/src/modules/shape.js index 4f36bc008..b6e110f88 100755 --- a/src/modules/shape.js +++ b/src/modules/shape.js @@ -40,7 +40,7 @@ $.fn.shape = function(parameters) { // private variables $activeSide, $nextSide, - transitionEnd = 'transitionend msTransitionEnd oTransitionEnd webkitTransitionEnd', + transitionEnd = 'msTransitionEnd oTransitionEnd webkitTransitionEnd', // standard module element = this, @@ -91,10 +91,11 @@ $.fn.shape = function(parameters) { animate: function(propertyObject, callback) { module.verbose('Animating box with properties', propertyObject); callback = callback || function(event) { - module.reset(); - module.set.active(); - $.proxy(settings.onChange, $nextSide)(); - event.stopImmediatePropagation(); + module.verbose('Executing animation callback', event); + event.stopPropagation(); + module.reset(); + module.set.active(); + $.proxy(settings.onChange, $nextSide)(); }; if(settings.useCSS) { module.verbose('Starting CSS animation'); @@ -111,7 +112,7 @@ $.fn.shape = function(parameters) { ; $sides .css(propertyObject) - .one(transitionEnd, callback) + .one(transitionEnd + eventNamespace, callback) ; } else { diff --git a/src/modules/tab.js b/src/modules/tab.js index b7072fe4a..e3c0e3bff 100755 --- a/src/modules/tab.js +++ b/src/modules/tab.js @@ -44,18 +44,22 @@ initialize: function() { module.debug('Initializing Tabs', $tabNavigation); // attach history events - if(settings.history && settings.path !== false) { - if( $.address !== undefined ) { + if(settings.history) { + if( $.address === undefined ) { + module.error(errors.state); + return false; + } + else if(settings.path === false) { + module.error(errors.path); + return false; + } + else { module.verbose('Address library found adding state change event'); $.address .state(settings.path) .change(module.event.history.change) ; } - else { - module.error(errors.state); - return false; - } } // attach events if navigation wasn't set to window if( !$.isWindow( $tabNavigation.get(0) ) ) { @@ -501,6 +505,7 @@ method : 'The method you called is not defined', state : 'The state library has not been initialized', missingTab : 'Missing tab: ', + path : 'History enabled, but no path was specified', recursion : 'Max recursive depth reached' },