active_frontend 2.1.0 → 3.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: b15ed4e1c646544af27977f24ff54d00d3d52946
-  data.tar.gz: df317b6a5d82307e44da1283b45a829d4e443411
+  metadata.gz: f7a6d34d16c2131ba12ecb7129ae1d6558de7e84
+  data.tar.gz: 22eade1d957faea329f36731c0aac9d5a4ad2aca
 SHA512:
-  metadata.gz: bc9f63894436b2fefd8c473e70169fb859b43ea575fc658b360d52f34e5b081ad5f746dfb0ddc0fa29879cde4ea50ffdb7c62ecc7caddfd7b54c987221c1809e
-  data.tar.gz: b1ac701c5c3bfd69ad84ba405432a7f2eb77a0c912a0750a2ec891db16867ecb6ba191f9bb3f144874d2525aa314bd187c46d310e4a4c7777e50647f2373e53b
+  metadata.gz: 3065b658799e4d47667c93b43a633077ff982966d68fd3cc16e3544a5ec02786d69985f986b7b2aeed52a29b11cae4fd4abb47d59d8d31992660e8d9fec71bea
+  data.tar.gz: 88a821de66be828affac6259c258bd9b32572d9f3e9b0afc40d5cc62455d74cd57e3be75902ab14631bec3d332ba5595ebba7eaa28a18b3177c33af915cc06df

data/README.md

@@ -54,6 +54,7 @@ Add the CSS files you want to include:
 *= require modal.css
 *= require aside.css (place after modal)
 *= require nav_and_tab.css
+*= require navbar.css
 *= require pagination.css
 *= require panel.css
 *= require placeholder.css

data/lib/active_frontend/version.rb

@@ -1,3 +1,3 @@
 module ActiveFrontend
-  VERSION = "2.1.0"
+  VERSION = "3.0.0"
 end

data/vendor/assets/javascripts/chart.js

@@ -49,7 +49,7 @@
       scaleStartValue: null,
 
       // String - Colour of the scale line
-      scaleLineColor: "rgba(225,232,237,1)",
+      scaleLineColor: "rgba(243,243,243,1)",
 
       // Number - Pixel width of the scale line
       scaleLineWidth: 1,
@@ -70,13 +70,13 @@
       scaleFontFamily: "'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
 
       // Number - Scale label font size in pixels
-      scaleFontSize: 13,
+      scaleFontSize: 11,
 
       // String - Scale label font weight style
-      scaleFontStyle: "normal",
+      scaleFontStyle: "bold",
 
       // String - Scale label font colour
-      scaleFontColor: "rgba(136,153,166,1)",
+      scaleFontColor: "rgba(34,34,34,1)",
 
       // Boolean - whether or not the chart should be responsive and resize when the browser does.
       responsive: true,
@@ -91,7 +91,7 @@
       tooltipEvents: ["mousemove", "touchstart", "touchmove", "mouseout"],
 
       // String - Tooltip background colour
-      tooltipFillColor: "rgba(56,67,81,1)",
+      tooltipFillColor: "rgba(34,34,34,1)",
 
       // String - Tooltip label font declaration for the scale label
       tooltipFontFamily: "'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
@@ -1910,7 +1910,7 @@
     scaleShowGridLines : true,
 
     //String - Colour of the grid lines
-    scaleGridLineColor : "rgba(225,232,237,1)",
+    scaleGridLineColor : "rgba(243,243,243,1)",
 
     //Number - Width of the grid lines
     scaleGridLineWidth : 1,
@@ -2387,7 +2387,7 @@
     scaleShowGridLines : true,
 
     //String - Colour of the grid lines
-    scaleGridLineColor : "rgba(225,232,237,1)",
+    scaleGridLineColor : "rgba(243,243,243,1)",
 
     //Number - Width of the grid lines
     scaleGridLineWidth : 1,
@@ -2992,7 +2992,7 @@
       scaleBeginAtZero : true,
 
       //String - Colour of the angle line
-      angleLineColor : "rgba(225,232,237,1)",
+      angleLineColor : "rgba(243,243,243,1)",
 
       //Number - Pixel width of the angle line
       angleLineWidth : 1,
@@ -3001,13 +3001,13 @@
       pointLabelFontFamily : "'Gotham', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
 
       //String - Point label font weight
-      pointLabelFontStyle : "normal",
+      pointLabelFontStyle : "bold",
 
       //Number - Point label font size in pixels
       pointLabelFontSize : 11,
 
       //String - Point label font colour
-      pointLabelFontColor : "rgba(136,153,166,1)",
+      pointLabelFontColor : "rgba(34,34,34,1)",
 
       //Boolean - Whether to show a dot for each point
       pointDot : true,

data/vendor/assets/stylesheets/ad.scss

@@ -5,7 +5,7 @@
 /* # Ad
 ================================================== */
 .ad {
-  background: rgba(245,248,250,1);
+  background: rgba(249,249,249,1);
   height: 220px;
   width: 220px;
 }

data/vendor/assets/stylesheets/alert.scss

@@ -13,8 +13,8 @@
   z-index: 1040;
 }
 .alert {
-  background: rgba(102,117,127,1);
-  border-bottom: 1px solid rgba(62,77,87,1);
+  background: rgba(249,249,249,1);
+  border-bottom: 2px solid rgba(0,0,0,0.02);
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: rgba(255,255,255,1);
@@ -41,29 +41,33 @@
 
 /* # Colors
 ================================================== */
-.alert-blue,
-.alert-notice {
-  background: rgba(0,132,255,1);
-  border-color: rgba(0,92,215,1);
+.alert-gray,
+.alert-notice,
+.alert.alert-gray .alert-close,
+.alert.alert-notice .alert-close { color: rgba(34,34,34,1) !important; }
+.alert.alert-gray > a,
+.alert.alert-notice > a {
+  color: rgba(34,34,34,1);
+  border-bottom-color: rgba(34,34,34,1);
 }
 .alert-green,
 .alert-success {
-  background: rgba(68,205,1,1);
-  border-color: rgba(28,165,0,1);
+  background: rgba(27,192,109,1);
+  border-color: rgba(7,172,89,1);
 }
 .alert-orange,
 .alert-warning {
-  background: rgba(255,131,0,1);
-  border-color: rgba(215,91,0,1);
+  background: rgba(166,165,71,1);
+  border-color: rgba(146,145,51,1);
 }
 .alert-red,
 .alert-error,
 .alert-alert {
-  background: rgba(255,59,48,1);
-  border-color: rgba(215,19,8,1);
+  background: rgba(225,80,80,1);
+  border-color: rgba(205,60,60,1);
 }
 .alert-black,
 .alert-system {
-  background: rgba(56,67,81,1);
-  border-color: rgba(16,57,41,1);
+  background: rgba(54,54,54,1);
+  border-color: rgba(34,34,34,1);
 }

data/vendor/assets/stylesheets/aside.scss

@@ -45,10 +45,10 @@
   right: initial;
 }
 .aside-header {
-  background: rgba(255,255,255,1);
-  border-bottom: 1px solid rgba(225,232,237,1);
+  background: rgba(24,24,24,1);
+  border-bottom: 1px solid rgba(4,4,4,1);
   margin: 0;
-  padding: 19px 0px 20px 0px;
+  padding: 21px 0px 22px 0px;
   position: absolute;
   text-transform: uppercase;
   text-align: center;
@@ -57,9 +57,10 @@
   z-index: 1051;
 }
 .aside-header h3 {
-  font-size: 17px;
+  color: rgba(255,255,255,1);
+  font-size: 14px;
   letter-spacing: 1px;
-  line-height: 17px;
+  line-height: 14px;
   margin: 0;
   text-transform: uppercase;
   text-align: center;
@@ -76,7 +77,7 @@
 .aside-body p:last-child { margin-bottom: 0; }
 .aside-footer {
   background: rgba(255,255,255,1);
-  border-top: 1px solid rgba(225,232,237,1);
+  border-top: 1px solid rgba(243,243,243,1);
   bottom: 0;
   margin-bottom: 0;
   padding: 0;
@@ -94,15 +95,16 @@ input.aside-footer-btn {
   border: 0;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  color: rgba(0,132,255,1);
+  color: rgba(34,34,34,1) !important;
   cursor: pointer;
   float: left;
   -webkit-font-smoothing: antialiased;
-  font-weight: 500;
-  font-size: 13px;
-  line-height: 13px;
+  font-weight: bold;
+  font-size: 11px;
+  letter-spacing: 1px;
+  line-height: 11px;
   margin: 0;
-  padding: 20px 0 18px 0;
+  padding: 22px 0;
   text-rendering: geometricPrecision;
   text-transform: uppercase;
   text-indent: 0;
@@ -113,13 +115,13 @@ input.aside-footer-btn {
 .aside-footer-btn[disabled],
 button.aside-footer-btn[disabled],
 input.aside-footer-btn[disabled] {
-  color: rgba(136,153,166,1);
+  color: rgba(200,200,200,1) !important;
   cursor: not-allowed;
 }
 .aside-footer-btn-group > .aside-footer-btn,
 .aside-footer-btn-group > button.aside-footer-btn
 .aside-footer-btn-group > input.aside-footer-btn {
-  border-right: 1px solid rgba(225,232,237,1);
+  border-right: 1px solid rgba(243,243,243,1);
   width: 50%;
 }
 .aside-footer-btn-group > .aside-footer-btn:last-child,

data/vendor/assets/stylesheets/breadcrumb.scss

@@ -14,10 +14,10 @@
   font-weight: bold;
   font-size: 13px;
 }
-.breadcrumb > li > a { color: rgba(0,132,255,1); }
-.breadcrumb > li > a:hover { color: rgba(136,153,166,1); }
+.breadcrumb > li > a { color: rgba(34,34,34,1); }
+.breadcrumb > li > a:hover { color: rgba(27,192,109,1); }
 .breadcrumb > li > .divider {
-  color: rgba(43,50,53,1);
+  color: rgba(34,34,34,1);
   padding: 0 5px;
 }
-.breadcrumb > .active { color: rgba(43,50,53,1); }
+.breadcrumb > .active { color: rgba(27,192,109,1); }

data/vendor/assets/stylesheets/button.scss

@@ -17,23 +17,24 @@
 .btn {
   -webkit-appearance: none;
   -moz-appearance: none;
-  background: rgba(245,248,250,1);
-  border: 1px solid rgba(245,248,250,1);
-  border-radius: 2px;
+  background: rgba(249,249,249,1);
+  border: 2px solid rgba(249,249,249,1);
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  color: rgba(43,50,53,1);
+  color: rgba(34,34,34,1);
   cursor: pointer;
   display: inline-block;
   -webkit-font-smoothing: antialiased;
+  font-size: 11px;
   font-weight: bold;
-  font-size: 13px;
-  line-height: 13px;
+  letter-spacing: 1px;
+  line-height: 11px;
   margin: 0;
-  padding: 12px 20px;
+  padding: 15px 20px;
+  text-align: center;
   text-decoration: none;
   text-rendering: geometricPrecision;
-  text-align: center;
+  text-transform: uppercase;
   -webkit-transition: all 0.3s linear;
   transition: all 0.3s linear;
   vertical-align: middle;
@@ -45,7 +46,10 @@
 .btn:focus,
 .btn[disabled],
 .btn[disabled]:hover,
-.open > .dropdown-toggle.btn { text-decoration: none; }
+.open > .dropdown-toggle.btn {
+  background: rgba(253,253,253,1);
+  text-decoration: none;
+}
 .btn[disabled],
 .btn[disabled]:hover {
   cursor: not-allowed;
@@ -59,25 +63,13 @@
 
 /* # Sizes
 ================================================== */
-.btn-large {
-  font-size: 15px;
-  line-height: 15px;
-  padding: 15px 30px;
-}
-.btn-medium {
-  font-size: 12px;
-  line-height: 12px;
-  padding: 9px 15px;
-}
-.btn-small {
-  font-size: 11px;
-  line-height: 11px;
-  padding: 7px 15px;
-}
+.btn-large { padding: 19px 30px; }
+.btn-medium { padding: 9px 15px 10px 15px; }
+.btn-small { padding: 7px 15px 8px 15px; }
 .btn-mini {
   font-size: 9px;
   line-height: 9px;
-  padding: 6px 10px;
+  padding: 7px 10px 6px 10px;
 }
 .btn-block,
 button.btn-block,
@@ -94,50 +86,106 @@ input.btn-block {
 /* # Colors
 ================================================== */
 .btn-black {
-  background: rgba(43,50,53,1);
-  border-color: rgba(43,50,53,1);
+  background: rgba(34,34,34,1);
+  border-color: rgba(34,34,34,1);
   color: rgba(255,255,255,1) !important;
 }
+.btn-black[disabled],
+.btn-black[disabled]:hover,
+.btn-black:active,
+.btn-black.active,
+.btn-black:hover,
+.btn-black:focus,
+.open > .dropdown-toggle.btn.btn-black { background: rgba(54,54,54,1); }
 .btn-blue {
-  background: rgba(0,132,255,1);
-  border-color: rgba(0,132,255,1);
+  background: rgba(76,143,202,1);
+  border-color: rgba(76,143,202,1);
   color: rgba(255,255,255,1) !important;
 }
+.btn-blue[disabled],
+.btn-blue[disabled]:hover,
+.btn-blue:active,
+.btn-blue.active,
+.btn-blue:hover,
+.btn-blue:focus,
+.open > .dropdown-toggle.btn.btn-blue { background: rgba(96,163,222,1); }
 .btn-green {
-  background: rgba(68,205,1,1);
-  border-color: rgba(68,205,1,1);
+  background: rgba(27,192,109,1);
+  border-color: rgba(27,192,109,1);
   color: rgba(255,255,255,1) !important;
 }
+.btn-green[disabled],
+.btn-green[disabled]:hover,
+.btn-green:active,
+.btn-green.active,
+.btn-green:hover,
+.btn-green:focus,
+.open > .dropdown-toggle.btn.btn-green { background: rgba(47,212,129,1); }
 .btn-orange {
-  background: rgba(255,131,0,1);
-  border-color: rgba(255,131,0,1);
+  background: rgba(255,154,46,1);
+  border-color: rgba(255,154,46,1);
   color: rgba(255,255,255,1) !important;
 }
+.btn-orange[disabled],
+.btn-orange[disabled]:hover,
+.btn-orange:active,
+.btn-orange.active,
+.btn-orange:hover,
+.btn-orange:focus,
+.open > .dropdown-toggle.btn.btn-orange { background: rgba(255,174,66,1); }
 .btn-purple {
-  background: rgba(196,0,235,1);
-  border-color: rgba(196,0,235,1);
+  background: rgba(110,115,136,1);
+  border-color: rgba(110,115,136,1);
   color: rgba(255,255,255,1) !important;
 }
+.btn-purple[disabled],
+.btn-purple[disabled]:hover,
+.btn-purple:active,
+.btn-purple.active,
+.btn-purple:hover,
+.btn-purple:focus,
+.open > .dropdown-toggle.btn.btn-purple { background: rgba(130,135,156,1); }
 .btn-red {
-  background: rgba(255,59,48,1);
-  border-color: rgba(255,59,48,1);
+  background: rgba(225,80,80,1);
+  border-color: rgba(225,80,80,1);
   color: rgba(255,255,255,1) !important;
 }
+.btn-red[disabled],
+.btn-red[disabled]:hover,
+.btn-red:active,
+.btn-red.active,
+.btn-red:hover,
+.btn-red:focus,
+.open > .dropdown-toggle.btn.btn-red { background: rgba(255,99,88,1); }
 .btn-smoke {
-  background: rgba(102,117,127,1);
-  border-color: rgba(102,117,127,1);
+  background: rgba(100,100,100,1);
+  border-color: rgba(100,100,100,1);
   color: rgba(255,255,255,1) !important;
 }
+.btn-smoke[disabled],
+.btn-smoke[disabled]:hover,
+.btn-smoke:active,
+.btn-smoke.active,
+.btn-smoke:hover,
+.btn-smoke:focus,
+.open > .dropdown-toggle.btn.btn-smoke { background: rgba(120,120,120,1); }
 .btn-white {
   background: rgba(255,255,255,1);
   border-color: rgba(255,255,255,1);
-  color: rgba(225,232,237,1) !important;
+  color: rgba(200,200,200,1) !important;
 }
 .btn-yellow {
-  background: rgba(255,235,0,1);
-  border-color: rgba(255,235,0,1);
+  background: rgba(166,165,71,1);
+  border-color: rgba(166,165,71,1);
   color: rgba(255,255,255,1) !important;
 }
+.btn-yellow[disabled],
+.btn-yellow[disabled]:hover,
+.btn-yellow:active,
+.btn-yellow.active,
+.btn-yellow:hover,
+.btn-yellow:focus,
+.open > .dropdown-toggle.btn.btn-yellow { background: rgba(186,185,91,1); }
 
 /* # Links
 ================================================== */
@@ -145,7 +193,7 @@ input.btn-block {
   background: transparent;
   border-color: transparent;
   box-shadow: none;
-  color: rgba(174,182,192,1) !important;
+  color: rgba(200,200,200,1) !important;
   padding: 0;
 }
 .btn-link:active,
@@ -155,7 +203,7 @@ input.btn-block {
 .btn-link[disabled],
 .btn-link[disabled]:hover {
   background: transparent;
-  color: rgba(43,50,53,1) !important;
+  color: rgba(34,34,34,1) !important;
 }
 
 /* # Icons
@@ -164,13 +212,13 @@ input.btn-block {
   font-size: 17px;
   line-height: 17px;
   min-width: 42px;
-  padding: 10px 13px;
+  padding: 12px 15px;
 }
 .btn-large.btn-icon {
   font-size: 23px;
   line-height: 22px;
   min-width: 50px;
-  padding: 11px 13px;
+  padding: 13px 15px;
 }
 .btn-medium.btn-icon {
   font-size: 15px;
@@ -197,83 +245,91 @@ input.btn-block {
 .btn-outline[disabled],
 .btn-outline[disabled]:hover {
   background: transparent;
-  color: rgba(174,182,192,1) !important;
+  color: rgba(200,200,200,1) !important;
 }
 .btn-outline:active,
 .btn-outline.active,
 .btn-outline:hover,
-.btn-outline:focus {
-  background: rgba(245,248,250,1);
-  color: rgba(43,50,53,1) !important;
+.btn-outline:focus,
+.open > .dropdown-toggle.btn.btn-outline {
+  background: rgba(253,253,253,1);
+  color: rgba(34,34,34,1) !important;
 }
 .btn-outline.btn-black,
 .btn-outline.btn-black[disabled],
-.btn-outline.btn-black[disabled]:hover { color: rgba(43,50,53,1) !important; }
+.btn-outline.btn-black[disabled]:hover { color: rgba(34,34,34,1) !important; }
 .btn-outline.btn-black:active,
 .btn-outline.btn-black.active,
 .btn-outline.btn-black:hover,
-.btn-outline.btn-black:focus {
-  background: rgba(43,50,53,1);
+.btn-outline.btn-black:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-black {
+  background: rgba(44,44,44,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-blue,
 .btn-outline.btn-blue[disabled],
-.btn-outline.btn-blue[disabled]:hover { color: rgba(0,132,255,1) !important; }
+.btn-outline.btn-blue[disabled]:hover { color: rgba(76,143,202,1) !important; }
 .btn-outline.btn-blue:active,
 .btn-outline.btn-blue.active,
 .btn-outline.btn-blue:hover,
-.btn-outline.btn-blue:focus {
-  background: rgba(0,132,255,1);
+.btn-outline.btn-blue:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-blue {
+  background: rgba(96,163,222,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-green,
 .btn-outline.btn-green[disabled],
-.btn-outline.btn-green[disabled]:hover { color: rgba(68,205,1,1) !important; }
+.btn-outline.btn-green[disabled]:hover { color: rgba(27,192,109,1) !important; }
 .btn-outline.btn-green:active,
 .btn-outline.btn-green.active,
 .btn-outline.btn-green:hover,
-.btn-outline.btn-green:focus {
-  background: rgba(68,205,1,1);
+.btn-outline.btn-green:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-green {
+  background: rgba(47,212,129,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-orange,
 .btn-outline.btn-orange[disabled],
-.btn-outline.btn-orange[disabled]:hover { color: rgba(255,131,0,1) !important; }
+.btn-outline.btn-orange[disabled]:hover { color: rgba(255,154,46,1) !important; }
 .btn-outline.btn-orange:active,
 .btn-outline.btn-orange.active,
 .btn-outline.btn-orange:hover,
-.btn-outline.btn-orange:focus {
-  background: rgba(255,131,0,1);
+.btn-outline.btn-orange:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-orange {
+  background: rgba(255,174,66,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-purple,
 .btn-outline.btn-purple[disabled],
-.btn-outline.btn-purple[disabled]:hover { color: rgba(196,0,235,1) !important; }
+.btn-outline.btn-purple[disabled]:hover { color: rgba(110,115,136,1) !important; }
 .btn-outline.btn-purple:active,
 .btn-outline.btn-purple.active,
 .btn-outline.btn-purple:hover,
-.btn-outline.btn-purple:focus {
-  background: rgba(196,0,235,1);
+.btn-outline.btn-purple:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-purple {
+  background: rgba(130,135,156,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-red,
 .btn-outline.btn-red[disabled],
-.btn-outline.btn-red[disabled]:hover { color: rgba(255,59,48,1) !important; }
+.btn-outline.btn-red[disabled]:hover { color: rgba(225,80,80,1) !important; }
 .btn-outline.btn-red:active,
 .btn-outline.btn-red.active,
 .btn-outline.btn-red:hover,
-.btn-outline.btn-red:focus {
-  background: rgba(255,79,68,1);
+.btn-outline.btn-red:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-red {
+  background: rgba(255,99,88,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-smoke,
 .btn-outline.btn-smoke[disabled],
-.btn-outline.btn-smoke[disabled]:hover { color: rgba(102,117,127,1) !important; }
+.btn-outline.btn-smoke[disabled]:hover { color: rgba(100,100,100,1) !important; }
 .btn-outline.btn-smoke:active,
 .btn-outline.btn-smoke.active,
 .btn-outline.btn-smoke:hover,
-.btn-outline.btn-smoke:focus {
-  background: rgba(102,117,127,1);
+.btn-outline.btn-smoke:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-smoke {
+  background: rgba(120,120,120,1);
   color: rgba(255,255,255,1) !important;
 }
 .btn-outline.btn-white,
@@ -282,22 +338,23 @@ input.btn-block {
 .btn-outline.btn-white:active,
 .btn-outline.btn-white.active,
 .btn-outline.btn-white:hover,
-.btn-outline.btn-white:focus { color: rgba(225,232,237,1) !important; }
+.btn-outline.btn-white:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-white { color: rgba(34,34,34,1) !important; }
 .btn-outline.btn-yellow,
 .btn-outline.btn-yellow[disabled],
-.btn-outline.btn-yellow[disabled]:hover { color: rgba(255,235,0,1) !important; }
+.btn-outline.btn-yellow[disabled]:hover { color: rgba(166,165,71,1) !important; }
 .btn-outline.btn-yellow:active,
 .btn-outline.btn-yellow.active,
 .btn-outline.btn-yellow:hover,
-.btn-outline.btn-yellow:focus {
-  background: rgba(255,235,0,1);
+.btn-outline.btn-yellow:focus,
+.open > .dropdown-toggle.btn.btn-outline.btn-yellow {
+  background: rgba(186,185,91,1);
   color: rgba(255,255,255,1) !important;
 }
 
 /* # Styles
 ================================================== */
 .btn-circle { border-radius: 500px; }
-.btn-uppercase { text-transform: uppercase; }
 
 /* # Group
 ================================================== */
@@ -317,20 +374,10 @@ input.btn-block {
 .btn-group > .dropdown-toggle:not(:first-child) { border-left-color: rgba(0,0,0,0.15); }
 .btn-group > .btn,
 .btn-group-vertical > .btn {
-  border-radius: 0;
   margin-left: -1px;
   position: relative;
 }
-.btn-group > .btn:first-child {
-  border-bottom-left-radius: 2px;
-  border-top-left-radius: 2px;
-  margin-left: 0;
-}
-.btn-group > .btn:last-child,
-.btn-group > .dropdown-toggle {
-  border-bottom-right-radius: 2px;
-  border-top-right-radius: 2px;
-}
+.btn-group > .btn:first-child { margin-left: 0; }
 .btn-group > .btn:active,
 .btn-group > .btn.active,
 .btn-group > .btn:hover,
@@ -345,23 +392,13 @@ input.btn-block {
 .btn-group-vertical > .btn,
 .btn-group-vertical > .btn-group,
 .btn-group-vertical > .btn-group > .btn {
-  border-radius: 0;
   display: block;
   margin-left: 0;
   margin-top: -1px;
   max-width: 100%;
   width: 100%;
 }
-.btn-group-vertical > .btn:first-child {
-  border-top-right-radius: 2px;
-  border-top-left-radius: 2px;
-  margin-left: 0;
-}
-.btn-group-vertical > .btn:last-child,
-.btn-group-vertical > .dropdown-toggle {
-  border-bottom-right-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
+.btn-group-vertical > .btn:first-child { margin-left: 0; }
 .btn-group-justified {
   border-collapse: separate;
   display: table;
@@ -404,23 +441,13 @@ input.btn-block {
   .btn-group-responsive > .btn,
   .btn-group-responsive > .btn-group,
   .btn-group-responsive > .btn-group > .btn {
-    border-radius: 0;
     display: block;
     margin-left: 0;
     margin-top: -1px;
     max-width: 100%;
     width: 100%;
   }
-  .btn-group-responsive > .btn:first-child {
-    border-top-right-radius: 2px;
-    border-top-left-radius: 2px;
-    margin-left: 0;
-  }
-  .btn-group-responsive > .btn:last-child,
-  .btn-group-responsive > .dropdown-toggle {
-    border-bottom-right-radius: 2px;
-    border-bottom-left-radius: 2px;
-  }
+  .btn-group-responsive > .btn:first-child { margin-left: 0; }
   .btn-group-vertical-responsive > .btn,
   .btn-group-vertical-responsive > .btn-group,
   .btn-group-vertical-responsive > .btn-group > .btn {
@@ -430,15 +457,4 @@ input.btn-block {
     max-width: initial;
     width: initial;
   }
-  .btn-group-vertical-responsive > .btn:first-child {
-    border-bottom-left-radius: 2px;
-    border-top-right-radius: 0;
-    border-top-left-radius: 2px;
-  }
-  .btn-group-vertical-responsive > .btn:last-child,
-  .btn-group-vertical-responsive > .dropdown-toggle {
-    border-bottom-right-radius: 2px;
-    border-bottom-left-radius: 0;
-    border-top-right-radius: 2px;
-  }
 }