semantic-ui-rails 0.6.5 → 0.7.2

data/vendor/assets/javascripts/semantic-ui/modules/video.js

@@ -24,7 +24,7 @@ $.fn.video = function(parameters) {
     methodInvoked   = (typeof query == 'string'),
     queryArguments  = [].slice.call(arguments, 1),
 
-    invokedResponse
+    returnedValue
   ;
 
   $allModules
@@ -231,26 +231,22 @@ $.fn.video = function(parameters) {
         },
 
         setting: function(name, value) {
-          if(value !== undefined) {
-            if( $.isPlainObject(name) ) {
-              $.extend(true, settings, name);
-            }
-            else {
-              settings[name] = value;
-            }
+          if( $.isPlainObject(name) ) {
+            $.extend(true, settings, name);
+          }
+          else if(value !== undefined) {
+            settings[name] = value;
           }
           else {
             return settings[name];
           }
         },
         internal: function(name, value) {
-          if(value !== undefined) {
-            if( $.isPlainObject(name) ) {
-              $.extend(true, module, name);
-            }
-            else {
-              module[name] = value;
-            }
+          if( $.isPlainObject(name) ) {
+            $.extend(true, module, name);
+          }
+          else if(value !== undefined) {
+            module[name] = value;
           }
           else {
             return module[name];
@@ -378,14 +374,14 @@ $.fn.video = function(parameters) {
           else if(found !== undefined) {
             response = found;
           }
-          if($.isArray(invokedResponse)) {
-            invokedResponse.push(response);
+          if($.isArray(returnedValue)) {
+            returnedValue.push(response);
           }
-          else if(typeof invokedResponse == 'string') {
-            invokedResponse = [invokedResponse, response];
+          else if(returnedValue !== undefined) {
+            returnedValue = [returnedValue, response];
           }
           else if(response !== undefined) {
-            invokedResponse = response;
+            returnedValue = response;
           }
           return found;
         }
@@ -405,8 +401,8 @@ $.fn.video = function(parameters) {
       }
     })
   ;
-  return (invokedResponse !== undefined)
-    ? invokedResponse
+  return (returnedValue !== undefined)
+    ? returnedValue
     : this
   ;
 };

data/vendor/assets/stylesheets/semantic-ui/collections/grid.less

@@ -623,7 +623,7 @@ body > .ui.grid {
     display: block !important;
     padding: 0em;
   }
-  .ui.stackable.grid .row > .column,
+  .ui.stackable.grid > .row > .column,
   .ui.stackable.grid > .column {
     display: block !important;
     width: auto !important;

data/vendor/assets/stylesheets/semantic-ui/collections/menu.less

@@ -301,6 +301,9 @@
   min-width: calc(100% - 1px);
   box-shadow: 0 1px 1px 1px #DDDDDD;
 }
+.ui.menu .pointing.dropdown.item .menu {
+  margin-top: 0.75em;
+}
 .ui.menu .simple.dropdown.item .menu {
   margin: 0px !important;
 }
@@ -495,7 +498,6 @@
 
 .ui.vertical.menu .item > .label {
   float: right;
-  min-width: 2.5;
   text-align: center;
 }
 .ui.vertical.menu .item > .icon:not(.input) {
@@ -688,6 +690,8 @@
   background-color: transparent;
   border-bottom: 1px solid #DCDDDE;
 
+  border-radius: 0em;
+
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
@@ -716,14 +720,15 @@
 /* Active */
 .ui.tabular.menu .active.item {
   position: relative;
-  top: 1px;
 
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
 
   border-color: #DCDDDE;
+  font-weight: bold;
 
-  padding-top: 0.83em;
+  margin-bottom: -1px;
+  border-bottom: 1px solid #FFFFFF;
 
   -webkit-box-shadow: none;
   -moz-box-shadow: none;

data/vendor/assets/stylesheets/semantic-ui/collections/message.less

@@ -116,7 +116,7 @@
 .ui.message ul.list li {
   position: relative;
   list-style-type: none;
-  margin: 0em 0em 0em 1em;
+  margin: 0em 0em 0.3em 1em;
   padding: 0em;
 }
 .ui.message ul.list li:before {
@@ -233,7 +233,7 @@
   display: table-cell;
   vertical-align: middle;
   font-size: 3.8em;
-  opacity: 0.2;
+  opacity: 0.5;
 }
 .ui.icon.message > .icon + .content {
   padding-left: 1em;
@@ -308,21 +308,20 @@
 /* Red Text Block */
 .ui.red.message {
   background-color: #F1D7D7;
-
   color: #A95252;
 }
 
 /* Success Text Block */
 .ui.success.message,
 .ui.positive.message {
-  background-color: #5BBD72;
-  color: #FFFFFF;
+  background-color: #DEFCD5;
+  color: #52A954;
 }
 /* Error Text Block */
 .ui.error.message,
 .ui.negative.message {
-  background-color: #D95C5C;
-  color: #FFFFFF;
+  background-color: #F1D7D7;
+  color: #A95252;
 }
 
 

data/vendor/assets/stylesheets/semantic-ui/collections/table.less

@@ -41,10 +41,13 @@
 .ui.table thead {
   border-bottom: 1px solid rgba(0, 0, 0, 0.03);
 }
+.ui.table tfoot th {
+  background-color: rgba(0, 0, 0, 0.03);
+}
 .ui.table th {
   cursor: auto;
 
-  background-color: rgba(0, 0, 0, 0.03);
+  background-color: rgba(0, 0, 0, 0.05);
 
   text-align: left;
   color: rgba(0, 0, 0, 0.8);
@@ -100,6 +103,53 @@
   display: block;
 }
 
+
+/* Responsive */
+
+@media only screen and (max-width : 768px) {
+  .ui.table {
+    display: block;
+    padding: 0em;
+  }
+  .ui.table thead,
+  .ui.table tfoot {
+    display: none;
+  }
+  .ui.table tbody {
+    display: block;
+  }
+  .ui.table tr {
+    display: block;
+  }
+
+  .ui.table tr > td {
+    width: 100% !important;
+    display: block;
+    border: none !important;
+    padding: 0.25em 0.75em;
+    box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
+  }
+  .ui.table td:first-child {
+    font-weight: bold;
+    padding-top: 1em;
+  }
+  .ui.table td:last-child {
+    box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
+    padding-bottom: 1em;
+  }
+
+  /* Clear BG Colors */
+  .ui.table tr > td.warning,
+  .ui.table tr > td.error,
+  .ui.table tr > td.active,
+  .ui.table tr > td.positive,
+  .ui.table tr > td.negative {
+    background-color: transparent !important;
+  }
+}
+
+
+
 /*******************************
              States
 *******************************/
@@ -109,19 +159,23 @@
 ---------------*/
 
 /* Sortable */
-.ui.sortable.table thead th:hover {
-  background-image: none;
-  color: rgba(0, 0, 0, 0.8);
-}
 .ui.sortable.table th.disabled:hover {
   cursor: auto;
-  background-color: rgba(0, 0, 0, 0.1);
-
   text-align: left;
   font-weight: bold;
   color: #333333;
   color: rgba(0, 0, 0, 0.8);
 }
+.ui.sortable.table thead th:hover {
+  background-color: rgba(0, 0, 0, 0.13);
+  color: rgba(0, 0, 0, 0.8);
+}
+
+/* Inverted Sortable */
+.ui.inverted.sortable.table thead th:hover {
+  background-color: rgba(255, 255, 255, 0.13);
+  color: rgba(255, 255, 255, 1);
+}
 
 
 /*--------------
@@ -168,8 +222,8 @@
 .ui.table tr.negative:hover td,
 .ui.table td:hover.negative,
 .ui.table th:hover.negative {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 
 /*--------------
@@ -185,16 +239,16 @@
 .ui.table tr.error td,
 .ui.table td.error,
 .ui.table th.error {
-  background-color: #F9F4F4 !important;
-  color: #CD2929 !important;
+  background-color: #F9F4F4;
+  color: #CD2929;
 }
 .ui.celled.table tr.error:hover td,
 .ui.celled.table tr:hover td.error,
 .ui.table tr.error:hover td,
 .ui.table td:hover.error,
 .ui.table th:hover.error {
-  background-color: #F2E8E8 !important;
-  color: #CD2929 !important;
+  background-color: #F2E8E8;
+  color: #CD2929;
 }
 
 /*--------------
@@ -211,15 +265,15 @@
 .ui.table td.warning,
 .ui.table th.warning {
   background-color: #FBF6E9;
-  color: #7D6C00 !important;
+  color: #7D6C00;
 }
 .ui.celled.table tr.warning:hover td,
 .ui.celled.table tr:hover td.warning,
 .ui.table tr.warning:hover td,
 .ui.table td:hover.warning,
 .ui.table th:hover.warning {
-  background-color: #F3EDDC !important;
-  color: #7D6C00 !important;
+  background-color: #F3EDDC;
+  color: #7D6C00;
 }
 
 
@@ -236,7 +290,7 @@
 
 .ui.table tr.active td,
 .ui.table tr td.active {
-  background-color: #E0E0E0 !important;
+  background-color: #E0E0E0;
   color: rgba(50, 50, 50, 0.9);
   /* border-color: rgba(0, 0, 0, 0.15) !important; */
 }
@@ -385,18 +439,17 @@
   border: none;
 }
 .ui.celled.table th,
-.ui.celled.table tbody td {
+.ui.celled.table td {
   border: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 /* Coupling with segment */
-.ui.celled.table.segment th {
-  border: none;
-}
-.ui.celled.table.segment tbody td:first-child {
+.ui.celled.table.segment th:first-child,
+.ui.celled.table.segment td:first-child {
   border-left: none;
 }
-.ui.celled.table.segment tbody td:last-child {
+.ui.celled.table.segment th:last-child,
+.ui.celled.table.segment td:last-child {
   border-right: none;
 }
 

data/vendor/assets/stylesheets/semantic-ui/elements/button.less

@@ -24,10 +24,11 @@
 
   outline: none;
   border: none;
-  background-color: #EBEBEB;
-  color: #999999;
+  background-color: #FAFAFA;
+  color: #808080;
 
-  padding: 0.8em 1.5em;
+  margin: 0em;
+  padding: 0.8em 1.5em 0.875em;
 
   font-size: 1rem;
   text-transform: uppercase;
@@ -37,18 +38,15 @@
   text-align: center;
   text-decoration: none;
 
-  -webkit-border-radius: 0.2em;
-  -moz-border-radius: 0.2em;
-  border-radius: 0.2em;
+  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
+
+  -webkit-border-radius: 0.25em;
+  -moz-border-radius: 0.25em;
+  border-radius: 0.25em;
 
-  -webkit-box-shadow:
-    0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset
-  ;
-  -moz-box-shadow:
-    0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset
-  ;
   box-shadow:
-    0em -0.185rem 0em rgba(0, 0, 0, 0.1) inset
+    0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset,
+    0px -0.133em 0px 0px rgba(0, 0, 0, 0.1) inset
   ;
 
   -webkit-user-select: none;
@@ -125,19 +123,17 @@
 .ui.primary.buttons .button,
 .ui.primary.button {
   background-color: #D95C5C;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 .ui.primary.buttons .button:hover,
 .ui.primary.button:hover,
 .ui.primary.buttons .active.button,
 .ui.primary.button.active {
   background-color: #E75859;
-  color: #FFFFFF;
 }
 .ui.primary.buttons .button:active,
 .ui.primary.button:active {
   background-color: #D24B4C;
-  color: #FFFFFF;
 }
 
 /*-------------------
@@ -147,19 +143,17 @@
 .ui.secondary.buttons .button,
 .ui.secondary.button {
   background-color: #00B5AD;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 .ui.secondary.buttons .button:hover,
 .ui.secondary.button:hover,
 .ui.secondary.buttons .active.button,
 .ui.secondary.button.active {
   background-color: #009A93;
-  color: #FFFFFF;
 }
 .ui.secondary.buttons .button:active,
 .ui.secondary.button:active {
   background-color: #00847E;
-  color: #FFFFFF;
 }
 
 /*-------------------
@@ -169,7 +163,7 @@
 /* Facebook */
 .ui.facebook.button {
   background-color: #3B579D;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 .ui.facebook.button:hover {
   background-color: #3A59A9;
@@ -180,13 +174,74 @@
 
 /* Twitter */
 .ui.twitter.button {
-  background-color: #00ACED;
-  color: #FFFFFF;
+  background-color: #4092CC;
+  color: #FFFFFF !important;
 }
 .ui.twitter.button:hover {
-  background-color: #00B9FF;
+  background-color: #399ADE;
 }
 .ui.twitter.button:active {
+  background-color: #3283BC;
+}
+
+/* Google Plus */
+.ui.google.plus.button {
+  background-color: #D34836;
+  color: #FFFFFF !important;
+}
+.ui.google.plus.button:hover {
+  background-color: #E3432E;
+}
+.ui.google.plus.button:active {
+  background-color: #CA3A27;
+}
+
+/* Linked In */
+.ui.linkedin.button {
+  background-color: #1F88BE;
+  color: #FFFFFF !important;
+}
+.ui.linkedin.button:hover {
+  background-color: #1394D6;
+}
+.ui.linkedin.button:active {
+  background-color: #1179AE;
+}
+
+/* YouTube */
+.ui.youtube.button {
+  background-color: #CC181E;
+  color: #FFFFFF !important;
+}
+.ui.youtube.button:hover {
+  background-color: #DF0209;
+}
+.ui.youtube.button:active {
+  background-color: #A50006;
+}
+
+/* Instagram */
+.ui.instagram.button {
+  background-color: #49769C;
+  color: #FFFFFF !important;
+}
+.ui.instagram.button:hover {
+  background-color: #4781B1;
+}
+.ui.instagram.button:active {
+  background-color: #38658A;
+}
+
+
+/* Pinterest */
+.ui.pinterest.button {
+  background-color: #00ACED;
+  color: #FFFFFF !important;
+}
+.ui.pinterest.button:hover {
+  background-color: #00B9FF;
+}
+.ui.pinterest.button:active {
   background-color: #009EDA;
 }
 
@@ -195,7 +250,7 @@
 ---------------*/
 
 .ui.button > .icon {
-  margin-right: 0.5em;
+  margin-right: 0.6em;
 
   line-height: 1;
 
@@ -219,7 +274,7 @@
 
 
 /*******************************
-             States
+            States
 *******************************/
 
 
@@ -229,26 +284,10 @@
 
 .ui.buttons .active.button,
 .ui.active.button {
-  opacity: 1 !important;
-  background-color: #B0B0B0;
-
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(rgba(255, 255, 255, 0.1)));
-  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
-  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
-  background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
-  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
-
-  color: #FFFFFF;
-
-  -webkit-box-shadow:
-    0px 0px 0.3em 0px rgba(0, 0, 0, 0.3) inset
-  ;
-  -moz-box-shadow:
-    0px 0px 0.3em 0px rgba(0, 0, 0, 0.3) inset
-  ;
-  box-shadow:
-    0px 0px 0.3em 0px rgba(0, 0, 0, 0.3) inset
-  ;
+  background-color: #EAEAEA;
+  background-image: none;
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
+  color: rgba(0, 0, 0, 0.7);
 }
 
 
@@ -256,13 +295,14 @@
       Hover
 ---------------*/
 
-.ui.button:hover,
-.ui.active.button:hover {
-  opacity: 1 !important;
-  background-color: #A4A4A4;
-
-  color: #FFFFFF;
+.ui.button:hover {
+  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
+  color: rgba(0, 0, 0, 0.7);
+}
+.ui.button.active:hover {
+  background-image: none;
 }
+
 .ui.button:hover .icon,
 .ui.button.hover .icon {
   opacity: 0.85;
@@ -274,14 +314,9 @@
 
 .ui.button:active,
 .ui.active.button:active {
-  opacity: 1 !important;
-  background-color: #8C8C8C;
-
-  color: #FFFFFF;
-
-  -webkit-box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
-  -moz-box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
-  box-shadow: 0px 1px 0.2em 0px rgba(0, 0, 0, 0.3) inset;
+  background-color: #F1F1F1;
+  color: rgba(0, 0, 0, 0.7);
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;
 }
 
 /*--------------
@@ -372,25 +407,16 @@
 .ui.buttons.mini .button,
 .ui.mini.button {
   font-size: 0.8125rem;
-  padding: 0.6em 0.8em;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
+  padding: 0.6em 0.8em 0.73em;
 }
 .ui.tiny.buttons .button,
 .ui.tiny.button {
   font-size: 0.875rem;
-  padding: 0.6em 0.8em;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
+  padding: 0.6em 0.8em 0.73em;
 }
 .ui.small.buttons .button,
 .ui.small.button {
   font-size: 0.875rem;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
 }
 
 .ui.large.buttons .button,
@@ -440,9 +466,10 @@
 /*--------------
     Icon Only
 ---------------*/
+
 .ui.icon.buttons .button,
 .ui.icon.button {
-  padding: 0.8em;
+  padding: 0.8em 0.8em 0.875em;
 }
 .ui.icon.buttons .button > .icon,
 .ui.icon.button > .icon {
@@ -461,7 +488,7 @@
 .ui.basic.button {
   background-color: transparent !important;
   background-image: none;
-  color: #999999 !important;
+  color: #808080 !important;
   font-weight: normal;
   text-transform: none;
 
@@ -474,9 +501,9 @@
   -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
 
-  -webkit-border-radius: 0.2em;
-  -moz-border-radius: 0.2em;
-  border-radius: 0.2em;
+  -webkit-border-radius: 0.25em;
+  -moz-border-radius: 0.25em;
+  border-radius: 0.25em;
 }
 
 .ui.basic.buttons .button:hover,
@@ -511,7 +538,7 @@
 
 /* Basic Group */
 .ui.basic.buttons .button {
-  border: none;
+  border-left: 1px solid rgba(0, 0, 0, 0.1);
 
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
@@ -523,10 +550,11 @@
   -moz-box-shadow: none;
   box-shadow: none;
 }
-.ui.basic.buttons .button.active {
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
+.ui.basic.buttons .button.active,
+.ui.basic.buttons .button.active:hover {
+  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
+  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset;
 }
 
 
@@ -555,19 +583,19 @@
 
   width: 2.75em;
   height: 100%;
-  padding-top: 0.8em;
+  padding-top: 0.85em;
   background-color: rgba(0, 0, 0, 0.05);
   text-align: center;
 
-  -webkit-border-radius: 0.2em 0px 0px 0.2em;
-  -moz-border-radius: 0.2em 0px 0px 0.2em;
-  border-radius: 0.2em 0px 0px 0.2em;
+  -webkit-border-radius: 0.25em 0px 0px 0.25em;
+  -moz-border-radius: 0.25em 0px 0px 0.25em;
+  border-radius: 0.25em 0px 0px 0.25em;
 
   line-height: 1;
 
-  -webkit-box-shadow: -2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
-  -moz-box-shadow: -2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
-  box-shadow: -2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+  -webkit-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+  -moz-box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+  box-shadow: -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
 }
 
 .ui.labeled.icon.buttons .button > .icon {
@@ -576,24 +604,24 @@
   border-radius: 0em;
 }
 .ui.labeled.icon.buttons .button:first-child > .icon {
-  border-top-left-radius: 0.2em;
-  border-bottom-left-radius: 0.2em;
+  border-top-left-radius: 0.25em;
+  border-bottom-left-radius: 0.25em;
 }
 .ui.labeled.icon.buttons .button:last-child > .icon {
-  border-top-right-radius: 0.2em;
-  border-bottom-right-radius: 0.2em;
+  border-top-right-radius: 0.25em;
+  border-bottom-right-radius: 0.25em;
 }
 .ui.vertical.labeled.icon.buttons .button:first-child > .icon {
   -webkit-border-radius: 0em;
   -moz-border-radius: 0em;
   border-radius: 0em;
-  border-top-left-radius: 0.2em;
+  border-top-left-radius: 0.25em;
 }
 .ui.vertical.labeled.icon.buttons .button:last-child > .icon {
   -webkit-border-radius: 0em;
   -moz-border-radius: 0em;
   border-radius: 0em;
-  border-bottom-left-radius: 0.2em;
+  border-bottom-left-radius: 0.25em;
 }
 
 .ui.right.labeled.icon.button {
@@ -610,13 +638,13 @@
   left: auto;
   right: 0em;
 
-  -webkit-border-radius: 0em 0.2em 0.2em 0em;
-  -moz-border-radius: 0em 0.2em 0.2em 0em;
-  border-radius: 0em 0.2em 0.2em 0em;
+  -webkit-border-radius: 0em 0.25em 0.25em 0em;
+  -moz-border-radius: 0em 0.25em 0.25em 0em;
+  border-radius: 0em 0.25em 0.25em 0em;
 
-  -webkit-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
-  -moz-box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
-  box-shadow: 2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+  -webkit-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+  -moz-box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+  box-shadow: 1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
 }
 
 
@@ -630,14 +658,16 @@
 .ui.button.toggle.active {
   background-color: #5BBD72 !important;
   color: #FFFFFF !important;
+  box-shadow: none !important;
 }
 .ui.button.toggle.active:hover {
   background-color: #58CB73 !important;
   color: #FFFFFF !important;
+  box-shadow: none !important;
 }
 
 /*--------------
-     Bubbly
+    Circular
 ---------------*/
 
 .ui.circular.button {
@@ -659,14 +689,14 @@
 }
 .ui.attached.top.button {
 
-  -webkit-border-radius: 0.2em 0.2em 0em 0em;
-  -moz-border-radius: 0.2em 0.2em 0em 0em;
-  border-radius: 0.2em 0.2em 0em 0em;
+  -webkit-border-radius: 0.25em 0.25em 0em 0em;
+  -moz-border-radius: 0.25em 0.25em 0em 0em;
+  border-radius: 0.25em 0.25em 0em 0em;
 }
 .ui.attached.bottom.button {
-  -webkit-border-radius: 0em 0em 0.2em 0.2em;
-  -moz-border-radius: 0em 0em 0.2em 0.2em;
-  border-radius: 0em 0em 0.2em 0.2em;
+  -webkit-border-radius: 0em 0em 0.25em 0.25em;
+  -moz-border-radius: 0em 0em 0.25em 0.25em;
+  border-radius: 0em 0em 0.25em 0.25em;
 }
 .ui.attached.left.button {
   display: inline-block;
@@ -675,9 +705,9 @@
   padding-right: 0.75em;
   text-align: right;
 
-  -webkit-border-radius: 0.2em 0em 0em 0.2em;
-  -moz-border-radius: 0.2em 0em 0em 0.2em;
-  border-radius: 0.2em 0em 0em 0.2em;
+  -webkit-border-radius: 0.25em 0em 0em 0.25em;
+  -moz-border-radius: 0.25em 0em 0em 0.25em;
+  border-radius: 0.25em 0em 0em 0.25em;
 }
 .ui.attached.right.button {
   display: inline-block;
@@ -685,9 +715,9 @@
   padding-left: 0.75em;
   text-align: left;
 
-  -webkit-border-radius: 0em 0.2em 0.2em 0em;
-  -moz-border-radius: 0em 0.2em 0.2em 0em;
-  border-radius: 0em 0.2em 0.2em 0em;
+  -webkit-border-radius: 0em 0.25em 0.25em 0em;
+  -moz-border-radius: 0em 0.25em 0.25em 0em;
+  border-radius: 0em 0.25em 0.25em 0em;
 }
 
 
@@ -722,10 +752,6 @@
   font-weight: normal;
   text-align: center;
 
-  -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2) inset;
-  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2) inset;
-  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.2) inset;
-
   -moz-border-radius: 500px;
   -webkit-border-radius: 500px;
   border-radius: 500px;
@@ -884,6 +910,7 @@
 /* Fluid Vertical Buttons */
 .ui.fluid.vertical.buttons,
 .ui.fluid.vertical.buttons > .button {
+  display: block;
   width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
@@ -929,146 +956,122 @@
        Colors
 --------------------*/
 
-/*--- White ---*/
-.ui.white.buttons .button,
-.ui.white.button {
-  background-color: #FFFFFF;
-}
-
-.ui.white.buttons .button:hover,
-.ui.white.button:hover {
-  background-color: #A4A4A4;
-}
 
 /*--- Black ---*/
 .ui.black.buttons .button,
 .ui.black.button {
   background-color: #5C6166;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 .ui.black.buttons .button:hover,
 .ui.black.button:hover {
   background-color: #4C4C4C;
-  color: #FFFFFF;
 }
 .ui.black.buttons .button:active,
 .ui.black.button:active {
   background-color: #333333;
-  color: #FFFFFF;
 }
 
 /*--- Green ---*/
 .ui.green.buttons .button,
 .ui.green.button {
   background-color: #5BBD72;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 .ui.green.buttons .button:hover,
 .ui.green.button:hover,
 .ui.green.buttons .active.button,
 .ui.green.button.active {
   background-color: #58cb73;
-  color: #FFFFFF;
 }
 .ui.green.buttons .button:active,
 .ui.green.button:active {
   background-color: #4CB164;
-  color: #FFFFFF;
 }
 
 /*--- Red ---*/
 .ui.red.buttons .button,
 .ui.red.button {
   background-color: #D95C5C;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 .ui.red.buttons .button:hover,
 .ui.red.button:hover,
 .ui.red.buttons .active.button,
 .ui.red.button.active {
   background-color: #E75859;
-  color: #FFFFFF;
 }
 .ui.red.buttons .button:active,
 .ui.red.button:active {
   background-color: #D24B4C;
-  color: #FFFFFF;
 }
 
 /*--- Orange ---*/
 .ui.orange.buttons .button,
 .ui.orange.button {
   background-color: #E96633;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 .ui.orange.buttons .button:hover,
 .ui.orange.button:hover,
 .ui.orange.buttons .active.button,
 .ui.orange.button.active {
   background-color: #FF7038;
-  color: #FFFFFF;
 }
 .ui.orange.buttons .button:active,
 .ui.orange.button:active {
   background-color: #DA683B;
-  color: #FFFFFF;
 }
 
 /*--- Blue ---*/
 .ui.blue.buttons .button,
 .ui.blue.button {
   background-color: #6ECFF5;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 .ui.blue.buttons .button:hover,
 .ui.blue.button:hover,
 .ui.blue.buttons .active.button,
 .ui.blue.button.active {
   background-color: #1AB8F3;
-  color: #FFFFFF;
 }
 .ui.blue.buttons .button:active,
 .ui.blue.button:active {
   background-color: #0AA5DF;
-  color: #FFFFFF;
 }
 
 /*--- Purple ---*/
 .ui.purple.buttons .button,
 .ui.purple.button {
   background-color: #564F8A;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 .ui.purple.buttons .button:hover,
 .ui.purple.button:hover,
 .ui.purple.buttons .active.button,
 .ui.purple.button.active {
   background-color: #3E3773;
-  color: #FFFFFF;
 }
 .ui.purple.buttons .button:active,
 .ui.purple.button:active {
   background-color: #2E2860;
-  color: #FFFFFF;
 }
 
 /*--- Teal ---*/
 .ui.teal.buttons .button,
 .ui.teal.button {
   background-color: #00B5AD;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 .ui.teal.buttons .button:hover,
 .ui.teal.button:hover,
 .ui.teal.buttons .active.button,
 .ui.teal.button.active {
   background-color: #009A93;
-  color: #FFFFFF;
 }
 .ui.teal.buttons .button:active,
 .ui.teal.button:active {
   background-color: #00847E;
-  color: #FFFFFF;
 }
 
 /*---------------
@@ -1078,19 +1081,17 @@
 .ui.positive.buttons .button,
 .ui.positive.button {
   background-color: #5BBD72 !important;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 .ui.positive.buttons .button:hover,
 .ui.positive.button:hover,
 .ui.positive.buttons .active.button,
 .ui.positive.button.active {
   background-color: #58CB73 !important;
-  color: #FFFFFF;
 }
 .ui.positive.buttons .button:active,
 .ui.positive.button:active {
   background-color: #4CB164 !important;
-  color: #FFFFFF;
 }
 
 
@@ -1100,19 +1101,17 @@
 .ui.negative.buttons .button,
 .ui.negative.button {
   background-color: #D95C5C !important;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
 }
 .ui.negative.buttons .button:hover,
 .ui.negative.button:hover,
 .ui.negative.buttons .active.button,
 .ui.negative.button.active {
   background-color: #E75859 !important;
-  color: #FFFFFF;
 }
 .ui.negative.buttons .button:active,
 .ui.negative.button:active {
   background-color: #D24B4C !important;
-  color: #FFFFFF;
 }
 
 
@@ -1140,16 +1139,15 @@
   -webkit-border-radius: 0em;
   -moz-border-radius: 0em;
   border-radius: 0em;
-  border-left: 1px solid rgba(0, 0, 0, 0.05);
 }
 .ui.buttons .button:first-child  {
   margin-left: 0em;
-  border-top-left-radius: 0.2em;
-  border-bottom-left-radius: 0.2em;
+  border-top-left-radius: 0.25em;
+  border-bottom-left-radius: 0.25em;
 }
 .ui.buttons .button:last-child {
-  border-top-right-radius: 0.2em;
-  border-bottom-right-radius: 0.2em;
+  border-top-right-radius: 0.25em;
+  border-bottom-right-radius: 0.25em;
 }
 
 /* Vertical  Style */
@@ -1159,9 +1157,7 @@
 .ui.vertical.buttons .button {
   display: block;
   float: none;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-  border-left: none;
-  box-shadow: none;
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
 }
 .ui.vertical.buttons .button:first-child,
 .ui.vertical.buttons .mini.button:first-child,
@@ -1170,9 +1166,9 @@
 .ui.vertical.buttons .massive.button:first-child,
 .ui.vertical.buttons .huge.button:first-child {
   margin-top: 0px;
-  -moz-border-radius: 0.2em 0.2em 0px 0px;
-  -webkit-border-radius: 0.2em 0.2em 0px 0px;
-  border-radius: 0.2em 0.2em 0px 0px;
+  -moz-border-radius: 0.25em 0.25em 0px 0px;
+  -webkit-border-radius: 0.25em 0.25em 0px 0px;
+  border-radius: 0.25em 0.25em 0px 0px;
 }
 .ui.vertical.buttons .button:last-child,
 .ui.vertical.buttons .mini.button:last-child,
@@ -1181,7 +1177,7 @@
 .ui.vertical.buttons .massive.button:last-child,
 .ui.vertical.buttons .huge.button:last-child,
 .ui.vertical.buttons .gigantic.button:last-child {
-  -moz-border-radius: 0px 0px 0.2em 0.2em;
-  -webkit-border-radius: 0px 0px 0.2em 0.2em;
-  border-radius: 0px 0px 0.2em 0.2em;
+  -moz-border-radius: 0px 0px 0.25em 0.25em;
+  -webkit-border-radius: 0px 0px 0.25em 0.25em;
+  border-radius: 0px 0px 0.25em 0.25em;
 }