Browse Source

Merge branch 'master' of github.com:quirkyinc/semantic

Former-commit-id: de4208521447da4fb9b52e28393b2eae9330fbf6
Former-commit-id: f97ba1e201a6ca0044e450f3010be30e6a1a8fea
beta
Jack Lukic 12 years ago
parent
commit
dbc7cc587a
  1. 2
      build/minified/collections/grid.min.css
  2. 2
      build/minified/collections/menu.min.css
  3. 2
      build/minified/collections/message.min.css
  4. 2
      build/minified/collections/table.min.css
  5. 2
      build/minified/elements/button.min.css
  6. 2
      build/minified/elements/input.min.css
  7. 2
      build/minified/elements/label.min.css
  8. 216
      build/minified/modules/behavior/api.js
  9. 2
      build/minified/modules/behavior/api.min.js
  10. 2
      build/minified/modules/behavior/colorize.min.js
  11. 2
      build/minified/modules/behavior/form.min.js
  12. 22
      build/minified/modules/behavior/state.js
  13. 2
      build/minified/modules/behavior/state.min.js
  14. 2
      build/minified/modules/checkbox.min.js
  15. 2
      build/minified/modules/dimmer.js
  16. 2
      build/minified/modules/dimmer.min.js
  17. 28
      build/minified/modules/dropdown.js
  18. 2
      build/minified/modules/dropdown.min.js
  19. 2
      build/minified/modules/modal.min.css
  20. 2
      build/minified/modules/modal.min.js
  21. 2
      build/minified/modules/tab.min.css
  22. 2
      build/minified/modules/video.min.js
  23. 2
      build/minified/views/comment.min.css
  24. 2
      build/minified/views/feed.min.css
  25. 2
      build/minified/views/item.min.css
  26. 216
      build/packaged/modules/behavior/api.js
  27. 22
      build/packaged/modules/behavior/state.js
  28. 2
      build/packaged/modules/dimmer.js
  29. 28
      build/packaged/modules/dropdown.js
  30. 2
      build/packaged/semantic.min.css.REMOVED.git-id
  31. 2
      build/packaged/semantic.min.js.REMOVED.git-id
  32. 12
      build/uncompressed/collections/grid.css
  33. 44
      build/uncompressed/collections/menu.css
  34. 1
      build/uncompressed/collections/message.css
  35. 6
      build/uncompressed/collections/table.css
  36. 124
      build/uncompressed/elements/button.css
  37. 23
      build/uncompressed/elements/input.css
  38. 38
      build/uncompressed/elements/label.css
  39. 216
      build/uncompressed/modules/behavior/api.js
  40. 22
      build/uncompressed/modules/behavior/state.js
  41. 2
      build/uncompressed/modules/dimmer.js
  42. 28
      build/uncompressed/modules/dropdown.js
  43. 4
      build/uncompressed/modules/modal.css
  44. 27
      build/uncompressed/modules/tab.css
  45. 2
      build/uncompressed/views/comment.css
  46. 1
      build/uncompressed/views/feed.css
  47. 11
      build/uncompressed/views/item.css
  48. 146
      node/src/documents/collections/grid.html
  49. 12
      node/src/documents/collections/menu.html
  50. 7
      node/src/documents/elements/input.html
  51. 86
      node/src/documents/quirky/card.html
  52. 21
      node/src/documents/quirky/icons.html
  53. 13
      node/src/documents/specification/styleguide.html
  54. 3
      node/src/files/api.json
  55. 12
      node/src/files/components/semantic/collections/grid.css
  56. 44
      node/src/files/components/semantic/collections/menu.css
  57. 1
      node/src/files/components/semantic/collections/message.css
  58. 6
      node/src/files/components/semantic/collections/table.css
  59. 124
      node/src/files/components/semantic/elements/button.css
  60. 23
      node/src/files/components/semantic/elements/input.css
  61. 38
      node/src/files/components/semantic/elements/label.css
  62. 216
      node/src/files/components/semantic/modules/behavior/api.js
  63. 22
      node/src/files/components/semantic/modules/behavior/state.js
  64. 2
      node/src/files/components/semantic/modules/dimmer.js
  65. 28
      node/src/files/components/semantic/modules/dropdown.js
  66. 4
      node/src/files/components/semantic/modules/modal.css
  67. 27
      node/src/files/components/semantic/modules/tab.css
  68. 2
      node/src/files/components/semantic/views/comment.css
  69. 1
      node/src/files/components/semantic/views/feed.css
  70. 11
      node/src/files/components/semantic/views/item.css
  71. 2
      node/src/files/icons/icons-sketchy.eot.REMOVED.git-id
  72. 2
      node/src/files/icons/icons-sketchy.svg.REMOVED.git-id
  73. 2
      node/src/files/icons/icons-sketchy.ttf.REMOVED.git-id
  74. BIN
      node/src/files/icons/icons-sketchy.woff
  75. 184
      node/src/files/icons/sketchy.icons.css
  76. 6
      node/src/files/javascript/card.js
  77. 40
      node/src/files/overrides/card.css
  78. 211
      node/src/files/overrides/card.js
  79. 9
      node/src/files/overrides/idea.card.css
  80. 24
      node/src/files/overrides/steps.css
  81. 4
      node/src/files/stylesheets/semantic.css
  82. 3
      node/src/layouts/default.html.eco
  83. 14
      src/collections/grid.less
  84. 57
      src/collections/menu.less
  85. 1
      src/collections/message.less
  86. 6
      src/collections/table.less
  87. 136
      src/elements/button.less
  88. 28
      src/elements/input.less
  89. 38
      src/elements/label.less
  90. 216
      src/modules/behavior/api.js
  91. 22
      src/modules/behavior/state.js
  92. 2
      src/modules/dimmer.js
  93. 28
      src/modules/dropdown.js
  94. 4
      src/modules/modal.less
  95. 37
      src/modules/tab.less
  96. 2
      src/views/comment.less
  97. 1
      src/views/feed.less
  98. 11
      src/views/item.less
  99. 94
      src/views/notecard.less

2
build/minified/collections/grid.min.css

File diff suppressed because one or more lines are too long

2
build/minified/collections/menu.min.css

File diff suppressed because one or more lines are too long

2
build/minified/collections/message.min.css

@ -1 +1 @@
.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:#EFEFEF;padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-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;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.message .header{font-size:1.33em;font-weight:700}.ui.message .header+p{margin-top:0}.ui.message p{opacity:.85;margin:1em 0}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-left:-1px;margin-right:-1px;margin-bottom:-1px;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 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}.ui.bottom.attached.message{margin-top:-1px;-webkit-border-radius:0 0 .325em .325em;-moz-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{background-color:#E6F4F9;color:#4D8796}.ui.green.message{background-color:#DEFCD5;color:#52A954}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;color:#96904D}.ui.red.message{background-color:#F1D7D7;color:#A95252}.ui.success.message,.ui.positive.message{background-color:#5BBD72;color:#FFF}.ui.error.message,.ui.negative.message{background-color:#D95C5C;color:#FFF}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}
.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:#EFEFEF;padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-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;-webkit-border-radius:.325em;-moz-border-radius:.325em;border-radius:.325em}.ui.message .header{margin:0;font-size:1.33em;font-weight:700}.ui.message .header+p{margin-top:0}.ui.message p{opacity:.85;margin:1em 0}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-left:-1px;margin-right:-1px;margin-bottom:-1px;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 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}.ui.bottom.attached.message{margin-top:-1px;-webkit-border-radius:0 0 .325em .325em;-moz-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{background-color:#E6F4F9;color:#4D8796}.ui.green.message{background-color:#DEFCD5;color:#52A954}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;color:#96904D}.ui.red.message{background-color:#F1D7D7;color:#A95252}.ui.success.message,.ui.positive.message{background-color:#5BBD72;color:#FFF}.ui.error.message,.ui.negative.message{background-color:#D95C5C;color:#FFF}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}

2
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,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}
.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:.875em}.ui.table{font-size:1em}.ui.large.table{font-size:1.1em}

2
build/minified/elements/button.min.css

File diff suppressed because one or more lines are too long

2
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;opacity:1;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:.7em;-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:.9;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}
.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.transparent.input input{border:0;background-color:transparent}.ui.icon.input>.icon{position:absolute;opacity:.5;top:1px;right:1px;margin:0;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-right:3em!important}.ui.left.icon.input .icon{right:auto;left:1px}.ui.left.icon.input input{padding-left:3em!important}.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:.7em;-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:.9;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}

2
build/minified/elements/label.min.css

File diff suppressed because one or more lines are too long

216
build/minified/modules/behavior/api.js

@ -58,8 +58,13 @@
? $(context)
: $context,
action = $module.data(settings.metadata.action) || settings.action || false,
instance = $module.data('module-' + settings.namespace),
element = $module.get(),
query = arguments[0],
methodInvoked = (typeof query == 'string'),
queryArguments = [].slice.call(arguments, 1),
invokedResponse,
className = settings.className,
metadata = settings.metadata,
errors = settings.errors,
@ -91,15 +96,12 @@
// serialize parent form if requested!
if(settings.serializeForm && $(this).toJSON() !== undefined) {
formData = $module
.closest('form')
.toJSON()
;
$.extend(true, settings.data, formData);
formData = module.get.formData();
module.debug('Adding form data to API Request', formData);
$.extend(true, settings.data, formData);
}
// let beforesend change settings object
// let beforeSend change settings object
runSettings = $.proxy(settings.beforeSend, $module)(settings);
// check for exit conditions
@ -109,59 +111,12 @@
return;
}
if(action) {
module.debug('Initializing API Request for: ', action);
if(settings.api[action] !== undefined) {
url = settings.api[action];
}
else {
module.error(errors.missingAction);
}
}
// override with url if specified
if(settings.url) {
url = settings.url;
module.debug('Using specified url: ', url);
}
if(!url) {
module.error(errors.missingURL);
module.reset();
}
// replace url data in url
urlVariables = url.match(settings.regExpTemplate);
if(urlVariables) {
module.debug('Looking for URL variables', urlVariables);
$.each(urlVariables, function(index, templateValue){
var
term = templateValue.substr( 2, templateValue.length - 3),
termValue = ($.isPlainObject(parameters.urlData) && parameters.urlData[term] !== undefined)
? parameters.urlData[term]
: ($module.data(term) !== undefined)
? $module.data(term)
: settings.urlData[term]
;
module.verbose('Looking for variable', term, $module, $module.data(term), settings.urlData[term]);
// remove optional value
if(termValue === false) {
module.debug('Removing variable from URL', urlVariables);
url = url.replace('/' + templateValue, '');
}
// undefined condition
else if(termValue === undefined || !termValue) {
module.error(errors.missingParameter + term);
exitConditions = true;
}
else {
url = url.replace(templateValue, termValue);
}
});
}
// get real url from template
url = module.get.url( module.get.templateURL() );
// exit conditions reached from missing url parameters
if( exitConditions ) {
if( !url ) {
module.error(errors.missingURL);
module.reset();
return;
}
@ -339,6 +294,76 @@
}
},
get: {
formData: function() {
return $module
.closest('form')
.toJSON()
;
},
templateURL: function() {
var
action = $module.data(settings.metadata.action) || settings.action || false,
url
;
if(action) {
module.debug('Creating url for: ', action);
if(settings.api[action] !== undefined) {
url = settings.api[action];
}
else {
module.error(errors.missingAction);
}
}
// override with url if specified
if(settings.url) {
url = settings.url;
module.debug('Getting url', url);
}
return url;
},
url: function(url, urlData) {
var
missingTerm = false,
urlVariables
;
if(url) {
urlVariables = url.match(settings.regExpTemplate);
urlData = urlData || settings.urlData;
if(urlVariables) {
module.debug('Looking for URL variables', urlVariables);
$.each(urlVariables, function(index, templateValue){
var
term = templateValue.substr( 2, templateValue.length - 3),
termValue = ($.isPlainObject(urlData) && urlData[term] !== undefined)
? urlData[term]
: ($module.data(term) !== undefined)
? $module.data(term)
: urlData[term]
;
module.verbose('Looking for variable', term, $module, $module.data(term), urlData[term]);
// remove optional value
if(termValue === false) {
module.debug('Removing variable from URL', urlVariables);
url = url.replace('/' + templateValue, '');
}
// undefined condition
else if(termValue === undefined || !termValue) {
module.error(errors.missingParameter + term);
url = false;
return false;
}
else {
url = url.replace(templateValue, termValue);
}
});
}
}
return url;
}
},
// reset api request
reset: function() {
$module
@ -349,7 +374,6 @@
.removeClass(className.error)
.removeClass(className.loading)
;
module.error(errors.exitConditions);
},
/* standard module */
@ -360,41 +384,67 @@
settings[name] = value;
},
verbose: function() {
if(settings.verbose) {
module.debug.apply(this, arguments);
if(settings.verbose && settings.debug) {
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
debug: function() {
var
output = [],
message = settings.moduleName + ': ' + arguments[0],
variables = [].slice.call( arguments, 1 ),
log = console.info || console.log || function(){}
;
log = Function.prototype.bind.call(log, console);
if(settings.debug) {
output.push(message);
log.apply(console, output.concat(variables) );
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
error: function() {
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
invoke: function(query, passedArguments, context) {
var
output = [],
errorMessage = settings.moduleName + ': ' + arguments[0],
variables = [].slice.call( arguments, 1 ),
log = console.warn || console.log || function(){}
maxDepth,
found
;
log = Function.prototype.bind.call(log, console);
if(settings.debug) {
output.push(errorMessage);
output.concat(variables);
log.apply(console, output.concat(variables) );
passedArguments = passedArguments || queryArguments;
context = element || context;
if(typeof query == 'string' && instance !== undefined) {
query = query.split('.');
maxDepth = query.length - 1;
$.each(query, function(depth, value) {
if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
instance = instance[value];
return true;
}
else if( instance[value] !== undefined ) {
found = instance[value];
return true;
}
module.error(errors.method);
return false;
});
}
if ( $.isFunction( found ) ) {
instance.verbose('Executing invoked function', found);
return found.apply(context, passedArguments);
}
return found || false;
}
};
module.initialize();
return this;
if(methodInvoked) {
if(instance === undefined) {
module.initialize();
}
invokedResponse = module.invoke(query);
}
else {
if(instance !== undefined) {
module.destroy();
}
module.initialize();
}
return (invokedResponse)
? invokedResponse
: this
;
};
// handle DOM attachment to API functionality
@ -441,8 +491,8 @@
moduleName : 'API Module',
namespace : 'api',
verbose : true,
debug : true,
verbose : true,
api : {},

2
build/minified/modules/behavior/api.min.js

File diff suppressed because one or more lines are too long

2
build/minified/modules/behavior/colorize.min.js

@ -1 +1 @@
(function(e,n,t,o){e.fn.colorize=function(n){var t=e.extend(!0,{},e.fn.colorize.settings,n),i=arguments||!1;return e(this).each(function(n){var a,r,s,c,l,u,d,g,m=e(this),p=e("<canvas />")[0],f=e("<canvas />")[0],h=e("<canvas />")[0],y=new Image,v=t.colors,b=(t.paths,t.namespace),x=t.errors,C=m.data("module-"+b);return g={checkPreconditions:function(){return g.debug("Checking pre-conditions"),!e.isPlainObject(v)||e.isEmptyObject(v)?(g.error(x.undefinedColors),!1):!0},async:function(e){t.async?setTimeout(e,0):e()},getMetadata:function(){g.debug("Grabbing metadata"),c=m.data("image")||t.image||o,l=m.data("name")||t.name||n,u=t.width||m.width(),d=t.height||m.height(),(0===u||0===d)&&g.error(x.undefinedSize)},initialize:function(){g.debug("Initializing with colors",v),g.checkPreconditions()&&g.async(function(){g.getMetadata(),g.canvas.create(),g.draw.image(function(){g.draw.colors(),g.canvas.merge()}),m.data("module-"+b,g)})},redraw:function(){g.debug("Redrawing image"),g.async(function(){g.canvas.clear(),g.draw.colors(),g.canvas.merge()})},change:{color:function(e,n){return g.debug("Changing color",e),v[e]===o?(g.error(x.missingColor),!1):(v[e]=n,g.redraw(),o)}},canvas:{create:function(){g.debug("Creating canvases"),p.width=u,p.height=d,f.width=u,f.height=d,h.width=u,h.height=d,a=p.getContext("2d"),r=f.getContext("2d"),s=h.getContext("2d"),m.append(p),a=m.children("canvas")[0].getContext("2d")},clear:function(){g.debug("Clearing canvas"),s.fillStyle="#FFFFFF",s.fillRect(0,0,u,d)},merge:function(){return e.isFunction(a.blendOnto)?(a.putImageData(r.getImageData(0,0,u,d),0,0),s.blendOnto(a,"multiply"),o):(g.error(x.missingPlugin),o)}},draw:{image:function(e){g.debug("Drawing image"),e=e||function(){},c?(y.src=c,y.onload=function(){r.drawImage(y,0,0),e()}):(g.error(x.noImage),e())},colors:function(){g.debug("Drawing color overlays",v),e.each(v,function(e,n){t.onDraw(s,l,e,n)})}},debug:function(e,n){t.debug&&(n!==o?console.info(t.moduleName+": "+e,n):console.info(t.moduleName+": "+e))},error:function(e){console.warn(t.moduleName+": "+e)},invoke:function(n,i,a){var r;return a=a||Array.prototype.slice.call(arguments,2),"string"==typeof n&&C!==o&&(n=n.split("."),e.each(n,function(n,o){return e.isPlainObject(C[o])?(C=C[o],!0):e.isFunction(C[o])?(r=C[o],!0):(g.error(t.errors.method),!1)})),e.isFunction(r)?r.apply(i,a):!1}},C!==o&&i?("invoke"==i[0]&&(i=Array.prototype.slice.call(i,1)),g.invoke(i[0],this,Array.prototype.slice.call(i,1))):(g.initialize(),o)}),this},e.fn.colorize.settings={moduleName:"Image Colorizer",debug:!0,namespace:"colorize",onDraw:function(){},async:!0,colors:{},metadata:{image:"image",name:"name"},errors:{noImage:"No tracing image specified",undefinedColors:"No default colors specified.",missingColor:"Attempted to change color that does not exist",missingPlugin:"Blend onto plug-in must be included",undefinedHeight:"The width or height of image canvas could not be automatically determined. Please specify a height."}}})(jQuery,window,document);
(function(e,n,t,o){e.fn.colorize=function(n){var t=e.extend(!0,{},e.fn.colorize.settings,n),i=arguments||!1;return e(this).each(function(n){var a,r,s,c,l,u,d,g,m=e(this),f=e("<canvas />")[0],p=e("<canvas />")[0],h=e("<canvas />")[0],v=new Image,y=t.colors,b=(t.paths,t.namespace),x=t.errors,C=m.data("module-"+b);return g={checkPreconditions:function(){return g.debug("Checking pre-conditions"),!e.isPlainObject(y)||e.isEmptyObject(y)?(g.error(x.undefinedColors),!1):!0},async:function(e){t.async?setTimeout(e,0):e()},getMetadata:function(){g.debug("Grabbing metadata"),c=m.data("image")||t.image||o,l=m.data("name")||t.name||n,u=t.width||m.width(),d=t.height||m.height(),(0===u||0===d)&&g.error(x.undefinedSize)},initialize:function(){g.debug("Initializing with colors",y),g.checkPreconditions()&&g.async(function(){g.getMetadata(),g.canvas.create(),g.draw.image(function(){g.draw.colors(),g.canvas.merge()}),m.data("module-"+b,g)})},redraw:function(){g.debug("Redrawing image"),g.async(function(){g.canvas.clear(),g.draw.colors(),g.canvas.merge()})},change:{color:function(e,n){return g.debug("Changing color",e),y[e]===o?(g.error(x.missingColor),!1):(y[e]=n,g.redraw(),o)}},canvas:{create:function(){g.debug("Creating canvases"),f.width=u,f.height=d,p.width=u,p.height=d,h.width=u,h.height=d,a=f.getContext("2d"),r=p.getContext("2d"),s=h.getContext("2d"),m.append(f),a=m.children("canvas")[0].getContext("2d")},clear:function(){g.debug("Clearing canvas"),s.fillStyle="#FFFFFF",s.fillRect(0,0,u,d)},merge:function(){return e.isFunction(a.blendOnto)?(a.putImageData(r.getImageData(0,0,u,d),0,0),s.blendOnto(a,"multiply"),o):(g.error(x.missingPlugin),o)}},draw:{image:function(e){g.debug("Drawing image"),e=e||function(){},c?(v.src=c,v.onload=function(){r.drawImage(v,0,0),e()}):(g.error(x.noImage),e())},colors:function(){g.debug("Drawing color overlays",y),e.each(y,function(e,n){t.onDraw(s,l,e,n)})}},debug:function(e,n){t.debug&&(n!==o?console.info(t.moduleName+": "+e,n):console.info(t.moduleName+": "+e))},error:function(e){console.warn(t.moduleName+": "+e)},invoke:function(n,i,a){var r;return a=a||Array.prototype.slice.call(arguments,2),"string"==typeof n&&C!==o&&(n=n.split("."),e.each(n,function(n,o){return e.isPlainObject(C[o])?(C=C[o],!0):e.isFunction(C[o])?(r=C[o],!0):(g.error(t.errors.method),!1)})),e.isFunction(r)?r.apply(i,a):!1}},C!==o&&i?("invoke"==i[0]&&(i=Array.prototype.slice.call(i,1)),g.invoke(i[0],this,Array.prototype.slice.call(i,1))):(g.initialize(),o)}),this},e.fn.colorize.settings={moduleName:"Image Colorizer",debug:!0,namespace:"colorize",onDraw:function(){},async:!0,colors:{},metadata:{image:"image",name:"name"},errors:{noImage:"No tracing image specified",undefinedColors:"No default colors specified.",missingColor:"Attempted to change color that does not exist",missingPlugin:"Blend onto plug-in must be included",undefinedHeight:"The width or height of image canvas could not be automatically determined. Please specify a height."}}})(jQuery,window,document);

2
build/minified/modules/behavior/form.min.js

File diff suppressed because one or more lines are too long

22
build/minified/modules/behavior/state.js

@ -200,9 +200,19 @@ $.fn.state = function(parameters) {
}
},
allow: function(state) {
module.debug('Now allowing state', state);
states[state] = true;
},
disallow: function(state) {
module.debug('No longer allowing', state);
states[state] = false;
},
allows: function(state) {
return states[state] || false;
},
enable: function(state) {
if(module.allows(state)) {
$module.addClass( className[state] );
@ -305,7 +315,7 @@ $.fn.state = function(parameters) {
if(settings.sync) {
module.sync();
}
settings.onChange();
$.proxy(settings.onChange, element)();
},
activate: function() {
@ -316,6 +326,7 @@ $.fn.state = function(parameters) {
;
module.text.update(text.active);
}
$.proxy(settings.onActivate, element)();
},
deactivate: function() {
@ -326,6 +337,7 @@ $.fn.state = function(parameters) {
;
module.text.update(text.inactive);
}
$.proxy(settings.onDeactivate, element)();
},
sync: function() {
@ -490,7 +502,7 @@ $.fn.state = function(parameters) {
},
error: function() {
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
invoke: function(query, context, passedArguments) {
@ -558,10 +570,12 @@ $.fn.state.settings = {
namespace : 'state',
// debug data includes performance
performance: true,
performance: false,
// callback occurs on state change
onChange: function() {},
onActivate : function() {},
onDeactivate : function() {},
onChange : function() {},
// state test functions
activateTest : function() { return true; },

2
build/minified/modules/behavior/state.min.js

File diff suppressed because one or more lines are too long

2
build/minified/modules/checkbox.min.js

@ -1 +1 @@
(function(e,t,n,o){e.fn.checkbox=function(t){var n,i=e(this),a=e.extend(!0,{},e.fn.checkbox.settings,t),r="."+a.namespace,s="module-"+a.namespace,c=i.selector||"",l=(new Date).getTime(),u=[],d=arguments[0],m="string"==typeof d,f=[].slice.call(arguments,1);return i.each(function(){var t,i=e(this),g=e(this).next(a.selector.label).first(),p=e(this).find(a.selector.input),h=i.selector||"",v=this,b=i.data("module-"+a.namespace),y=a.className,x=a.namespace,C=a.errors;t={initialize:function(){a.context&&""!==h?(t.verbose("Initializing checkbox with delegated events",i),e(v,a.context).on(h,"click"+r,t.toggle).on(h+" + "+a.selector.label,"click"+r,t.toggle).data(s,t)):(t.verbose("Initializing checkbox with bound events",i),i.on("click"+r,t.toggle).data(s,t),g.on("click"+r,t.toggle))},destroy:function(){t.verbose("Destroying previous module for",i),i.off(x)},is:{radio:function(){return i.hasClass(y.radio)}},can:{disable:function(){return"boolean"==typeof a.required?a.required:!t.is.radio()}},enable:function(){t.debug("Enabling checkbox"),i.addClass(y.active),p.prop("checked",!0),e.proxy(a.onChange,p.get())(),e.proxy(a.onEnable,p.get())()},disable:function(){t.debug("Disabling checkbox"),i.removeClass(y.active),p.prop("checked",!1),e.proxy(a.onChange,p.get())(),e.proxy(a.onDisable,p.get())()},toggle:function(){t.verbose("Toggling checkbox state"),p.prop("checked")!==o&&p.prop("checked")?t.can.disable()&&t.disable():t.enable()},setting:function(n,i){return i===o?a[n]:(e.isPlainObject(n)?(t.verbose("Modifying settings object",n,i),e.extend(!0,a,n)):(t.verbose("Modifying setting",n,i),a[n]=i),o)},internal:function(n,i){return i===o?t[n]:(e.isPlainObject(n)?(t.verbose("Modifying internal property",n,i),e.extend(!0,t,n)):(t.verbose("Changing internal method to",i),t[n]=i),o)},debug:function(){a.debug&&(a.performance?t.performance.log(arguments):t.debug=Function.prototype.bind.call(console.info,console,a.moduleName+":"))},verbose:function(){a.verbose&&a.debug&&(a.performance?t.performance.log(arguments):t.verbose=Function.prototype.bind.call(console.info,console,a.moduleName+":"))},error:function(){t.error=Function.prototype.bind.call(console.log,console,a.moduleName+":")},performance:{log:function(e){var n,o,i;a.performance&&(n=(new Date).getTime(),i=l||n,o=n-i,l=n,u.push({Element:v,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=a.moduleName+":",n=0;l=!1,e.each(u,function(e,t){n+=t["Execution Time"]}),t+=" "+n+"ms",c&&(t+=" '"+c+"'"),(console.group!==o||console.table!==o)&&u.length>0&&(console.groupCollapsed(t),console.table?console.table(u):e.each(u,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),u=[]}},invoke:function(n,i,a){var r,s;return i=i||f,a=v||a,"string"==typeof n&&b!==o&&(n=n.split("."),r=n.length-1,e.each(n,function(n,i){return e.isPlainObject(b[i])&&n!=r?(b=b[i],!0):b[i]!==o?(s=b[i],!0):(t.error(C.method),!1)})),e.isFunction(s)?(b.verbose("Executing invoked function",s),s.apply(a,i)):s||!1}},m?(b===o&&t.initialize(),n=t.invoke(d)):(b!==o&&t.destroy(),t.initialize())}),n?n:this},e.fn.checkbox.settings={moduleName:"Checkbox",namespace:"checkbox",verbose:!0,debug:!0,performance:!0,context:!1,required:"auto",onChange:function(){},onEnable:function(){},onDisable:function(){},errors:{method:"The method you called is not defined."},selector:{input:"input",label:"label"},className:{active:"active",radio:"radio"}}})(jQuery,window,document);
(function(e,t,n,o){e.fn.checkbox=function(t){var n,i=e(this),a=e.extend(!0,{},e.fn.checkbox.settings,t),r="."+a.namespace,s="module-"+a.namespace,c=i.selector||"",l=(new Date).getTime(),u=[],d=arguments[0],m="string"==typeof d,f=[].slice.call(arguments,1);return i.each(function(){var t,i=e(this),g=e(this).next(a.selector.label).first(),p=e(this).find(a.selector.input),v=i.selector||"",h=this,b=i.data("module-"+a.namespace),y=a.className,x=a.namespace,C=a.errors;t={initialize:function(){a.context&&""!==v?(t.verbose("Initializing checkbox with delegated events",i),e(h,a.context).on(v,"click"+r,t.toggle).on(v+" + "+a.selector.label,"click"+r,t.toggle).data(s,t)):(t.verbose("Initializing checkbox with bound events",i),i.on("click"+r,t.toggle).data(s,t),g.on("click"+r,t.toggle))},destroy:function(){t.verbose("Destroying previous module for",i),i.off(x)},is:{radio:function(){return i.hasClass(y.radio)}},can:{disable:function(){return"boolean"==typeof a.required?a.required:!t.is.radio()}},enable:function(){t.debug("Enabling checkbox"),i.addClass(y.active),p.prop("checked",!0),e.proxy(a.onChange,p.get())(),e.proxy(a.onEnable,p.get())()},disable:function(){t.debug("Disabling checkbox"),i.removeClass(y.active),p.prop("checked",!1),e.proxy(a.onChange,p.get())(),e.proxy(a.onDisable,p.get())()},toggle:function(){t.verbose("Toggling checkbox state"),p.prop("checked")!==o&&p.prop("checked")?t.can.disable()&&t.disable():t.enable()},setting:function(n,i){return i===o?a[n]:(e.isPlainObject(n)?(t.verbose("Modifying settings object",n,i),e.extend(!0,a,n)):(t.verbose("Modifying setting",n,i),a[n]=i),o)},internal:function(n,i){return i===o?t[n]:(e.isPlainObject(n)?(t.verbose("Modifying internal property",n,i),e.extend(!0,t,n)):(t.verbose("Changing internal method to",i),t[n]=i),o)},debug:function(){a.debug&&(a.performance?t.performance.log(arguments):t.debug=Function.prototype.bind.call(console.info,console,a.moduleName+":"))},verbose:function(){a.verbose&&a.debug&&(a.performance?t.performance.log(arguments):t.verbose=Function.prototype.bind.call(console.info,console,a.moduleName+":"))},error:function(){t.error=Function.prototype.bind.call(console.log,console,a.moduleName+":")},performance:{log:function(e){var n,o,i;a.performance&&(n=(new Date).getTime(),i=l||n,o=n-i,l=n,u.push({Element:h,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=a.moduleName+":",n=0;l=!1,e.each(u,function(e,t){n+=t["Execution Time"]}),t+=" "+n+"ms",c&&(t+=" '"+c+"'"),(console.group!==o||console.table!==o)&&u.length>0&&(console.groupCollapsed(t),console.table?console.table(u):e.each(u,function(e,t){console.log(t.Name+": "+t["Execution Time"]+"ms")}),console.groupEnd()),u=[]}},invoke:function(n,i,a){var r,s;return i=i||f,a=h||a,"string"==typeof n&&b!==o&&(n=n.split("."),r=n.length-1,e.each(n,function(n,i){return e.isPlainObject(b[i])&&n!=r?(b=b[i],!0):b[i]!==o?(s=b[i],!0):(t.error(C.method),!1)})),e.isFunction(s)?(b.verbose("Executing invoked function",s),s.apply(a,i)):s||!1}},m?(b===o&&t.initialize(),n=t.invoke(d)):(b!==o&&t.destroy(),t.initialize())}),n?n:this},e.fn.checkbox.settings={moduleName:"Checkbox",namespace:"checkbox",verbose:!0,debug:!0,performance:!0,context:!1,required:"auto",onChange:function(){},onEnable:function(){},onDisable:function(){},errors:{method:"The method you called is not defined."},selector:{input:"input",label:"label"},className:{active:"active",radio:"radio"}}})(jQuery,window,document);

2
build/minified/modules/dimmer.js

@ -165,7 +165,7 @@ $.fn.dimmer = function(parameters) {
module.verbose('Hiding dimmer with javascript');
$dimmer
.stop()
.fadeOut(settings.duration, function() {
.fadeOut( (settings.duration * 0.75) , function() {
$dimmer.removeAttr('style');
module.remove.active();
})

2
build/minified/modules/dimmer.min.js

File diff suppressed because one or more lines are too long

28
build/minified/modules/dropdown.js

@ -427,28 +427,22 @@ $.fn.dropdown = function(parameters) {
return module[name];
}
},
debug: function() {
if(settings.debug) {
if(settings.performance) {
module.performance.log(arguments);
}
else {
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
}
},
verbose: function() {
if(settings.verbose && settings.debug) {
if(settings.performance) {
module.performance.log(arguments);
}
else {
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
module.performance.log(arguments[0]);
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
debug: function() {
if(settings.debug) {
module.performance.log(arguments[0]);
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
error: function() {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
performance: {

2
build/minified/modules/dropdown.min.js

File diff suppressed because one or more lines are too long

2
build/minified/modules/modal.min.css

@ -1 +1 @@
.ui.modal{display:none;position:fixed;z-index:1000;top:50%;left:50%;margin-left:-400px;width:800px;-webkit-box-shadow:5px 5px 15px rgba(0,0,0,.8);-moz-box-shadow:5px 5px 15px rgba(0,0,0,.8);box-shadow:5px 5px 15px rgba(0,0,0,.8);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.page.modal{position:fixed}.ui.modal>.close{cursor:pointer;position:absolute;font-size:1.25em;color:#FFF;top:-1.75em;right:-1.75em;opacity:.8}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{background-color:#442359;padding:1em 2em;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0}.ui.modal>.header h2{margin:0;font-size:1.5em;font-weight:700;color:#FFF}.ui.modal>.content{position:relative;overflow:hidden;padding:2em;background-color:#FAFAFA;-webkit-border-radius:0 0 .325em .325em;-moz-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.modal>.content .left{float:left;width:50%}.ui.modal>.content .right{float:right;width:50%}.ui.modal.static{display:block;position:relative;overflow:hidden;top:0;left:0;border:1px solid #CCC;width:auto;height:auto;margin:0 auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#555;z-index:2;-moz-box-shadow:0 0 2px rgba(0,0,0,.2);-webkit-box-shadow:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 2px rgba(0,0,0,.2)}.ui.modal.static>.header,.ui.modal.static>.content{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.ui.modal{display:none;position:absolute;z-index:1001;top:50%;left:50%;margin-left:-400px;width:800px;-webkit-box-shadow:5px 5px 15px rgba(0,0,0,.8);-moz-box-shadow:5px 5px 15px rgba(0,0,0,.8);box-shadow:5px 5px 15px rgba(0,0,0,.8);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ui.page.modal{position:fixed}.ui.modal>.close{cursor:pointer;position:absolute;font-size:1.25em;color:#FFF;top:-1.75em;right:-1.75em;opacity:.8}.ui.modal>.close:hover{opacity:1}.ui.modal>.header{background-color:#442359;padding:1em 2em;-webkit-border-radius:.325em .325em 0 0;-moz-border-radius:.325em .325em 0 0;border-radius:.325em .325em 0 0}.ui.modal>.header h2{margin:0;font-size:1.5em;font-weight:700;color:#FFF}.ui.modal>.content{position:relative;overflow:hidden;padding:2em;background-color:#FAFAFA;-webkit-border-radius:0 0 .325em .325em;-moz-border-radius:0 0 .325em .325em;border-radius:0 0 .325em .325em}.ui.modal>.content .left{float:left;width:50%}.ui.modal>.content .right{float:right;width:50%}.ui.modal.static{display:block;position:relative;overflow:hidden;top:0;left:0;border:1px solid #CCC;width:auto;height:auto;margin:0 auto;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#555;z-index:2;-moz-box-shadow:0 0 2px rgba(0,0,0,.2);-webkit-box-shadow:0 0 2px rgba(0,0,0,.2);box-shadow:0 0 2px rgba(0,0,0,.2)}.ui.modal.static>.header,.ui.modal.static>.content{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}

2
build/minified/modules/modal.min.js

@ -1 +1 @@
(function(e,n,t,o){e.dimScreen=function(n){var t="function"==typeof n?e.extend({},e.fn.modal.settings,{dim:n}):e.extend({},e.fn.modal.settings,n),o=e(t.context),i=o.children(t.selector.dimmer),a=i.size()>0,s=i.css("opacity");return a||(i=e("<div/>").attr("id","dimmer").html('<div class="content"></div>'),o.append(i)),s!=t.opacity&&(i.one("click",function(){t.unDim(),e.unDimScreen()}),0===t.duration?(i.css({visibility:"visible"}).find(".content").css({opacity:t.opacity,visibility:"visible"}),t.dim()):i.css({visibility:"visible"}).find(".content").css({opacity:0,visibility:"visible"}).fadeTo(t.duration,t.opacity,t.dim)),this},e.unDimScreen=function(n){var t="function"==typeof n?e.extend({},e.fn.modal.settings,{unDim:n}):e.extend({},e.fn.modal.settings,n),o=e(t.context),i=o.children(t.selector.dimmer),a=i.size()>0;return a&&(t.unDim(),0===t.duration?i.css({visibility:"hidden"}).remove():i.find(".content").fadeTo(t.duration,0,function(){i.remove()})),this},e.fn.modal=function(i){var a,s=e.extend(!0,{},e.fn.modal.settings,i),r=arguments[0],c=[].slice.call(arguments,1);return e(this).each(function(){var i,l=e(this),d=l.find(s.selector.closeButton),u=(e(s.context).find(s.selector.dimmer),e(s.context).children(s.selector.modal)),m=u.not(l),f=l.data("module-"+s.namespace),g="string"==typeof r,p=(s.className,s.namespace);i={initialize:function(){l.on("modalShow."+p,i.show).on("modalHide."+p,i.hide).data("module-"+p,i)},show:function(){var i=l.outerHeight(),a=e(n).height(),r=i>a,c=r?"absolute":"fixed",u=r?"0":"50%",f=r?a/8:-((i-s.closeSpacing)/2),g="absolute"==l.css("position")?f+e(n).prop("pageYOffset"):f,h=g+s.animationOffset;e.fn.popIn!==o?l.addClass(c).css({display:"block",opacity:0,top:u,marginTop:g+"px"}).popIn():l.addClass(c).css({display:"block",opacity:0,top:u,marginTop:h+"px"}).animate({opacity:1,marginTop:g+"px"},s.duration+300,s.easing),m.is(":visible")&&m.filter(":visible").hide(),console.log("zzz"),e.dimScreen({context:s.context,duration:0,dim:function(){console.log("aaa"),e(t).on("keyup."+p,function(e){var n=e.which,t=27;switch(n){case t:l.modal("hide"),e.preventDefault()}}),console.log(d),console.log("attaching click"),d.one("click",function(){l.modal("hide")}),s.dim()},unDim:function(){l.modal("hide"),d.unbind("click")}})},hide:function(){e(t).off("keyup."+p),e.unDimScreen({duration:0,unDim:function(){l.popOut(200),s.unDim()}})},setting:function(e,n){return n===o?s[e]:(s[e]=n,o)},debug:function(){var e=[],n=s.moduleName+": "+arguments[0],t=[].slice.call(arguments,1),o=console.info||console.log||function(){};s.debug&&(e.push(n),o.apply(console,e.concat(t)))},error:function(){var e=[],n=s.moduleName+": "+arguments[0],t=[].slice.call(arguments,1),o=console.warn||console.log||function(){};s.debug&&(e.push(n),e.concat(t),o.apply(console,e.concat(t)))},invoke:function(n,t,a){var r,c;return a=a||[].slice.call(arguments,2),"string"==typeof n&&f!==o&&(n=n.split("."),r=n.length-1,e.each(n,function(n,t){return e.isPlainObject(f[t])&&n!=r?(f=f[t],!0):f[t]!==o?(c=f[t],!0):(i.error(s.errors.method),!1)})),e.isFunction(c)?c.apply(t,a):c}},g?a=i.invoke(r,this,c):i.initialize()}),a!==o?a:this},e.fn.modal.settings={moduleName:"Modal",debug:!1,namespace:"modal",errors:{method:"The method you called is not defined"},dim:function(){},unDim:function(){},hide:function(){},show:function(){},context:"body",opacity:.8,closeSpacing:25,animationOffset:15,duration:400,easing:"easeOutExpo",selector:{dimmer:"#dimmer",modal:".modal",closeButton:".close"}}})(jQuery,window,document);
(function(e,n,t,o){e.dimScreen=function(n){var t="function"==typeof n?e.extend({},e.fn.modal.settings,{dim:n}):e.extend({},e.fn.modal.settings,n),o=e(t.context),i=o.children(t.selector.dimmer),a=i.size()>0,r=i.css("opacity");return a||(i=e("<div/>").attr("id","dimmer").html('<div class="content"></div>'),o.append(i)),r!=t.opacity&&(i.one("click",function(){t.unDim(),e.unDimScreen()}),0===t.duration?(i.css({visibility:"visible"}).find(".content").css({opacity:t.opacity,visibility:"visible"}),t.dim()):i.css({visibility:"visible"}).find(".content").css({opacity:0,visibility:"visible"}).fadeTo(t.duration,t.opacity,t.dim)),this},e.unDimScreen=function(n){var t="function"==typeof n?e.extend({},e.fn.modal.settings,{unDim:n}):e.extend({},e.fn.modal.settings,n),o=e(t.context),i=o.children(t.selector.dimmer),a=i.size()>0;return a&&(t.unDim(),0===t.duration?i.css({visibility:"hidden"}).remove():i.find(".content").fadeTo(t.duration,0,function(){i.remove()})),this},e.fn.modal=function(i){var a,r=e.extend(!0,{},e.fn.modal.settings,i),s=arguments[0],c=[].slice.call(arguments,1);return e(this).each(function(){var i,l=e(this),u=l.find(r.selector.closeButton),d=(e(r.context).find(r.selector.dimmer),e(r.context).children(r.selector.modal)),m=d.not(l),f=l.data("module-"+r.namespace),g="string"==typeof s,p=(r.className,r.namespace);i={initialize:function(){l.on("modalShow."+p,i.show).on("modalHide."+p,i.hide).data("module-"+p,i)},show:function(){var i=l.outerHeight(),a=e(n).height(),s=i>a,c=s?"absolute":"fixed",d=s?"0":"50%",f=s?a/8:-((i-r.closeSpacing)/2),g="absolute"==l.css("position")?f+e(n).prop("pageYOffset"):f,h=g+r.animationOffset;e.fn.popIn!==o?l.addClass(c).css({display:"block",opacity:0,top:d,marginTop:g+"px"}).popIn():l.addClass(c).css({display:"block",opacity:0,top:d,marginTop:h+"px"}).animate({opacity:1,marginTop:g+"px"},r.duration+300,r.easing),m.is(":visible")&&m.filter(":visible").hide(),console.log("zzz"),e.dimScreen({context:r.context,duration:0,dim:function(){console.log("aaa"),e(t).on("keyup."+p,function(e){var n=e.which,t=27;switch(n){case t:l.modal("hide"),e.preventDefault()}}),console.log(u),console.log("attaching click"),u.one("click",function(){l.modal("hide")}),r.dim()},unDim:function(){l.modal("hide"),u.unbind("click")}})},hide:function(){e(t).off("keyup."+p),e.unDimScreen({duration:0,unDim:function(){l.popOut(200),r.unDim()}})},setting:function(e,n){return n===o?r[e]:(r[e]=n,o)},debug:function(){var e=[],n=r.moduleName+": "+arguments[0],t=[].slice.call(arguments,1),o=console.info||console.log||function(){};r.debug&&(e.push(n),o.apply(console,e.concat(t)))},error:function(){var e=[],n=r.moduleName+": "+arguments[0],t=[].slice.call(arguments,1),o=console.warn||console.log||function(){};r.debug&&(e.push(n),e.concat(t),o.apply(console,e.concat(t)))},invoke:function(n,t,a){var s,c;return a=a||[].slice.call(arguments,2),"string"==typeof n&&f!==o&&(n=n.split("."),s=n.length-1,e.each(n,function(n,t){return e.isPlainObject(f[t])&&n!=s?(f=f[t],!0):f[t]!==o?(c=f[t],!0):(i.error(r.errors.method),!1)})),e.isFunction(c)?c.apply(t,a):c}},g?a=i.invoke(s,this,c):i.initialize()}),a!==o?a:this},e.fn.modal.settings={moduleName:"Modal",debug:!1,namespace:"modal",errors:{method:"The method you called is not defined"},dim:function(){},unDim:function(){},hide:function(){},show:function(){},context:"body",opacity:.8,closeSpacing:25,animationOffset:15,duration:400,easing:"easeOutExpo",selector:{dimmer:"#dimmer",modal:".modal",closeButton:".close"}}})(jQuery,window,document);

2
build/minified/modules/tab.min.css

@ -1 +1 @@
.ui.tab{display:none}.ui.tab.active,.ui.tab.open{display:block}.ui.tab.loading>.throbber{display:block}.ui.tab.simple{background-color:transparent;border:0}
.ui.tab{display:none}.ui.tab.active,.ui.tab.open{display:block}.ui.tab.simple{background-color:transparent;border:0}.ui.tab.loading{position:relative;overflow:hidden;display:block;min-height:250px;text-indent:-9999px}.ui.tab.loading:after{position:absolute;top:50px;left:50%;content:'Loading...';text-indent:0;color:rgba(0,0,0,.4);width:100%;height:100%;padding-top:75px;background:url(../images/loader-large.gif) no-repeat 0 0;visibility:visible}

2
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 s,r=e(this),c=r.find(i.selector.placeholder),l=r.find(i.selector.playButton),u=r.find(i.selector.embed),d=r.data("module-"+i.namespace),m="string"==typeof t,f=i.namespace,p=i.metadata,g=i.className;s={initialize:function(){s.debug("Initializing video"),c.off(".video").on("click."+f,s.play),l.off(".video").on("click."+f,s.play),r.data("module-"+f,s)},change:function(e,t){s.debug("Changing video to ",t),r.data(p.source,e).data(p.flv,t),i.onChange()},reset:function(){s.debug("Clearing video embed and showing placeholder"),r.removeClass(g.active),u.html(" "),c.show(),i.onReset()},play:function(){s.debug("Playing video");var e=r.data(p.source),t=r.data(p.flv);u.html(s.generate.html(e,t)),r.addClass(g.active),i.onPlay()},generate:{html:function(e,t){s.debug("Generating embed html");var n,o="auto"==i.width?r.width():i.width,a="auto"==i.height?r.height():i.height;return"vimeo"==e?n='<iframe src="http://player.vimeo.com/video/'+t+"?="+s.generate.url(e)+'"'+' width="'+o+'" height="'+a+'"'+' frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>':"youtube"==e&&(n='<iframe src="http://www.youtube.com/embed/'+t+"?="+s.generate.url(e)+'"'+' width="'+o+'" height="'+a+'"'+' frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'),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,s=i.showUI?0:1,r="";return"vimeo"==e?(r="api="+t+"&amp;title="+a+"&amp;byline="+a+"&amp;portrait="+a+"&amp;autoplay="+n,i.color&&(r+="&amp;color="+i.color)):"youtube"==e&&(r="enablejsapi="+t+"&amp;autoplay="+n+"&amp;autohide="+s+"&amp;hq="+o+"&amp;modestbranding=1",i.color&&(r+="&amp;color="+i.color)),r}},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 r;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])?(r=d[n],!0):(s.error(i.errors.method),!1)})),e.isFunction(r)?r.apply(n,a):r}},m?n=s.invoke(a[0],this,Array.prototype.slice.call(a,1)):(d&&s.destroy(),s.initialize())}),n!==o?n:this},e.fn.videoPlaylist=function(t,n){var o=e(this),i=e(t),a=i.find(".embed iframe"),s=e.extend({},e.fn.videoPlaylist.settings,n,!0);o.each(function(){var t=e(this),n=s.metadata,a=s.namespace,r=s.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),s.showPlaceholder)i.removeClass(r.active).find(e.fn.video.selector.placeholder).attr("src",l);else try{i.video("play")}catch(u){console.warn("Video Playlist Module: "+s.error.init)}o.removeClass(r.active),t.addClass(r.active)}}};c.initialize()}),s.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);
(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,g=i.metadata,p=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(g.source,e).data(g.flv,t),i.onChange()},reset:function(){r.debug("Clearing video embed and showing placeholder"),s.removeClass(p.active),u.html(" "),c.show(),i.onReset()},play:function(){r.debug("Playing video");var e=s.data(g.source),t=s.data(g.flv);u.html(r.generate.html(e,t)),s.addClass(p.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='<iframe src="http://player.vimeo.com/video/'+t+"?="+r.generate.url(e)+'"'+' width="'+o+'" height="'+a+'"'+' frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>':"youtube"==e&&(n='<iframe src="http://www.youtube.com/embed/'+t+"?="+r.generate.url(e)+'"'+' width="'+o+'" height="'+a+'"'+' frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>'),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+"&amp;title="+a+"&amp;byline="+a+"&amp;portrait="+a+"&amp;autoplay="+n,i.color&&(s+="&amp;color="+i.color)):"youtube"==e&&(s="enablejsapi="+t+"&amp;autoplay="+n+"&amp;autohide="+r+"&amp;hq="+o+"&amp;modestbranding=1",i.color&&(s+="&amp;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);

2
build/minified/views/comment.min.css

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

2
build/minified/views/feed.min.css

@ -1 +1 @@
.ui.feed a{cursor:pointer}.ui.feed .event{width:100%;display:table;padding:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.feed .event:first-child{border-top:0}.ui.feed .event:last-child{margin-bottom:1em}.ui.feed .label{width:3em;display:table-cell;vertical-align:top;text-align:left}.ui.feed .label .icon{font-size:1.5em;margin:0}.ui.feed .label img{width:3em;margin:0;border-radius:50em}.ui.feed .label+.content{padding:0 1em}.ui.feed .content{display:table-cell;vertical-align:top;text-align:left}.ui.feed .content .date{float:right;padding-left:1em;color:rgba(0,0,0,.4)}.ui.feed .content .summary{color:rgba(0,0,0,.75)}.ui.feed .content .summary img{display:inline-block;margin-right:.25em;width:4em;border-radius:500px}.ui.feed .content .extra{margin:1em 0 0;padding:.5em 0 0;color:rgba(0,0,0,.5)}.ui.feed .content .extra.images img{display:inline-block;margin-right:.25em;width:6em}.ui.feed .content .extra.text{padding:.5em 1em;border-left:.2em solid rgba(0,0,0,.1)}.ui.small.feed .label img{width:2.5em}.ui.small.feed .label .icon{font-size:1.25em}.ui.feed .event{padding:.75em 0}.ui.small.feed .label+.content{padding:.5em .5em 0}.ui.small.feed .content .extra.images img{width:5em}.ui.small.feed .content .extra{margin:.5em 0 0}.ui.feed .content .extra.text{padding:.25em .5em}
.ui.feed a{cursor:pointer}.ui.feed .event{width:100%;display:table;padding:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.ui.feed .event:first-child{border-top:0}.ui.feed .event:last-child{margin-bottom:1em}.ui.feed .label{width:3em;display:table-cell;vertical-align:top;text-align:left}.ui.feed .label .icon{font-size:1.5em;margin:0}.ui.feed .label img{width:3em;margin:0;border-radius:50em}.ui.feed .label+.content{padding:0 1em}.ui.feed .content{display:table-cell;vertical-align:top;text-align:left}.ui.feed .content .date{float:right;padding-left:1em;color:rgba(0,0,0,.4)}.ui.feed .content .summary{margin-top:.75em;color:rgba(0,0,0,.75)}.ui.feed .content .summary img{display:inline-block;margin-right:.25em;width:4em;border-radius:500px}.ui.feed .content .extra{margin:1em 0 0;padding:.5em 0 0;color:rgba(0,0,0,.5)}.ui.feed .content .extra.images img{display:inline-block;margin-right:.25em;width:6em}.ui.feed .content .extra.text{padding:.5em 1em;border-left:.2em solid rgba(0,0,0,.1)}.ui.small.feed .label img{width:2.5em}.ui.small.feed .label .icon{font-size:1.25em}.ui.feed .event{padding:.75em 0}.ui.small.feed .label+.content{padding:.5em .5em 0}.ui.small.feed .content .extra.images img{width:5em}.ui.small.feed .content .extra{margin:.5em 0 0}.ui.feed .content .extra.text{padding:.25em .5em}

2
build/minified/views/item.min.css

File diff suppressed because one or more lines are too long

216
build/packaged/modules/behavior/api.js

@ -58,8 +58,13 @@
? $(context)
: $context,
action = $module.data(settings.metadata.action) || settings.action || false,
instance = $module.data('module-' + settings.namespace),
element = $module.get(),
query = arguments[0],
methodInvoked = (typeof query == 'string'),
queryArguments = [].slice.call(arguments, 1),
invokedResponse,
className = settings.className,
metadata = settings.metadata,
errors = settings.errors,
@ -91,15 +96,12 @@
// serialize parent form if requested!
if(settings.serializeForm && $(this).toJSON() !== undefined) {
formData = $module
.closest('form')
.toJSON()
;
$.extend(true, settings.data, formData);
formData = module.get.formData();
module.debug('Adding form data to API Request', formData);
$.extend(true, settings.data, formData);
}
// let beforesend change settings object
// let beforeSend change settings object
runSettings = $.proxy(settings.beforeSend, $module)(settings);
// check for exit conditions
@ -109,59 +111,12 @@
return;
}
if(action) {
module.debug('Initializing API Request for: ', action);
if(settings.api[action] !== undefined) {
url = settings.api[action];
}
else {
module.error(errors.missingAction);
}
}
// override with url if specified
if(settings.url) {
url = settings.url;
module.debug('Using specified url: ', url);
}
if(!url) {
module.error(errors.missingURL);
module.reset();
}
// replace url data in url
urlVariables = url.match(settings.regExpTemplate);
if(urlVariables) {
module.debug('Looking for URL variables', urlVariables);
$.each(urlVariables, function(index, templateValue){
var
term = templateValue.substr( 2, templateValue.length - 3),
termValue = ($.isPlainObject(parameters.urlData) && parameters.urlData[term] !== undefined)
? parameters.urlData[term]
: ($module.data(term) !== undefined)
? $module.data(term)
: settings.urlData[term]
;
module.verbose('Looking for variable', term, $module, $module.data(term), settings.urlData[term]);
// remove optional value
if(termValue === false) {
module.debug('Removing variable from URL', urlVariables);
url = url.replace('/' + templateValue, '');
}
// undefined condition
else if(termValue === undefined || !termValue) {
module.error(errors.missingParameter + term);
exitConditions = true;
}
else {
url = url.replace(templateValue, termValue);
}
});
}
// get real url from template
url = module.get.url( module.get.templateURL() );
// exit conditions reached from missing url parameters
if( exitConditions ) {
if( !url ) {
module.error(errors.missingURL);
module.reset();
return;
}
@ -339,6 +294,76 @@
}
},
get: {
formData: function() {
return $module
.closest('form')
.toJSON()
;
},
templateURL: function() {
var
action = $module.data(settings.metadata.action) || settings.action || false,
url
;
if(action) {
module.debug('Creating url for: ', action);
if(settings.api[action] !== undefined) {
url = settings.api[action];
}
else {
module.error(errors.missingAction);
}
}
// override with url if specified
if(settings.url) {
url = settings.url;
module.debug('Getting url', url);
}
return url;
},
url: function(url, urlData) {
var
missingTerm = false,
urlVariables
;
if(url) {
urlVariables = url.match(settings.regExpTemplate);
urlData = urlData || settings.urlData;
if(urlVariables) {
module.debug('Looking for URL variables', urlVariables);
$.each(urlVariables, function(index, templateValue){
var
term = templateValue.substr( 2, templateValue.length - 3),
termValue = ($.isPlainObject(urlData) && urlData[term] !== undefined)
? urlData[term]
: ($module.data(term) !== undefined)
? $module.data(term)
: urlData[term]
;
module.verbose('Looking for variable', term, $module, $module.data(term), urlData[term]);
// remove optional value
if(termValue === false) {
module.debug('Removing variable from URL', urlVariables);
url = url.replace('/' + templateValue, '');
}
// undefined condition
else if(termValue === undefined || !termValue) {
module.error(errors.missingParameter + term);
url = false;
return false;
}
else {
url = url.replace(templateValue, termValue);
}
});
}
}
return url;
}
},
// reset api request
reset: function() {
$module
@ -349,7 +374,6 @@
.removeClass(className.error)
.removeClass(className.loading)
;
module.error(errors.exitConditions);
},
/* standard module */
@ -360,41 +384,67 @@
settings[name] = value;
},
verbose: function() {
if(settings.verbose) {
module.debug.apply(this, arguments);
if(settings.verbose && settings.debug) {
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
debug: function() {
var
output = [],
message = settings.moduleName + ': ' + arguments[0],
variables = [].slice.call( arguments, 1 ),
log = console.info || console.log || function(){}
;
log = Function.prototype.bind.call(log, console);
if(settings.debug) {
output.push(message);
log.apply(console, output.concat(variables) );
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
error: function() {
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
invoke: function(query, passedArguments, context) {
var
output = [],
errorMessage = settings.moduleName + ': ' + arguments[0],
variables = [].slice.call( arguments, 1 ),
log = console.warn || console.log || function(){}
maxDepth,
found
;
log = Function.prototype.bind.call(log, console);
if(settings.debug) {
output.push(errorMessage);
output.concat(variables);
log.apply(console, output.concat(variables) );
passedArguments = passedArguments || queryArguments;
context = element || context;
if(typeof query == 'string' && instance !== undefined) {
query = query.split('.');
maxDepth = query.length - 1;
$.each(query, function(depth, value) {
if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
instance = instance[value];
return true;
}
else if( instance[value] !== undefined ) {
found = instance[value];
return true;
}
module.error(errors.method);
return false;
});
}
if ( $.isFunction( found ) ) {
instance.verbose('Executing invoked function', found);
return found.apply(context, passedArguments);
}
return found || false;
}
};
module.initialize();
return this;
if(methodInvoked) {
if(instance === undefined) {
module.initialize();
}
invokedResponse = module.invoke(query);
}
else {
if(instance !== undefined) {
module.destroy();
}
module.initialize();
}
return (invokedResponse)
? invokedResponse
: this
;
};
// handle DOM attachment to API functionality
@ -441,8 +491,8 @@
moduleName : 'API Module',
namespace : 'api',
verbose : true,
debug : true,
verbose : true,
api : {},

22
build/packaged/modules/behavior/state.js

@ -200,9 +200,19 @@ $.fn.state = function(parameters) {
}
},
allow: function(state) {
module.debug('Now allowing state', state);
states[state] = true;
},
disallow: function(state) {
module.debug('No longer allowing', state);
states[state] = false;
},
allows: function(state) {
return states[state] || false;
},
enable: function(state) {
if(module.allows(state)) {
$module.addClass( className[state] );
@ -305,7 +315,7 @@ $.fn.state = function(parameters) {
if(settings.sync) {
module.sync();
}
settings.onChange();
$.proxy(settings.onChange, element)();
},
activate: function() {
@ -316,6 +326,7 @@ $.fn.state = function(parameters) {
;
module.text.update(text.active);
}
$.proxy(settings.onActivate, element)();
},
deactivate: function() {
@ -326,6 +337,7 @@ $.fn.state = function(parameters) {
;
module.text.update(text.inactive);
}
$.proxy(settings.onDeactivate, element)();
},
sync: function() {
@ -490,7 +502,7 @@ $.fn.state = function(parameters) {
},
error: function() {
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
invoke: function(query, context, passedArguments) {
@ -558,10 +570,12 @@ $.fn.state.settings = {
namespace : 'state',
// debug data includes performance
performance: true,
performance: false,
// callback occurs on state change
onChange: function() {},
onActivate : function() {},
onDeactivate : function() {},
onChange : function() {},
// state test functions
activateTest : function() { return true; },

2
build/packaged/modules/dimmer.js

@ -165,7 +165,7 @@ $.fn.dimmer = function(parameters) {
module.verbose('Hiding dimmer with javascript');
$dimmer
.stop()
.fadeOut(settings.duration, function() {
.fadeOut( (settings.duration * 0.75) , function() {
$dimmer.removeAttr('style');
module.remove.active();
})

28
build/packaged/modules/dropdown.js

@ -427,28 +427,22 @@ $.fn.dropdown = function(parameters) {
return module[name];
}
},
debug: function() {
if(settings.debug) {
if(settings.performance) {
module.performance.log(arguments);
}
else {
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
}
},
verbose: function() {
if(settings.verbose && settings.debug) {
if(settings.performance) {
module.performance.log(arguments);
}
else {
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
module.performance.log(arguments[0]);
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
debug: function() {
if(settings.debug) {
module.performance.log(arguments[0]);
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
error: function() {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
performance: {

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

@ -1 +1 @@
108925da88cda84f560f35145f27e650ffa90946
72cde378f961f88a99fb84840c6ef1c0849dfd36

2
build/packaged/semantic.min.js.REMOVED.git-id

@ -1 +1 @@
724641330c119dfd5062e8bf47850338c57bb0bc
c6fbbda6611281e15adb5e1ed8d40e58358a5d09

12
build/uncompressed/collections/grid.css

@ -16,7 +16,7 @@
display: block;
text-align: left;
font-size: 0em;
margin: 0% -1%;
margin: 0% -1.5%;
padding: 0%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
@ -39,8 +39,8 @@
display: inline-block;
text-align: left;
font-size: 1rem;
padding-left: 1%;
padding-right: 1%;
padding-left: 1.5%;
padding-right: 1.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
@ -76,8 +76,8 @@
Grids in Grids
--------------------*/
.ui.grid .column > .grid {
margin-left: -1.333%;
margin-right: -1.333%;
margin-left: -1.5%;
margin-right: -1.5%;
}
/*******************************
Variations
@ -361,7 +361,7 @@
.ui.celled.grid > .column,
.ui.celled.grid > .row > .column {
display: table-cell;
padding: 1.33%;
padding: 0.75em;
-webkit-box-shadow: -1px 0px 0px 0px #dfdfdf;
-moz-box-shadow: -1px 0px 0px 0px #dfdfdf;
box-shadow: -1px 0px 0px 0px #dfdfdf;

44
build/uncompressed/collections/menu.css

@ -127,6 +127,9 @@
margin: -0.75em -0.95em;
padding: 0.75em 0.95em;
}
.ui.menu .menu {
margin: 0em;
}
.ui.menu .menu.left,
.ui.menu .item.left {
float: left;
@ -309,7 +312,7 @@
background-color: transparent;
}
/*--------------------
Loading
Loading
---------------------*/
/* On Form */
.ui.menu.loading {
@ -465,27 +468,27 @@
/*--- Light Colors ---*/
.ui.menu .green.active.item,
.ui.green.menu .active.item {
border-color: #A1CF64;
border-color: #A1CF64 !important;
}
.ui.menu .red.active.item,
.ui.red.menu .active.item {
border-color: #EF4D6D;
border-color: #EF4D6D !important;
}
.ui.menu .blue.active.item,
.ui.blue.menu .active.item {
border-color: #6ECFF5;
border-color: #6ECFF5 !important;
}
.ui.menu .purple.active.item,
.ui.purple.menu .active.item {
border-color: #564F8A;
border-color: #564F8A !important;
}
.ui.menu .orange.active.item,
.ui.orange.menu .active.item {
border-color: #F05940;
border-color: #F05940 !important;
}
.ui.menu .teal.active.item,
.ui.teal.menu .active.item {
border-color: #00B5AD;
border-color: #00B5AD !important;
}
/*--------------
Pagination
@ -669,7 +672,7 @@
---------------*/
.ui.text.menu {
background-color: transparent;
margin: 0rem -1rem;
margin: 1rem -1rem;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
@ -806,6 +809,10 @@
.ui.secondary.menu > .item:before {
display: none;
}
.ui.secondary.menu .link.item,
.ui.secondary.menu a.item {
color: rgba(0, 0, 0, 0.4);
}
.ui.secondary.menu .header.item {
background-color: transparent;
border-right: 0.1em solid rgba(0, 0, 0, 0.1);
@ -818,6 +825,7 @@
border-top: none;
padding-top: 0.5em;
background-color: rgba(0, 0, 0, 0.08);
color: rgba(0, 0, 0, 0.8);
}
.ui.secondary.vertical.menu > .active.item {
-webkit-border-radius: 0.325em;
@ -845,7 +853,6 @@
.ui.secondary.pointing.menu > .item {
margin: 0em 0em -3px;
padding: 0.6em 0.95em;
color: rgba(0, 0, 0, 0.5);
border-bottom: 3px solid rgba(0, 0, 0, 0);
-webkit-border-radius: 0em;
-moz-border-radius: 0em;
@ -880,7 +887,6 @@
.ui.secondary.pointing.menu > .item.active {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.4);
color: rgba(0, 0, 0, 0.85);
}
/*------- Vertical------- */
.ui.secondary.vertical.pointing.menu {
@ -1232,30 +1238,16 @@
.ui.vertical.menu .item {
min-height: 0em !important;
}
.ui.tiny.menu .item {
font-size: 0.875rem;
padding: 0.5em 0.75em;
}
.ui.tiny.menu .item > a {
display: block;
margin: -0.5em -0.75em;
padding: 0.5em 0.75em;
}
.ui.tiny.vertical.menu {
width: 9rem;
}
.ui.small.menu .item {
font-size: 0.875rem;
/* min-height: 2.25rem;*/
min-height: 2.25rem;
}
.ui.small.vertical.menu {
width: 13rem;
}
.ui.menu .item {
font-size: 1rem;
/* min-height: 2.5em;*/
min-height: 2.5em;
}
.ui.vertical.menu {
width: 15rem;

1
build/uncompressed/collections/message.css

@ -35,6 +35,7 @@
---------------*/
/* block with headers */
.ui.message .header {
margin: 0em;
font-size: 1.33em;
font-weight: bold;
}

6
build/uncompressed/collections/table.css

@ -324,13 +324,13 @@
---------------*/
/* Small */
.ui.small.table {
font-size: 14px;
font-size: 0.875em;
}
/* Standard */
.ui.table {
font-size: 16px;
font-size: 1em;
}
/* Large */
.ui.large.table {
font-size: 18px;
font-size: 1.1em;
}

124
build/uncompressed/elements/button.css

@ -119,47 +119,16 @@
-moz-box-shadow: 0em 0em 0.125em 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0em 0em 0.125em 1px rgba(0, 0, 0, 0.1) inset;
}
/*--------------
Loading
---------------*/
.ui.button.loading,
.ui.button.loading.hover {
position: relative;
cursor: default;
background-color: #F3F3F3;
color: transparent !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: 0em;
left: 0em;
width: 100%;
height: 100%;
content: '';
background: transparent url(../images/loader-tiny.gif) no-repeat 50% 50%;
}
/*--------------
Error
---------------*/
.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: #FFFFFF;
background-color: #D95C5C;
color: transparent;
text-shadow: none;
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
@ -167,6 +136,29 @@
-ms-transition: all 0s linear;
transition: all 0s linear;
}
.ui.button.error .icon {
opacity: 1;
color: #FFFFFF;
}
.ui.button.error:after {
position: absolute;
left: 50%;
content: "Error";
margin-left: -1.2em;
color: #FFFFFF;
-webkit-animation: button-text 0.5s;
-moz-animation: button-text 0.5s;
-ms-animation: button-text 0.5s;
-o-animation: button-text 0.5s;
animation: button-text 0.5s;
}
.ui.button.error .icon:before {
font-family: 'Icons';
content: '\26a0';
}
/*--------------
Success
---------------*/
.ui.button.success,
.ui.button.success.hover,
.ui.button.success.down {
@ -188,13 +180,13 @@
content: "Success";
margin-left: -1.6em;
color: #FFFFFF;
-webkit-animation: button-success 0.5s;
-moz-animation: button-success 0.5s;
-ms-animation: button-success 0.5s;
-o-animation: button-success 0.5s;
animation: button-success 0.5s;
-webkit-animation: button-text 0.5s;
-moz-animation: button-text 0.5s;
-ms-animation: button-text 0.5s;
-o-animation: button-text 0.5s;
animation: button-text 0.5s;
}
@-webkit-keyframes button-success {
@-webkit-keyframes button-text {
0% {
-webkit-transform: translateY(100%);
opacity: 0;
@ -204,7 +196,7 @@
-webkit-transform: translateY(0);
}
}
@-moz-keyframes button-success {
@-moz-keyframes button-text {
0% {
-moz-transform: translateY(100%);
opacity: 0;
@ -214,7 +206,7 @@
-moz-transform: translateY(0);
}
}
@keyframes button-success {
@keyframes button-text {
0% {
transform: translateY(100%);
opacity: 0;
@ -224,6 +216,40 @@
transform: translateY(0);
}
}
/*--------------
Loading
---------------*/
.ui.button.loading,
.ui.button.loading.hover {
position: relative;
cursor: default;
background-color: #F3F3F3 !important;
color: transparent !important;
text-shadow: none !important;
background-image: none !important;
-webkit-box-shadow: none !important;
-moz-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: 0em;
left: 0em;
width: 100%;
height: 100%;
content: '';
background: transparent url(../images/loader-mini.gif) no-repeat 50% 50%;
}
.ui.labeled.icon.button.loading .icon {
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*-------------------
Disabled
--------------------*/
@ -472,16 +498,16 @@
.ui.gigantic.button.loading:after {
background-image: url(../images/loader-medium.gif);
}
.ui.huge.grey.button.loading:after,
.ui.huge.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.buttons .button.loading:after,
.ui.gigantic.buttons .button.loading:after,
.ui.massive.button.loading:after,
.ui.gigantic.button.loading:after,
.ui.massive.buttons .button.loading.active:after,
.ui.gigantic.buttons .button.loading.active:after,
.ui.massive.button.loading.active:after,
.ui.gigantic.button.loading.active:after {
background-image: url(../images/loader-medium.gif);
@ -516,6 +542,7 @@
color: #999999;
font-weight: normal;
text-transform: none;
text-shadow: none;
box-shadow: none;
}
.ui.buttons.tertiary .button:first-child {
@ -789,6 +816,7 @@
.ui.fluid.buttons,
.ui.button.fluid,
.ui.fluid.buttons > .button {
display: block;
width: 100%;
}
.ui.two.buttons > .button {

23
build/uncompressed/elements/input.css

@ -104,17 +104,22 @@
/*******************************
Variations
*******************************/
/*--------------------
Transparent
---------------------*/
.ui.transparent.input input {
border: none;
background-color: transparent;
}
/*--------------------
Icon
---------------------*/
.ui.icon.input > .icon {
position: absolute;
opacity: 1;
opacity: 0.5;
top: 1px;
left: 1px;
right: 1px;
margin: 0em;
border-right: 1px solid rgba(0, 0, 0, 0.1);
background-color: #E8E8E8;
width: 2.5em;
height: 2.5em;
padding-top: 0.75em;
@ -133,8 +138,14 @@
transition: opacity 0.3s ease-out;
}
.ui.icon.input input {
padding-left: 4em !important;
border-right: 1px solid rgba(0, 0, 0, 0.3);
padding-right: 3em !important;
}
.ui.left.icon.input .icon {
right: auto;
left: 1px;
}
.ui.left.icon.input input {
padding-left: 3em !important;
}
/* Focus */
.ui.icon.input input.error,

38
build/uncompressed/elements/label.css

@ -150,45 +150,45 @@ a.ui.label:hover:before {
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;
-webkit-border-radius: 4px 4px 0em 0em;
-moz-border-radius: 4px 4px 0em 0em;
border-radius: 4px 4px 0em 0em;
}
.ui.bottom.attached.label {
top: auto;
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;
-webkit-border-radius: 0em 0em 4px 4px;
-moz-border-radius: 0em 0em 4px 4px;
border-radius: 0em 0em 4px 4px;
}
.ui.top.left.attached.label {
width: auto;
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;
-webkit-border-radius: 4px 0em 4px 0em;
-moz-border-radius: 4px 0em 4px 0em;
border-radius: 4px 0em 4px 0em;
}
.ui.top.right.attached.label {
width: auto;
left: auto;
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;
-webkit-border-radius: 0em 4px 0em 4px;
-moz-border-radius: 0em 4px 0em 4px;
border-radius: 0em 4px 0em 4px;
}
.ui.bottom.left.attached.label {
width: auto;
top: auto;
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;
-webkit-border-radius: 4px 0em 0em 4px;
-moz-border-radius: 4px 0em 0em 4px;
border-radius: 4px 0em 0em 4px;
}
.ui.bottom.right.attached.label {
width: auto;
-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;
-webkit-border-radius: 4px 0em 4px 0em;
-moz-border-radius: 4px 0em 4px 0em;
border-radius: 4px 0em 4px 0em;
}
/*-------------------
Corner Label
@ -200,10 +200,10 @@ a.ui.label:hover:before {
right: 0em;
z-index: 10;
margin: 0em;
font-size: 0.9em;
width: 1.75em;
height: 1.75em;
padding: 0em;
font-size: 0.9em;
text-align: center;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;

216
build/uncompressed/modules/behavior/api.js

@ -58,8 +58,13 @@
? $(context)
: $context,
action = $module.data(settings.metadata.action) || settings.action || false,
instance = $module.data('module-' + settings.namespace),
element = $module.get(),
query = arguments[0],
methodInvoked = (typeof query == 'string'),
queryArguments = [].slice.call(arguments, 1),
invokedResponse,
className = settings.className,
metadata = settings.metadata,
errors = settings.errors,
@ -91,15 +96,12 @@
// serialize parent form if requested!
if(settings.serializeForm && $(this).toJSON() !== undefined) {
formData = $module
.closest('form')
.toJSON()
;
$.extend(true, settings.data, formData);
formData = module.get.formData();
module.debug('Adding form data to API Request', formData);
$.extend(true, settings.data, formData);
}
// let beforesend change settings object
// let beforeSend change settings object
runSettings = $.proxy(settings.beforeSend, $module)(settings);
// check for exit conditions
@ -109,59 +111,12 @@
return;
}
if(action) {
module.debug('Initializing API Request for: ', action);
if(settings.api[action] !== undefined) {
url = settings.api[action];
}
else {
module.error(errors.missingAction);
}
}
// override with url if specified
if(settings.url) {
url = settings.url;
module.debug('Using specified url: ', url);
}
if(!url) {
module.error(errors.missingURL);
module.reset();
}
// replace url data in url
urlVariables = url.match(settings.regExpTemplate);
if(urlVariables) {
module.debug('Looking for URL variables', urlVariables);
$.each(urlVariables, function(index, templateValue){
var
term = templateValue.substr( 2, templateValue.length - 3),
termValue = ($.isPlainObject(parameters.urlData) && parameters.urlData[term] !== undefined)
? parameters.urlData[term]
: ($module.data(term) !== undefined)
? $module.data(term)
: settings.urlData[term]
;
module.verbose('Looking for variable', term, $module, $module.data(term), settings.urlData[term]);
// remove optional value
if(termValue === false) {
module.debug('Removing variable from URL', urlVariables);
url = url.replace('/' + templateValue, '');
}
// undefined condition
else if(termValue === undefined || !termValue) {
module.error(errors.missingParameter + term);
exitConditions = true;
}
else {
url = url.replace(templateValue, termValue);
}
});
}
// get real url from template
url = module.get.url( module.get.templateURL() );
// exit conditions reached from missing url parameters
if( exitConditions ) {
if( !url ) {
module.error(errors.missingURL);
module.reset();
return;
}
@ -339,6 +294,76 @@
}
},
get: {
formData: function() {
return $module
.closest('form')
.toJSON()
;
},
templateURL: function() {
var
action = $module.data(settings.metadata.action) || settings.action || false,
url
;
if(action) {
module.debug('Creating url for: ', action);
if(settings.api[action] !== undefined) {
url = settings.api[action];
}
else {
module.error(errors.missingAction);
}
}
// override with url if specified
if(settings.url) {
url = settings.url;
module.debug('Getting url', url);
}
return url;
},
url: function(url, urlData) {
var
missingTerm = false,
urlVariables
;
if(url) {
urlVariables = url.match(settings.regExpTemplate);
urlData = urlData || settings.urlData;
if(urlVariables) {
module.debug('Looking for URL variables', urlVariables);
$.each(urlVariables, function(index, templateValue){
var
term = templateValue.substr( 2, templateValue.length - 3),
termValue = ($.isPlainObject(urlData) && urlData[term] !== undefined)
? urlData[term]
: ($module.data(term) !== undefined)
? $module.data(term)
: urlData[term]
;
module.verbose('Looking for variable', term, $module, $module.data(term), urlData[term]);
// remove optional value
if(termValue === false) {
module.debug('Removing variable from URL', urlVariables);
url = url.replace('/' + templateValue, '');
}
// undefined condition
else if(termValue === undefined || !termValue) {
module.error(errors.missingParameter + term);
url = false;
return false;
}
else {
url = url.replace(templateValue, termValue);
}
});
}
}
return url;
}
},
// reset api request
reset: function() {
$module
@ -349,7 +374,6 @@
.removeClass(className.error)
.removeClass(className.loading)
;
module.error(errors.exitConditions);
},
/* standard module */
@ -360,41 +384,67 @@
settings[name] = value;
},
verbose: function() {
if(settings.verbose) {
module.debug.apply(this, arguments);
if(settings.verbose && settings.debug) {
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
debug: function() {
var
output = [],
message = settings.moduleName + ': ' + arguments[0],
variables = [].slice.call( arguments, 1 ),
log = console.info || console.log || function(){}
;
log = Function.prototype.bind.call(log, console);
if(settings.debug) {
output.push(message);
log.apply(console, output.concat(variables) );
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
error: function() {
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
invoke: function(query, passedArguments, context) {
var
output = [],
errorMessage = settings.moduleName + ': ' + arguments[0],
variables = [].slice.call( arguments, 1 ),
log = console.warn || console.log || function(){}
maxDepth,
found
;
log = Function.prototype.bind.call(log, console);
if(settings.debug) {
output.push(errorMessage);
output.concat(variables);
log.apply(console, output.concat(variables) );
passedArguments = passedArguments || queryArguments;
context = element || context;
if(typeof query == 'string' && instance !== undefined) {
query = query.split('.');
maxDepth = query.length - 1;
$.each(query, function(depth, value) {
if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
instance = instance[value];
return true;
}
else if( instance[value] !== undefined ) {
found = instance[value];
return true;
}
module.error(errors.method);
return false;
});
}
if ( $.isFunction( found ) ) {
instance.verbose('Executing invoked function', found);
return found.apply(context, passedArguments);
}
return found || false;
}
};
module.initialize();
return this;
if(methodInvoked) {
if(instance === undefined) {
module.initialize();
}
invokedResponse = module.invoke(query);
}
else {
if(instance !== undefined) {
module.destroy();
}
module.initialize();
}
return (invokedResponse)
? invokedResponse
: this
;
};
// handle DOM attachment to API functionality
@ -441,8 +491,8 @@
moduleName : 'API Module',
namespace : 'api',
verbose : true,
debug : true,
verbose : true,
api : {},

22
build/uncompressed/modules/behavior/state.js

@ -200,9 +200,19 @@ $.fn.state = function(parameters) {
}
},
allow: function(state) {
module.debug('Now allowing state', state);
states[state] = true;
},
disallow: function(state) {
module.debug('No longer allowing', state);
states[state] = false;
},
allows: function(state) {
return states[state] || false;
},
enable: function(state) {
if(module.allows(state)) {
$module.addClass( className[state] );
@ -305,7 +315,7 @@ $.fn.state = function(parameters) {
if(settings.sync) {
module.sync();
}
settings.onChange();
$.proxy(settings.onChange, element)();
},
activate: function() {
@ -316,6 +326,7 @@ $.fn.state = function(parameters) {
;
module.text.update(text.active);
}
$.proxy(settings.onActivate, element)();
},
deactivate: function() {
@ -326,6 +337,7 @@ $.fn.state = function(parameters) {
;
module.text.update(text.inactive);
}
$.proxy(settings.onDeactivate, element)();
},
sync: function() {
@ -490,7 +502,7 @@ $.fn.state = function(parameters) {
},
error: function() {
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
invoke: function(query, context, passedArguments) {
@ -558,10 +570,12 @@ $.fn.state.settings = {
namespace : 'state',
// debug data includes performance
performance: true,
performance: false,
// callback occurs on state change
onChange: function() {},
onActivate : function() {},
onDeactivate : function() {},
onChange : function() {},
// state test functions
activateTest : function() { return true; },

2
build/uncompressed/modules/dimmer.js

@ -165,7 +165,7 @@ $.fn.dimmer = function(parameters) {
module.verbose('Hiding dimmer with javascript');
$dimmer
.stop()
.fadeOut(settings.duration, function() {
.fadeOut( (settings.duration * 0.75) , function() {
$dimmer.removeAttr('style');
module.remove.active();
})

28
build/uncompressed/modules/dropdown.js

@ -427,28 +427,22 @@ $.fn.dropdown = function(parameters) {
return module[name];
}
},
debug: function() {
if(settings.debug) {
if(settings.performance) {
module.performance.log(arguments);
}
else {
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
}
},
verbose: function() {
if(settings.verbose && settings.debug) {
if(settings.performance) {
module.performance.log(arguments);
}
else {
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
module.performance.log(arguments[0]);
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
debug: function() {
if(settings.debug) {
module.performance.log(arguments[0]);
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
error: function() {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
performance: {

4
build/uncompressed/modules/modal.css

@ -3,8 +3,8 @@
*******************************/
.ui.modal {
display: none;
position: fixed;
z-index: 1000;
position: absolute;
z-index: 1001;
top: 50%;
left: 50%;
margin-left: -400px;

27
build/uncompressed/modules/tab.css

@ -8,10 +8,31 @@
.ui.tab.open {
display: block;
}
.ui.tab.loading > .throbber {
display: block;
}
.ui.tab.simple {
background-color: transparent;
border: none;
}
/*--------------------
Loading State
---------------------*/
/* On Form */
.ui.tab.loading {
position: relative;
overflow: hidden;
display: block;
min-height: 250px;
text-indent: -9999px;
}
.ui.tab.loading:after {
position: absolute;
top: 50px;
left: 50%;
content: 'Loading...';
text-indent: 0px;
color: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
padding-top: 75px;
background: url(../images/loader-large.gif) no-repeat 0px 0px;
visibility: visible;
}

2
build/uncompressed/views/comment.css

@ -73,7 +73,7 @@
Comment Text
---------------------*/
.ui.comments .comment .text {
margin: 0em 0em 0.5em;
margin: 0.25em 0em 0.5em;
}
/*--------------------
User Actions

1
build/uncompressed/views/feed.css

@ -67,6 +67,7 @@
}
/* Summary */
.ui.feed .content .summary {
margin-top: 0.75em;
color: rgba(0, 0, 0, 0.75);
}
.ui.feed .content .summary img {

11
build/uncompressed/views/item.css

@ -15,6 +15,15 @@
/*--------------
Items
---------------*/
.ui.items {
margin: 1em 0em;
}
.ui.items:first-child {
margin-top: 0em;
}
.ui.items:last-child {
margin-bottom: 0em;
}
/* Force Clearing */
.ui.items:after {
display: block;
@ -35,7 +44,7 @@
top: 0px;
width: 316px;
min-height: 375px;
margin: 1em 0.5em 2.5em;
margin: 0em 0.5em 2.5em;
padding: 0em;
background-color: #FFFFFF;
line-height: 1.2;

146
node/src/documents/collections/grid.html

@ -21,91 +21,24 @@ type : 'UI Collection'
<div class="highlighted example">
<h4 class="ui header">Grid</h4>
<p>A grid is made up of columns of content. By default a grid must assume a certain number of columns.</p>
<p>Each set of columns matching up to the number of columns in a grid create a row.</p>
<p>A grid is made up of columns of content.</p>
<div class="ui ignore green message"><i class="icon heart"></i> <b>Column Count</b> <p>All grid systems must assume an arbitrary amount of column rows. Semantic by default assumes <b>16 columns</b></div>
<div class="ui ignore warning message"><i class="icon info circle"></i> <b>Using Grids</b>
<p>It is important to note, that padding is applied directly to columns, which means other ui elements should not be used in combination with column, but directly as children.</div>
<div class="ui ignore green message"><i class="icon heart"></i>All grid systems must assume an arbitrary amount of column rows. Semantic by default assumes <b>16 columns</b></div>
<div class="ui grid">
<div class="column">
<div class="four wide column">
<div class="ui segment">
1
</div>
</div>
<div class="column">
<div class="four wide column">
<div class="ui segment">
2
</div>
</div>
<div class="column">
<div class="four wide column">
<div class="ui segment">
3
</div>
</div>
<div class="column">
<div class="four wide column">
<div class="ui segment">
4
</div>
</div>
<div class="column">
<div class="ui segment">
5
</div>
</div>
<div class="column">
<div class="ui segment">
6
</div>
</div>
<div class="column">
<div class="ui segment">
7
</div>
</div>
<div class="column">
<div class="ui segment">
8
</div>
</div>
<div class="column">
<div class="ui segment">
9
</div>
</div>
<div class="column">
<div class="ui segment">
10
</div>
</div>
<div class="column">
<div class="ui segment">
11
</div>
</div>
<div class="column">
<div class="ui segment">
12
</div>
</div>
<div class="column">
<div class="ui segment">
13
</div>
</div>
<div class="column">
<div class="ui segment">
14
</div>
</div>
<div class="column">
<div class="ui segment">
15
</div>
</div>
<div class="column">
<div class="ui segment">
16
</div>
</div>
</div>
@ -116,6 +49,9 @@ type : 'UI Collection'
<h4 class="ui header">Page Grid</h4>
<p>A page grid is a grid that exists on the top level of a website and includes gutters to the left and right.</p>
<div class="ui ignore warning message"><i class="icon info circle"></i>
It is important to note, that padding is applied directly to columns, which means other ui elements should not be used in combination with column, but directly as children.</div>
<div class="ui two column page grid">
<div class="column">
<div class="ui labeled vertical fluid inverted icon menu">
@ -150,164 +86,164 @@ type : 'UI Collection'
<div class="row">
<div class="column">
<div class="ui segment">
1a
A
</div>
</div>
<div class="column">
<div class="ui segment">
2a
A
</div>
</div>
<div class="column">
<div class="ui segment">
3a
A
</div>
</div>
<div class="column">
<div class="ui segment">
4a
A
</div>
</div>
<div class="column">
<div class="ui segment">
5a
A
</div>
</div>
<div class="column">
<div class="ui segment">
6a
A
</div>
</div>
<div class="column">
<div class="ui segment">
7a
A
</div>
</div>
<div class="column">
<div class="ui segment">
8a
A
</div>
</div>
<div class="column">
<div class="ui segment">
9a
A
</div>
</div>
<div class="column">
<div class="ui segment">
10a
A
</div>
</div>
<div class="column">
<div class="ui segment">
11a
A
</div>
</div>
<div class="column">
<div class="ui segment">
12a
A
</div>
</div>
<div class="column">
<div class="ui segment">
13a
A
</div>
</div>
<div class="column">
<div class="ui segment">
14a
A
</div>
</div>
<div class="column">
<div class="ui segment">
15a
A
</div>
</div>
<div class="column">
<div class="ui segment">
16a
A
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="ui segment">
1b
B
</div>
</div>
<div class="column">
<div class="ui segment">
2b
B
</div>
</div>
<div class="column">
<div class="ui segment">
3b
B
</div>
</div>
<div class="column">
<div class="ui segment">
4b
B
</div>
</div>
<div class="column">
<div class="ui segment">
5b
B
</div>
</div>
<div class="column">
<div class="ui segment">
6b
B
</div>
</div>
<div class="column">
<div class="ui segment">
7b
B
</div>
</div>
<div class="column">
<div class="ui segment">
8b
B
</div>
</div>
<div class="column">
<div class="ui segment">
9b
B
</div>
</div>
<div class="column">
<div class="ui segment">
10b
B
</div>
</div>
<div class="column">
<div class="ui segment">
11b
B
</div>
</div>
<div class="column">
<div class="ui segment">
12b
B
</div>
</div>
<div class="column">
<div class="ui segment">
13b
B
</div>
</div>
<div class="column">
<div class="ui segment">
14b
B
</div>
</div>
<div class="column">
<div class="ui segment">
15b
B
</div>
</div>
<div class="column">
<div class="ui segment">
16b
B
</div>
</div>
</div>

12
node/src/documents/collections/menu.html

@ -75,7 +75,7 @@ type : 'UI Collection'
<div class="item">
<div class="ui input"><input type="text" placeholder="Search..."></div>
</div>
<div class="ui simple right arrow">
<div class="ui simple dropdown item">
More <i class="icon right triangle"></i>
<div class="menu">
<a class="item"><i class="edit icon"></i> Edit Profile</a>
@ -773,7 +773,7 @@ type : 'UI Collection'
Site Title
</div>
<div class="active item">
<a>Current section</a>
Current section
</div>
<div class="right menu">
<div class="ui simple dropdown item">
@ -799,7 +799,7 @@ type : 'UI Collection'
Site Title
</div>
<div class="active item">
<a>Current section</a>
Current section
</div>
<div class="item">
<a>Another section</a>
@ -811,7 +811,7 @@ type : 'UI Collection'
Site Title
</div>
<div class="active item">
<a>Current section</a>
Current section
</div>
<div class="ui simple dropdown item">
Dropdown <i class="icon dropdown"></i>
@ -830,7 +830,7 @@ type : 'UI Collection'
Site Title
</div>
<div class="active item">
<a>Current section</a>
Current section
</div>
<div class="item">
<a>Grouped Section</a>
@ -855,7 +855,7 @@ type : 'UI Collection'
Site Title
</div>
<div class="active item">
<a>Current section</a>
Current section
</div>
<div class="item">
<a>Grouped Section</a>

7
node/src/documents/elements/input.html

@ -70,10 +70,11 @@ type : 'UI Element'
<input type="text" placeholder="Search...">
<i class="icon search"></i>
</div>
<br><br>
<div class="ui icon input">
</div>
<div class="another example">
<div class="ui left icon input">
<input type="text" placeholder="Search users...">
<i class="icon blue inverted users"></i>
<i class="icon users"></i>
</div>
</div>

86
node/src/documents/quirky/card.html

@ -35,8 +35,11 @@ type : 'Quirky Element'
<h4 class="ui header">Single</h4>
<p>A card for displaying an idea</p>
<div class="ui idea card">
<div class="ui idea card" data-votes="150">
<div class="idea">
<div class="ui corner vote label">
<i class="icon sketchy checkmark"></i>
</div>
<div class="image">
<img src="/images/demo/invention.jpg">
</div>
@ -52,10 +55,10 @@ type : 'Quirky Element'
</div>
<div class="votes">
<i class="sketchy checkmark circle icon"></i>
58 votes to go
<span class="count">58</span> votes to go
</div>
</div>
<div class="ui bottom attached teal progress">
<div class="ui bottom attached progress">
<div class="bar"></div>
</div>
<div class="ui dimmer">
@ -76,8 +79,11 @@ type : 'Quirky Element'
<h4 class="ui header">Group</h4>
<p>A set of idea cards</p>
<div class="ui idea cards">
<div class="card">
<div class="card" data-votes="111">
<div class="idea">
<div class="ui corner vote label">
<i class="icon sketchy checkmark"></i>
</div>
<div class="image">
<img src="/images/demo/invention.jpg">
</div>
@ -93,10 +99,10 @@ type : 'Quirky Element'
</div>
<div class="votes">
<i class="sketchy checkmark circle icon"></i>
58 votes to go
<span class="count">58</span> votes to go
</div>
</div>
<div class="ui bottom attached teal progress">
<div class="ui bottom attached progress">
<div class="bar"></div>
</div>
<div class="ui dimmer">
@ -111,8 +117,11 @@ type : 'Quirky Element'
</div>
</div>
</div>
<div class="card">
<div class="card" data-votes="51">
<div class="idea">
<div class="ui corner vote label">
<i class="icon sketchy checkmark"></i>
</div>
<div class="image">
<img src="/images/demo/invention2.jpg">
</div>
@ -128,10 +137,10 @@ type : 'Quirky Element'
</div>
<div class="votes">
<i class="sketchy checkmark circle icon"></i>
58 votes to go
<span class="count">58</span> votes to go
</div>
</div>
<div class="ui bottom attached teal progress">
<div class="ui bottom attached progress">
<div class="bar"></div>
</div>
<div class="ui dimmer">
@ -146,8 +155,11 @@ type : 'Quirky Element'
</div>
</div>
</div>
<div class="card">
<div class="card" data-votes="11">
<div class="idea">
<div class="ui corner vote label">
<i class="icon sketchy checkmark"></i>
</div>
<div class="image">
<img src="/images/demo/invention3.jpg">
</div>
@ -163,10 +175,10 @@ type : 'Quirky Element'
</div>
<div class="votes">
<i class="sketchy checkmark circle icon"></i>
58 votes to go
<span class="count">58</span> votes to go
</div>
</div>
<div class="ui bottom attached teal progress">
<div class="ui bottom attached progress">
<div class="bar"></div>
</div>
<div class="ui dimmer">
@ -184,12 +196,62 @@ type : 'Quirky Element'
</div>
</div>
<h3 class="ui header">States</h3>
<div class="example">
<h4 class="ui header">Voted</h4>
<div class="ui voted idea card" data-votes="150">
<div class="ui corner vote label">
<i class="icon sketchy checkmark"></i>
</div>
<div class="idea">
<div class="ui corner vote label">
<i class="icon sketchy checkmark"></i>
</div>
<div class="image">
<img src="/images/demo/invention.jpg">
</div>
<div class="header">Dog Moods</div>
<div class="description">
Wouldn't it be nice if your dog could always be happy. Introducing a device which will help your dog maintain his mood in any situation.
</div>
</div>
<div class="meta">
<div class="countdown">
<i class="icon sketchy clock"></i>
12 days left
</div>
<div class="votes">
<i class="sketchy checkmark circle icon"></i>
<span class="count">58</span> votes to go
</div>
</div>
<div class="ui bottom attached progress">
<div class="bar"></div>
</div>
<div class="ui dimmer">
<div class="content">
<div class="middle">
<i class="sketchy x circle close link icon"></i>
<div class="buttons">
<div class="ui submit vote button">Vote</div>
<div class="ui button">Details</div>
</div>
</div>
</div>
</div>
</div>
</div>
<h2 class="ui dividing header">Profile</h2>
<div class="example">
<h4 class="ui header">Single</h4>
<p>A profile card</p>
<div class="ui profile card">
<div class="ui corner vote label">
<i class="icon sketchy checkmark"></i>
</div>
<div class="content">
<div class="caption">Invented by</div>
<a class="name">

21
node/src/documents/quirky/icons.html

@ -7,13 +7,14 @@ type : 'Quirky Element'
<div class="segment">
<div class="container">
<h1 class="ui dividing header">Icon</h1>
<h1 class="ui header">Quirky Icons</h1>
</div>
</div>
<div class="main container">
<div class="icon example">
<h4 class="ui header">Icons</h4>
<h4 class="ui header">Sketchy</h4>
<div class="ui eight column grid">
<div class="column"><i class="sketchy icon add"></i> Add</div>
<div class="column"><i class="sketchy icon alert"></i> Alert</div>
@ -40,14 +41,17 @@ type : 'Quirky Element'
<div class="column"><i class="sketchy icon bullet one"></i> Bullet One</div>
<div class="column"><i class="sketchy icon bullet three"></i> Bullet Three</div>
<div class="column"><i class="sketchy icon bullet two"></i> Bullet Two</div>
<div class="column"><i class="sketchy icon calendar"></i> Calendar</div>
<div class="column"><i class="sketchy icon camera"></i> Camera</div>
<div class="column"><i class="sketchy icon categories"></i> Categories</div>
<div class="column"><i class="sketchy icon category apple"></i> Category Apple</div>
<div class="column"><i class="sketchy icon category electronics"></i> Category Electronics</div>
<div class="column"><i class="sketchy icon category health"></i> Category Health</div>
<div class="column"><i class="sketchy icon category home"></i> Category Home</div>
<div class="column"><i class="sketchy icon category kitchen"></i> Category Kitchen</div>
<div class="column"><i class="sketchy icon category parenting"></i> Category Parenting</div>
<div class="column"><i class="sketchy icon category pets"></i> Category Pets</div>
<div class="column"><i class="sketchy icon category power"></i> Category Power</div>
<div class="column"><i class="sketchy icon category style"></i> Category Style</div>
<div class="column"><i class="sketchy icon category toys"></i> Category Toys</div>
<div class="column"><i class="sketchy icon category travel"></i> Category Travel</div>
@ -56,9 +60,13 @@ type : 'Quirky Element'
<div class="column"><i class="sketchy icon clock"></i> Clock</div>
<div class="column"><i class="sketchy icon comment"></i> Comment</div>
<div class="column"><i class="sketchy icon compare"></i> Compare</div>
<div class="column"><i class="sketchy icon conversation"></i> Conversation</div>
<div class="column"><i class="sketchy icon dollar"></i> Dollar</div>
<div class="column"><i class="sketchy icon dont"></i> Dont</div>
<div class="column"><i class="sketchy icon eval"></i> Eval</div>
<div class="column"><i class="sketchy icon expert"></i> Expert</div>
<div class="column"><i class="sketchy icon eyeball"></i> Eyeball</div>
<div class="column"><i class="sketchy icon facebook"></i> Facebook</div>
<div class="column"><i class="sketchy icon home"></i> Home</div>
<div class="column"><i class="sketchy icon idea"></i> Idea</div>
<div class="column"><i class="sketchy icon improve"></i> Improve</div>
@ -76,13 +84,20 @@ type : 'Quirky Element'
<div class="column"><i class="sketchy icon ip processing"></i> Ip Processing</div>
<div class="column"><i class="sketchy icon ip vehicles"></i> Ip Vehicles</div>
<div class="column"><i class="sketchy icon launch"></i> Launch</div>
<div class="column"><i class="sketchy icon load"></i> Load</div>
<div class="column"><i class="sketchy icon location"></i> Location</div>
<div class="column"><i class="sketchy icon lock"></i> Lock</div>
<div class="column"><i class="sketchy icon logout"></i> Logout</div>
<div class="column"><i class="sketchy icon magnify"></i> Magnify</div>
<div class="column"><i class="sketchy icon mail"></i> Mail</div>
<div class="column"><i class="sketchy icon name"></i> Name</div>
<div class="column"><i class="sketchy icon newest"></i> Newest</div>
<div class="column"><i class="sketchy icon pencil"></i> Pencil</div>
<div class="column"><i class="sketchy icon phase design"></i> Phase Design</div>
<div class="column"><i class="sketchy icon phase enhance"></i> Phase Enhance</div>
<div class="column"><i class="sketchy icon phase name"></i> Phase Name</div>
<div class="column"><i class="sketchy icon phase research"></i> Phase Research</div>
<div class="column"><i class="sketchy icon phase style"></i> Phase Style</div>
<div class="column"><i class="sketchy icon phase tagline"></i> Phase Tagline</div>
<div class="column"><i class="sketchy icon photos"></i> Photos</div>
<div class="column"><i class="sketchy icon piechart"></i> Piechart</div>
@ -95,6 +110,7 @@ type : 'Quirky Element'
<div class="column"><i class="sketchy icon question"></i> Question</div>
<div class="column"><i class="sketchy icon question circle"></i> Question Circle</div>
<div class="column"><i class="sketchy icon rain cloud"></i> Rain Cloud</div>
<div class="column"><i class="sketchy icon seetings"></i> Seetings</div>
<div class="column"><i class="sketchy icon share"></i> Share</div>
<div class="column"><i class="sketchy icon shop"></i> Shop</div>
<div class="column"><i class="sketchy icon timeline"></i> Timeline</div>
@ -102,6 +118,7 @@ type : 'Quirky Element'
<div class="column"><i class="sketchy icon twitter"></i> Twitter</div>
<div class="column"><i class="sketchy icon vote down"></i> Vote Down</div>
<div class="column"><i class="sketchy icon vote up"></i> Vote Up</div>
<div class="column"><i class="sketchy icon wildcard"></i> Wildcard</div>
<div class="column"><i class="sketchy icon x"></i> X</div>
<div class="column"><i class="sketchy icon x circle"></i> X Circle</div>
</div>

13
node/src/documents/specification/styleguide.html

@ -45,6 +45,19 @@ type : 'UI Specification'
}
</div>
<h4 class="ui header">Margins</h4>
<p>Adding default margins to your content allow for it to have vertical rhythm in a page, but be careful about forcing margin in all circumstances. Here's a useful way to make sure content inside container elements doesn't receieve unnecessary padding.</p>
<div class="code" data-type="css">
.ui.thingy {
margin: 1em 0em;
}
.ui.thingy:first-child {
margin-top: 0em;
}
.ui.thingy:last-child {
margin-bottom: 0em;
}
</div>
<h4 class="ui header">Commonality</h4>
<p>Try to use the most obvious names for classes. If you're not sure, prototype the element, then ask a friend or two what they would call it.<p>

3
node/src/files/api.json

@ -0,0 +1,3 @@
{
"success": true
}

12
node/src/files/components/semantic/collections/grid.css

@ -16,7 +16,7 @@
display: block;
text-align: left;
font-size: 0em;
margin: 0% -1%;
margin: 0% -1.5%;
padding: 0%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
@ -39,8 +39,8 @@
display: inline-block;
text-align: left;
font-size: 1rem;
padding-left: 1%;
padding-right: 1%;
padding-left: 1.5%;
padding-right: 1.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
@ -76,8 +76,8 @@
Grids in Grids
--------------------*/
.ui.grid .column > .grid {
margin-left: -1.333%;
margin-right: -1.333%;
margin-left: -1.5%;
margin-right: -1.5%;
}
/*******************************
Variations
@ -361,7 +361,7 @@
.ui.celled.grid > .column,
.ui.celled.grid > .row > .column {
display: table-cell;
padding: 1.33%;
padding: 0.75em;
-webkit-box-shadow: -1px 0px 0px 0px #dfdfdf;
-moz-box-shadow: -1px 0px 0px 0px #dfdfdf;
box-shadow: -1px 0px 0px 0px #dfdfdf;

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

@ -127,6 +127,9 @@
margin: -0.75em -0.95em;
padding: 0.75em 0.95em;
}
.ui.menu .menu {
margin: 0em;
}
.ui.menu .menu.left,
.ui.menu .item.left {
float: left;
@ -309,7 +312,7 @@
background-color: transparent;
}
/*--------------------
Loading
Loading
---------------------*/
/* On Form */
.ui.menu.loading {
@ -465,27 +468,27 @@
/*--- Light Colors ---*/
.ui.menu .green.active.item,
.ui.green.menu .active.item {
border-color: #A1CF64;
border-color: #A1CF64 !important;
}
.ui.menu .red.active.item,
.ui.red.menu .active.item {
border-color: #EF4D6D;
border-color: #EF4D6D !important;
}
.ui.menu .blue.active.item,
.ui.blue.menu .active.item {
border-color: #6ECFF5;
border-color: #6ECFF5 !important;
}
.ui.menu .purple.active.item,
.ui.purple.menu .active.item {
border-color: #564F8A;
border-color: #564F8A !important;
}
.ui.menu .orange.active.item,
.ui.orange.menu .active.item {
border-color: #F05940;
border-color: #F05940 !important;
}
.ui.menu .teal.active.item,
.ui.teal.menu .active.item {
border-color: #00B5AD;
border-color: #00B5AD !important;
}
/*--------------
Pagination
@ -669,7 +672,7 @@
---------------*/
.ui.text.menu {
background-color: transparent;
margin: 0rem -1rem;
margin: 1rem -1rem;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
@ -806,6 +809,10 @@
.ui.secondary.menu > .item:before {
display: none;
}
.ui.secondary.menu .link.item,
.ui.secondary.menu a.item {
color: rgba(0, 0, 0, 0.4);
}
.ui.secondary.menu .header.item {
background-color: transparent;
border-right: 0.1em solid rgba(0, 0, 0, 0.1);
@ -818,6 +825,7 @@
border-top: none;
padding-top: 0.5em;
background-color: rgba(0, 0, 0, 0.08);
color: rgba(0, 0, 0, 0.8);
}
.ui.secondary.vertical.menu > .active.item {
-webkit-border-radius: 0.325em;
@ -845,7 +853,6 @@
.ui.secondary.pointing.menu > .item {
margin: 0em 0em -3px;
padding: 0.6em 0.95em;
color: rgba(0, 0, 0, 0.5);
border-bottom: 3px solid rgba(0, 0, 0, 0);
-webkit-border-radius: 0em;
-moz-border-radius: 0em;
@ -880,7 +887,6 @@
.ui.secondary.pointing.menu > .item.active {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.4);
color: rgba(0, 0, 0, 0.85);
}
/*------- Vertical------- */
.ui.secondary.vertical.pointing.menu {
@ -1232,30 +1238,16 @@
.ui.vertical.menu .item {
min-height: 0em !important;
}
.ui.tiny.menu .item {
font-size: 0.875rem;
padding: 0.5em 0.75em;
}
.ui.tiny.menu .item > a {
display: block;
margin: -0.5em -0.75em;
padding: 0.5em 0.75em;
}
.ui.tiny.vertical.menu {
width: 9rem;
}
.ui.small.menu .item {
font-size: 0.875rem;
/* min-height: 2.25rem;*/
min-height: 2.25rem;
}
.ui.small.vertical.menu {
width: 13rem;
}
.ui.menu .item {
font-size: 1rem;
/* min-height: 2.5em;*/
min-height: 2.5em;
}
.ui.vertical.menu {
width: 15rem;

1
node/src/files/components/semantic/collections/message.css

@ -35,6 +35,7 @@
---------------*/
/* block with headers */
.ui.message .header {
margin: 0em;
font-size: 1.33em;
font-weight: bold;
}

6
node/src/files/components/semantic/collections/table.css

@ -324,13 +324,13 @@
---------------*/
/* Small */
.ui.small.table {
font-size: 14px;
font-size: 0.875em;
}
/* Standard */
.ui.table {
font-size: 16px;
font-size: 1em;
}
/* Large */
.ui.large.table {
font-size: 18px;
font-size: 1.1em;
}

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

@ -119,47 +119,16 @@
-moz-box-shadow: 0em 0em 0.125em 1px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0em 0em 0.125em 1px rgba(0, 0, 0, 0.1) inset;
}
/*--------------
Loading
---------------*/
.ui.button.loading,
.ui.button.loading.hover {
position: relative;
cursor: default;
background-color: #F3F3F3;
color: transparent !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: 0em;
left: 0em;
width: 100%;
height: 100%;
content: '';
background: transparent url(../images/loader-tiny.gif) no-repeat 50% 50%;
}
/*--------------
Error
---------------*/
.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: #FFFFFF;
background-color: #D95C5C;
color: transparent;
text-shadow: none;
-webkit-transition: all 0s linear;
-moz-transition: all 0s linear;
@ -167,6 +136,29 @@
-ms-transition: all 0s linear;
transition: all 0s linear;
}
.ui.button.error .icon {
opacity: 1;
color: #FFFFFF;
}
.ui.button.error:after {
position: absolute;
left: 50%;
content: "Error";
margin-left: -1.2em;
color: #FFFFFF;
-webkit-animation: button-text 0.5s;
-moz-animation: button-text 0.5s;
-ms-animation: button-text 0.5s;
-o-animation: button-text 0.5s;
animation: button-text 0.5s;
}
.ui.button.error .icon:before {
font-family: 'Icons';
content: '\26a0';
}
/*--------------
Success
---------------*/
.ui.button.success,
.ui.button.success.hover,
.ui.button.success.down {
@ -188,13 +180,13 @@
content: "Success";
margin-left: -1.6em;
color: #FFFFFF;
-webkit-animation: button-success 0.5s;
-moz-animation: button-success 0.5s;
-ms-animation: button-success 0.5s;
-o-animation: button-success 0.5s;
animation: button-success 0.5s;
-webkit-animation: button-text 0.5s;
-moz-animation: button-text 0.5s;
-ms-animation: button-text 0.5s;
-o-animation: button-text 0.5s;
animation: button-text 0.5s;
}
@-webkit-keyframes button-success {
@-webkit-keyframes button-text {
0% {
-webkit-transform: translateY(100%);
opacity: 0;
@ -204,7 +196,7 @@
-webkit-transform: translateY(0);
}
}
@-moz-keyframes button-success {
@-moz-keyframes button-text {
0% {
-moz-transform: translateY(100%);
opacity: 0;
@ -214,7 +206,7 @@
-moz-transform: translateY(0);
}
}
@keyframes button-success {
@keyframes button-text {
0% {
transform: translateY(100%);
opacity: 0;
@ -224,6 +216,40 @@
transform: translateY(0);
}
}
/*--------------
Loading
---------------*/
.ui.button.loading,
.ui.button.loading.hover {
position: relative;
cursor: default;
background-color: #F3F3F3 !important;
color: transparent !important;
text-shadow: none !important;
background-image: none !important;
-webkit-box-shadow: none !important;
-moz-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: 0em;
left: 0em;
width: 100%;
height: 100%;
content: '';
background: transparent url(../images/loader-mini.gif) no-repeat 50% 50%;
}
.ui.labeled.icon.button.loading .icon {
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*-------------------
Disabled
--------------------*/
@ -472,16 +498,16 @@
.ui.gigantic.button.loading:after {
background-image: url(../images/loader-medium.gif);
}
.ui.huge.grey.button.loading:after,
.ui.huge.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.buttons .button.loading:after,
.ui.gigantic.buttons .button.loading:after,
.ui.massive.button.loading:after,
.ui.gigantic.button.loading:after,
.ui.massive.buttons .button.loading.active:after,
.ui.gigantic.buttons .button.loading.active:after,
.ui.massive.button.loading.active:after,
.ui.gigantic.button.loading.active:after {
background-image: url(../images/loader-medium.gif);
@ -516,6 +542,7 @@
color: #999999;
font-weight: normal;
text-transform: none;
text-shadow: none;
box-shadow: none;
}
.ui.buttons.tertiary .button:first-child {
@ -789,6 +816,7 @@
.ui.fluid.buttons,
.ui.button.fluid,
.ui.fluid.buttons > .button {
display: block;
width: 100%;
}
.ui.two.buttons > .button {

23
node/src/files/components/semantic/elements/input.css

@ -104,17 +104,22 @@
/*******************************
Variations
*******************************/
/*--------------------
Transparent
---------------------*/
.ui.transparent.input input {
border: none;
background-color: transparent;
}
/*--------------------
Icon
---------------------*/
.ui.icon.input > .icon {
position: absolute;
opacity: 1;
opacity: 0.5;
top: 1px;
left: 1px;
right: 1px;
margin: 0em;
border-right: 1px solid rgba(0, 0, 0, 0.1);
background-color: #E8E8E8;
width: 2.5em;
height: 2.5em;
padding-top: 0.75em;
@ -133,8 +138,14 @@
transition: opacity 0.3s ease-out;
}
.ui.icon.input input {
padding-left: 4em !important;
border-right: 1px solid rgba(0, 0, 0, 0.3);
padding-right: 3em !important;
}
.ui.left.icon.input .icon {
right: auto;
left: 1px;
}
.ui.left.icon.input input {
padding-left: 3em !important;
}
/* Focus */
.ui.icon.input input.error,

38
node/src/files/components/semantic/elements/label.css

@ -150,45 +150,45 @@ a.ui.label:hover:before {
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;
-webkit-border-radius: 4px 4px 0em 0em;
-moz-border-radius: 4px 4px 0em 0em;
border-radius: 4px 4px 0em 0em;
}
.ui.bottom.attached.label {
top: auto;
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;
-webkit-border-radius: 0em 0em 4px 4px;
-moz-border-radius: 0em 0em 4px 4px;
border-radius: 0em 0em 4px 4px;
}
.ui.top.left.attached.label {
width: auto;
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;
-webkit-border-radius: 4px 0em 4px 0em;
-moz-border-radius: 4px 0em 4px 0em;
border-radius: 4px 0em 4px 0em;
}
.ui.top.right.attached.label {
width: auto;
left: auto;
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;
-webkit-border-radius: 0em 4px 0em 4px;
-moz-border-radius: 0em 4px 0em 4px;
border-radius: 0em 4px 0em 4px;
}
.ui.bottom.left.attached.label {
width: auto;
top: auto;
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;
-webkit-border-radius: 4px 0em 0em 4px;
-moz-border-radius: 4px 0em 0em 4px;
border-radius: 4px 0em 0em 4px;
}
.ui.bottom.right.attached.label {
width: auto;
-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;
-webkit-border-radius: 4px 0em 4px 0em;
-moz-border-radius: 4px 0em 4px 0em;
border-radius: 4px 0em 4px 0em;
}
/*-------------------
Corner Label
@ -200,10 +200,10 @@ a.ui.label:hover:before {
right: 0em;
z-index: 10;
margin: 0em;
font-size: 0.9em;
width: 1.75em;
height: 1.75em;
padding: 0em;
font-size: 0.9em;
text-align: center;
-webkit-transition: color 0.2s ease;
-moz-transition: color 0.2s ease;

216
node/src/files/components/semantic/modules/behavior/api.js

@ -58,8 +58,13 @@
? $(context)
: $context,
action = $module.data(settings.metadata.action) || settings.action || false,
instance = $module.data('module-' + settings.namespace),
element = $module.get(),
query = arguments[0],
methodInvoked = (typeof query == 'string'),
queryArguments = [].slice.call(arguments, 1),
invokedResponse,
className = settings.className,
metadata = settings.metadata,
errors = settings.errors,
@ -91,15 +96,12 @@
// serialize parent form if requested!
if(settings.serializeForm && $(this).toJSON() !== undefined) {
formData = $module
.closest('form')
.toJSON()
;
$.extend(true, settings.data, formData);
formData = module.get.formData();
module.debug('Adding form data to API Request', formData);
$.extend(true, settings.data, formData);
}
// let beforesend change settings object
// let beforeSend change settings object
runSettings = $.proxy(settings.beforeSend, $module)(settings);
// check for exit conditions
@ -109,59 +111,12 @@
return;
}
if(action) {
module.debug('Initializing API Request for: ', action);
if(settings.api[action] !== undefined) {
url = settings.api[action];
}
else {
module.error(errors.missingAction);
}
}
// override with url if specified
if(settings.url) {
url = settings.url;
module.debug('Using specified url: ', url);
}
if(!url) {
module.error(errors.missingURL);
module.reset();
}
// replace url data in url
urlVariables = url.match(settings.regExpTemplate);
if(urlVariables) {
module.debug('Looking for URL variables', urlVariables);
$.each(urlVariables, function(index, templateValue){
var
term = templateValue.substr( 2, templateValue.length - 3),
termValue = ($.isPlainObject(parameters.urlData) && parameters.urlData[term] !== undefined)
? parameters.urlData[term]
: ($module.data(term) !== undefined)
? $module.data(term)
: settings.urlData[term]
;
module.verbose('Looking for variable', term, $module, $module.data(term), settings.urlData[term]);
// remove optional value
if(termValue === false) {
module.debug('Removing variable from URL', urlVariables);
url = url.replace('/' + templateValue, '');
}
// undefined condition
else if(termValue === undefined || !termValue) {
module.error(errors.missingParameter + term);
exitConditions = true;
}
else {
url = url.replace(templateValue, termValue);
}
});
}
// get real url from template
url = module.get.url( module.get.templateURL() );
// exit conditions reached from missing url parameters
if( exitConditions ) {
if( !url ) {
module.error(errors.missingURL);
module.reset();
return;
}
@ -339,6 +294,76 @@
}
},
get: {
formData: function() {
return $module
.closest('form')
.toJSON()
;
},
templateURL: function() {
var
action = $module.data(settings.metadata.action) || settings.action || false,
url
;
if(action) {
module.debug('Creating url for: ', action);
if(settings.api[action] !== undefined) {
url = settings.api[action];
}
else {
module.error(errors.missingAction);
}
}
// override with url if specified
if(settings.url) {
url = settings.url;
module.debug('Getting url', url);
}
return url;
},
url: function(url, urlData) {
var
missingTerm = false,
urlVariables
;
if(url) {
urlVariables = url.match(settings.regExpTemplate);
urlData = urlData || settings.urlData;
if(urlVariables) {
module.debug('Looking for URL variables', urlVariables);
$.each(urlVariables, function(index, templateValue){
var
term = templateValue.substr( 2, templateValue.length - 3),
termValue = ($.isPlainObject(urlData) && urlData[term] !== undefined)
? urlData[term]
: ($module.data(term) !== undefined)
? $module.data(term)
: urlData[term]
;
module.verbose('Looking for variable', term, $module, $module.data(term), urlData[term]);
// remove optional value
if(termValue === false) {
module.debug('Removing variable from URL', urlVariables);
url = url.replace('/' + templateValue, '');
}
// undefined condition
else if(termValue === undefined || !termValue) {
module.error(errors.missingParameter + term);
url = false;
return false;
}
else {
url = url.replace(templateValue, termValue);
}
});
}
}
return url;
}
},
// reset api request
reset: function() {
$module
@ -349,7 +374,6 @@
.removeClass(className.error)
.removeClass(className.loading)
;
module.error(errors.exitConditions);
},
/* standard module */
@ -360,41 +384,67 @@
settings[name] = value;
},
verbose: function() {
if(settings.verbose) {
module.debug.apply(this, arguments);
if(settings.verbose && settings.debug) {
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
debug: function() {
var
output = [],
message = settings.moduleName + ': ' + arguments[0],
variables = [].slice.call( arguments, 1 ),
log = console.info || console.log || function(){}
;
log = Function.prototype.bind.call(log, console);
if(settings.debug) {
output.push(message);
log.apply(console, output.concat(variables) );
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
error: function() {
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
invoke: function(query, passedArguments, context) {
var
output = [],
errorMessage = settings.moduleName + ': ' + arguments[0],
variables = [].slice.call( arguments, 1 ),
log = console.warn || console.log || function(){}
maxDepth,
found
;
log = Function.prototype.bind.call(log, console);
if(settings.debug) {
output.push(errorMessage);
output.concat(variables);
log.apply(console, output.concat(variables) );
passedArguments = passedArguments || queryArguments;
context = element || context;
if(typeof query == 'string' && instance !== undefined) {
query = query.split('.');
maxDepth = query.length - 1;
$.each(query, function(depth, value) {
if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
instance = instance[value];
return true;
}
else if( instance[value] !== undefined ) {
found = instance[value];
return true;
}
module.error(errors.method);
return false;
});
}
if ( $.isFunction( found ) ) {
instance.verbose('Executing invoked function', found);
return found.apply(context, passedArguments);
}
return found || false;
}
};
module.initialize();
return this;
if(methodInvoked) {
if(instance === undefined) {
module.initialize();
}
invokedResponse = module.invoke(query);
}
else {
if(instance !== undefined) {
module.destroy();
}
module.initialize();
}
return (invokedResponse)
? invokedResponse
: this
;
};
// handle DOM attachment to API functionality
@ -441,8 +491,8 @@
moduleName : 'API Module',
namespace : 'api',
verbose : true,
debug : true,
verbose : true,
api : {},

22
node/src/files/components/semantic/modules/behavior/state.js

@ -200,9 +200,19 @@ $.fn.state = function(parameters) {
}
},
allow: function(state) {
module.debug('Now allowing state', state);
states[state] = true;
},
disallow: function(state) {
module.debug('No longer allowing', state);
states[state] = false;
},
allows: function(state) {
return states[state] || false;
},
enable: function(state) {
if(module.allows(state)) {
$module.addClass( className[state] );
@ -305,7 +315,7 @@ $.fn.state = function(parameters) {
if(settings.sync) {
module.sync();
}
settings.onChange();
$.proxy(settings.onChange, element)();
},
activate: function() {
@ -316,6 +326,7 @@ $.fn.state = function(parameters) {
;
module.text.update(text.active);
}
$.proxy(settings.onActivate, element)();
},
deactivate: function() {
@ -326,6 +337,7 @@ $.fn.state = function(parameters) {
;
module.text.update(text.inactive);
}
$.proxy(settings.onDeactivate, element)();
},
sync: function() {
@ -490,7 +502,7 @@ $.fn.state = function(parameters) {
},
error: function() {
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
invoke: function(query, context, passedArguments) {
@ -558,10 +570,12 @@ $.fn.state.settings = {
namespace : 'state',
// debug data includes performance
performance: true,
performance: false,
// callback occurs on state change
onChange: function() {},
onActivate : function() {},
onDeactivate : function() {},
onChange : function() {},
// state test functions
activateTest : function() { return true; },

2
node/src/files/components/semantic/modules/dimmer.js

@ -165,7 +165,7 @@ $.fn.dimmer = function(parameters) {
module.verbose('Hiding dimmer with javascript');
$dimmer
.stop()
.fadeOut(settings.duration, function() {
.fadeOut( (settings.duration * 0.75) , function() {
$dimmer.removeAttr('style');
module.remove.active();
})

28
node/src/files/components/semantic/modules/dropdown.js

@ -427,28 +427,22 @@ $.fn.dropdown = function(parameters) {
return module[name];
}
},
debug: function() {
if(settings.debug) {
if(settings.performance) {
module.performance.log(arguments);
}
else {
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
}
},
verbose: function() {
if(settings.verbose && settings.debug) {
if(settings.performance) {
module.performance.log(arguments);
}
else {
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
module.performance.log(arguments[0]);
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
debug: function() {
if(settings.debug) {
module.performance.log(arguments[0]);
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
error: function() {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
performance: {

4
node/src/files/components/semantic/modules/modal.css

@ -3,8 +3,8 @@
*******************************/
.ui.modal {
display: none;
position: fixed;
z-index: 1000;
position: absolute;
z-index: 1001;
top: 50%;
left: 50%;
margin-left: -400px;

27
node/src/files/components/semantic/modules/tab.css

@ -8,10 +8,31 @@
.ui.tab.open {
display: block;
}
.ui.tab.loading > .throbber {
display: block;
}
.ui.tab.simple {
background-color: transparent;
border: none;
}
/*--------------------
Loading State
---------------------*/
/* On Form */
.ui.tab.loading {
position: relative;
overflow: hidden;
display: block;
min-height: 250px;
text-indent: -9999px;
}
.ui.tab.loading:after {
position: absolute;
top: 50px;
left: 50%;
content: 'Loading...';
text-indent: 0px;
color: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
padding-top: 75px;
background: url(../images/loader-large.gif) no-repeat 0px 0px;
visibility: visible;
}

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

@ -73,7 +73,7 @@
Comment Text
---------------------*/
.ui.comments .comment .text {
margin: 0em 0em 0.5em;
margin: 0.25em 0em 0.5em;
}
/*--------------------
User Actions

1
node/src/files/components/semantic/views/feed.css

@ -67,6 +67,7 @@
}
/* Summary */
.ui.feed .content .summary {
margin-top: 0.75em;
color: rgba(0, 0, 0, 0.75);
}
.ui.feed .content .summary img {

11
node/src/files/components/semantic/views/item.css

@ -15,6 +15,15 @@
/*--------------
Items
---------------*/
.ui.items {
margin: 1em 0em;
}
.ui.items:first-child {
margin-top: 0em;
}
.ui.items:last-child {
margin-bottom: 0em;
}
/* Force Clearing */
.ui.items:after {
display: block;
@ -35,7 +44,7 @@
top: 0px;
width: 316px;
min-height: 375px;
margin: 1em 0.5em 2.5em;
margin: 0em 0.5em 2.5em;
padding: 0em;
background-color: #FFFFFF;
line-height: 1.2;

2
node/src/files/icons/icons-sketchy.eot.REMOVED.git-id

@ -1 +1 @@
a19cd552f0a37c770e0a35ca95fa2dccaf83c1d5
d51b0122e6f8baedde6caf739002e71373942f7a

2
node/src/files/icons/icons-sketchy.svg.REMOVED.git-id

@ -1 +1 @@
667f96f411bb6c2aa1f3503527341acef7597a7a
50671a1b0511de7361aad33a6d49962e45c649e6

2
node/src/files/icons/icons-sketchy.ttf.REMOVED.git-id

@ -1 +1 @@
237266b0b8a6cb44a7c75a11f819a7ddf7e19be2
bed09c7979fddd88519bcce434f721b562213bc2

BIN
node/src/files/icons/icons-sketchy.woff

Binary file not shown.

184
node/src/files/icons/sketchy.icons.css

@ -28,95 +28,111 @@ i.sketchy.icon {
text-transform: none;
}
i.sketchy.icon.add:before { content: "\f148"; }
i.sketchy.icon.alert:before { content: "\f153"; }
i.sketchy.icon.all:before { content: "\f150"; }
i.sketchy.icon.arrow.eight:before { content: "\f14c"; }
i.sketchy.icon.arrow.eleven:before { content: "\f112"; }
i.sketchy.icon.arrow.fifteen:before { content: "\f13c"; }
i.sketchy.icon.arrow.five:before { content: "\f116"; }
i.sketchy.icon.add:before { content: "\f155"; }
i.sketchy.icon.alert:before { content: "\f161"; }
i.sketchy.icon.all:before { content: "\f15d"; }
i.sketchy.icon.arrow.eight:before { content: "\f159"; }
i.sketchy.icon.arrow.eleven:before { content: "\f117"; }
i.sketchy.icon.arrow.fifteen:before { content: "\f145"; }
i.sketchy.icon.arrow.five:before { content: "\f11c"; }
i.sketchy.icon.arrow.four:before { content: "\f100"; }
i.sketchy.icon.arrow.fourteen:before { content: "\f138"; }
i.sketchy.icon.arrow.left:before { content: "\f107"; }
i.sketchy.icon.arrow.nine:before { content: "\f129"; }
i.sketchy.icon.arrow.one:before { content: "\f10e"; }
i.sketchy.icon.arrow.fourteen:before { content: "\f140"; }
i.sketchy.icon.arrow.left:before { content: "\f109"; }
i.sketchy.icon.arrow.nine:before { content: "\f130"; }
i.sketchy.icon.arrow.one:before { content: "\f113"; }
i.sketchy.icon.arrow.right:before { content: "\f104"; }
i.sketchy.icon.arrow.seven:before { content: "\f13b"; }
i.sketchy.icon.arrow.six:before { content: "\f134"; }
i.sketchy.icon.arrow.sixteen:before { content: "\f145"; }
i.sketchy.icon.arrow.ten:before { content: "\f143"; }
i.sketchy.icon.arrow.thirteen:before { content: "\f144"; }
i.sketchy.icon.arrow.three:before { content: "\f11f"; }
i.sketchy.icon.arrow.twelve:before { content: "\f151"; }
i.sketchy.icon.arrow.two:before { content: "\f135"; }
i.sketchy.icon.browser:before { content: "\f13e"; }
i.sketchy.icon.bullet.one:before { content: "\f122"; }
i.sketchy.icon.bullet.three:before { content: "\f10d"; }
i.sketchy.icon.bullet.two:before { content: "\f12c"; }
i.sketchy.icon.camera:before { content: "\f113"; }
i.sketchy.icon.categories:before { content: "\f12f"; }
i.sketchy.icon.category.electronics:before { content: "\f157"; }
i.sketchy.icon.category.health:before { content: "\f137"; }
i.sketchy.icon.category.home:before { content: "\f11e"; }
i.sketchy.icon.category.kitchen:before { content: "\f14e"; }
i.sketchy.icon.category.parenting:before { content: "\f12e"; }
i.sketchy.icon.category.pets:before { content: "\f128"; }
i.sketchy.icon.category.style:before { content: "\f132"; }
i.sketchy.icon.category.toys:before { content: "\f152"; }
i.sketchy.icon.category.travel:before { content: "\f121"; }
i.sketchy.icon.checkmark:before { content: "\f119"; }
i.sketchy.icon.checkmark.circle:before { content: "\f131"; }
i.sketchy.icon.clock:before { content: "\f13a"; }
i.sketchy.icon.arrow.seven:before { content: "\f144"; }
i.sketchy.icon.arrow.six:before { content: "\f13c"; }
i.sketchy.icon.arrow.sixteen:before { content: "\f152"; }
i.sketchy.icon.arrow.ten:before { content: "\f14f"; }
i.sketchy.icon.arrow.thirteen:before { content: "\f150"; }
i.sketchy.icon.arrow.three:before { content: "\f126"; }
i.sketchy.icon.arrow.twelve:before { content: "\f15e"; }
i.sketchy.icon.arrow.two:before { content: "\f13d"; }
i.sketchy.icon.browser:before { content: "\f148"; }
i.sketchy.icon.bullet.one:before { content: "\f129"; }
i.sketchy.icon.bullet.three:before { content: "\f112"; }
i.sketchy.icon.bullet.two:before { content: "\f133"; }
i.sketchy.icon.calendar:before { content: "\f11b"; }
i.sketchy.icon.camera:before { content: "\f118"; }
i.sketchy.icon.categories:before { content: "\f137"; }
i.sketchy.icon.category.apple:before { content: "\f105"; }
i.sketchy.icon.category.electronics:before { content: "\f166"; }
i.sketchy.icon.category.health:before { content: "\f13f"; }
i.sketchy.icon.category.home:before { content: "\f125"; }
i.sketchy.icon.category.kitchen:before { content: "\f15b"; }
i.sketchy.icon.category.parenting:before { content: "\f136"; }
i.sketchy.icon.category.pets:before { content: "\f12f"; }
i.sketchy.icon.category.power:before { content: "\f151"; }
i.sketchy.icon.category.style:before { content: "\f13a"; }
i.sketchy.icon.category.toys:before { content: "\f160"; }
i.sketchy.icon.category.travel:before { content: "\f128"; }
i.sketchy.icon.checkmark:before { content: "\f120"; }
i.sketchy.icon.checkmark.circle:before { content: "\f139"; }
i.sketchy.icon.clock:before { content: "\f143"; }
i.sketchy.icon.comment:before { content: "\f102"; }
i.sketchy.icon.compare:before { content: "\f10b"; }
i.sketchy.icon.dont:before { content: "\f118"; }
i.sketchy.icon.eval:before { content: "\f10f"; }
i.sketchy.icon.expert:before { content: "\f139"; }
i.sketchy.icon.home:before { content: "\f106"; }
i.sketchy.icon.idea:before { content: "\f10a"; }
i.sketchy.icon.compare:before { content: "\f110"; }
i.sketchy.icon.conversation:before { content: "\f10b"; }
i.sketchy.icon.dollar:before { content: "\f14b"; }
i.sketchy.icon.dont:before { content: "\f11f"; }
i.sketchy.icon.eval:before { content: "\f114"; }
i.sketchy.icon.expert:before { content: "\f141"; }
i.sketchy.icon.eyeball:before { content: "\f162"; }
i.sketchy.icon.facebook:before { content: "\f168"; }
i.sketchy.icon.home:before { content: "\f108"; }
i.sketchy.icon.idea:before { content: "\f10e"; }
i.sketchy.icon.improve:before { content: "\f103"; }
i.sketchy.icon.influence:before { content: "\f124"; }
i.sketchy.icon.information:before { content: "\f146"; }
i.sketchy.icon.invent:before { content: "\f14b"; }
i.sketchy.icon.ip.communication:before { content: "\f120"; }
i.sketchy.icon.ip.electronics:before { content: "\f13f"; }
i.sketchy.icon.ip.engine:before { content: "\f11c"; }
i.sketchy.icon.ip.lighting:before { content: "\f115"; }
i.sketchy.icon.ip.materials:before { content: "\f14a"; }
i.sketchy.icon.ip.power:before { content: "\f149"; }
i.sketchy.icon.ip.printing:before { content: "\f125"; }
i.sketchy.icon.ip.processes:before { content: "\f111"; }
i.sketchy.icon.ip.processing:before { content: "\f133"; }
i.sketchy.icon.ip.vehicles:before { content: "\f156"; }
i.sketchy.icon.launch:before { content: "\f130"; }
i.sketchy.icon.location:before { content: "\f140"; }
i.sketchy.icon.magnify:before { content: "\f14d"; }
i.sketchy.icon.name:before { content: "\f10c"; }
i.sketchy.icon.newest:before { content: "\f117"; }
i.sketchy.icon.pencil:before { content: "\f12b"; }
i.sketchy.icon.influence:before { content: "\f12b"; }
i.sketchy.icon.information:before { content: "\f153"; }
i.sketchy.icon.invent:before { content: "\f158"; }
i.sketchy.icon.ip.communication:before { content: "\f127"; }
i.sketchy.icon.ip.electronics:before { content: "\f14a"; }
i.sketchy.icon.ip.engine:before { content: "\f123"; }
i.sketchy.icon.ip.lighting:before { content: "\f11a"; }
i.sketchy.icon.ip.materials:before { content: "\f157"; }
i.sketchy.icon.ip.power:before { content: "\f156"; }
i.sketchy.icon.ip.printing:before { content: "\f12c"; }
i.sketchy.icon.ip.processes:before { content: "\f116"; }
i.sketchy.icon.ip.processing:before { content: "\f13b"; }
i.sketchy.icon.ip.vehicles:before { content: "\f165"; }
i.sketchy.icon.launch:before { content: "\f138"; }
i.sketchy.icon.load:before { content: "\f11d"; }
i.sketchy.icon.location:before { content: "\f14c"; }
i.sketchy.icon.lock:before { content: "\f10f"; }
i.sketchy.icon.logout:before { content: "\f107"; }
i.sketchy.icon.magnify:before { content: "\f15a"; }
i.sketchy.icon.mail:before { content: "\f15f"; }
i.sketchy.icon.name:before { content: "\f111"; }
i.sketchy.icon.newest:before { content: "\f11e"; }
i.sketchy.icon.pencil:before { content: "\f132"; }
i.sketchy.icon.phase.design:before { content: "\f101"; }
i.sketchy.icon.phase.research:before { content: "\f147"; }
i.sketchy.icon.phase.tagline:before { content: "\f11d"; }
i.sketchy.icon.photos:before { content: "\f141"; }
i.sketchy.icon.piechart:before { content: "\f11a"; }
i.sketchy.icon.pinterest:before { content: "\f12a"; }
i.sketchy.icon.play:before { content: "\f105"; }
i.sketchy.icon.portfolio:before { content: "\f114"; }
i.sketchy.icon.price:before { content: "\f109"; }
i.sketchy.icon.problem:before { content: "\f126"; }
i.sketchy.icon.profile:before { content: "\f13d"; }
i.sketchy.icon.question:before { content: "\f108"; }
i.sketchy.icon.question.circle:before { content: "\f123"; }
i.sketchy.icon.rain.cloud:before { content: "\f12d"; }
i.sketchy.icon.share:before { content: "\f136"; }
i.sketchy.icon.shop:before { content: "\f154"; }
i.sketchy.icon.timeline:before { content: "\f142"; }
i.sketchy.icon.trash:before { content: "\f158"; }
i.sketchy.icon.twitter:before { content: "\f11b"; }
i.sketchy.icon.vote.down:before { content: "\f127"; }
i.sketchy.icon.vote.up:before { content: "\f14f"; }
i.sketchy.icon.x:before { content: "\f155"; }
i.sketchy.icon.x.circle:before { content: "\f110"; }
i.sketchy.icon.phase.enhance:before { content: "\f10c"; }
i.sketchy.icon.phase.name:before { content: "\f142"; }
i.sketchy.icon.phase.research:before { content: "\f154"; }
i.sketchy.icon.phase.style:before { content: "\f147"; }
i.sketchy.icon.phase.tagline:before { content: "\f124"; }
i.sketchy.icon.photos:before { content: "\f14d"; }
i.sketchy.icon.piechart:before { content: "\f121"; }
i.sketchy.icon.pinterest:before { content: "\f131"; }
i.sketchy.icon.play:before { content: "\f106"; }
i.sketchy.icon.portfolio:before { content: "\f119"; }
i.sketchy.icon.price:before { content: "\f10d"; }
i.sketchy.icon.problem:before { content: "\f12d"; }
i.sketchy.icon.profile:before { content: "\f146"; }
i.sketchy.icon.question:before { content: "\f10a"; }
i.sketchy.icon.question.circle:before { content: "\f12a"; }
i.sketchy.icon.rain.cloud:before { content: "\f134"; }
i.sketchy.icon.seetings:before { content: "\f135"; }
i.sketchy.icon.share:before { content: "\f13e"; }
i.sketchy.icon.shop:before { content: "\f163"; }
i.sketchy.icon.timeline:before { content: "\f14e"; }
i.sketchy.icon.trash:before { content: "\f167"; }
i.sketchy.icon.twitter:before { content: "\f122"; }
i.sketchy.icon.vote.down:before { content: "\f12e"; }
i.sketchy.icon.vote.up:before { content: "\f15c"; }
i.sketchy.icon.wildcard:before { content: "\f149"; }
i.sketchy.icon.x:before { content: "\f164"; }
i.sketchy.icon.x.circle:before { content: "\f115"; }
/*------------------

6
node/src/files/javascript/card.js

@ -23,8 +23,12 @@ semantic.card.ready = function() {
};
$.api.settings.api = {
vote : '/api.json',
follow : '/api.json'
};
$card
.each(handler.randomProgress)
.card()
;

40
node/src/files/overrides/card.css

@ -38,9 +38,35 @@
Overlay
---------------*/
.ui.cards .card .vote.corner.label,
.ui.card .vote.corner.label {
opacity: 0;
font-size: 1em;
background-color: transparent;
color: #FFFFFF;
-webkit-transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-o-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.ui.cards .card .vote.corner.label .icon,
.ui.card .vote.corner.label .icon {
font-size: 0.9em;
}
.ui.cards .card .vote.corner.label:after,
.ui.card .vote.corner.label:after {
border-right-color: #5BBD72
}
.ui.cards .card .dimmer,
.ui.card .dimmer {
background-color: rgba(0, 177, 219, 0.6);
background-color: rgba(80, 80, 80, 0.6);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ui.cards .card .dimmer .close,
.ui.card .dimmer .close {
@ -83,12 +109,19 @@
States
*******************************/
/* Dimmed */
.ui.cards .dimmed.card > :not(.dimmer),
.ui.dimmed.card > :not(.dimmer) {
-webkit-filter: blur(5px) grayscale(0.7);
-moz-filter: blur(5px) grayscale(0.7);
}
/* Voted */
.ui.cards .card.voted .vote.corner.label,
.ui.voted.card .vote.corner.label {
opacity: 1;
}
/*******************************
Variations
*******************************/
@ -112,3 +145,8 @@
margin: 0em 0.5em 1em;
}
/*******************************
Transitions
*******************************/

211
node/src/files/overrides/card.js

@ -30,29 +30,34 @@ $.fn.card = function(parameters) {
allModules
;
$allModules
.each(function() {
.each(function(moduleIndex) {
var
$module = $(this),
$vote = $module.find(settings.selector.vote),
$close = $module.find(settings.selector.close),
$module = $(this),
$vote = $module.find(settings.selector.vote),
$voteCount = $module.find(settings.selector.voteCount),
$progressBar = $module.find(settings.selector.progressBar),
$follow = $module.find(settings.selector.follow),
$close = $module.find(settings.selector.close),
initialVotes = $module.data('votes') || false,
selector = $module.selector || '',
element = this,
instance = $module.data('module-' + settings.namespace),
selector = $module.selector || '',
element = this,
instance = $module.data('module-' + settings.namespace),
className = settings.className,
metadata = settings.metadata,
namespace = settings.namespace,
animation = settings.animation,
className = settings.className,
metadata = settings.metadata,
namespace = settings.namespace,
animation = settings.animation,
errors = settings.errors,
errors = settings.errors,
module
;
module = {
initialize: function() {
module.debug('Initializing card with bound events', $module);
module.verbose('Initializing card with bound events', $module);
$module
.dimmer({
on : 'hover',
@ -62,10 +67,27 @@ $.fn.card = function(parameters) {
}
})
;
$vote
.popup(settings.popup.vote)
.state(settings.state.vote)
;
if( initialVotes ) {
module.verbose('Setting initial votes to', initialVotes);
setTimeout(function() {
module.set.votes( initialVotes );
}, moduleIndex * settings.animationDelay);
}
if($vote.size() > 0) {
$vote
.apiButton( $.extend(true, {}, settings.api.vote, module.api.vote) )
.state($.extend(true, {}, settings.state.vote, {
onChange: module.toggle.vote
}))
;
}
if($follow.size() > 0) {
$follow
.popup(settings.popup.follow)
.apiButton( $.extend(true, {}, settings.api.follow, module.api.follow) )
.state(settings.state.follow)
;
}
$close
.on('click', module.undim)
;
@ -81,27 +103,114 @@ $.fn.card = function(parameters) {
;
},
get: {
progress: function() {
api: {
vote: {
beforeSend: function(settings) {
if( $(this).hasClass(className.active) ) {
settings.method = 'DELETE';
}
return settings;
}
},
votes: function() {
follow: {
beforeSend: function(settings) {
if( $(this).hasClass(className.active) ) {
settings.method = 'DELETE';
}
return settings;
}
}
},
enable: {
allVotes: function() {
$allModules.find(settings.selector.vote).state('allow', 'active');
},
type: function() {
votes: function() {
$vote.state('allow', 'active');
}
},
disable: {
allVotes: function() {
$allModules.find(settings.selector.vote).state('disallow', 'active');
},
votes: function() {
$vote.state('disallow', 'active');
}
},
set: {
progress: function() {
get: {
request: function(type) {
if( type == 'vote' ) {
return $vote.data('promise') || false;
}
else if( type == 'follow' ) {
return $follow.data('promise') || false;
}
},
progress: function() {
return ( module.get.votes() / settings.maxVotes * 100);
},
votes: function() {
return parseInt( $voteCount.html(), 10) || 0;
},
votesLeft: function() {
return settings.maxVotes - module.get.votes();
}
},
set: {
votes: function(count) {
if(count == 'increase') {
module.debug('Setting votes to', count);
if(count <= settings.maxVotes) {
$voteCount
.html( settings.maxVotes - count )
;
$progressBar
.css('width', module.get.progress() + '%')
;
if(count == settings.maxVotes) {
module.debug('Reached maximum votes');
settings.onVoteMax();
}
}
else {
module.error(settings.votesExceeded);
}
}
},
toggle: {
vote: function() {
module.debug('Toggling user vote');
if( $vote.hasClass(className.active) ) {
module.add.vote();
}
else {
module.remove.vote();
}
}
},
add: {
vote: function() {
module.debug('Adding vote');
module.set.votes( module.get.votes() + 1 );
$module
.addClass(className.voted)
;
}
},
remove: {
vote: function() {
module.debug('Removing vote');
module.set.votes( module.get.votes() - 1 );
$module
.removeClass(className.voted)
;
}
},
dim: function() {
$module.dimmer('show');
@ -110,10 +219,6 @@ $.fn.card = function(parameters) {
$module.dimmer('hide');
},
vote: function() {
},
setting: function(name, value) {
module.debug('Changing setting', name, value);
@ -164,7 +269,9 @@ $.fn.card = function(parameters) {
}
},
error: function() {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
performance: {
log: function(message) {
@ -267,33 +374,56 @@ $.fn.card = function(parameters) {
};
$.fn.card.settings = {
moduleName : 'Card',
debug : true,
verbose : true,
performance : false,
exclusive : true,
collapsible : true,
selector : {
close : '.close.icon',
follow : '.follow.button',
progressBar : '.progress .bar',
vote : '.vote.button',
voteCount : '.meta .votes .count'
},
onVote : function(){},
onVoteMax : function(){},
errors: {
method : 'The method you called is not defined'
method : 'The method you called is not defined',
votesExceeded : 'This idea has already reached its maximum vote count'
},
className : {
active : 'active',
hover : 'hover'
hover : 'hover',
voted : 'voted'
},
api: {
vote: {
action: 'vote',
success: function(){}
},
follow: {
action: 'follow',
success: function(){}
}
},
maxVotes : 200,
animationDelay : 50,
state: {
vote: {
states: {
active: true
},
className: {
active: 'positive'
active: 'active positive'
},
text: {
inactive : 'Vote',
@ -314,15 +444,10 @@ $.fn.card.settings = {
},
popup: {
vote: {
follow: {
delay : 500,
content : 'Vote for an idea to help it get to eval'
content : 'You used up all of your votes for today. Follow this idea and vote on it tomorrow.'
}
},
selector : {
vote : '.vote.button',
close : '.close.icon'
}
};

9
node/src/files/overrides/idea.card.css

@ -89,6 +89,15 @@
line-height: 1.4;
}
/*--------------
Popup
---------------*/
.ui.idea.cards .card .popup,
.ui.idea.card .popup {
max-width: 40%;
}
/*--------------
Images
---------------*/

24
node/src/files/overrides/steps.css

@ -0,0 +1,24 @@
/*******************************
Step
*******************************/
.ui.steps .step,
.ui.step {
background-color: transparent;
opacity: 0.3;
color: #5D6266;
}
/*******************************
States
*******************************/
.ui.steps .step.active,
.ui.step.active {
opacity: 1;
color: #5BBD72;
}

4
node/src/files/stylesheets/semantic.css

@ -479,10 +479,6 @@ a:hover {
#example .example .language.label {
margin: 1em 0em 0.75em;
}
#example .example .two.column.grid .column {
padding-left: 4%;
padding-right: 4%;
}
#example .icon.example {
border-top: none;
}

3
node/src/layouts/default.html.eco

@ -48,7 +48,7 @@
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/comment.css">
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/feed.css">
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/items.css">
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/views/item.css">
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/modules/carousel.css">
<link rel="stylesheet" type="text/css" class="ui" href="/components/semantic/modules/dropdown.css">
@ -71,6 +71,7 @@
<script src="/javascript/library/sidr.js"></script>
<script src="/javascript/library/waypoints.js"></script>
<script src="/components/semantic/modules/behavior/api.js"></script>
<script src="/components/semantic/modules/behavior/state.js"></script>
<script src="/components/semantic/modules/checkbox.js"></script>
<script src="/components/semantic/modules/dimmer.js"></script>

14
src/collections/grid.less

@ -19,7 +19,7 @@
text-align: left;
font-size: 0em;
margin: 0% -1%;
margin: 0% -1.5%;
padding: 0%;
-webkit-box-sizing: border-box;
@ -47,8 +47,8 @@
text-align: left;
font-size: 1rem;
padding-left: 1%;
padding-right: 1%;
padding-left: 1.5%;
padding-right: 1.5%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
@ -94,13 +94,11 @@
--------------------*/
.ui.grid .column > .grid {
margin-left: -1.333%;
margin-right: -1.333%;
margin-left: -1.5%;
margin-right: -1.5%;
}
/*******************************
Variations
*******************************/
@ -429,7 +427,7 @@
.ui.celled.grid > .column,
.ui.celled.grid > .row > .column {
display: table-cell;
padding: 1.33%;
padding: 0.75em;
-webkit-box-shadow: -1px 0px 0px 0px #DFDFDF;
-moz-box-shadow: -1px 0px 0px 0px #DFDFDF;
box-shadow: -1px 0px 0px 0px #DFDFDF;

57
src/collections/menu.less

@ -172,6 +172,10 @@
padding: 0.75em 0.95em;
}
.ui.menu .menu {
margin: 0em;
}
.ui.menu .menu.left,
.ui.menu .item.left {
float: left;
@ -413,7 +417,7 @@
/*--------------------
Loading
Loading
---------------------*/
/* On Form */
@ -611,27 +615,27 @@
/*--- Light Colors ---*/
.ui.menu .green.active.item,
.ui.green.menu .active.item {
border-color: #A1CF64;
border-color: #A1CF64 !important;
}
.ui.menu .red.active.item,
.ui.red.menu .active.item {
border-color: #EF4D6D;
border-color: #EF4D6D !important;
}
.ui.menu .blue.active.item,
.ui.blue.menu .active.item {
border-color: #6ECFF5;
border-color: #6ECFF5 !important;
}
.ui.menu .purple.active.item,
.ui.purple.menu .active.item {
border-color: #564F8A;
border-color: #564F8A !important;
}
.ui.menu .orange.active.item,
.ui.orange.menu .active.item {
border-color: #F05940;
border-color: #F05940 !important;
}
.ui.menu .teal.active.item,
.ui.teal.menu .active.item {
border-color: #00B5AD;
border-color: #00B5AD !important;
}
/*--------------
@ -887,7 +891,7 @@
.ui.text.menu {
background-color: transparent;
margin: 0rem -1rem;
margin: 1rem -1rem;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
@ -1053,6 +1057,11 @@
display: none;
}
.ui.secondary.menu .link.item,
.ui.secondary.menu a.item {
color: rgba(0, 0, 0, 0.4);
}
.ui.secondary.menu .header.item {
background-color: transparent;
@ -1068,6 +1077,7 @@
border-top: none;
padding-top: 0.5em;
background-color: rgba(0, 0, 0, 0.08);
color: rgba(0, 0, 0, 0.8);
}
.ui.secondary.vertical.menu > .active.item {
-webkit-border-radius: 0.325em;
@ -1099,7 +1109,6 @@
.ui.secondary.pointing.menu > .item {
margin: 0em 0em -3px;
padding: 0.6em 0.95em;
color: rgba(0, 0, 0, 0.5);
border-bottom: 3px solid rgba(0, 0, 0, 0);
@ -1107,19 +1116,19 @@
-moz-border-radius: 0em;
border-radius: 0em;
-webkit-transition:
-webkit-transition:
color 0.2s
;
-moz-transition:
-moz-transition:
color 0.2s
;
-o-transition:
-o-transition:
color 0.2s
;
-ms-transition:
-ms-transition:
color 0.2s
;
transition:
transition:
color 0.2s
;
}
@ -1145,7 +1154,6 @@
.ui.secondary.pointing.menu > .item.active {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.4);
color: rgba(0, 0, 0, 0.85);
}
@ -1472,7 +1480,7 @@
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
background-image: none;
-webkit-transform: rotate(45deg);
@ -1562,22 +1570,9 @@
min-height: 0em !important;
}
.ui.tiny.menu .item {
font-size: 0.875rem;
padding: 0.5em 0.75em;
}
.ui.tiny.menu .item > a {
display: block;
margin: -0.5em -0.75em;
padding: 0.5em 0.75em;
}
.ui.tiny.vertical.menu {
width: 9rem;
}
.ui.small.menu .item {
font-size: 0.875rem;
/* min-height: 2.25rem;*/
min-height: 2.25rem;
}
.ui.small.vertical.menu {
width: 13rem;
@ -1585,7 +1580,7 @@
.ui.menu .item {
font-size: 1rem;
/* min-height: 2.5em;*/
min-height: 2.5em;
}
.ui.vertical.menu {
width: 15rem;

1
src/collections/message.less

@ -69,6 +69,7 @@
/* block with headers */
.ui.message .header {
margin: 0em;
font-size: 1.33em;
font-weight: bold;
}

6
src/collections/table.less

@ -376,15 +376,15 @@
/* Small */
.ui.small.table {
font-size: 14px;
font-size: 0.875em;
}
/* Standard */
.ui.table {
font-size: 16px;
font-size: 1em;
}
/* Large */
.ui.large.table {
font-size: 18px;
font-size: 1.1em;
}

136
src/elements/button.less

@ -192,54 +192,19 @@
box-shadow: 0em 0em 0.125em 1px rgba(0, 0, 0, 0.1) inset;
}
/*--------------
Loading
---------------*/
.ui.button.loading,
.ui.button.loading.hover {
position: relative;
cursor: default;
background-color: #F3F3F3;
color: transparent !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: 0em;
left: 0em;
width: 100%;
height: 100%;
content: '';
background: transparent url(../images/loader-tiny.gif) no-repeat 50% 50%;
}
/*--------------
Error
---------------*/
.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: #FFFFFF;
background-color: #D95C5C;
color: transparent;
text-shadow: none;
-webkit-transition: all 0s linear;
@ -248,6 +213,32 @@
-ms-transition: all 0s linear;
transition: all 0s linear;
}
.ui.button.error .icon {
opacity: 1;
color: #FFFFFF;
}
.ui.button.error:after {
position: absolute;
left: 50%;
content: "Error";
margin-left: -1.2em;
color: #FFFFFF;
-webkit-animation: button-text 0.5s;
-moz-animation: button-text 0.5s;
-ms-animation: button-text 0.5s;
-o-animation: button-text 0.5s;
animation: button-text 0.5s;
}
.ui.button.error .icon:before {
font-family: 'Icons';
content: '\26a0';
}
/*--------------
Success
---------------*/
.ui.button.success,
.ui.button.success.hover,
.ui.button.success.down {
@ -270,14 +261,14 @@
margin-left: -1.6em;
color: #FFFFFF;
-webkit-animation: button-success 0.5s;
-moz-animation: button-success 0.5s;
-ms-animation: button-success 0.5s;
-o-animation: button-success 0.5s;
animation: button-success 0.5s;
-webkit-animation: button-text 0.5s;
-moz-animation: button-text 0.5s;
-ms-animation: button-text 0.5s;
-o-animation: button-text 0.5s;
animation: button-text 0.5s;
}
@-webkit-keyframes button-success {
@-webkit-keyframes button-text {
0% {
-webkit-transform: translateY(100%);
opacity: 0;
@ -288,7 +279,7 @@
}
}
@-moz-keyframes button-success {
@-moz-keyframes button-text {
0% {
-moz-transform: translateY(100%);
opacity: 0;
@ -299,7 +290,7 @@
}
}
@keyframes button-success {
@keyframes button-text {
0% {
transform: translateY(100%);
opacity: 0;
@ -310,6 +301,45 @@
}
}
/*--------------
Loading
---------------*/
.ui.button.loading,
.ui.button.loading.hover {
position: relative;
cursor: default;
background-color: #F3F3F3 !important;
color: transparent !important;
text-shadow: none !important;
background-image: none !important;
-webkit-box-shadow: none !important;
-moz-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: 0em;
left: 0em;
width: 100%;
height: 100%;
content: '';
background: transparent url(../images/loader-mini.gif) no-repeat 50% 50%;
}
.ui.labeled.icon.button.loading .icon {
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*-------------------
Disabled
--------------------*/
@ -580,16 +610,16 @@
background-image: url(../images/loader-medium.gif);
}
.ui.huge.grey.button.loading:after,
.ui.huge.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.buttons .button.loading:after,
.ui.gigantic.buttons .button.loading:after,
.ui.massive.button.loading:after,
.ui.gigantic.button.loading:after,
.ui.massive.buttons .button.loading.active:after,
.ui.gigantic.buttons .button.loading.active:after,
.ui.massive.button.loading.active:after,
.ui.gigantic.button.loading.active:after {
background-image: url(../images/loader-medium.gif);
@ -629,6 +659,7 @@
color: #999999;
font-weight: normal;
text-transform: none;
text-shadow: none;
box-shadow: none;
}
.ui.buttons.tertiary .button:first-child {
@ -944,6 +975,7 @@
.ui.fluid.buttons,
.ui.button.fluid,
.ui.fluid.buttons > .button {
display: block;
width: 100%;
}
.ui.two.buttons > .button {

28
src/elements/input.less

@ -151,20 +151,29 @@
Variations
*******************************/
/*--------------------
Transparent
---------------------*/
.ui.transparent.input input {
border: none;
background-color: transparent;
}
/*--------------------
Icon
---------------------*/
.ui.icon.input > .icon {
position: absolute;
opacity: 1;
opacity: 0.5;
top: 1px;
left: 1px;
right: 1px;
margin: 0em;
border-right: 1px solid rgba(0, 0, 0, 0.1);
background-color: #E8E8E8;
width: 2.5em;
height: 2.5em;
padding-top: 0.75em;
@ -187,8 +196,15 @@
transition: opacity 0.3s ease-out;
}
.ui.icon.input input {
padding-left: 4em !important;
border-right: 1px solid rgba(0, 0, 0, 0.3);
padding-right: 3em !important;
}
.ui.left.icon.input .icon {
right: auto;
left: 1px;
}
.ui.left.icon.input input {
padding-left: 3em !important;
}
/* Focus */

38
src/elements/label.less

@ -196,26 +196,26 @@ a.ui.label:hover:before {
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;
-webkit-border-radius: 4px 4px 0em 0em;
-moz-border-radius: 4px 4px 0em 0em;
border-radius: 4px 4px 0em 0em;
}
.ui.bottom.attached.label {
top: auto;
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;
-webkit-border-radius: 0em 0em 4px 4px;
-moz-border-radius: 0em 0em 4px 4px;
border-radius: 0em 0em 4px 4px;
}
.ui.top.left.attached.label {
width: auto;
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;
-webkit-border-radius: 4px 0em 4px 0em;
-moz-border-radius: 4px 0em 4px 0em;
border-radius: 4px 0em 4px 0em;
}
.ui.top.right.attached.label {
@ -223,24 +223,24 @@ a.ui.label:hover:before {
left: auto;
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;
-webkit-border-radius: 0em 4px 0em 4px;
-moz-border-radius: 0em 4px 0em 4px;
border-radius: 0em 4px 0em 4px;
}
.ui.bottom.left.attached.label {
width: auto;
top: auto;
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;
-webkit-border-radius: 4px 0em 0em 4px;
-moz-border-radius: 4px 0em 0em 4px;
border-radius: 4px 0em 0em 4px;
}
.ui.bottom.right.attached.label {
width: auto;
-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;
-webkit-border-radius: 4px 0em 4px 0em;
-moz-border-radius: 4px 0em 4px 0em;
border-radius: 4px 0em 4px 0em;
}
/*-------------------
@ -255,11 +255,11 @@ a.ui.label:hover:before {
z-index: 10;
margin: 0em;
font-size: 0.9em;
width: 1.75em;
height: 1.75em;
padding: 0em;
font-size: 0.9em;
text-align: center;
-webkit-transition: color 0.2s ease;

216
src/modules/behavior/api.js

@ -58,8 +58,13 @@
? $(context)
: $context,
action = $module.data(settings.metadata.action) || settings.action || false,
instance = $module.data('module-' + settings.namespace),
element = $module.get(),
query = arguments[0],
methodInvoked = (typeof query == 'string'),
queryArguments = [].slice.call(arguments, 1),
invokedResponse,
className = settings.className,
metadata = settings.metadata,
errors = settings.errors,
@ -91,15 +96,12 @@
// serialize parent form if requested!
if(settings.serializeForm && $(this).toJSON() !== undefined) {
formData = $module
.closest('form')
.toJSON()
;
$.extend(true, settings.data, formData);
formData = module.get.formData();
module.debug('Adding form data to API Request', formData);
$.extend(true, settings.data, formData);
}
// let beforesend change settings object
// let beforeSend change settings object
runSettings = $.proxy(settings.beforeSend, $module)(settings);
// check for exit conditions
@ -109,59 +111,12 @@
return;
}
if(action) {
module.debug('Initializing API Request for: ', action);
if(settings.api[action] !== undefined) {
url = settings.api[action];
}
else {
module.error(errors.missingAction);
}
}
// override with url if specified
if(settings.url) {
url = settings.url;
module.debug('Using specified url: ', url);
}
if(!url) {
module.error(errors.missingURL);
module.reset();
}
// replace url data in url
urlVariables = url.match(settings.regExpTemplate);
if(urlVariables) {
module.debug('Looking for URL variables', urlVariables);
$.each(urlVariables, function(index, templateValue){
var
term = templateValue.substr( 2, templateValue.length - 3),
termValue = ($.isPlainObject(parameters.urlData) && parameters.urlData[term] !== undefined)
? parameters.urlData[term]
: ($module.data(term) !== undefined)
? $module.data(term)
: settings.urlData[term]
;
module.verbose('Looking for variable', term, $module, $module.data(term), settings.urlData[term]);
// remove optional value
if(termValue === false) {
module.debug('Removing variable from URL', urlVariables);
url = url.replace('/' + templateValue, '');
}
// undefined condition
else if(termValue === undefined || !termValue) {
module.error(errors.missingParameter + term);
exitConditions = true;
}
else {
url = url.replace(templateValue, termValue);
}
});
}
// get real url from template
url = module.get.url( module.get.templateURL() );
// exit conditions reached from missing url parameters
if( exitConditions ) {
if( !url ) {
module.error(errors.missingURL);
module.reset();
return;
}
@ -339,6 +294,76 @@
}
},
get: {
formData: function() {
return $module
.closest('form')
.toJSON()
;
},
templateURL: function() {
var
action = $module.data(settings.metadata.action) || settings.action || false,
url
;
if(action) {
module.debug('Creating url for: ', action);
if(settings.api[action] !== undefined) {
url = settings.api[action];
}
else {
module.error(errors.missingAction);
}
}
// override with url if specified
if(settings.url) {
url = settings.url;
module.debug('Getting url', url);
}
return url;
},
url: function(url, urlData) {
var
missingTerm = false,
urlVariables
;
if(url) {
urlVariables = url.match(settings.regExpTemplate);
urlData = urlData || settings.urlData;
if(urlVariables) {
module.debug('Looking for URL variables', urlVariables);
$.each(urlVariables, function(index, templateValue){
var
term = templateValue.substr( 2, templateValue.length - 3),
termValue = ($.isPlainObject(urlData) && urlData[term] !== undefined)
? urlData[term]
: ($module.data(term) !== undefined)
? $module.data(term)
: urlData[term]
;
module.verbose('Looking for variable', term, $module, $module.data(term), urlData[term]);
// remove optional value
if(termValue === false) {
module.debug('Removing variable from URL', urlVariables);
url = url.replace('/' + templateValue, '');
}
// undefined condition
else if(termValue === undefined || !termValue) {
module.error(errors.missingParameter + term);
url = false;
return false;
}
else {
url = url.replace(templateValue, termValue);
}
});
}
}
return url;
}
},
// reset api request
reset: function() {
$module
@ -349,7 +374,6 @@
.removeClass(className.error)
.removeClass(className.loading)
;
module.error(errors.exitConditions);
},
/* standard module */
@ -360,41 +384,67 @@
settings[name] = value;
},
verbose: function() {
if(settings.verbose) {
module.debug.apply(this, arguments);
if(settings.verbose && settings.debug) {
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
debug: function() {
var
output = [],
message = settings.moduleName + ': ' + arguments[0],
variables = [].slice.call( arguments, 1 ),
log = console.info || console.log || function(){}
;
log = Function.prototype.bind.call(log, console);
if(settings.debug) {
output.push(message);
log.apply(console, output.concat(variables) );
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
error: function() {
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
invoke: function(query, passedArguments, context) {
var
output = [],
errorMessage = settings.moduleName + ': ' + arguments[0],
variables = [].slice.call( arguments, 1 ),
log = console.warn || console.log || function(){}
maxDepth,
found
;
log = Function.prototype.bind.call(log, console);
if(settings.debug) {
output.push(errorMessage);
output.concat(variables);
log.apply(console, output.concat(variables) );
passedArguments = passedArguments || queryArguments;
context = element || context;
if(typeof query == 'string' && instance !== undefined) {
query = query.split('.');
maxDepth = query.length - 1;
$.each(query, function(depth, value) {
if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
instance = instance[value];
return true;
}
else if( instance[value] !== undefined ) {
found = instance[value];
return true;
}
module.error(errors.method);
return false;
});
}
if ( $.isFunction( found ) ) {
instance.verbose('Executing invoked function', found);
return found.apply(context, passedArguments);
}
return found || false;
}
};
module.initialize();
return this;
if(methodInvoked) {
if(instance === undefined) {
module.initialize();
}
invokedResponse = module.invoke(query);
}
else {
if(instance !== undefined) {
module.destroy();
}
module.initialize();
}
return (invokedResponse)
? invokedResponse
: this
;
};
// handle DOM attachment to API functionality
@ -441,8 +491,8 @@
moduleName : 'API Module',
namespace : 'api',
verbose : true,
debug : true,
verbose : true,
api : {},

22
src/modules/behavior/state.js

@ -200,9 +200,19 @@ $.fn.state = function(parameters) {
}
},
allow: function(state) {
module.debug('Now allowing state', state);
states[state] = true;
},
disallow: function(state) {
module.debug('No longer allowing', state);
states[state] = false;
},
allows: function(state) {
return states[state] || false;
},
enable: function(state) {
if(module.allows(state)) {
$module.addClass( className[state] );
@ -305,7 +315,7 @@ $.fn.state = function(parameters) {
if(settings.sync) {
module.sync();
}
settings.onChange();
$.proxy(settings.onChange, element)();
},
activate: function() {
@ -316,6 +326,7 @@ $.fn.state = function(parameters) {
;
module.text.update(text.active);
}
$.proxy(settings.onActivate, element)();
},
deactivate: function() {
@ -326,6 +337,7 @@ $.fn.state = function(parameters) {
;
module.text.update(text.inactive);
}
$.proxy(settings.onDeactivate, element)();
},
sync: function() {
@ -490,7 +502,7 @@ $.fn.state = function(parameters) {
},
error: function() {
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
invoke: function(query, context, passedArguments) {
@ -558,10 +570,12 @@ $.fn.state.settings = {
namespace : 'state',
// debug data includes performance
performance: true,
performance: false,
// callback occurs on state change
onChange: function() {},
onActivate : function() {},
onDeactivate : function() {},
onChange : function() {},
// state test functions
activateTest : function() { return true; },

2
src/modules/dimmer.js

@ -165,7 +165,7 @@ $.fn.dimmer = function(parameters) {
module.verbose('Hiding dimmer with javascript');
$dimmer
.stop()
.fadeOut(settings.duration, function() {
.fadeOut( (settings.duration * 0.75) , function() {
$dimmer.removeAttr('style');
module.remove.active();
})

28
src/modules/dropdown.js

@ -427,28 +427,22 @@ $.fn.dropdown = function(parameters) {
return module[name];
}
},
debug: function() {
if(settings.debug) {
if(settings.performance) {
module.performance.log(arguments);
}
else {
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
}
},
verbose: function() {
if(settings.verbose && settings.debug) {
if(settings.performance) {
module.performance.log(arguments);
}
else {
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
module.performance.log(arguments[0]);
module.verbose = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
debug: function() {
if(settings.debug) {
module.performance.log(arguments[0]);
module.debug = Function.prototype.bind.call(console.info, console, settings.moduleName + ':');
}
},
error: function() {
module.error = Function.prototype.bind.call(console.log, console, settings.moduleName + ':');
if(console.log !== undefined) {
module.error = Function.prototype.bind.call(console.error, console, settings.moduleName + ':');
}
},
performance: {

4
src/modules/modal.less

@ -3,8 +3,8 @@
*******************************/
.ui.modal {
display: none;
position: fixed;
z-index: 1000;
position: absolute;
z-index: 1001;
top: 50%;
left: 50%;

37
src/modules/tab.less

@ -11,11 +11,36 @@
display: block;
}
.ui.tab.loading > .throbber {
display: block;
.ui.tab.simple {
background-color: transparent;
border: none;
}
.ui.tab.simple {
background-color: transparent;
border: none;
}
/*--------------------
Loading State
---------------------*/
/* On Form */
.ui.tab.loading {
position: relative;
overflow: hidden;
display: block;
min-height: 250px;
text-indent: -9999px;
}
.ui.tab.loading:after {
position: absolute;
top: 50px;
left: 50%;
content: 'Loading...';
text-indent: 0px;
color: rgba(0, 0, 0, 0.4);
width: 100%;
height: 100%;
padding-top: 75px;
background: url(../images/loader-large.gif) no-repeat 0px 0px;
visibility: visible;
}

2
src/views/comment.less

@ -96,7 +96,7 @@
---------------------*/
.ui.comments .comment .text {
margin: 0em 0em 0.5em;
margin: 0.25em 0em 0.5em;
}
/*--------------------

1
src/views/feed.less

@ -82,6 +82,7 @@
/* Summary */
.ui.feed .content .summary {
margin-top: 0.75em;
color: rgba(0, 0, 0, 0.75);
}
.ui.feed .content .summary img {

11
src/views/item.less

@ -20,6 +20,15 @@
Items
---------------*/
.ui.items {
margin: 1em 0em;
}
.ui.items:first-child {
margin-top: 0em;
}
.ui.items:last-child {
margin-bottom: 0em;
}
/* Force Clearing */
.ui.items:after {
@ -44,7 +53,7 @@
width: 316px;
min-height: 375px;
margin: 1em 0.5em 2.5em;
margin: 0em 0.5em 2.5em;
padding: 0em;
background-color: #FFFFFF;

94
src/views/notecard.less

@ -1,94 +0,0 @@
/*******************************
UI Cover View
*******************************/
/*--------------
UI Note Card
---------------*/
/* Normal */
.ui.notecard {
position: relative;
width: 520px;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #FDFBE9;
border: 1px solid #DDDDDD;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
.ui.notecard .stripes {
height: 100%;
margin-top: 10px;
padding: 0px 5px 10px;
background: url(../images/notecard-stripes.png) repeat;
line-height: 21px;
}
.ui.notecard .stripes h2 {
margin: 0px;
font-size: 20px;
font-weight: bold;
}
.ui.notecard .stripes p {
margin: 0px;
padding: 0px;
font-size: 12px;
}
.ui.notecard .stripes .image {
display: block;
overflow: hidden;
border: 1px solid #DAD8C9;
background: #FFFFFF url(../images/placeholder-tiny.png) no-repeat center center;
padding: 4px;
}
.ui.notecard .stripes .image img {
display: block;
}
.ui.notecard br,
.ui.notecard hr {
height: 21px;
border: none;
background-color: transparent;
}
/* imageless */
.ui.notecard.simple .stripes {
margin-top: 10px;
background-image: -moz-repeating-linear-gradient(transparent 19px, rgba(255, 255, 255, 0.2) 20px, transparent 0px, transparent 40px);
background-image: -webkit-repeating-linear-gradient(transparent 19px, rgba(255, 255, 255, 0.2) 20px, transparent 0px, transparent 40px);
background-image: -ms-repeating-linear-gradient(transparent 19px, rgba(255, 255, 255, 0.2) 20px, transparent 0px, transparent 40px);
background-image: -o-repeating-linear-gradient(transparent 19px, rgba(255, 255, 255, 0.2) 20px, transparent 0px, transparent 40px);
background-image: repeating-linear-gradient(transparent 19px, rgba(255, 255, 255, 0.2) 20px, transparent 0px, transparent 40px);
}
/* contrast */
.ui.notecard.contrast {
border: none;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.7);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.7);
}
/*--------------
Clipped
---------------*/
.ui.clipped.notecard.paperclip img {
height: auto;
width: 135px;
}
.ui.clipped.notecard.stripes {
min-height: 150px;
padding: 0px 5px 10px 160px;
}
Loading…
Cancel
Save