Merge branch 'master' of github.com:jlukic/Semantic-UI

Former-commit-id: 6100f06772c7a0ce0d512fdf4ad66d36bbbbd641 Former-commit-id: 2b65affc4023c4bdad3ae28f1f4483c81ba84120
11 years ago · acfcafa763
86 changed files with 1612 additions and 229 deletions
--- a/NOTES.md
+++ b/NOTES.md
@ -1,6 +1,24 @@
 ## RELEASE NOTES

-### Version 0.3.3- Oct 2, 2013
+### Version 0.3.5 - Oct 2, 2013
+
+**Fixes**
+- Fixes radio checkboxes (again)
+- Fixes header content display in icon headers
+
+### Version 0.3.4 - Oct 2, 2013
+
+**Fixes**
+- Transitions now work in Safari versions that do not support animation-direction
+- Fixes accordion in safari styles getting stuck
+- Centering of content in icon header
+
+### Version 0.3.3 - Oct 2, 2013
+
+**Fixes**
+- Fixes modal not working due to destroy teardown in dimmer Issue #153
+- Fixes selector for checkbox to fix radio boxes Issue #154
+- Fixes issue with popup display in some edge cases Issue #128

 **Updates**
 - Headers and lists with icons now do not break with multiline content
@ -8,7 +26,7 @@
 - Updates ACE editor library
 - Code samples now do not change after interacting with examples

-### Version 0.3.2- Oct 2, 2013
+### Version 0.3.2 - Oct 2, 2013

 **Updates**
 - Dropdown now formats top and right arrow icons automatically with icon coupling with sub menus
@ -29,25 +47,25 @@
 - Lists items now auto clear floats
 - Fixes icon input inside a menu placement issues

-### Version 0.3.1- Sep 30, 2013
+### Version 0.3.1 - Sep 30, 2013

 **Fixes**
 - Fixes Page Grid still receiving negative margin

-### Version 0.3.0- Sep 30, 2013
+### Version 0.3.0 - Sep 30, 2013

 **Fixes**
 - Responsive Grid is now called "Page Grid". Responsive grids are now deprecated. This reduces confusion.
 - Negative margins are now automatically removed from grids that are descendents of body tag.

-### Version 0.2.5- Sep 28, 2013
+### Version 0.2.5 - Sep 28, 2013

 **Fixes**
 - Fixes checkbox  selector issue with multiple inputs inside a checkbox
 - Modal no longer uses inline css to center when in fixed position mode
 - Fixes dropdown to now set active item to whatever hidden input field is when using action updateForm

-### Version 0.2.4- Sep 28, 2013
+### Version 0.2.4 - Sep 28, 2013

 **Updates**

--- a/build/less/collections/grid.less
+++ b/build/less/collections/grid.less
@ -29,7 +29,7 @@

 body > .ui.grid {
  margin-left: 0%;
-  margin-right: 0%:;
+  margin-right: 0%;
 }

 .ui.grid:after,
--- a/build/less/collections/menu.less.REMOVED.git-id
+++ b/build/less/collections/menu.less.REMOVED.git-id
@ -1 +1 @@
-ae5be9219aa61370d76209f2c0efe1730f7a4f8a
+938a77368926e4c24478b94333049fc8a2662ad5
--- a/build/less/elements/header.less
+++ b/build/less/elements/header.less
@ -37,7 +37,7 @@
 .ui.header .icon {
  display: table-cell;
  vertical-align: middle;
-  padding-right: 1rem;
+  padding-right: 0.5em;
 }
 .ui.header .icon:only-child {
  display: inline-block;
@ -48,6 +48,7 @@
  vertical-align: top;
 }
 .ui.header .icon + .content {
+  padding-left: 0.5em;
  display: table-cell;
 }

@ -131,6 +132,9 @@ h5.ui.header {
  margin: 0em auto 0.2em;
  padding: 0em;
 }
+.ui.icon.header .content {
+  display: block;
+}
 .ui.icon.header .circular.icon,
 .ui.icon.header .square.icon {
  font-size: 2em;
--- a/build/less/elements/icon.less
+++ b/build/less/elements/icon.less
@ -756,16 +756,13 @@ i.icon {
 }
 i.large.icon {
  font-size: 2em;
-  margin-right: 0.5em;
  vertical-align: middle;
 }
 i.huge.icon {
  font-size: 4em;
-  margin-right: 0.75em;
  vertical-align: middle;
 }
 i.massive.icon {
  font-size: 8em;
-  margin-right: 1em;
  vertical-align: middle;
 }
--- a/build/less/modules/accordion.js
+++ b/build/less/modules/accordion.js
@ -87,8 +87,10 @@ $.fn.accordion = function(parameters) {
          resetStyle: function() {
            module.verbose('Resetting styles on element', this);
            $(this)
+              .attr('style', '')
              .removeAttr('style')
              .children()
+                .attr('style', '')
                .removeAttr('style')
            ;
          }
@ -138,8 +140,10 @@ $.fn.accordion = function(parameters) {
                .slideUp(settings.duration , settings.easing, function() {
                  $previousContent
                    .removeClass(className.active)
+                    .attr('style', '')
                    .removeAttr('style')
                    .children()
+                      .attr('style', '')
                      .removeAttr('style')
                  ;
                })
@ -151,11 +155,13 @@ $.fn.accordion = function(parameters) {
            $activeContent
              .stop()
              .children()
+                .attr('style', '')
                .removeAttr('style')
                .end()
              .slideDown(settings.duration, settings.easing, function() {
                $activeContent
                  .addClass(className.active)
+                  .attr('style', '')
                  .removeAttr('style')
                ;
                $.proxy(settings.onOpen, $activeContent)();
@ -185,6 +191,7 @@ $.fn.accordion = function(parameters) {
              .end()
            .slideUp(settings.duration, settings.easing, function(){
              $activeContent
+                .attr('style', '')
                .removeAttr('style')
              ;
              $.proxy(settings.onClose, $activeContent)();
--- a/build/less/modules/checkbox.js
+++ b/build/less/modules/checkbox.js
@ -334,7 +334,7 @@ $.fn.checkbox.settings = {
  },

  selector : {
-    input  : 'input[type=checkbox]',
+    input  : 'input[type=checkbox], input[type=radio]',
    label  : 'label'
  },

--- a/build/less/modules/modal.js
+++ b/build/less/modules/modal.js
@ -292,7 +292,7 @@ $.fn.modal = function(parameters) {
            module.debug('Setting dimmer settings', settings.closable);
            $context
              .dimmer('setting', 'closable', settings.closable)
-              .dimmer('setting', 'duration', settings.duration)
+              .dimmer('setting', 'duration', settings.duration * 0.75)
              .dimmer('setting', 'onShow' , module.add.keyboardShortcuts)
              .dimmer('setting', 'onHide', function() {
                module.hide();
@ -526,7 +526,7 @@ $.fn.modal.settings = {

  closable    : true,
  context     : 'body',
-  duration    : 500,
+  duration    : 600,
  easing      : 'easeOutExpo',
  offset      : 0,
  transition  : 'scale',
--- a/build/less/modules/popup.js
+++ b/build/less/modules/popup.js
@ -253,7 +253,9 @@ $.fn.popup = function(parameters) {
          // refresh state of module
          module.refresh();
          if( !$module.hasClass(className.visible) ) {
-            module.hideAll();
+            if(settings.on == 'click') {
+              module.hideAll();
+            }
            module.show();
          }
          else {
--- a/build/less/modules/transition.less
+++ b/build/less/modules/transition.less
@ -70,15 +70,6 @@
  visibility: visible;
 }

-
-/* Direction */
-.ui.out.transition {
-  -webkit-animation-direction: reverse;
-  -moz-animation-direction: reverse;
-  -o-animation-direction: reverse;
-  animation-direction: reverse;
-}
-
 /* Disabled */
 .ui.disabled.transition {
  -webkit-animation-play-state: paused;
@ -156,6 +147,12 @@
  -o-animation-name: horizontalFlip;
  animation-name: horizontalFlip;
 }
+.ui.horizontal.flip.transition.out {
+  -webkit-animation-name: horizontalFlipOut;
+  -moz-animation-name: horizontalFlipOut;
+  -o-animation-name: horizontalFlipOut;
+  animation-name: horizontalFlipOut;
+}
 .ui.vertical.flip.transition.in,
 .ui.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlip;
@ -163,18 +160,29 @@
  -o-animation-name: verticalFlip;
  animation-name: verticalFlip;
 }
+.ui.vertical.flip.transition.out {
+  -webkit-animation-name: verticalFlipOut;
+  -moz-animation-name: verticalFlipOut;
+  -o-animation-name: verticalFlipOut;
+  animation-name: verticalFlipOut;
+}

 /*--------------
      Fades
 ---------------*/

-.ui.fade.transition.in,
-.ui.fade.transition.out {
+.ui.fade.transition.in {
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -o-animation-name: fade;
  animation-name: fade;
 }
+.ui.fade.transition.out {
+  -webkit-animation-name: fadeOut;
+  -moz-animation-name: fadeOut;
+  -o-animation-name: fadeOut;
+  animation-name: fadeOut;
+}

 .ui.fade.up.transition.in {
  -webkit-animation-name: fadeUp;
@ -183,10 +191,10 @@
  animation-name: fadeUp;
 }
 .ui.fade.up.transition.out {
-  -webkit-animation-name: fade;
-  -moz-animation-name: fade;
-  -o-animation-name: fade;
-  animation-name: fade;
+  -webkit-animation-name: fadeUpOut;
+  -moz-animation-name: fadeUpOut;
+  -o-animation-name: fadeUpOut;
+  animation-name: fadeUpOut;
 }

 .ui.fade.down.transition.in {
@ -196,31 +204,36 @@
  animation-name: fadeDown;
 }
 .ui.fade.down.transition.out {
-  -webkit-animation-name: fade;
-  -moz-animation-name: fade;
-  -o-animation-name: fade;
-  animation-name: fade;
+  -webkit-animation-name: fadeDownOut;
+  -moz-animation-name: fadeDownOut;
+  -o-animation-name: fadeDownOut;
+  animation-name: fadeDownOut;
 }

 /*--------------
      Scale
 ---------------*/

-.ui.scale.transition.in,
-.ui.scale.transition.out {
+.ui.scale.transition.in {
  -webkit-animation-name: scale;
  -moz-animation-name: scale;
  -o-animation-name: scale;
  animation-name: scale;
 }
+.ui.scale.transition.out {
+  -webkit-animation-name: scaleOut;
+  -moz-animation-name: scaleOut;
+  -o-animation-name: scaleOut;
+  animation-name: scaleOut;
+}
+


 /*--------------
      Slide
 ---------------*/

-.ui.slide.down.transition.in,
-.ui.slide.down.transition.out {
+.ui.slide.down.transition.in {
  -webkit-animation-name: slide;
  -moz-animation-name: slide;
  -o-animation-name: slide;
@ -229,8 +242,17 @@
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
 }
-.ui.slide.up.transition.in,
-.ui.slide.up.transition.out {
+.ui.slide.down.transition.out {
+  -webkit-animation-name: slideOut;
+  -moz-animation-name: slideOut;
+  -o-animation-name: slideOut;
+  animation-name: slideOut;
+  transform-origin: 50% 0%;
+  -ms-transform-origin: 50% 0%;
+  -webkit-transform-origin: 50% 0%;
+}
+
+.ui.slide.up.transition.in {
  -webkit-animation-name: slide;
  -moz-animation-name: slide;
  -o-animation-name: slide;
@ -239,6 +261,16 @@
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
 }
+.ui.slide.up.transition.out {
+  -webkit-animation-name: slideOut;
+  -moz-animation-name: slideOut;
+  -o-animation-name: slideOut;
+  animation-name: slideOut;
+  transform-origin: 50% 100%;
+  -ms-transform-origin: 50% 100%;
+  -webkit-transform-origin: 50% 100%;
+}
+

@-moz-keyframes slide {
  0% {
@ -271,6 +303,36 @@
  }
 }

+@-moz-keyframes slideOut {
+  0% {
+    opacity: 1;
+    -moz-transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: scaleY(0);
+  }
+}
+@-webkit-keyframes slideOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scaleY(0);
+  }
+}
+@keyframes slideOut {
+  0% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scaleY(0);
+  }
+}

 /*******************************
       Animations
@ -667,6 +729,46 @@
    opacity: 1;
  }
 }
+@-webkit-keyframes verticalFlipOut {
+  0% {
+    -webkit-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -webkit-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@-moz-keyframes verticalFlipOut {
+  0% {
+    -moz-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -moz-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@-o-keyframes verticalFlipOut {
+  0% {
+    -o-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -o-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@keyframes verticalFlipOut {
+  0% {
+    transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}

 /*--------------
     Fades
@ -706,6 +808,39 @@
  }
 }

+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@-moz-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@-o-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
 /* Fade Up */
@-webkit-keyframes fadeUp {
  0% {
@ -748,6 +883,47 @@
  }
 }

+@-webkit-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(20px);
+  }
+}
+@-moz-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: translateY(20px);
+  }
+}
+@-o-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: translateY(20px);
+  }
+}
+@keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+}
+
 /* Fade Down */
@-webkit-keyframes fadeDown {
  0% {
@ -791,6 +967,47 @@
 }


+@-webkit-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-20px);
+  }
+}
+@-moz-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: translateY(-20px);
+  }
+}
+@-o-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: translateY(-20px);
+  }
+}
+@keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+}
+
 /*--------------
      Scale
 ---------------*/
@ -835,4 +1052,45 @@
    opacity: 1;
    transform: scale(1);
  }
+}
+
+@-webkit-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.7);
+  }
+}
+@-moz-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -moz-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: scale(0.7);
+  }
+}
+@-o-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -o-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: scale(0.7);
+  }
+}
+@keyframes scaleOut {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0.7);
+  }
 }
--- a/build/minified/collections/grid.min.css
+++ b/build/minified/collections/grid.min.css
--- a/build/minified/collections/menu.min.css
+++ b/build/minified/collections/menu.min.css
--- a/build/minified/elements/header.min.css
+++ b/build/minified/elements/header.min.css
@ -1 +1 @@
-.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{display:table-cell;vertical-align:middle;padding-right:1rem}.ui.header .icon:only-child{display:inline-block}.ui.header .content{display:inline-block;vertical-align:top}.ui.header .icon+.content{display:table-cell}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:3em;margin:0 auto .2em;padding:0}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#D95C5C!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #D95C5C}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#D95C5C!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left;margin-top:0;margin-right:.5em}.ui.right.floated.header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .sub.header{padding-bottom:.5em}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{background-color:#E0E0E0;padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}
+.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{display:table-cell;vertical-align:middle;padding-right:.5em}.ui.header .icon:only-child{display:inline-block}.ui.header .content{display:inline-block;vertical-align:top}.ui.header .icon+.content{padding-left:.5em;display:table-cell}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:3em;margin:0 auto .2em;padding:0}.ui.icon.header .content{display:block}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#D95C5C!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #D95C5C}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#D95C5C!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left;margin-top:0;margin-right:.5em}.ui.right.floated.header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .sub.header{padding-bottom:.5em}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{background-color:#E0E0E0;padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}
--- a/build/minified/elements/icon.min.css
+++ b/build/minified/elements/icon.min.css
--- a/build/minified/modules/accordion.js
+++ b/build/minified/modules/accordion.js
@ -87,8 +87,10 @@ $.fn.accordion = function(parameters) {
          resetStyle: function() {
            module.verbose('Resetting styles on element', this);
            $(this)
+              .attr('style', '')
              .removeAttr('style')
              .children()
+                .attr('style', '')
                .removeAttr('style')
            ;
          }
@ -138,8 +140,10 @@ $.fn.accordion = function(parameters) {
                .slideUp(settings.duration , settings.easing, function() {
                  $previousContent
                    .removeClass(className.active)
+                    .attr('style', '')
                    .removeAttr('style')
                    .children()
+                      .attr('style', '')
                      .removeAttr('style')
                  ;
                })
@ -151,11 +155,13 @@ $.fn.accordion = function(parameters) {
            $activeContent
              .stop()
              .children()
+                .attr('style', '')
                .removeAttr('style')
                .end()
              .slideDown(settings.duration, settings.easing, function() {
                $activeContent
                  .addClass(className.active)
+                  .attr('style', '')
                  .removeAttr('style')
                ;
                $.proxy(settings.onOpen, $activeContent)();
@ -185,6 +191,7 @@ $.fn.accordion = function(parameters) {
              .end()
            .slideUp(settings.duration, settings.easing, function(){
              $activeContent
+                .attr('style', '')
                .removeAttr('style')
              ;
              $.proxy(settings.onClose, $activeContent)();
--- a/build/minified/modules/accordion.min.js
+++ b/build/minified/modules/accordion.min.js
@ -1 +1 @@
-!function(a,b,c,d){a.fn.accordion=function(b){var c,e=a(this),f=a.isPlainObject(b)?a.extend(!0,{},a.fn.accordion.settings,b):a.fn.accordion.settings,g=f.className,h=f.namespace,i=f.selector,j=f.error,k="."+h,l="module-"+h,m=e.selector||"",n=(new Date).getTime(),o=[],p=arguments[0],q="string"==typeof p,r=[].slice.call(arguments,1);return e.each(function(){var b,h=a(this),s=h.find(i.title),t=h.find(i.content),u=this,v=h.data(l);b={initialize:function(){b.debug("Initializing accordion with bound events",h),s.on("click"+k,b.event.click),b.instantiate()},instantiate:function(){h.data(l,b)},destroy:function(){b.debug("Destroying previous accordion for",h),h.removeData(l),s.off(k)},event:{click:function(){b.verbose("Title clicked",this);var c=a(this),d=s.index(c);b.toggle(d)},resetStyle:function(){b.verbose("Resetting styles on element",this),a(this).removeAttr("style").children().removeAttr("style")}},toggle:function(a){b.debug("Toggling content content at index",a);var c=s.eq(a),d=c.next(t),e=d.is(":visible");e?f.collapsible?b.close(a):b.debug("Cannot close accordion content collapsing is disabled"):b.open(a)},open:function(c){var d=s.eq(c),e=d.next(t),h=s.filter("."+g.active),i=h.next(s),j=h.size()>0;e.is(":animated")||(b.debug("Opening accordion content",d),f.exclusive&&j&&(h.removeClass(g.active),i.stop().children().animate({opacity:0},f.duration,b.event.resetStyle).end().slideUp(f.duration,f.easing,function(){i.removeClass(g.active).removeAttr("style").children().removeAttr("style")})),d.addClass(g.active),e.stop().children().removeAttr("style").end().slideDown(f.duration,f.easing,function(){e.addClass(g.active).removeAttr("style"),a.proxy(f.onOpen,e)(),a.proxy(f.onChange,e)()}))},close:function(c){var d=s.eq(c),e=d.next(t);b.debug("Closing accordion content",d),d.removeClass(g.active),e.removeClass(g.active).show().stop().children().animate({opacity:0},f.duration,b.event.resetStyle).end().slideUp(f.duration,f.easing,function(){e.removeAttr("style"),a.proxy(f.onClose,e)(),a.proxy(f.onChange,e)()})},setting:function(c,e){return b.debug("Changing setting",c,e),e===d?f[c]:(a.isPlainObject(c)?a.extend(!0,f,c):f[c]=e,void 0)},internal:function(c,e){return b.debug("Changing internal",c,e),e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},debug:function(){f.debug&&(f.performance?b.performance.log(arguments):(b.debug=Function.prototype.bind.call(console.info,console,f.name+":"),b.debug.apply(console,arguments)))},verbose:function(){f.verbose&&f.debug&&(f.performance?b.performance.log(arguments):(b.verbose=Function.prototype.bind.call(console.info,console,f.name+":"),b.verbose.apply(console,arguments)))},error:function(){b.error=Function.prototype.bind.call(console.error,console,f.name+":"),b.error.apply(console,arguments)},performance:{log:function(a){var c,d,e;f.performance&&(c=(new Date).getTime(),e=n||c,d=c-e,n=c,o.push({Element:u,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(b.performance.timer),b.performance.timer=setTimeout(b.performance.display,100)},display:function(){var c=f.name+":",g=0;n=!1,clearTimeout(b.performance.timer),a.each(o,function(a,b){g+=b["Execution Time"]}),c+=" "+g+"ms",m&&(c+=" '"+m+"'"),e.size()>1&&(c+=" ("+e.size()+")"),(console.group!==d||console.table!==d)&&o.length>0&&(console.groupCollapsed(c),console.table?console.table(o):a.each(o,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),o=[]}},invoke:function(e,f,g){var h,i,k;return f=f||r,g=u||g,"string"==typeof e&&v!==d&&(e=e.split(/[\. ]/),h=e.length-1,a.each(e,function(c,f){var g=c!=h?f+e[c+1].charAt(0).toUpperCase()+e[c+1].slice(1):e;if(a.isPlainObject(v[f])&&c!=h)v=v[f];else{if(!a.isPlainObject(v[g])||c==h)return v[f]!==d?(i=v[f],!1):v[g]!==d?(i=v[g],!1):(b.error(j.method),!1);v=v[g]}})),a.isFunction(i)?k=i.apply(g,f):i!==d&&(k=i),a.isArray(c)?c.push(k):"string"==typeof c?c=[c,k]:k!==d&&(c=k),i}},q?(v===d&&b.initialize(),b.invoke(p)):(v!==d&&b.destroy(),b.initialize())}),c!==d?c:this},a.fn.accordion.settings={name:"Accordion",namespace:"accordion",debug:!0,verbose:!0,performance:!0,exclusive:!0,collapsible:!0,duration:300,easing:"linear",onOpen:function(){},onClose:function(){},onChange:function(){},error:{method:"The method you called is not defined"},className:{active:"active"},selector:{title:".title",content:".content"}}}(jQuery,window,document);
+!function(a,b,c,d){a.fn.accordion=function(b){var c,e=a(this),f=a.isPlainObject(b)?a.extend(!0,{},a.fn.accordion.settings,b):a.fn.accordion.settings,g=f.className,h=f.namespace,i=f.selector,j=f.error,k="."+h,l="module-"+h,m=e.selector||"",n=(new Date).getTime(),o=[],p=arguments[0],q="string"==typeof p,r=[].slice.call(arguments,1);return e.each(function(){var b,h=a(this),s=h.find(i.title),t=h.find(i.content),u=this,v=h.data(l);b={initialize:function(){b.debug("Initializing accordion with bound events",h),s.on("click"+k,b.event.click),b.instantiate()},instantiate:function(){h.data(l,b)},destroy:function(){b.debug("Destroying previous accordion for",h),h.removeData(l),s.off(k)},event:{click:function(){b.verbose("Title clicked",this);var c=a(this),d=s.index(c);b.toggle(d)},resetStyle:function(){b.verbose("Resetting styles on element",this),a(this).attr("style","").removeAttr("style").children().attr("style","").removeAttr("style")}},toggle:function(a){b.debug("Toggling content content at index",a);var c=s.eq(a),d=c.next(t),e=d.is(":visible");e?f.collapsible?b.close(a):b.debug("Cannot close accordion content collapsing is disabled"):b.open(a)},open:function(c){var d=s.eq(c),e=d.next(t),h=s.filter("."+g.active),i=h.next(s),j=h.size()>0;e.is(":animated")||(b.debug("Opening accordion content",d),f.exclusive&&j&&(h.removeClass(g.active),i.stop().children().animate({opacity:0},f.duration,b.event.resetStyle).end().slideUp(f.duration,f.easing,function(){i.removeClass(g.active).attr("style","").removeAttr("style").children().attr("style","").removeAttr("style")})),d.addClass(g.active),e.stop().children().attr("style","").removeAttr("style").end().slideDown(f.duration,f.easing,function(){e.addClass(g.active).attr("style","").removeAttr("style"),a.proxy(f.onOpen,e)(),a.proxy(f.onChange,e)()}))},close:function(c){var d=s.eq(c),e=d.next(t);b.debug("Closing accordion content",d),d.removeClass(g.active),e.removeClass(g.active).show().stop().children().animate({opacity:0},f.duration,b.event.resetStyle).end().slideUp(f.duration,f.easing,function(){e.attr("style","").removeAttr("style"),a.proxy(f.onClose,e)(),a.proxy(f.onChange,e)()})},setting:function(c,e){return b.debug("Changing setting",c,e),e===d?f[c]:(a.isPlainObject(c)?a.extend(!0,f,c):f[c]=e,void 0)},internal:function(c,e){return b.debug("Changing internal",c,e),e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},debug:function(){f.debug&&(f.performance?b.performance.log(arguments):(b.debug=Function.prototype.bind.call(console.info,console,f.name+":"),b.debug.apply(console,arguments)))},verbose:function(){f.verbose&&f.debug&&(f.performance?b.performance.log(arguments):(b.verbose=Function.prototype.bind.call(console.info,console,f.name+":"),b.verbose.apply(console,arguments)))},error:function(){b.error=Function.prototype.bind.call(console.error,console,f.name+":"),b.error.apply(console,arguments)},performance:{log:function(a){var c,d,e;f.performance&&(c=(new Date).getTime(),e=n||c,d=c-e,n=c,o.push({Element:u,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(b.performance.timer),b.performance.timer=setTimeout(b.performance.display,100)},display:function(){var c=f.name+":",g=0;n=!1,clearTimeout(b.performance.timer),a.each(o,function(a,b){g+=b["Execution Time"]}),c+=" "+g+"ms",m&&(c+=" '"+m+"'"),e.size()>1&&(c+=" ("+e.size()+")"),(console.group!==d||console.table!==d)&&o.length>0&&(console.groupCollapsed(c),console.table?console.table(o):a.each(o,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),o=[]}},invoke:function(e,f,g){var h,i,k;return f=f||r,g=u||g,"string"==typeof e&&v!==d&&(e=e.split(/[\. ]/),h=e.length-1,a.each(e,function(c,f){var g=c!=h?f+e[c+1].charAt(0).toUpperCase()+e[c+1].slice(1):e;if(a.isPlainObject(v[f])&&c!=h)v=v[f];else{if(!a.isPlainObject(v[g])||c==h)return v[f]!==d?(i=v[f],!1):v[g]!==d?(i=v[g],!1):(b.error(j.method),!1);v=v[g]}})),a.isFunction(i)?k=i.apply(g,f):i!==d&&(k=i),a.isArray(c)?c.push(k):"string"==typeof c?c=[c,k]:k!==d&&(c=k),i}},q?(v===d&&b.initialize(),b.invoke(p)):(v!==d&&b.destroy(),b.initialize())}),c!==d?c:this},a.fn.accordion.settings={name:"Accordion",namespace:"accordion",debug:!0,verbose:!0,performance:!0,exclusive:!0,collapsible:!0,duration:300,easing:"linear",onOpen:function(){},onClose:function(){},onChange:function(){},error:{method:"The method you called is not defined"},className:{active:"active"},selector:{title:".title",content:".content"}}}(jQuery,window,document);
--- a/build/minified/modules/checkbox.js
+++ b/build/minified/modules/checkbox.js
@ -334,7 +334,7 @@ $.fn.checkbox.settings = {
  },

  selector : {
-    input  : 'input[type=checkbox]',
+    input  : 'input[type=checkbox], input[type=radio]',
    label  : 'label'
  },

--- a/build/minified/modules/checkbox.min.js
+++ b/build/minified/modules/checkbox.min.js
@ -1 +1 @@
-!function(a,b,c,d){a.fn.checkbox=function(b){var c,e=a(this),f=a.extend(!0,{},a.fn.checkbox.settings,b),g=f.className,h=f.namespace,i=f.error,j="."+h,k="module-"+h,l=e.selector||"",m=(new Date).getTime(),n=[],o=arguments[0],p="string"==typeof o,q=[].slice.call(arguments,1);return e.each(function(){var b,h=a(this),r=a(this).next(f.selector.label).first(),s=a(this).find(f.selector.input),t=h.selector||"",u=h.data(k),v=this;b={initialize:function(){b.verbose("Initializing checkbox",f),f.context&&""!==t?(b.verbose("Adding delegated events"),a(v,f.context).on(t,"click"+j,b.toggle).on(t+" + "+f.selector.label,"click"+j,b.toggle)):(h.on("click"+j,b.toggle).data(k,b),r.on("click"+j,b.toggle)),b.instantiate()},instantiate:function(){b.verbose("Storing instance of module",b),u=b,h.data(k,b)},destroy:function(){b.verbose("Destroying previous module"),h.off(j).removeData(k)},is:{radio:function(){return h.hasClass(g.radio)}},can:{disable:function(){return"boolean"==typeof f.required?f.required:!b.is.radio()}},enable:function(){b.debug("Enabling checkbox"),s.prop("checked",!0),a.proxy(f.onChange,s.get())(),a.proxy(f.onEnable,s.get())()},disable:function(){b.debug("Disabling checkbox"),s.prop("checked",!1),a.proxy(f.onChange,s.get())(),a.proxy(f.onDisable,s.get())()},toggle:function(){b.verbose("Determining new checkbox state"),s.prop("checked")!==d&&s.prop("checked")?b.can.disable()&&b.disable():b.enable()},setting:function(b,c){return c===d?f[b]:(a.isPlainObject(b)?a.extend(!0,f,b):f[b]=c,void 0)},internal:function(c,e){return e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},debug:function(){f.debug&&(f.performance?b.performance.log(arguments):(b.debug=Function.prototype.bind.call(console.info,console,f.name+":"),b.debug.apply(console,arguments)))},verbose:function(){f.verbose&&f.debug&&(f.performance?b.performance.log(arguments):(b.verbose=Function.prototype.bind.call(console.info,console,f.name+":"),b.verbose.apply(console,arguments)))},error:function(){b.error=Function.prototype.bind.call(console.error,console,f.name+":"),b.error.apply(console,arguments)},performance:{log:function(a){var c,d,e;f.performance&&(c=(new Date).getTime(),e=m||c,d=c-e,m=c,n.push({Element:v,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(b.performance.timer),b.performance.timer=setTimeout(b.performance.display,100)},display:function(){var c=f.name+":",g=0;m=!1,clearTimeout(b.performance.timer),a.each(n,function(a,b){g+=b["Execution Time"]}),c+=" "+g+"ms",l&&(c+=" '"+l+"'"),e.size()>1&&(c+=" ("+e.size()+")"),(console.group!==d||console.table!==d)&&n.length>0&&(console.groupCollapsed(c),console.table?console.table(n):a.each(n,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),n=[]}},invoke:function(e,f,g){var h,j,k;return f=f||q,g=v||g,"string"==typeof e&&u!==d&&(e=e.split(/[\. ]/),h=e.length-1,a.each(e,function(c,f){var g=c!=h?f+e[c+1].charAt(0).toUpperCase()+e[c+1].slice(1):e;if(a.isPlainObject(u[f])&&c!=h)u=u[f];else{if(!a.isPlainObject(u[g])||c==h)return u[f]!==d?(j=u[f],!1):u[g]!==d?(j=u[g],!1):(b.error(i.method),!1);u=u[g]}})),a.isFunction(j)?k=j.apply(g,f):j!==d&&(k=j),a.isArray(c)?c.push(k):"string"==typeof c?c=[c,k]:k!==d&&(c=k),j}},p?(u===d&&b.initialize(),b.invoke(o)):(u!==d&&b.destroy(),b.initialize())}),c!==d?c:this},a.fn.checkbox.settings={name:"Checkbox",namespace:"checkbox",verbose:!0,debug:!0,performance:!0,context:!1,required:"auto",onChange:function(){},onEnable:function(){},onDisable:function(){},error:{method:"The method you called is not defined."},selector:{input:"input[type=checkbox]",label:"label"},className:{radio:"radio"}}}(jQuery,window,document);
+!function(a,b,c,d){a.fn.checkbox=function(b){var c,e=a(this),f=a.extend(!0,{},a.fn.checkbox.settings,b),g=f.className,h=f.namespace,i=f.error,j="."+h,k="module-"+h,l=e.selector||"",m=(new Date).getTime(),n=[],o=arguments[0],p="string"==typeof o,q=[].slice.call(arguments,1);return e.each(function(){var b,h=a(this),r=a(this).next(f.selector.label).first(),s=a(this).find(f.selector.input),t=h.selector||"",u=h.data(k),v=this;b={initialize:function(){b.verbose("Initializing checkbox",f),f.context&&""!==t?(b.verbose("Adding delegated events"),a(v,f.context).on(t,"click"+j,b.toggle).on(t+" + "+f.selector.label,"click"+j,b.toggle)):(h.on("click"+j,b.toggle).data(k,b),r.on("click"+j,b.toggle)),b.instantiate()},instantiate:function(){b.verbose("Storing instance of module",b),u=b,h.data(k,b)},destroy:function(){b.verbose("Destroying previous module"),h.off(j).removeData(k)},is:{radio:function(){return h.hasClass(g.radio)}},can:{disable:function(){return"boolean"==typeof f.required?f.required:!b.is.radio()}},enable:function(){b.debug("Enabling checkbox"),s.prop("checked",!0),a.proxy(f.onChange,s.get())(),a.proxy(f.onEnable,s.get())()},disable:function(){b.debug("Disabling checkbox"),s.prop("checked",!1),a.proxy(f.onChange,s.get())(),a.proxy(f.onDisable,s.get())()},toggle:function(){b.verbose("Determining new checkbox state"),s.prop("checked")!==d&&s.prop("checked")?b.can.disable()&&b.disable():b.enable()},setting:function(b,c){return c===d?f[b]:(a.isPlainObject(b)?a.extend(!0,f,b):f[b]=c,void 0)},internal:function(c,e){return e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},debug:function(){f.debug&&(f.performance?b.performance.log(arguments):(b.debug=Function.prototype.bind.call(console.info,console,f.name+":"),b.debug.apply(console,arguments)))},verbose:function(){f.verbose&&f.debug&&(f.performance?b.performance.log(arguments):(b.verbose=Function.prototype.bind.call(console.info,console,f.name+":"),b.verbose.apply(console,arguments)))},error:function(){b.error=Function.prototype.bind.call(console.error,console,f.name+":"),b.error.apply(console,arguments)},performance:{log:function(a){var c,d,e;f.performance&&(c=(new Date).getTime(),e=m||c,d=c-e,m=c,n.push({Element:v,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(b.performance.timer),b.performance.timer=setTimeout(b.performance.display,100)},display:function(){var c=f.name+":",g=0;m=!1,clearTimeout(b.performance.timer),a.each(n,function(a,b){g+=b["Execution Time"]}),c+=" "+g+"ms",l&&(c+=" '"+l+"'"),e.size()>1&&(c+=" ("+e.size()+")"),(console.group!==d||console.table!==d)&&n.length>0&&(console.groupCollapsed(c),console.table?console.table(n):a.each(n,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),n=[]}},invoke:function(e,f,g){var h,j,k;return f=f||q,g=v||g,"string"==typeof e&&u!==d&&(e=e.split(/[\. ]/),h=e.length-1,a.each(e,function(c,f){var g=c!=h?f+e[c+1].charAt(0).toUpperCase()+e[c+1].slice(1):e;if(a.isPlainObject(u[f])&&c!=h)u=u[f];else{if(!a.isPlainObject(u[g])||c==h)return u[f]!==d?(j=u[f],!1):u[g]!==d?(j=u[g],!1):(b.error(i.method),!1);u=u[g]}})),a.isFunction(j)?k=j.apply(g,f):j!==d&&(k=j),a.isArray(c)?c.push(k):"string"==typeof c?c=[c,k]:k!==d&&(c=k),j}},p?(u===d&&b.initialize(),b.invoke(o)):(u!==d&&b.destroy(),b.initialize())}),c!==d?c:this},a.fn.checkbox.settings={name:"Checkbox",namespace:"checkbox",verbose:!0,debug:!0,performance:!0,context:!1,required:"auto",onChange:function(){},onEnable:function(){},onDisable:function(){},error:{method:"The method you called is not defined."},selector:{input:"input[type=checkbox], input[type=radio]",label:"label"},className:{radio:"radio"}}}(jQuery,window,document);
--- a/build/minified/modules/modal.js
+++ b/build/minified/modules/modal.js
@ -292,7 +292,7 @@ $.fn.modal = function(parameters) {
            module.debug('Setting dimmer settings', settings.closable);
            $context
              .dimmer('setting', 'closable', settings.closable)
-              .dimmer('setting', 'duration', settings.duration)
+              .dimmer('setting', 'duration', settings.duration * 0.75)
              .dimmer('setting', 'onShow' , module.add.keyboardShortcuts)
              .dimmer('setting', 'onHide', function() {
                module.hide();
@ -526,7 +526,7 @@ $.fn.modal.settings = {

  closable    : true,
  context     : 'body',
-  duration    : 500,
+  duration    : 600,
  easing      : 'easeOutExpo',
  offset      : 0,
  transition  : 'scale',
--- a/build/minified/modules/modal.min.js
+++ b/build/minified/modules/modal.min.js
--- a/build/minified/modules/popup.js
+++ b/build/minified/modules/popup.js
@ -253,7 +253,9 @@ $.fn.popup = function(parameters) {
          // refresh state of module
          module.refresh();
          if( !$module.hasClass(className.visible) ) {
-            module.hideAll();
+            if(settings.on == 'click') {
+              module.hideAll();
+            }
            module.show();
          }
          else {
--- a/build/minified/modules/popup.min.js
+++ b/build/minified/modules/popup.min.js
--- a/build/minified/modules/transition.min.css
+++ b/build/minified/modules/transition.min.css
--- a/build/packaged/css/semantic.css.REMOVED.git-id
+++ b/build/packaged/css/semantic.css.REMOVED.git-id
@ -1 +1 @@
-4d1a687e483032ac1b73bd5fb89fd157574e7a35
+b2d2b6dd9f6036d0e0a0882142880a7a8afe83c5
--- a/build/packaged/css/semantic.min.css.REMOVED.git-id
+++ b/build/packaged/css/semantic.min.css.REMOVED.git-id
@ -1 +1 @@
-07eff705f32c00713a84e19f2cbfe9301af9297c
+f6bc5edc22d0cb6c445e37bcdfbadaae26de0edb
--- a/build/packaged/javascript/semantic.js.REMOVED.git-id
+++ b/build/packaged/javascript/semantic.js.REMOVED.git-id
@ -1 +1 @@
-cc8df66b4e0febc22293c8109ba70d035b958c5f
+6985582c474a49aceeb94d4166223d0e4d8173d9
--- a/build/packaged/javascript/semantic.min.js.REMOVED.git-id
+++ b/build/packaged/javascript/semantic.min.js.REMOVED.git-id
@ -1 +1 @@
-2fa4007ff57f74bfa90ba70a1b11baaf1a544746
+130a56f96471280f95a495cc3057e58ba7ddf18b
--- a/build/uncompressed/collections/grid.css
+++ b/build/uncompressed/collections/grid.css
@ -24,7 +24,7 @@
 }
 body > .ui.grid {
  margin-left: 0%;
-  margin-right: 0%:;
+  margin-right: 0%;
 }
 .ui.grid:after,
 .ui.row:after {
--- a/build/uncompressed/collections/menu.css
+++ b/build/uncompressed/collections/menu.css
@ -173,14 +173,13 @@
  width: 100%;
 }
 .ui.menu .ui.input > .icon {
-  padding-top: 0em;
+  padding-top: 0.1em;
  height: auto;
 }
 .ui.menu .item > .input input,
 .ui.menu .item > input[type="text"] {
  position: relative;
-  top: -0.45em;
-  margin: 0em;
+  margin: -0.45em 0em;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
 }
@ -453,10 +452,11 @@
 .ui.tiered.menu > .menu .item.active:after {
  position: absolute;
  content: '';
+  margin-top: -1px;
  top: 100%;
  left: 0px;
  width: 100%;
-  height: 1px;
+  height: 2px;
  background-color: #FBFBFB;
 }
 .ui.tiered.menu .sub.menu {
@ -578,7 +578,7 @@
 }
 .ui.pagination.menu .item {
  min-width: 2.7em;
-  min-height: 2.66em;
+  min-height: 2.7em;
  text-align: center;
 }
 .ui.pagination.menu.floated {
@ -1398,7 +1398,6 @@
 }
 .ui.menu .item {
  font-size: 1rem;
-  height: 2.66em;
 }
 .ui.vertical.menu {
  width: 15rem;
--- a/build/uncompressed/elements/header.css
+++ b/build/uncompressed/elements/header.css
@ -31,7 +31,7 @@
 .ui.header .icon {
  display: table-cell;
  vertical-align: middle;
-  padding-right: 1rem;
+  padding-right: 0.5em;
 }
 .ui.header .icon:only-child {
  display: inline-block;
@ -41,6 +41,7 @@
  vertical-align: top;
 }
 .ui.header .icon + .content {
+  padding-left: 0.5em;
  display: table-cell;
 }
 /* Positioning */
@ -113,6 +114,9 @@ h5.ui.header {
  margin: 0em auto 0.2em;
  padding: 0em;
 }
+.ui.icon.header .content {
+  display: block;
+}
 .ui.icon.header .circular.icon,
 .ui.icon.header .square.icon {
  font-size: 2em;
--- a/build/uncompressed/elements/icon.css
+++ b/build/uncompressed/elements/icon.css
@ -1424,16 +1424,13 @@ i.icon {
 }
 i.large.icon {
  font-size: 2em;
-  margin-right: 0.5em;
  vertical-align: middle;
 }
 i.huge.icon {
  font-size: 4em;
-  margin-right: 0.75em;
  vertical-align: middle;
 }
 i.massive.icon {
  font-size: 8em;
-  margin-right: 1em;
  vertical-align: middle;
 }
--- a/build/uncompressed/modules/accordion.js
+++ b/build/uncompressed/modules/accordion.js
@ -87,8 +87,10 @@ $.fn.accordion = function(parameters) {
          resetStyle: function() {
            module.verbose('Resetting styles on element', this);
            $(this)
+              .attr('style', '')
              .removeAttr('style')
              .children()
+                .attr('style', '')
                .removeAttr('style')
            ;
          }
@ -138,8 +140,10 @@ $.fn.accordion = function(parameters) {
                .slideUp(settings.duration , settings.easing, function() {
                  $previousContent
                    .removeClass(className.active)
+                    .attr('style', '')
                    .removeAttr('style')
                    .children()
+                      .attr('style', '')
                      .removeAttr('style')
                  ;
                })
@ -151,11 +155,13 @@ $.fn.accordion = function(parameters) {
            $activeContent
              .stop()
              .children()
+                .attr('style', '')
                .removeAttr('style')
                .end()
              .slideDown(settings.duration, settings.easing, function() {
                $activeContent
                  .addClass(className.active)
+                  .attr('style', '')
                  .removeAttr('style')
                ;
                $.proxy(settings.onOpen, $activeContent)();
@ -185,6 +191,7 @@ $.fn.accordion = function(parameters) {
              .end()
            .slideUp(settings.duration, settings.easing, function(){
              $activeContent
+                .attr('style', '')
                .removeAttr('style')
              ;
              $.proxy(settings.onClose, $activeContent)();
--- a/build/uncompressed/modules/checkbox.js
+++ b/build/uncompressed/modules/checkbox.js
@ -334,7 +334,7 @@ $.fn.checkbox.settings = {
  },

  selector : {
-    input  : 'input[type=checkbox]',
+    input  : 'input[type=checkbox], input[type=radio]',
    label  : 'label'
  },

--- a/build/uncompressed/modules/modal.js
+++ b/build/uncompressed/modules/modal.js
@ -292,7 +292,7 @@ $.fn.modal = function(parameters) {
            module.debug('Setting dimmer settings', settings.closable);
            $context
              .dimmer('setting', 'closable', settings.closable)
-              .dimmer('setting', 'duration', settings.duration)
+              .dimmer('setting', 'duration', settings.duration * 0.75)
              .dimmer('setting', 'onShow' , module.add.keyboardShortcuts)
              .dimmer('setting', 'onHide', function() {
                module.hide();
@ -526,7 +526,7 @@ $.fn.modal.settings = {

  closable    : true,
  context     : 'body',
-  duration    : 500,
+  duration    : 600,
  easing      : 'easeOutExpo',
  offset      : 0,
  transition  : 'scale',
--- a/build/uncompressed/modules/popup.js
+++ b/build/uncompressed/modules/popup.js
@ -253,7 +253,9 @@ $.fn.popup = function(parameters) {
          // refresh state of module
          module.refresh();
          if( !$module.hasClass(className.visible) ) {
-            module.hideAll();
+            if(settings.on == 'click') {
+              module.hideAll();
+            }
            module.show();
          }
          else {
--- a/build/uncompressed/modules/transition.css
+++ b/build/uncompressed/modules/transition.css
@ -57,13 +57,6 @@
  display: block;
  visibility: visible;
 }
-/* Direction */
-.ui.out.transition {
-  -webkit-animation-direction: reverse;
-  -moz-animation-direction: reverse;
-  -o-animation-direction: reverse;
-  animation-direction: reverse;
-}
 /* Disabled */
 .ui.disabled.transition {
  -webkit-animation-play-state: paused;
@ -134,6 +127,12 @@
  -o-animation-name: horizontalFlip;
  animation-name: horizontalFlip;
 }
+.ui.horizontal.flip.transition.out {
+  -webkit-animation-name: horizontalFlipOut;
+  -moz-animation-name: horizontalFlipOut;
+  -o-animation-name: horizontalFlipOut;
+  animation-name: horizontalFlipOut;
+}
 .ui.vertical.flip.transition.in,
 .ui.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlip;
@ -141,16 +140,27 @@
  -o-animation-name: verticalFlip;
  animation-name: verticalFlip;
 }
+.ui.vertical.flip.transition.out {
+  -webkit-animation-name: verticalFlipOut;
+  -moz-animation-name: verticalFlipOut;
+  -o-animation-name: verticalFlipOut;
+  animation-name: verticalFlipOut;
+}
 /*--------------
      Fades
 ---------------*/
-.ui.fade.transition.in,
-.ui.fade.transition.out {
+.ui.fade.transition.in {
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -o-animation-name: fade;
  animation-name: fade;
 }
+.ui.fade.transition.out {
+  -webkit-animation-name: fadeOut;
+  -moz-animation-name: fadeOut;
+  -o-animation-name: fadeOut;
+  animation-name: fadeOut;
+}
 .ui.fade.up.transition.in {
  -webkit-animation-name: fadeUp;
  -moz-animation-name: fadeUp;
@ -158,10 +168,10 @@
  animation-name: fadeUp;
 }
 .ui.fade.up.transition.out {
-  -webkit-animation-name: fade;
-  -moz-animation-name: fade;
-  -o-animation-name: fade;
-  animation-name: fade;
+  -webkit-animation-name: fadeUpOut;
+  -moz-animation-name: fadeUpOut;
+  -o-animation-name: fadeUpOut;
+  animation-name: fadeUpOut;
 }
 .ui.fade.down.transition.in {
  -webkit-animation-name: fadeDown;
@ -170,26 +180,30 @@
  animation-name: fadeDown;
 }
 .ui.fade.down.transition.out {
-  -webkit-animation-name: fade;
-  -moz-animation-name: fade;
-  -o-animation-name: fade;
-  animation-name: fade;
+  -webkit-animation-name: fadeDownOut;
+  -moz-animation-name: fadeDownOut;
+  -o-animation-name: fadeDownOut;
+  animation-name: fadeDownOut;
 }
 /*--------------
      Scale
 ---------------*/
-.ui.scale.transition.in,
-.ui.scale.transition.out {
+.ui.scale.transition.in {
  -webkit-animation-name: scale;
  -moz-animation-name: scale;
  -o-animation-name: scale;
  animation-name: scale;
 }
+.ui.scale.transition.out {
+  -webkit-animation-name: scaleOut;
+  -moz-animation-name: scaleOut;
+  -o-animation-name: scaleOut;
+  animation-name: scaleOut;
+}
 /*--------------
      Slide
 ---------------*/
-.ui.slide.down.transition.in,
-.ui.slide.down.transition.out {
+.ui.slide.down.transition.in {
  -webkit-animation-name: slide;
  -moz-animation-name: slide;
  -o-animation-name: slide;
@ -198,8 +212,16 @@
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
 }
-.ui.slide.up.transition.in,
-.ui.slide.up.transition.out {
+.ui.slide.down.transition.out {
+  -webkit-animation-name: slideOut;
+  -moz-animation-name: slideOut;
+  -o-animation-name: slideOut;
+  animation-name: slideOut;
+  transform-origin: 50% 0%;
+  -ms-transform-origin: 50% 0%;
+  -webkit-transform-origin: 50% 0%;
+}
+.ui.slide.up.transition.in {
  -webkit-animation-name: slide;
  -moz-animation-name: slide;
  -o-animation-name: slide;
@ -208,6 +230,15 @@
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
 }
+.ui.slide.up.transition.out {
+  -webkit-animation-name: slideOut;
+  -moz-animation-name: slideOut;
+  -o-animation-name: slideOut;
+  animation-name: slideOut;
+  transform-origin: 50% 100%;
+  -ms-transform-origin: 50% 100%;
+  -webkit-transform-origin: 50% 100%;
+}
@-moz-keyframes slide {
  0% {
    opacity: 0;
@ -238,6 +269,36 @@
    transform: scaleY(1);
  }
 }
+@-moz-keyframes slideOut {
+  0% {
+    opacity: 1;
+    -moz-transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: scaleY(0);
+  }
+}
+@-webkit-keyframes slideOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scaleY(0);
+  }
+}
+@keyframes slideOut {
+  0% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scaleY(0);
+  }
+}
 /*******************************
       Animations
 *******************************/
@ -702,6 +763,46 @@
    opacity: 1;
  }
 }
+@-webkit-keyframes verticalFlipOut {
+  0% {
+    -webkit-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -webkit-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@-moz-keyframes verticalFlipOut {
+  0% {
+    -moz-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -moz-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@-o-keyframes verticalFlipOut {
+  0% {
+    -o-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -o-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@keyframes verticalFlipOut {
+  0% {
+    transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
 /*--------------
     Fades
 ---------------*/
@ -738,6 +839,38 @@
    opacity: 1;
  }
 }
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@-moz-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@-o-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 /* Fade Up */
@-webkit-keyframes fadeUp {
  0% {
@ -779,6 +912,46 @@
    transform: translateY(0);
  }
 }
+@-webkit-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(20px);
+  }
+}
+@-moz-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: translateY(20px);
+  }
+}
+@-o-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: translateY(20px);
+  }
+}
+@keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+}
 /* Fade Down */
@-webkit-keyframes fadeDown {
  0% {
@ -820,6 +993,46 @@
    transform: translateY(0);
  }
 }
+@-webkit-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-20px);
+  }
+}
+@-moz-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: translateY(-20px);
+  }
+}
+@-o-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: translateY(-20px);
+  }
+}
+@keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+}
 /*--------------
      Scale
 ---------------*/
@ -864,3 +1077,43 @@
    transform: scale(1);
  }
 }
+@-webkit-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.7);
+  }
+}
+@-moz-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -moz-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: scale(0.7);
+  }
+}
+@-o-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -o-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: scale(0.7);
+  }
+}
+@keyframes scaleOut {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0.7);
+  }
+}
--- a/node/package.json
+++ b/node/package.json
@ -1,7 +1,7 @@
 {
  "semantic": {
    "name": "Semantic UI",
-    "version": "0.3.3"
+    "version": "0.3.5"
  },
  "dependencies": {
    "docpad": "~6.53.0",
--- a/node/src/documents/collections/menu.html.eco
+++ b/node/src/documents/collections/menu.html.eco
@ -37,7 +37,7 @@ type        : 'UI Collection'
        <i class="user icon"></i> Friends
      </a>
      <div class="right menu">
-        <div class="borderless item">
+        <div class="borderless vertically fitted item">
          <div class="ui icon input">
            <input type="text" placeholder="Search...">
            <i class="search link icon"></i>
@ -140,7 +140,7 @@ type        : 'UI Collection'
          <i class="mail icon"></i> Messages
        </a>
        <div class="right menu">
-          <div class="borderless item">
+          <div class="borderless vertically fitted item">
            <div class="ui icon input">
              <input type="text" placeholder="Search...">
              <i class="search icon"></i>
@ -812,7 +812,7 @@ type        : 'UI Collection'
        <i class="user icon"></i> Friends
      </a>
      <div class="right menu">
-        <div class="borderless item">
+        <div class="borderless vertically fitted item">
          <div class="ui icon input">
            <input type="text" placeholder="Search...">
            <i class="search link icon"></i>
@ -829,6 +829,25 @@ type        : 'UI Collection'
      </div>
    </div>
  </div>
+  <div class="another example">
+    <div class="ui small menu">
+      <a class="active item">
+        Inbox
+      </a>
+      <a class="item">
+        Spam
+      </a>
+      <a class="item">
+        Updates
+      </a>
+      <div class="item">
+        <div class="ui icon input">
+          <input type="text" placeholder="Search mail...">
+          <i class="search icon"></i>
+        </div>
+      </div>
+    </div>
+  </div>
  <div class="example">
    <p>A vertical menu can also vary in size</p>
    <div class="ui large vertical menu">
--- a/node/src/documents/index.html.eco
+++ b/node/src/documents/index.html.eco
@ -14,7 +14,7 @@ type   : 'Semantic'
  <div class="ui page grid">
    <div class="column">
      <div class="introduction">
-        <h1 class="ui header">Semantic UI <a class="ui black label" href="https://github.com/jlukic/Semantic-UI/blob/master/RELEASE%20NOTES.md">0.3.3</a></h1>
+        <h1 class="ui header">Semantic UI <a class="ui black label" href="https://github.com/jlukic/Semantic-UI/blob/master/RELEASE%20NOTES.md">0.3.5</a></h1>
        <h2 class="ui header">UI is the vocabulary of the web.</h2>
        <p>Semantic empowers designers and developers by creating a language for sharing UI.</p>
        <a class="ui black large labeled launch icon button"><i class="icon list layout"></i> View UI</a>
--- a/node/src/documents/introduction/types.html.eco
+++ b/node/src/documents/introduction/types.html.eco
@ -1,4 +1,4 @@
-  ---
+---
 layout      : 'default'
 css         : 'types'

--- a/node/src/files/build/less/collections/grid.less
+++ b/node/src/files/build/less/collections/grid.less
@ -29,7 +29,7 @@

 body > .ui.grid {
  margin-left: 0%;
-  margin-right: 0%:;
+  margin-right: 0%;
 }

 .ui.grid:after,
--- a/node/src/files/build/less/collections/menu.less.REMOVED.git-id
+++ b/node/src/files/build/less/collections/menu.less.REMOVED.git-id
@ -1 +1 @@
-ae5be9219aa61370d76209f2c0efe1730f7a4f8a
+938a77368926e4c24478b94333049fc8a2662ad5
--- a/node/src/files/build/less/elements/header.less
+++ b/node/src/files/build/less/elements/header.less
@ -37,7 +37,7 @@
 .ui.header .icon {
  display: table-cell;
  vertical-align: middle;
-  padding-right: 1rem;
+  padding-right: 0.5em;
 }
 .ui.header .icon:only-child {
  display: inline-block;
@ -48,6 +48,7 @@
  vertical-align: top;
 }
 .ui.header .icon + .content {
+  padding-left: 0.5em;
  display: table-cell;
 }

@ -131,6 +132,9 @@ h5.ui.header {
  margin: 0em auto 0.2em;
  padding: 0em;
 }
+.ui.icon.header .content {
+  display: block;
+}
 .ui.icon.header .circular.icon,
 .ui.icon.header .square.icon {
  font-size: 2em;
--- a/node/src/files/build/less/elements/icon.less
+++ b/node/src/files/build/less/elements/icon.less
@ -756,16 +756,13 @@ i.icon {
 }
 i.large.icon {
  font-size: 2em;
-  margin-right: 0.5em;
  vertical-align: middle;
 }
 i.huge.icon {
  font-size: 4em;
-  margin-right: 0.75em;
  vertical-align: middle;
 }
 i.massive.icon {
  font-size: 8em;
-  margin-right: 1em;
  vertical-align: middle;
 }
--- a/node/src/files/build/less/modules/accordion.js
+++ b/node/src/files/build/less/modules/accordion.js
@ -87,8 +87,10 @@ $.fn.accordion = function(parameters) {
          resetStyle: function() {
            module.verbose('Resetting styles on element', this);
            $(this)
+              .attr('style', '')
              .removeAttr('style')
              .children()
+                .attr('style', '')
                .removeAttr('style')
            ;
          }
@ -138,8 +140,10 @@ $.fn.accordion = function(parameters) {
                .slideUp(settings.duration , settings.easing, function() {
                  $previousContent
                    .removeClass(className.active)
+                    .attr('style', '')
                    .removeAttr('style')
                    .children()
+                      .attr('style', '')
                      .removeAttr('style')
                  ;
                })
@ -151,11 +155,13 @@ $.fn.accordion = function(parameters) {
            $activeContent
              .stop()
              .children()
+                .attr('style', '')
                .removeAttr('style')
                .end()
              .slideDown(settings.duration, settings.easing, function() {
                $activeContent
                  .addClass(className.active)
+                  .attr('style', '')
                  .removeAttr('style')
                ;
                $.proxy(settings.onOpen, $activeContent)();
@ -185,6 +191,7 @@ $.fn.accordion = function(parameters) {
              .end()
            .slideUp(settings.duration, settings.easing, function(){
              $activeContent
+                .attr('style', '')
                .removeAttr('style')
              ;
              $.proxy(settings.onClose, $activeContent)();
--- a/node/src/files/build/less/modules/checkbox.js
+++ b/node/src/files/build/less/modules/checkbox.js
@ -334,7 +334,7 @@ $.fn.checkbox.settings = {
  },

  selector : {
-    input  : 'input[type=checkbox]',
+    input  : 'input[type=checkbox], input[type=radio]',
    label  : 'label'
  },

--- a/node/src/files/build/less/modules/modal.js
+++ b/node/src/files/build/less/modules/modal.js
@ -292,7 +292,7 @@ $.fn.modal = function(parameters) {
            module.debug('Setting dimmer settings', settings.closable);
            $context
              .dimmer('setting', 'closable', settings.closable)
-              .dimmer('setting', 'duration', settings.duration)
+              .dimmer('setting', 'duration', settings.duration * 0.75)
              .dimmer('setting', 'onShow' , module.add.keyboardShortcuts)
              .dimmer('setting', 'onHide', function() {
                module.hide();
@ -526,7 +526,7 @@ $.fn.modal.settings = {

  closable    : true,
  context     : 'body',
-  duration    : 500,
+  duration    : 600,
  easing      : 'easeOutExpo',
  offset      : 0,
  transition  : 'scale',
--- a/node/src/files/build/less/modules/popup.js
+++ b/node/src/files/build/less/modules/popup.js
@ -253,7 +253,9 @@ $.fn.popup = function(parameters) {
          // refresh state of module
          module.refresh();
          if( !$module.hasClass(className.visible) ) {
-            module.hideAll();
+            if(settings.on == 'click') {
+              module.hideAll();
+            }
            module.show();
          }
          else {
--- a/node/src/files/build/less/modules/transition.less
+++ b/node/src/files/build/less/modules/transition.less
@ -70,15 +70,6 @@
  visibility: visible;
 }

-
-/* Direction */
-.ui.out.transition {
-  -webkit-animation-direction: reverse;
-  -moz-animation-direction: reverse;
-  -o-animation-direction: reverse;
-  animation-direction: reverse;
-}
-
 /* Disabled */
 .ui.disabled.transition {
  -webkit-animation-play-state: paused;
@ -156,6 +147,12 @@
  -o-animation-name: horizontalFlip;
  animation-name: horizontalFlip;
 }
+.ui.horizontal.flip.transition.out {
+  -webkit-animation-name: horizontalFlipOut;
+  -moz-animation-name: horizontalFlipOut;
+  -o-animation-name: horizontalFlipOut;
+  animation-name: horizontalFlipOut;
+}
 .ui.vertical.flip.transition.in,
 .ui.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlip;
@ -163,18 +160,29 @@
  -o-animation-name: verticalFlip;
  animation-name: verticalFlip;
 }
+.ui.vertical.flip.transition.out {
+  -webkit-animation-name: verticalFlipOut;
+  -moz-animation-name: verticalFlipOut;
+  -o-animation-name: verticalFlipOut;
+  animation-name: verticalFlipOut;
+}

 /*--------------
      Fades
 ---------------*/

-.ui.fade.transition.in,
-.ui.fade.transition.out {
+.ui.fade.transition.in {
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -o-animation-name: fade;
  animation-name: fade;
 }
+.ui.fade.transition.out {
+  -webkit-animation-name: fadeOut;
+  -moz-animation-name: fadeOut;
+  -o-animation-name: fadeOut;
+  animation-name: fadeOut;
+}

 .ui.fade.up.transition.in {
  -webkit-animation-name: fadeUp;
@ -183,10 +191,10 @@
  animation-name: fadeUp;
 }
 .ui.fade.up.transition.out {
-  -webkit-animation-name: fade;
-  -moz-animation-name: fade;
-  -o-animation-name: fade;
-  animation-name: fade;
+  -webkit-animation-name: fadeUpOut;
+  -moz-animation-name: fadeUpOut;
+  -o-animation-name: fadeUpOut;
+  animation-name: fadeUpOut;
 }

 .ui.fade.down.transition.in {
@ -196,31 +204,36 @@
  animation-name: fadeDown;
 }
 .ui.fade.down.transition.out {
-  -webkit-animation-name: fade;
-  -moz-animation-name: fade;
-  -o-animation-name: fade;
-  animation-name: fade;
+  -webkit-animation-name: fadeDownOut;
+  -moz-animation-name: fadeDownOut;
+  -o-animation-name: fadeDownOut;
+  animation-name: fadeDownOut;
 }

 /*--------------
      Scale
 ---------------*/

-.ui.scale.transition.in,
-.ui.scale.transition.out {
+.ui.scale.transition.in {
  -webkit-animation-name: scale;
  -moz-animation-name: scale;
  -o-animation-name: scale;
  animation-name: scale;
 }
+.ui.scale.transition.out {
+  -webkit-animation-name: scaleOut;
+  -moz-animation-name: scaleOut;
+  -o-animation-name: scaleOut;
+  animation-name: scaleOut;
+}
+


 /*--------------
      Slide
 ---------------*/

-.ui.slide.down.transition.in,
-.ui.slide.down.transition.out {
+.ui.slide.down.transition.in {
  -webkit-animation-name: slide;
  -moz-animation-name: slide;
  -o-animation-name: slide;
@ -229,8 +242,17 @@
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
 }
-.ui.slide.up.transition.in,
-.ui.slide.up.transition.out {
+.ui.slide.down.transition.out {
+  -webkit-animation-name: slideOut;
+  -moz-animation-name: slideOut;
+  -o-animation-name: slideOut;
+  animation-name: slideOut;
+  transform-origin: 50% 0%;
+  -ms-transform-origin: 50% 0%;
+  -webkit-transform-origin: 50% 0%;
+}
+
+.ui.slide.up.transition.in {
  -webkit-animation-name: slide;
  -moz-animation-name: slide;
  -o-animation-name: slide;
@ -239,6 +261,16 @@
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
 }
+.ui.slide.up.transition.out {
+  -webkit-animation-name: slideOut;
+  -moz-animation-name: slideOut;
+  -o-animation-name: slideOut;
+  animation-name: slideOut;
+  transform-origin: 50% 100%;
+  -ms-transform-origin: 50% 100%;
+  -webkit-transform-origin: 50% 100%;
+}
+

@-moz-keyframes slide {
  0% {
@ -271,6 +303,36 @@
  }
 }

+@-moz-keyframes slideOut {
+  0% {
+    opacity: 1;
+    -moz-transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: scaleY(0);
+  }
+}
+@-webkit-keyframes slideOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scaleY(0);
+  }
+}
+@keyframes slideOut {
+  0% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scaleY(0);
+  }
+}

 /*******************************
       Animations
@ -667,6 +729,46 @@
    opacity: 1;
  }
 }
+@-webkit-keyframes verticalFlipOut {
+  0% {
+    -webkit-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -webkit-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@-moz-keyframes verticalFlipOut {
+  0% {
+    -moz-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -moz-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@-o-keyframes verticalFlipOut {
+  0% {
+    -o-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -o-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@keyframes verticalFlipOut {
+  0% {
+    transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}

 /*--------------
     Fades
@ -706,6 +808,39 @@
  }
 }

+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@-moz-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@-o-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
 /* Fade Up */
@-webkit-keyframes fadeUp {
  0% {
@ -748,6 +883,47 @@
  }
 }

+@-webkit-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(20px);
+  }
+}
+@-moz-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: translateY(20px);
+  }
+}
+@-o-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: translateY(20px);
+  }
+}
+@keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+}
+
 /* Fade Down */
@-webkit-keyframes fadeDown {
  0% {
@ -791,6 +967,47 @@
 }


+@-webkit-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-20px);
+  }
+}
+@-moz-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: translateY(-20px);
+  }
+}
+@-o-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: translateY(-20px);
+  }
+}
+@keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+}
+
 /*--------------
      Scale
 ---------------*/
@ -835,4 +1052,45 @@
    opacity: 1;
    transform: scale(1);
  }
+}
+
+@-webkit-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.7);
+  }
+}
+@-moz-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -moz-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: scale(0.7);
+  }
+}
+@-o-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -o-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: scale(0.7);
+  }
+}
+@keyframes scaleOut {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0.7);
+  }
 }
--- a/node/src/files/build/minified/collections/grid.min.css
+++ b/node/src/files/build/minified/collections/grid.min.css
--- a/node/src/files/build/minified/collections/menu.min.css
+++ b/node/src/files/build/minified/collections/menu.min.css
--- a/node/src/files/build/minified/elements/header.min.css
+++ b/node/src/files/build/minified/elements/header.min.css
@ -1 +1 @@
-.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{display:table-cell;vertical-align:middle;padding-right:1rem}.ui.header .icon:only-child{display:inline-block}.ui.header .content{display:inline-block;vertical-align:top}.ui.header .icon+.content{display:table-cell}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:3em;margin:0 auto .2em;padding:0}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#D95C5C!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #D95C5C}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#D95C5C!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left;margin-top:0;margin-right:.5em}.ui.right.floated.header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .sub.header{padding-bottom:.5em}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{background-color:#E0E0E0;padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}
+.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header .icon{display:table-cell;vertical-align:middle;padding-right:.5em}.ui.header .icon:only-child{display:inline-block}.ui.header .content{display:inline-block;vertical-align:top}.ui.header .icon+.content{padding-left:.5em;display:table-cell}.ui.header:first-child{margin-top:0}.ui.header:last-child{margin-bottom:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.icon.header{display:inline-block;text-align:center}.ui.icon.header .icon{float:none;display:block;font-size:3em;margin:0 auto .2em;padding:0}.ui.icon.header .content{display:block}.ui.icon.header .circular.icon,.ui.icon.header .square.icon{font-size:2em}.ui.block.icon.header .icon{margin-bottom:0}.ui.icon.header.aligned{margin-left:auto;margin-right:auto;display:block}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#D95C5C!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.dividing.header{border-bottom:3px solid #6ECFF5}.ui.black.dividing.header{border-bottom:3px solid #5C6166}.ui.green.dividing.header{border-bottom:3px solid #A1CF64}.ui.red.dividing.header{border-bottom:3px solid #D95C5C}.ui.purple.dividing.header{border-bottom:3px solid #564F8A}.ui.teal.dividing.header{border-bottom:3px solid #00B5AD}.ui.inverted.header{color:#FFF}.ui.inverted.header .sub.header{color:rgba(255,255,255,.85)}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#D95C5C!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-bottom:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left;margin-top:0;margin-right:.5em}.ui.right.floated.header{float:right;margin-top:0;margin-left:.5em}.ui.fitted.header{padding:0}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.dividing.header .sub.header{padding-bottom:.5em}.ui.dividing.header .icon{margin-bottom:.2em}.ui.block.header{background-color:#F5F5F5;padding:.5em 1em}.ui.attached.header{background-color:#E0E0E0;padding:.5em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}
--- a/node/src/files/build/minified/elements/icon.min.css
+++ b/node/src/files/build/minified/elements/icon.min.css
--- a/node/src/files/build/minified/modules/accordion.js
+++ b/node/src/files/build/minified/modules/accordion.js
@ -87,8 +87,10 @@ $.fn.accordion = function(parameters) {
          resetStyle: function() {
            module.verbose('Resetting styles on element', this);
            $(this)
+              .attr('style', '')
              .removeAttr('style')
              .children()
+                .attr('style', '')
                .removeAttr('style')
            ;
          }
@ -138,8 +140,10 @@ $.fn.accordion = function(parameters) {
                .slideUp(settings.duration , settings.easing, function() {
                  $previousContent
                    .removeClass(className.active)
+                    .attr('style', '')
                    .removeAttr('style')
                    .children()
+                      .attr('style', '')
                      .removeAttr('style')
                  ;
                })
@ -151,11 +155,13 @@ $.fn.accordion = function(parameters) {
            $activeContent
              .stop()
              .children()
+                .attr('style', '')
                .removeAttr('style')
                .end()
              .slideDown(settings.duration, settings.easing, function() {
                $activeContent
                  .addClass(className.active)
+                  .attr('style', '')
                  .removeAttr('style')
                ;
                $.proxy(settings.onOpen, $activeContent)();
@ -185,6 +191,7 @@ $.fn.accordion = function(parameters) {
              .end()
            .slideUp(settings.duration, settings.easing, function(){
              $activeContent
+                .attr('style', '')
                .removeAttr('style')
              ;
              $.proxy(settings.onClose, $activeContent)();
--- a/node/src/files/build/minified/modules/accordion.min.js
+++ b/node/src/files/build/minified/modules/accordion.min.js
@ -1 +1 @@
-!function(a,b,c,d){a.fn.accordion=function(b){var c,e=a(this),f=a.isPlainObject(b)?a.extend(!0,{},a.fn.accordion.settings,b):a.fn.accordion.settings,g=f.className,h=f.namespace,i=f.selector,j=f.error,k="."+h,l="module-"+h,m=e.selector||"",n=(new Date).getTime(),o=[],p=arguments[0],q="string"==typeof p,r=[].slice.call(arguments,1);return e.each(function(){var b,h=a(this),s=h.find(i.title),t=h.find(i.content),u=this,v=h.data(l);b={initialize:function(){b.debug("Initializing accordion with bound events",h),s.on("click"+k,b.event.click),b.instantiate()},instantiate:function(){h.data(l,b)},destroy:function(){b.debug("Destroying previous accordion for",h),h.removeData(l),s.off(k)},event:{click:function(){b.verbose("Title clicked",this);var c=a(this),d=s.index(c);b.toggle(d)},resetStyle:function(){b.verbose("Resetting styles on element",this),a(this).removeAttr("style").children().removeAttr("style")}},toggle:function(a){b.debug("Toggling content content at index",a);var c=s.eq(a),d=c.next(t),e=d.is(":visible");e?f.collapsible?b.close(a):b.debug("Cannot close accordion content collapsing is disabled"):b.open(a)},open:function(c){var d=s.eq(c),e=d.next(t),h=s.filter("."+g.active),i=h.next(s),j=h.size()>0;e.is(":animated")||(b.debug("Opening accordion content",d),f.exclusive&&j&&(h.removeClass(g.active),i.stop().children().animate({opacity:0},f.duration,b.event.resetStyle).end().slideUp(f.duration,f.easing,function(){i.removeClass(g.active).removeAttr("style").children().removeAttr("style")})),d.addClass(g.active),e.stop().children().removeAttr("style").end().slideDown(f.duration,f.easing,function(){e.addClass(g.active).removeAttr("style"),a.proxy(f.onOpen,e)(),a.proxy(f.onChange,e)()}))},close:function(c){var d=s.eq(c),e=d.next(t);b.debug("Closing accordion content",d),d.removeClass(g.active),e.removeClass(g.active).show().stop().children().animate({opacity:0},f.duration,b.event.resetStyle).end().slideUp(f.duration,f.easing,function(){e.removeAttr("style"),a.proxy(f.onClose,e)(),a.proxy(f.onChange,e)()})},setting:function(c,e){return b.debug("Changing setting",c,e),e===d?f[c]:(a.isPlainObject(c)?a.extend(!0,f,c):f[c]=e,void 0)},internal:function(c,e){return b.debug("Changing internal",c,e),e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},debug:function(){f.debug&&(f.performance?b.performance.log(arguments):(b.debug=Function.prototype.bind.call(console.info,console,f.name+":"),b.debug.apply(console,arguments)))},verbose:function(){f.verbose&&f.debug&&(f.performance?b.performance.log(arguments):(b.verbose=Function.prototype.bind.call(console.info,console,f.name+":"),b.verbose.apply(console,arguments)))},error:function(){b.error=Function.prototype.bind.call(console.error,console,f.name+":"),b.error.apply(console,arguments)},performance:{log:function(a){var c,d,e;f.performance&&(c=(new Date).getTime(),e=n||c,d=c-e,n=c,o.push({Element:u,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(b.performance.timer),b.performance.timer=setTimeout(b.performance.display,100)},display:function(){var c=f.name+":",g=0;n=!1,clearTimeout(b.performance.timer),a.each(o,function(a,b){g+=b["Execution Time"]}),c+=" "+g+"ms",m&&(c+=" '"+m+"'"),e.size()>1&&(c+=" ("+e.size()+")"),(console.group!==d||console.table!==d)&&o.length>0&&(console.groupCollapsed(c),console.table?console.table(o):a.each(o,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),o=[]}},invoke:function(e,f,g){var h,i,k;return f=f||r,g=u||g,"string"==typeof e&&v!==d&&(e=e.split(/[\. ]/),h=e.length-1,a.each(e,function(c,f){var g=c!=h?f+e[c+1].charAt(0).toUpperCase()+e[c+1].slice(1):e;if(a.isPlainObject(v[f])&&c!=h)v=v[f];else{if(!a.isPlainObject(v[g])||c==h)return v[f]!==d?(i=v[f],!1):v[g]!==d?(i=v[g],!1):(b.error(j.method),!1);v=v[g]}})),a.isFunction(i)?k=i.apply(g,f):i!==d&&(k=i),a.isArray(c)?c.push(k):"string"==typeof c?c=[c,k]:k!==d&&(c=k),i}},q?(v===d&&b.initialize(),b.invoke(p)):(v!==d&&b.destroy(),b.initialize())}),c!==d?c:this},a.fn.accordion.settings={name:"Accordion",namespace:"accordion",debug:!0,verbose:!0,performance:!0,exclusive:!0,collapsible:!0,duration:300,easing:"linear",onOpen:function(){},onClose:function(){},onChange:function(){},error:{method:"The method you called is not defined"},className:{active:"active"},selector:{title:".title",content:".content"}}}(jQuery,window,document);
+!function(a,b,c,d){a.fn.accordion=function(b){var c,e=a(this),f=a.isPlainObject(b)?a.extend(!0,{},a.fn.accordion.settings,b):a.fn.accordion.settings,g=f.className,h=f.namespace,i=f.selector,j=f.error,k="."+h,l="module-"+h,m=e.selector||"",n=(new Date).getTime(),o=[],p=arguments[0],q="string"==typeof p,r=[].slice.call(arguments,1);return e.each(function(){var b,h=a(this),s=h.find(i.title),t=h.find(i.content),u=this,v=h.data(l);b={initialize:function(){b.debug("Initializing accordion with bound events",h),s.on("click"+k,b.event.click),b.instantiate()},instantiate:function(){h.data(l,b)},destroy:function(){b.debug("Destroying previous accordion for",h),h.removeData(l),s.off(k)},event:{click:function(){b.verbose("Title clicked",this);var c=a(this),d=s.index(c);b.toggle(d)},resetStyle:function(){b.verbose("Resetting styles on element",this),a(this).attr("style","").removeAttr("style").children().attr("style","").removeAttr("style")}},toggle:function(a){b.debug("Toggling content content at index",a);var c=s.eq(a),d=c.next(t),e=d.is(":visible");e?f.collapsible?b.close(a):b.debug("Cannot close accordion content collapsing is disabled"):b.open(a)},open:function(c){var d=s.eq(c),e=d.next(t),h=s.filter("."+g.active),i=h.next(s),j=h.size()>0;e.is(":animated")||(b.debug("Opening accordion content",d),f.exclusive&&j&&(h.removeClass(g.active),i.stop().children().animate({opacity:0},f.duration,b.event.resetStyle).end().slideUp(f.duration,f.easing,function(){i.removeClass(g.active).attr("style","").removeAttr("style").children().attr("style","").removeAttr("style")})),d.addClass(g.active),e.stop().children().attr("style","").removeAttr("style").end().slideDown(f.duration,f.easing,function(){e.addClass(g.active).attr("style","").removeAttr("style"),a.proxy(f.onOpen,e)(),a.proxy(f.onChange,e)()}))},close:function(c){var d=s.eq(c),e=d.next(t);b.debug("Closing accordion content",d),d.removeClass(g.active),e.removeClass(g.active).show().stop().children().animate({opacity:0},f.duration,b.event.resetStyle).end().slideUp(f.duration,f.easing,function(){e.attr("style","").removeAttr("style"),a.proxy(f.onClose,e)(),a.proxy(f.onChange,e)()})},setting:function(c,e){return b.debug("Changing setting",c,e),e===d?f[c]:(a.isPlainObject(c)?a.extend(!0,f,c):f[c]=e,void 0)},internal:function(c,e){return b.debug("Changing internal",c,e),e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},debug:function(){f.debug&&(f.performance?b.performance.log(arguments):(b.debug=Function.prototype.bind.call(console.info,console,f.name+":"),b.debug.apply(console,arguments)))},verbose:function(){f.verbose&&f.debug&&(f.performance?b.performance.log(arguments):(b.verbose=Function.prototype.bind.call(console.info,console,f.name+":"),b.verbose.apply(console,arguments)))},error:function(){b.error=Function.prototype.bind.call(console.error,console,f.name+":"),b.error.apply(console,arguments)},performance:{log:function(a){var c,d,e;f.performance&&(c=(new Date).getTime(),e=n||c,d=c-e,n=c,o.push({Element:u,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(b.performance.timer),b.performance.timer=setTimeout(b.performance.display,100)},display:function(){var c=f.name+":",g=0;n=!1,clearTimeout(b.performance.timer),a.each(o,function(a,b){g+=b["Execution Time"]}),c+=" "+g+"ms",m&&(c+=" '"+m+"'"),e.size()>1&&(c+=" ("+e.size()+")"),(console.group!==d||console.table!==d)&&o.length>0&&(console.groupCollapsed(c),console.table?console.table(o):a.each(o,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),o=[]}},invoke:function(e,f,g){var h,i,k;return f=f||r,g=u||g,"string"==typeof e&&v!==d&&(e=e.split(/[\. ]/),h=e.length-1,a.each(e,function(c,f){var g=c!=h?f+e[c+1].charAt(0).toUpperCase()+e[c+1].slice(1):e;if(a.isPlainObject(v[f])&&c!=h)v=v[f];else{if(!a.isPlainObject(v[g])||c==h)return v[f]!==d?(i=v[f],!1):v[g]!==d?(i=v[g],!1):(b.error(j.method),!1);v=v[g]}})),a.isFunction(i)?k=i.apply(g,f):i!==d&&(k=i),a.isArray(c)?c.push(k):"string"==typeof c?c=[c,k]:k!==d&&(c=k),i}},q?(v===d&&b.initialize(),b.invoke(p)):(v!==d&&b.destroy(),b.initialize())}),c!==d?c:this},a.fn.accordion.settings={name:"Accordion",namespace:"accordion",debug:!0,verbose:!0,performance:!0,exclusive:!0,collapsible:!0,duration:300,easing:"linear",onOpen:function(){},onClose:function(){},onChange:function(){},error:{method:"The method you called is not defined"},className:{active:"active"},selector:{title:".title",content:".content"}}}(jQuery,window,document);
--- a/node/src/files/build/minified/modules/checkbox.js
+++ b/node/src/files/build/minified/modules/checkbox.js
@ -334,7 +334,7 @@ $.fn.checkbox.settings = {
  },

  selector : {
-    input  : 'input[type=checkbox]',
+    input  : 'input[type=checkbox], input[type=radio]',
    label  : 'label'
  },

--- a/node/src/files/build/minified/modules/checkbox.min.js
+++ b/node/src/files/build/minified/modules/checkbox.min.js
@ -1 +1 @@
-!function(a,b,c,d){a.fn.checkbox=function(b){var c,e=a(this),f=a.extend(!0,{},a.fn.checkbox.settings,b),g=f.className,h=f.namespace,i=f.error,j="."+h,k="module-"+h,l=e.selector||"",m=(new Date).getTime(),n=[],o=arguments[0],p="string"==typeof o,q=[].slice.call(arguments,1);return e.each(function(){var b,h=a(this),r=a(this).next(f.selector.label).first(),s=a(this).find(f.selector.input),t=h.selector||"",u=h.data(k),v=this;b={initialize:function(){b.verbose("Initializing checkbox",f),f.context&&""!==t?(b.verbose("Adding delegated events"),a(v,f.context).on(t,"click"+j,b.toggle).on(t+" + "+f.selector.label,"click"+j,b.toggle)):(h.on("click"+j,b.toggle).data(k,b),r.on("click"+j,b.toggle)),b.instantiate()},instantiate:function(){b.verbose("Storing instance of module",b),u=b,h.data(k,b)},destroy:function(){b.verbose("Destroying previous module"),h.off(j).removeData(k)},is:{radio:function(){return h.hasClass(g.radio)}},can:{disable:function(){return"boolean"==typeof f.required?f.required:!b.is.radio()}},enable:function(){b.debug("Enabling checkbox"),s.prop("checked",!0),a.proxy(f.onChange,s.get())(),a.proxy(f.onEnable,s.get())()},disable:function(){b.debug("Disabling checkbox"),s.prop("checked",!1),a.proxy(f.onChange,s.get())(),a.proxy(f.onDisable,s.get())()},toggle:function(){b.verbose("Determining new checkbox state"),s.prop("checked")!==d&&s.prop("checked")?b.can.disable()&&b.disable():b.enable()},setting:function(b,c){return c===d?f[b]:(a.isPlainObject(b)?a.extend(!0,f,b):f[b]=c,void 0)},internal:function(c,e){return e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},debug:function(){f.debug&&(f.performance?b.performance.log(arguments):(b.debug=Function.prototype.bind.call(console.info,console,f.name+":"),b.debug.apply(console,arguments)))},verbose:function(){f.verbose&&f.debug&&(f.performance?b.performance.log(arguments):(b.verbose=Function.prototype.bind.call(console.info,console,f.name+":"),b.verbose.apply(console,arguments)))},error:function(){b.error=Function.prototype.bind.call(console.error,console,f.name+":"),b.error.apply(console,arguments)},performance:{log:function(a){var c,d,e;f.performance&&(c=(new Date).getTime(),e=m||c,d=c-e,m=c,n.push({Element:v,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(b.performance.timer),b.performance.timer=setTimeout(b.performance.display,100)},display:function(){var c=f.name+":",g=0;m=!1,clearTimeout(b.performance.timer),a.each(n,function(a,b){g+=b["Execution Time"]}),c+=" "+g+"ms",l&&(c+=" '"+l+"'"),e.size()>1&&(c+=" ("+e.size()+")"),(console.group!==d||console.table!==d)&&n.length>0&&(console.groupCollapsed(c),console.table?console.table(n):a.each(n,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),n=[]}},invoke:function(e,f,g){var h,j,k;return f=f||q,g=v||g,"string"==typeof e&&u!==d&&(e=e.split(/[\. ]/),h=e.length-1,a.each(e,function(c,f){var g=c!=h?f+e[c+1].charAt(0).toUpperCase()+e[c+1].slice(1):e;if(a.isPlainObject(u[f])&&c!=h)u=u[f];else{if(!a.isPlainObject(u[g])||c==h)return u[f]!==d?(j=u[f],!1):u[g]!==d?(j=u[g],!1):(b.error(i.method),!1);u=u[g]}})),a.isFunction(j)?k=j.apply(g,f):j!==d&&(k=j),a.isArray(c)?c.push(k):"string"==typeof c?c=[c,k]:k!==d&&(c=k),j}},p?(u===d&&b.initialize(),b.invoke(o)):(u!==d&&b.destroy(),b.initialize())}),c!==d?c:this},a.fn.checkbox.settings={name:"Checkbox",namespace:"checkbox",verbose:!0,debug:!0,performance:!0,context:!1,required:"auto",onChange:function(){},onEnable:function(){},onDisable:function(){},error:{method:"The method you called is not defined."},selector:{input:"input[type=checkbox]",label:"label"},className:{radio:"radio"}}}(jQuery,window,document);
+!function(a,b,c,d){a.fn.checkbox=function(b){var c,e=a(this),f=a.extend(!0,{},a.fn.checkbox.settings,b),g=f.className,h=f.namespace,i=f.error,j="."+h,k="module-"+h,l=e.selector||"",m=(new Date).getTime(),n=[],o=arguments[0],p="string"==typeof o,q=[].slice.call(arguments,1);return e.each(function(){var b,h=a(this),r=a(this).next(f.selector.label).first(),s=a(this).find(f.selector.input),t=h.selector||"",u=h.data(k),v=this;b={initialize:function(){b.verbose("Initializing checkbox",f),f.context&&""!==t?(b.verbose("Adding delegated events"),a(v,f.context).on(t,"click"+j,b.toggle).on(t+" + "+f.selector.label,"click"+j,b.toggle)):(h.on("click"+j,b.toggle).data(k,b),r.on("click"+j,b.toggle)),b.instantiate()},instantiate:function(){b.verbose("Storing instance of module",b),u=b,h.data(k,b)},destroy:function(){b.verbose("Destroying previous module"),h.off(j).removeData(k)},is:{radio:function(){return h.hasClass(g.radio)}},can:{disable:function(){return"boolean"==typeof f.required?f.required:!b.is.radio()}},enable:function(){b.debug("Enabling checkbox"),s.prop("checked",!0),a.proxy(f.onChange,s.get())(),a.proxy(f.onEnable,s.get())()},disable:function(){b.debug("Disabling checkbox"),s.prop("checked",!1),a.proxy(f.onChange,s.get())(),a.proxy(f.onDisable,s.get())()},toggle:function(){b.verbose("Determining new checkbox state"),s.prop("checked")!==d&&s.prop("checked")?b.can.disable()&&b.disable():b.enable()},setting:function(b,c){return c===d?f[b]:(a.isPlainObject(b)?a.extend(!0,f,b):f[b]=c,void 0)},internal:function(c,e){return e===d?b[c]:(a.isPlainObject(c)?a.extend(!0,b,c):b[c]=e,void 0)},debug:function(){f.debug&&(f.performance?b.performance.log(arguments):(b.debug=Function.prototype.bind.call(console.info,console,f.name+":"),b.debug.apply(console,arguments)))},verbose:function(){f.verbose&&f.debug&&(f.performance?b.performance.log(arguments):(b.verbose=Function.prototype.bind.call(console.info,console,f.name+":"),b.verbose.apply(console,arguments)))},error:function(){b.error=Function.prototype.bind.call(console.error,console,f.name+":"),b.error.apply(console,arguments)},performance:{log:function(a){var c,d,e;f.performance&&(c=(new Date).getTime(),e=m||c,d=c-e,m=c,n.push({Element:v,Name:a[0],Arguments:[].slice.call(a,1)||"","Execution Time":d})),clearTimeout(b.performance.timer),b.performance.timer=setTimeout(b.performance.display,100)},display:function(){var c=f.name+":",g=0;m=!1,clearTimeout(b.performance.timer),a.each(n,function(a,b){g+=b["Execution Time"]}),c+=" "+g+"ms",l&&(c+=" '"+l+"'"),e.size()>1&&(c+=" ("+e.size()+")"),(console.group!==d||console.table!==d)&&n.length>0&&(console.groupCollapsed(c),console.table?console.table(n):a.each(n,function(a,b){console.log(b.Name+": "+b["Execution Time"]+"ms")}),console.groupEnd()),n=[]}},invoke:function(e,f,g){var h,j,k;return f=f||q,g=v||g,"string"==typeof e&&u!==d&&(e=e.split(/[\. ]/),h=e.length-1,a.each(e,function(c,f){var g=c!=h?f+e[c+1].charAt(0).toUpperCase()+e[c+1].slice(1):e;if(a.isPlainObject(u[f])&&c!=h)u=u[f];else{if(!a.isPlainObject(u[g])||c==h)return u[f]!==d?(j=u[f],!1):u[g]!==d?(j=u[g],!1):(b.error(i.method),!1);u=u[g]}})),a.isFunction(j)?k=j.apply(g,f):j!==d&&(k=j),a.isArray(c)?c.push(k):"string"==typeof c?c=[c,k]:k!==d&&(c=k),j}},p?(u===d&&b.initialize(),b.invoke(o)):(u!==d&&b.destroy(),b.initialize())}),c!==d?c:this},a.fn.checkbox.settings={name:"Checkbox",namespace:"checkbox",verbose:!0,debug:!0,performance:!0,context:!1,required:"auto",onChange:function(){},onEnable:function(){},onDisable:function(){},error:{method:"The method you called is not defined."},selector:{input:"input[type=checkbox], input[type=radio]",label:"label"},className:{radio:"radio"}}}(jQuery,window,document);
--- a/node/src/files/build/minified/modules/modal.js
+++ b/node/src/files/build/minified/modules/modal.js
@ -292,7 +292,7 @@ $.fn.modal = function(parameters) {
            module.debug('Setting dimmer settings', settings.closable);
            $context
              .dimmer('setting', 'closable', settings.closable)
-              .dimmer('setting', 'duration', settings.duration)
+              .dimmer('setting', 'duration', settings.duration * 0.75)
              .dimmer('setting', 'onShow' , module.add.keyboardShortcuts)
              .dimmer('setting', 'onHide', function() {
                module.hide();
@ -526,7 +526,7 @@ $.fn.modal.settings = {

  closable    : true,
  context     : 'body',
-  duration    : 500,
+  duration    : 600,
  easing      : 'easeOutExpo',
  offset      : 0,
  transition  : 'scale',
--- a/node/src/files/build/minified/modules/modal.min.js
+++ b/node/src/files/build/minified/modules/modal.min.js
--- a/node/src/files/build/minified/modules/popup.js
+++ b/node/src/files/build/minified/modules/popup.js
@ -253,7 +253,9 @@ $.fn.popup = function(parameters) {
          // refresh state of module
          module.refresh();
          if( !$module.hasClass(className.visible) ) {
-            module.hideAll();
+            if(settings.on == 'click') {
+              module.hideAll();
+            }
            module.show();
          }
          else {
--- a/node/src/files/build/minified/modules/popup.min.js
+++ b/node/src/files/build/minified/modules/popup.min.js
--- a/node/src/files/build/minified/modules/transition.min.css
+++ b/node/src/files/build/minified/modules/transition.min.css
--- a/node/src/files/build/packaged/css/semantic.css.REMOVED.git-id
+++ b/node/src/files/build/packaged/css/semantic.css.REMOVED.git-id
@ -1 +1 @@
-4d1a687e483032ac1b73bd5fb89fd157574e7a35
+b2d2b6dd9f6036d0e0a0882142880a7a8afe83c5
--- a/node/src/files/build/packaged/css/semantic.min.css.REMOVED.git-id
+++ b/node/src/files/build/packaged/css/semantic.min.css.REMOVED.git-id
@ -1 +1 @@
-07eff705f32c00713a84e19f2cbfe9301af9297c
+f6bc5edc22d0cb6c445e37bcdfbadaae26de0edb
--- a/node/src/files/build/packaged/javascript/semantic.js.REMOVED.git-id
+++ b/node/src/files/build/packaged/javascript/semantic.js.REMOVED.git-id
@ -1 +1 @@
-cc8df66b4e0febc22293c8109ba70d035b958c5f
+6985582c474a49aceeb94d4166223d0e4d8173d9
--- a/node/src/files/build/packaged/javascript/semantic.min.js.REMOVED.git-id
+++ b/node/src/files/build/packaged/javascript/semantic.min.js.REMOVED.git-id
@ -1 +1 @@
-2fa4007ff57f74bfa90ba70a1b11baaf1a544746
+130a56f96471280f95a495cc3057e58ba7ddf18b
--- a/node/src/files/build/semantic.zip.REMOVED.git-id
+++ b/node/src/files/build/semantic.zip.REMOVED.git-id
@ -1 +1 @@
-e3e4d59b03ba5375492adf23851a3c7df683a0b5
+53ed65565eec634eee7716d608fe51bb4609a92e
--- a/node/src/files/build/uncompressed/collections/grid.css
+++ b/node/src/files/build/uncompressed/collections/grid.css
@ -24,7 +24,7 @@
 }
 body > .ui.grid {
  margin-left: 0%;
-  margin-right: 0%:;
+  margin-right: 0%;
 }
 .ui.grid:after,
 .ui.row:after {
--- a/node/src/files/build/uncompressed/collections/menu.css
+++ b/node/src/files/build/uncompressed/collections/menu.css
@ -173,14 +173,13 @@
  width: 100%;
 }
 .ui.menu .ui.input > .icon {
-  padding-top: 0em;
+  padding-top: 0.1em;
  height: auto;
 }
 .ui.menu .item > .input input,
 .ui.menu .item > input[type="text"] {
  position: relative;
-  top: -0.45em;
-  margin: 0em;
+  margin: -0.45em 0em;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
 }
@ -453,10 +452,11 @@
 .ui.tiered.menu > .menu .item.active:after {
  position: absolute;
  content: '';
+  margin-top: -1px;
  top: 100%;
  left: 0px;
  width: 100%;
-  height: 1px;
+  height: 2px;
  background-color: #FBFBFB;
 }
 .ui.tiered.menu .sub.menu {
@ -578,7 +578,7 @@
 }
 .ui.pagination.menu .item {
  min-width: 2.7em;
-  min-height: 2.66em;
+  min-height: 2.7em;
  text-align: center;
 }
 .ui.pagination.menu.floated {
@ -1398,7 +1398,6 @@
 }
 .ui.menu .item {
  font-size: 1rem;
-  height: 2.66em;
 }
 .ui.vertical.menu {
  width: 15rem;
--- a/node/src/files/build/uncompressed/elements/header.css
+++ b/node/src/files/build/uncompressed/elements/header.css
@ -31,7 +31,7 @@
 .ui.header .icon {
  display: table-cell;
  vertical-align: middle;
-  padding-right: 1rem;
+  padding-right: 0.5em;
 }
 .ui.header .icon:only-child {
  display: inline-block;
@ -41,6 +41,7 @@
  vertical-align: top;
 }
 .ui.header .icon + .content {
+  padding-left: 0.5em;
  display: table-cell;
 }
 /* Positioning */
@ -113,6 +114,9 @@ h5.ui.header {
  margin: 0em auto 0.2em;
  padding: 0em;
 }
+.ui.icon.header .content {
+  display: block;
+}
 .ui.icon.header .circular.icon,
 .ui.icon.header .square.icon {
  font-size: 2em;
--- a/node/src/files/build/uncompressed/elements/icon.css
+++ b/node/src/files/build/uncompressed/elements/icon.css
@ -1424,16 +1424,13 @@ i.icon {
 }
 i.large.icon {
  font-size: 2em;
-  margin-right: 0.5em;
  vertical-align: middle;
 }
 i.huge.icon {
  font-size: 4em;
-  margin-right: 0.75em;
  vertical-align: middle;
 }
 i.massive.icon {
  font-size: 8em;
-  margin-right: 1em;
  vertical-align: middle;
 }
--- a/node/src/files/build/uncompressed/modules/accordion.js
+++ b/node/src/files/build/uncompressed/modules/accordion.js
@ -87,8 +87,10 @@ $.fn.accordion = function(parameters) {
          resetStyle: function() {
            module.verbose('Resetting styles on element', this);
            $(this)
+              .attr('style', '')
              .removeAttr('style')
              .children()
+                .attr('style', '')
                .removeAttr('style')
            ;
          }
@ -138,8 +140,10 @@ $.fn.accordion = function(parameters) {
                .slideUp(settings.duration , settings.easing, function() {
                  $previousContent
                    .removeClass(className.active)
+                    .attr('style', '')
                    .removeAttr('style')
                    .children()
+                      .attr('style', '')
                      .removeAttr('style')
                  ;
                })
@ -151,11 +155,13 @@ $.fn.accordion = function(parameters) {
            $activeContent
              .stop()
              .children()
+                .attr('style', '')
                .removeAttr('style')
                .end()
              .slideDown(settings.duration, settings.easing, function() {
                $activeContent
                  .addClass(className.active)
+                  .attr('style', '')
                  .removeAttr('style')
                ;
                $.proxy(settings.onOpen, $activeContent)();
@ -185,6 +191,7 @@ $.fn.accordion = function(parameters) {
              .end()
            .slideUp(settings.duration, settings.easing, function(){
              $activeContent
+                .attr('style', '')
                .removeAttr('style')
              ;
              $.proxy(settings.onClose, $activeContent)();
--- a/node/src/files/build/uncompressed/modules/checkbox.js
+++ b/node/src/files/build/uncompressed/modules/checkbox.js
@ -334,7 +334,7 @@ $.fn.checkbox.settings = {
  },

  selector : {
-    input  : 'input[type=checkbox]',
+    input  : 'input[type=checkbox], input[type=radio]',
    label  : 'label'
  },

--- a/node/src/files/build/uncompressed/modules/modal.js
+++ b/node/src/files/build/uncompressed/modules/modal.js
@ -292,7 +292,7 @@ $.fn.modal = function(parameters) {
            module.debug('Setting dimmer settings', settings.closable);
            $context
              .dimmer('setting', 'closable', settings.closable)
-              .dimmer('setting', 'duration', settings.duration)
+              .dimmer('setting', 'duration', settings.duration * 0.75)
              .dimmer('setting', 'onShow' , module.add.keyboardShortcuts)
              .dimmer('setting', 'onHide', function() {
                module.hide();
@ -526,7 +526,7 @@ $.fn.modal.settings = {

  closable    : true,
  context     : 'body',
-  duration    : 500,
+  duration    : 600,
  easing      : 'easeOutExpo',
  offset      : 0,
  transition  : 'scale',
--- a/node/src/files/build/uncompressed/modules/popup.js
+++ b/node/src/files/build/uncompressed/modules/popup.js
@ -253,7 +253,9 @@ $.fn.popup = function(parameters) {
          // refresh state of module
          module.refresh();
          if( !$module.hasClass(className.visible) ) {
-            module.hideAll();
+            if(settings.on == 'click') {
+              module.hideAll();
+            }
            module.show();
          }
          else {
--- a/node/src/files/build/uncompressed/modules/transition.css
+++ b/node/src/files/build/uncompressed/modules/transition.css
@ -57,13 +57,6 @@
  display: block;
  visibility: visible;
 }
-/* Direction */
-.ui.out.transition {
-  -webkit-animation-direction: reverse;
-  -moz-animation-direction: reverse;
-  -o-animation-direction: reverse;
-  animation-direction: reverse;
-}
 /* Disabled */
 .ui.disabled.transition {
  -webkit-animation-play-state: paused;
@ -134,6 +127,12 @@
  -o-animation-name: horizontalFlip;
  animation-name: horizontalFlip;
 }
+.ui.horizontal.flip.transition.out {
+  -webkit-animation-name: horizontalFlipOut;
+  -moz-animation-name: horizontalFlipOut;
+  -o-animation-name: horizontalFlipOut;
+  animation-name: horizontalFlipOut;
+}
 .ui.vertical.flip.transition.in,
 .ui.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlip;
@ -141,16 +140,27 @@
  -o-animation-name: verticalFlip;
  animation-name: verticalFlip;
 }
+.ui.vertical.flip.transition.out {
+  -webkit-animation-name: verticalFlipOut;
+  -moz-animation-name: verticalFlipOut;
+  -o-animation-name: verticalFlipOut;
+  animation-name: verticalFlipOut;
+}
 /*--------------
      Fades
 ---------------*/
-.ui.fade.transition.in,
-.ui.fade.transition.out {
+.ui.fade.transition.in {
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -o-animation-name: fade;
  animation-name: fade;
 }
+.ui.fade.transition.out {
+  -webkit-animation-name: fadeOut;
+  -moz-animation-name: fadeOut;
+  -o-animation-name: fadeOut;
+  animation-name: fadeOut;
+}
 .ui.fade.up.transition.in {
  -webkit-animation-name: fadeUp;
  -moz-animation-name: fadeUp;
@ -158,10 +168,10 @@
  animation-name: fadeUp;
 }
 .ui.fade.up.transition.out {
-  -webkit-animation-name: fade;
-  -moz-animation-name: fade;
-  -o-animation-name: fade;
-  animation-name: fade;
+  -webkit-animation-name: fadeUpOut;
+  -moz-animation-name: fadeUpOut;
+  -o-animation-name: fadeUpOut;
+  animation-name: fadeUpOut;
 }
 .ui.fade.down.transition.in {
  -webkit-animation-name: fadeDown;
@ -170,26 +180,30 @@
  animation-name: fadeDown;
 }
 .ui.fade.down.transition.out {
-  -webkit-animation-name: fade;
-  -moz-animation-name: fade;
-  -o-animation-name: fade;
-  animation-name: fade;
+  -webkit-animation-name: fadeDownOut;
+  -moz-animation-name: fadeDownOut;
+  -o-animation-name: fadeDownOut;
+  animation-name: fadeDownOut;
 }
 /*--------------
      Scale
 ---------------*/
-.ui.scale.transition.in,
-.ui.scale.transition.out {
+.ui.scale.transition.in {
  -webkit-animation-name: scale;
  -moz-animation-name: scale;
  -o-animation-name: scale;
  animation-name: scale;
 }
+.ui.scale.transition.out {
+  -webkit-animation-name: scaleOut;
+  -moz-animation-name: scaleOut;
+  -o-animation-name: scaleOut;
+  animation-name: scaleOut;
+}
 /*--------------
      Slide
 ---------------*/
-.ui.slide.down.transition.in,
-.ui.slide.down.transition.out {
+.ui.slide.down.transition.in {
  -webkit-animation-name: slide;
  -moz-animation-name: slide;
  -o-animation-name: slide;
@ -198,8 +212,16 @@
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
 }
-.ui.slide.up.transition.in,
-.ui.slide.up.transition.out {
+.ui.slide.down.transition.out {
+  -webkit-animation-name: slideOut;
+  -moz-animation-name: slideOut;
+  -o-animation-name: slideOut;
+  animation-name: slideOut;
+  transform-origin: 50% 0%;
+  -ms-transform-origin: 50% 0%;
+  -webkit-transform-origin: 50% 0%;
+}
+.ui.slide.up.transition.in {
  -webkit-animation-name: slide;
  -moz-animation-name: slide;
  -o-animation-name: slide;
@ -208,6 +230,15 @@
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
 }
+.ui.slide.up.transition.out {
+  -webkit-animation-name: slideOut;
+  -moz-animation-name: slideOut;
+  -o-animation-name: slideOut;
+  animation-name: slideOut;
+  transform-origin: 50% 100%;
+  -ms-transform-origin: 50% 100%;
+  -webkit-transform-origin: 50% 100%;
+}
@-moz-keyframes slide {
  0% {
    opacity: 0;
@ -238,6 +269,36 @@
    transform: scaleY(1);
  }
 }
+@-moz-keyframes slideOut {
+  0% {
+    opacity: 1;
+    -moz-transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: scaleY(0);
+  }
+}
+@-webkit-keyframes slideOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scaleY(0);
+  }
+}
+@keyframes slideOut {
+  0% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scaleY(0);
+  }
+}
 /*******************************
       Animations
 *******************************/
@ -702,6 +763,46 @@
    opacity: 1;
  }
 }
+@-webkit-keyframes verticalFlipOut {
+  0% {
+    -webkit-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -webkit-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@-moz-keyframes verticalFlipOut {
+  0% {
+    -moz-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -moz-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@-o-keyframes verticalFlipOut {
+  0% {
+    -o-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -o-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@keyframes verticalFlipOut {
+  0% {
+    transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
 /*--------------
     Fades
 ---------------*/
@ -738,6 +839,38 @@
    opacity: 1;
  }
 }
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@-moz-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@-o-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 /* Fade Up */
@-webkit-keyframes fadeUp {
  0% {
@ -779,6 +912,46 @@
    transform: translateY(0);
  }
 }
+@-webkit-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(20px);
+  }
+}
+@-moz-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: translateY(20px);
+  }
+}
+@-o-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: translateY(20px);
+  }
+}
+@keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+}
 /* Fade Down */
@-webkit-keyframes fadeDown {
  0% {
@ -820,6 +993,46 @@
    transform: translateY(0);
  }
 }
+@-webkit-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-20px);
+  }
+}
+@-moz-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: translateY(-20px);
+  }
+}
+@-o-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: translateY(-20px);
+  }
+}
+@keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+}
 /*--------------
      Scale
 ---------------*/
@ -864,3 +1077,43 @@
    transform: scale(1);
  }
 }
+@-webkit-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.7);
+  }
+}
+@-moz-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -moz-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: scale(0.7);
+  }
+}
+@-o-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -o-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: scale(0.7);
+  }
+}
+@keyframes scaleOut {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0.7);
+  }
+}
--- a/node/src/files/stylesheets/semantic.css
+++ b/node/src/files/stylesheets/semantic.css
@ -177,7 +177,7 @@ a:hover {
  transition: margin 0.3s ease;
 }
 #example .main.menu iframe {
-  margin: 10px 0px 0px 0px;
+  margin: 0px 0px 0px 0px;
 }
 #example .main.menu .count {
 /*  font-size: 0.875em;
--- a/node/src/layouts/default.html.eco
+++ b/node/src/layouts/default.html.eco
@ -16,7 +16,7 @@
  <!-- Standard Meta -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Site Properities -->
  <%- @getBlock('meta').toHTML() %>
--- a/src/collections/grid.less
+++ b/src/collections/grid.less
@ -29,7 +29,7 @@

 body > .ui.grid {
  margin-left: 0%;
-  margin-right: 0%:;
+  margin-right: 0%;
 }

 .ui.grid:after,
--- a/src/collections/menu.less.REMOVED.git-id
+++ b/src/collections/menu.less.REMOVED.git-id
@ -1 +1 @@
-ae5be9219aa61370d76209f2c0efe1730f7a4f8a
+938a77368926e4c24478b94333049fc8a2662ad5
--- a/src/elements/header.less
+++ b/src/elements/header.less
@ -37,7 +37,7 @@
 .ui.header .icon {
  display: table-cell;
  vertical-align: middle;
-  padding-right: 1rem;
+  padding-right: 0.5em;
 }
 .ui.header .icon:only-child {
  display: inline-block;
@ -48,6 +48,7 @@
  vertical-align: top;
 }
 .ui.header .icon + .content {
+  padding-left: 0.5em;
  display: table-cell;
 }

@ -131,6 +132,9 @@ h5.ui.header {
  margin: 0em auto 0.2em;
  padding: 0em;
 }
+.ui.icon.header .content {
+  display: block;
+}
 .ui.icon.header .circular.icon,
 .ui.icon.header .square.icon {
  font-size: 2em;
--- a/src/elements/icon.less
+++ b/src/elements/icon.less
@ -756,16 +756,13 @@ i.icon {
 }
 i.large.icon {
  font-size: 2em;
-  margin-right: 0.5em;
  vertical-align: middle;
 }
 i.huge.icon {
  font-size: 4em;
-  margin-right: 0.75em;
  vertical-align: middle;
 }
 i.massive.icon {
  font-size: 8em;
-  margin-right: 1em;
  vertical-align: middle;
 }
--- a/src/modules/accordion.js
+++ b/src/modules/accordion.js
@ -87,8 +87,10 @@ $.fn.accordion = function(parameters) {
          resetStyle: function() {
            module.verbose('Resetting styles on element', this);
            $(this)
+              .attr('style', '')
              .removeAttr('style')
              .children()
+                .attr('style', '')
                .removeAttr('style')
            ;
          }
@ -138,8 +140,10 @@ $.fn.accordion = function(parameters) {
                .slideUp(settings.duration , settings.easing, function() {
                  $previousContent
                    .removeClass(className.active)
+                    .attr('style', '')
                    .removeAttr('style')
                    .children()
+                      .attr('style', '')
                      .removeAttr('style')
                  ;
                })
@ -151,11 +155,13 @@ $.fn.accordion = function(parameters) {
            $activeContent
              .stop()
              .children()
+                .attr('style', '')
                .removeAttr('style')
                .end()
              .slideDown(settings.duration, settings.easing, function() {
                $activeContent
                  .addClass(className.active)
+                  .attr('style', '')
                  .removeAttr('style')
                ;
                $.proxy(settings.onOpen, $activeContent)();
@ -185,6 +191,7 @@ $.fn.accordion = function(parameters) {
              .end()
            .slideUp(settings.duration, settings.easing, function(){
              $activeContent
+                .attr('style', '')
                .removeAttr('style')
              ;
              $.proxy(settings.onClose, $activeContent)();
--- a/src/modules/modal.js
+++ b/src/modules/modal.js
@ -292,7 +292,7 @@ $.fn.modal = function(parameters) {
            module.debug('Setting dimmer settings', settings.closable);
            $context
              .dimmer('setting', 'closable', settings.closable)
-              .dimmer('setting', 'duration', settings.duration)
+              .dimmer('setting', 'duration', settings.duration * 0.75)
              .dimmer('setting', 'onShow' , module.add.keyboardShortcuts)
              .dimmer('setting', 'onHide', function() {
                module.hide();
@ -526,7 +526,7 @@ $.fn.modal.settings = {

  closable    : true,
  context     : 'body',
-  duration    : 500,
+  duration    : 600,
  easing      : 'easeOutExpo',
  offset      : 0,
  transition  : 'scale',
--- a/src/modules/popup.js
+++ b/src/modules/popup.js
@ -253,7 +253,9 @@ $.fn.popup = function(parameters) {
          // refresh state of module
          module.refresh();
          if( !$module.hasClass(className.visible) ) {
-            module.hideAll();
+            if(settings.on == 'click') {
+              module.hideAll();
+            }
            module.show();
          }
          else {
--- a/src/modules/transition.less
+++ b/src/modules/transition.less
@ -70,15 +70,6 @@
  visibility: visible;
 }

-
-/* Direction */
-.ui.out.transition {
-  -webkit-animation-direction: reverse;
-  -moz-animation-direction: reverse;
-  -o-animation-direction: reverse;
-  animation-direction: reverse;
-}
-
 /* Disabled */
 .ui.disabled.transition {
  -webkit-animation-play-state: paused;
@ -156,6 +147,12 @@
  -o-animation-name: horizontalFlip;
  animation-name: horizontalFlip;
 }
+.ui.horizontal.flip.transition.out {
+  -webkit-animation-name: horizontalFlipOut;
+  -moz-animation-name: horizontalFlipOut;
+  -o-animation-name: horizontalFlipOut;
+  animation-name: horizontalFlipOut;
+}
 .ui.vertical.flip.transition.in,
 .ui.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlip;
@ -163,18 +160,29 @@
  -o-animation-name: verticalFlip;
  animation-name: verticalFlip;
 }
+.ui.vertical.flip.transition.out {
+  -webkit-animation-name: verticalFlipOut;
+  -moz-animation-name: verticalFlipOut;
+  -o-animation-name: verticalFlipOut;
+  animation-name: verticalFlipOut;
+}

 /*--------------
      Fades
 ---------------*/

-.ui.fade.transition.in,
-.ui.fade.transition.out {
+.ui.fade.transition.in {
  -webkit-animation-name: fade;
  -moz-animation-name: fade;
  -o-animation-name: fade;
  animation-name: fade;
 }
+.ui.fade.transition.out {
+  -webkit-animation-name: fadeOut;
+  -moz-animation-name: fadeOut;
+  -o-animation-name: fadeOut;
+  animation-name: fadeOut;
+}

 .ui.fade.up.transition.in {
  -webkit-animation-name: fadeUp;
@ -183,10 +191,10 @@
  animation-name: fadeUp;
 }
 .ui.fade.up.transition.out {
-  -webkit-animation-name: fade;
-  -moz-animation-name: fade;
-  -o-animation-name: fade;
-  animation-name: fade;
+  -webkit-animation-name: fadeUpOut;
+  -moz-animation-name: fadeUpOut;
+  -o-animation-name: fadeUpOut;
+  animation-name: fadeUpOut;
 }

 .ui.fade.down.transition.in {
@ -196,31 +204,36 @@
  animation-name: fadeDown;
 }
 .ui.fade.down.transition.out {
-  -webkit-animation-name: fade;
-  -moz-animation-name: fade;
-  -o-animation-name: fade;
-  animation-name: fade;
+  -webkit-animation-name: fadeDownOut;
+  -moz-animation-name: fadeDownOut;
+  -o-animation-name: fadeDownOut;
+  animation-name: fadeDownOut;
 }

 /*--------------
      Scale
 ---------------*/

-.ui.scale.transition.in,
-.ui.scale.transition.out {
+.ui.scale.transition.in {
  -webkit-animation-name: scale;
  -moz-animation-name: scale;
  -o-animation-name: scale;
  animation-name: scale;
 }
+.ui.scale.transition.out {
+  -webkit-animation-name: scaleOut;
+  -moz-animation-name: scaleOut;
+  -o-animation-name: scaleOut;
+  animation-name: scaleOut;
+}
+


 /*--------------
      Slide
 ---------------*/

-.ui.slide.down.transition.in,
-.ui.slide.down.transition.out {
+.ui.slide.down.transition.in {
  -webkit-animation-name: slide;
  -moz-animation-name: slide;
  -o-animation-name: slide;
@ -229,8 +242,17 @@
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
 }
-.ui.slide.up.transition.in,
-.ui.slide.up.transition.out {
+.ui.slide.down.transition.out {
+  -webkit-animation-name: slideOut;
+  -moz-animation-name: slideOut;
+  -o-animation-name: slideOut;
+  animation-name: slideOut;
+  transform-origin: 50% 0%;
+  -ms-transform-origin: 50% 0%;
+  -webkit-transform-origin: 50% 0%;
+}
+
+.ui.slide.up.transition.in {
  -webkit-animation-name: slide;
  -moz-animation-name: slide;
  -o-animation-name: slide;
@ -239,6 +261,16 @@
  -ms-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
 }
+.ui.slide.up.transition.out {
+  -webkit-animation-name: slideOut;
+  -moz-animation-name: slideOut;
+  -o-animation-name: slideOut;
+  animation-name: slideOut;
+  transform-origin: 50% 100%;
+  -ms-transform-origin: 50% 100%;
+  -webkit-transform-origin: 50% 100%;
+}
+

@-moz-keyframes slide {
  0% {
@ -271,6 +303,36 @@
  }
 }

+@-moz-keyframes slideOut {
+  0% {
+    opacity: 1;
+    -moz-transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: scaleY(0);
+  }
+}
+@-webkit-keyframes slideOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scaleY(0);
+  }
+}
+@keyframes slideOut {
+  0% {
+    opacity: 1;
+    transform: scaleY(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scaleY(0);
+  }
+}

 /*******************************
       Animations
@ -667,6 +729,46 @@
    opacity: 1;
  }
 }
+@-webkit-keyframes verticalFlipOut {
+  0% {
+    -webkit-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -webkit-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@-moz-keyframes verticalFlipOut {
+  0% {
+    -moz-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -moz-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@-o-keyframes verticalFlipOut {
+  0% {
+    -o-transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    -o-transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}
+@keyframes verticalFlipOut {
+  0% {
+    transform: rotateX(0deg);
+    opacity: 1;
+  }
+  100% {
+    transform: rotateX(-90deg);
+    opacity: 0;
+  }
+}

 /*--------------
     Fades
@ -706,6 +808,39 @@
  }
 }

+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@-moz-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@-o-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+@keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
 /* Fade Up */
@-webkit-keyframes fadeUp {
  0% {
@ -748,6 +883,47 @@
  }
 }

+@-webkit-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(20px);
+  }
+}
+@-moz-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: translateY(20px);
+  }
+}
+@-o-keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: translateY(20px);
+  }
+}
+@keyframes fadeUpOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+}
+
 /* Fade Down */
@-webkit-keyframes fadeDown {
  0% {
@ -791,6 +967,47 @@
 }


+@-webkit-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: translateY(-20px);
+  }
+}
+@-moz-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -moz-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: translateY(-20px);
+  }
+}
+@-o-keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    -o-transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: translateY(-20px);
+  }
+}
+@keyframes fadeDownOut {
+  0% {
+    opacity: 1;
+    transform: translateY(0);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-20px);
+  }
+}
+
 /*--------------
      Scale
 ---------------*/
@ -835,4 +1052,45 @@
    opacity: 1;
    transform: scale(1);
  }
+}
+
+@-webkit-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -webkit-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(0.7);
+  }
+}
+@-moz-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -moz-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -moz-transform: scale(0.7);
+  }
+}
+@-o-keyframes scaleOut {
+  0% {
+    opacity: 1;
+    -o-transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    -o-transform: scale(0.7);
+  }
+}
+@keyframes scaleOut {
+  0% {
+    opacity: 1;
+    transform: scale(1);
+  }
+  100% {
+    opacity: 0;
+    transform: scale(0.7);
+  }
 }