active_frontend 2.1.0 → 3.0.0

data/vendor/assets/stylesheets/pagination.scss

@@ -17,18 +17,18 @@
   margin-right: 2px;
 }
 .pagination ul > li > a {
-  background: rgba(245,248,250,1);
+  background: rgba(249,249,249,1);
   border-radius: 500px;
-  color: rgba(43,50,53,1);
+  color: rgba(34,34,34,1);
   min-width: 8px;
   padding: 9px 10px 7px 10px;
   text-decoration: none;
   text-align: center;
 }
 .pagination ul > li > a:hover,
-.pagination ul > li > a:focus { background: rgba(235,238,240,1); }
+.pagination ul > li > a:focus { background: rgba(240,240,240,1); }
 .pagination ul > .active {
-  background: rgba(0,132,255,1);
+  background: rgba(34,34,34,1);
   border-radius: 500px;
   color: rgba(255,255,255,1);
   min-width: 8px;

data/vendor/assets/stylesheets/panel.scss

@@ -6,7 +6,7 @@
 ================================================== */
 .panel {
   background: rgba(255,255,255,1);
-  border: 1px solid rgba(225,232,237,1);
+  border: 1px solid rgba(243,243,243,1);
   margin-bottom: 20px;
 }
 .panel > .list-group { margin-bottom: 0; }
@@ -22,22 +22,24 @@
   margin-bottom: 0;
 }
 .panel-header {
-  background: rgba(245,248,250,1);
-  border-bottom: 1px solid rgba(225,232,237,1);
+  background: rgba(249,249,249,1);
+  border-bottom: 2px solid rgba(243,243,243,1);
   padding: 16px 15px 14px 15px;
 }
 .panel-header > .btn { margin-top: -2px; }
 .panel-header > .btn-group  { margin: -5px 0 -3px 0; }
-.panel-header > .dropdown .dropdown-toggle { color: rgba(71,74,84,1); }
+.panel-header > .dropdown .dropdown-toggle { color: rgba(34,34,34,1); }
 .panel-title {
-  color: rgba(71,74,84,1);
+  color: rgba(34,34,34,1);
   display: inline-block;
   font-size: 17px;
+  letter-spacing: 1px;
   line-height: 17px;
   margin-bottom: 0;
   margin-top: 0;
+  text-transform: uppercase;
 }
-.panel-title > a { color: rgba(71,74,84,1); }
+.panel-title > a { color: rgba(34,34,34,1); }
 .panel-title > a:hover { color: rgba(15,135,226,1); }
 .panel-body { padding: 15px; }
 .panel-body-chart {
@@ -45,8 +47,8 @@
   width: 100%;
 }
 .panel-footer {
-  background: rgba(245,248,250,1);
-  border-top: 1px solid rgba(225,232,237,1);
+  background: rgba(249,249,249,1);
+  border-top: 2px solid rgba(243,243,243,1);
   padding: 13px 15px 10px 15px;
 }
 .panel-group { margin-bottom: 20px; }
@@ -57,6 +59,6 @@
 }
 .panel-group .panel + .panel { margin-top: 5px; }
 .panel-group .panel-header { border-bottom: 0; }
-.panel-group .panel-header + .panel-collapse .panel-body { border-top: 1px solid rgba(225,232,237,1); }
+.panel-group .panel-header + .panel-collapse .panel-body { border-top: 1px solid rgba(243,243,243,1); }
 .panel-group .panel-footer { border-top: 0; }
-.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgba(225,232,237,1); }
+.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgba(243,243,243,1); }

data/vendor/assets/stylesheets/placeholder.scss

@@ -8,7 +8,7 @@
 ================================================== */
 .placeholder { text-align: center; }
 .placeholder i {
-  background: rgba(0,132,255,1);
+  background: rgba(24,24,24,1);
   border-radius: 500px;
   color: rgba(255,255,255,1);
   display: inline-block;
@@ -18,12 +18,12 @@
   width: 120px;
 }
 .placeholder h6 {
-  color: rgba(102,117,127,1);
+  color: rgba(100,100,100,1);
   letter-spacing: 1px;
   text-transform: uppercase;
 }
 .placeholder p {
-  color: rgba(136,153,166,1);
+  color: rgba(200,200,200,1);
   font-size: 14px;
   line-height: 22px;
 }
@@ -32,7 +32,7 @@
 ================================================== */
 .placeholder-large i {
   background: transparent;
-  color: rgba(102,117,127,1);
+  color: rgba(100,100,100,1);
   display: inline-block;
   font-size: 256px;
   height: initial;
@@ -40,7 +40,7 @@
   width: initial;
 }
 .placeholder-divider {
-  background: rgba(245,248,250,1);
+  background: rgba(249,249,249,1);
   border-radius: 500px;
   height: 8px;
   margin: 20px auto;

data/vendor/assets/stylesheets/popover.scss

@@ -7,8 +7,8 @@
 .popover {
   background-clip: padding-box;
   background: rgba(255,255,255,1);
-  border: 1px solid rgba(225,232,237,1);
-  box-shadow: 0 0 3px rgba(225,232,237,1);
+  border: 1px solid rgba(243,243,243,1);
+  box-shadow: 0 0 3px rgba(220,220,220,1);
   display: none;
   float: none;
   font-style: normal;
@@ -28,9 +28,9 @@
 .popover.bottom { margin-top: 10px; }
 .popover.left { margin-left: -10px; }
 .popover-title {
-  background: rgba(245,248,250,1);
-  border-bottom: 1px solid rgba(225,232,237,1);
-  color: rgba(43,50,53,1);
+  background: rgba(249,249,249,1);
+  border-bottom: 2px solid rgba(243,243,243,1);
+  color: rgba(34,34,34,1);
   font-weight: bold;
   font-size: 14px;
   letter-spacing: 0;
@@ -41,7 +41,7 @@
 .popover-title:empty { display: none; }
 .popover-content {
   background: rgba(255,255,255,1);
-  color: rgba(43,50,53,1);
+  color: rgba(34,34,34,1);
   font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
   font-weight: normal;
   font-size: 14px;

data/vendor/assets/stylesheets/progress.scss

@@ -13,13 +13,13 @@
   to   { background-position: 0 0; }
 }
 .progress {
-  background: rgba(245,248,250,1);
+  background: rgba(249,249,249,1);
   border-radius: 500px;
   height: 25px;
   overflow: hidden;
 }
 .progress .bar {
-  background: rgba(0,132,255,1);
+  background: rgba(27,192,109,1);
   box-sizing: border-box;
   color: rgba(255,255,255,1);
   float: left;

data/vendor/assets/stylesheets/reset.scss

@@ -52,7 +52,7 @@ h6 {
 }
 abbr,
 acronym {
-  border-bottom: 1px dotted rgba(43,50,53,1);
+  border-bottom: 1px dotted rgba(34,34,34,1);
   font-variant: normal;
 }
 caption,
@@ -74,7 +74,7 @@ select {
 }
 html,
 body {
-  color: rgba(43,50,53,1);
+  color: rgba(34,34,34,1);
   font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
   font-size: 100%;
   -webkit-font-smoothing: antialiased;

data/vendor/assets/stylesheets/sidebar.scss

@@ -6,9 +6,8 @@
 /* # Sidebar
 ================================================== */
 .sidebar {
-  background: rgba(255,255,255,1);
-  border-left: 1px solid rgba(225,232,237,1);
-  box-shadow: inset 1px 0 3px rgba(225,232,237,1);
+  background: rgba(249,249,249,1);
+  border-left: 2px solid rgba(0,0,0,0.02);
   box-sizing: border-box;
   height: 100%;
   min-width: 280px;
@@ -16,22 +15,20 @@
   width: 280px;
 }
 .sidebar-alt {
-  border-right: 1px solid rgba(225,232,237,1);
+  border-right: 2px solid rgba(0,0,0,0.02);
   border-left: 0;
-  box-shadow: inset -1px 0 3px rgba(225,232,237,1);
 }
 .sidebar-header {
-  border-bottom: 1px solid rgba(225,232,237,1);
+  border-bottom: 1px solid rgba(0,0,0,0.04);
   font-size: 12px;
   line-height: 12px;
-  padding: 10px 20px 8px 10px;
+  padding: 12px 20px 10px 10px;
 }
 .sidebar-alt > .sidebar-header {
   padding-right: 10px;
   padding-left: 20px;
 }
 .sidebar-header > h6 {
-  color: rgba(43,50,53,1);
   font-size: 12px;
   font-weight: normal;
   letter-spacing: 1px;
@@ -39,7 +36,7 @@
   text-transform: uppercase;
 }
 .sidebar-content {
-  height: calc(100% - 51px);
+  height: calc(100% - 60px);
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   overflow-x: hidden;
@@ -51,9 +48,9 @@
   padding-left: 20px;
 }
 .sidebar-scrollable {
-  border-bottom: 1px solid rgba(225,232,237,1);
+  border-bottom: 1px solid rgba(243,243,243,1);
   height: auto;
-  max-height: calc(50% - 51px);
+  max-height: calc(50% - 60px);
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
   overflow-y: auto;

data/vendor/assets/stylesheets/spinner.scss

@@ -5,7 +5,7 @@
 /* # Spinner
 ================================================== */
 .spinner-backdrop {
-  background: rgba(255,255,255,0.8);
+  background: rgba(255,255,255,0.9);
   bottom: 0;
   left: 0;
   position: fixed;
@@ -82,7 +82,7 @@
   -webkit-animation: spinnerBeat 1.3s infinite ease-in-out;
   animation: spinnerBeat 1.3s infinite ease-in-out;
   background: rgba(255,255,255,1);
-  border: 2px solid rgba(0,132,255,1);
+  border: 2px solid rgba(27,192,109,1);
   border-radius: 500px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
@@ -114,8 +114,8 @@
 .spinner-circle-container-3 > div {
   -webkit-animation: spinnerCircle 1.2s infinite ease-in-out;
   animation: spinnerCircle 1.2s infinite ease-in-out;
-  background: rgba(0,132,255,1);
-  border: 1px solid rgba(0,132,255,1);
+  background: rgba(27,192,109,1);
+  border: 1px solid rgba(27,192,109,1);
   border-radius: 500px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
@@ -232,8 +232,8 @@
 .spinner-chase-2 {
   -webkit-animation: spinnerChaseBounce 2.0s infinite ease-in-out;
   animation: spinnerChaseBounce 2.0s infinite ease-in-out;
-  background: rgba(0,132,255,1);
-  border: 1px solid rgba(0,132,255,1);
+  background: rgba(27,192,109,1);
+  border: 1px solid rgba(27,192,109,1);
   border-radius: 500px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
@@ -276,7 +276,7 @@
 .spinner-crescent {
   -webkit-animation: spinnerCrescent 1.2s infinite linear;
   animation: spinnerCrescent 1.2s infinite linear;
-  border: 9px solid rgba(0,132,255,1);
+  border: 9px solid rgba(27,192,109,1);
   border-right-color: transparent;
   border-radius: 500px;
   -moz-box-sizing: border-box;
@@ -315,7 +315,7 @@
 .spinner-cube-9 {
   -webkit-animation: spinnerCube 1.3s infinite ease-in-out;
   animation: spinnerCube 1.3s infinite ease-in-out;
-  background: rgba(0,132,255,1);
+  background: rgba(27,192,109,1);
   border: 1px solid rgba(255,255,255,1);
   border-radius: 500px;
   -moz-box-sizing: border-box;
@@ -388,8 +388,8 @@
 .spinner-double-bounce-2 {
   -webkit-animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
   animation: spinnerDoubleBounce 2.0s infinite ease-in-out;
-  background: rgba(0,132,255,1);
-  border: 1px solid rgba(0,132,255,1);
+  background: rgba(27,192,109,1);
+  border: 1px solid rgba(27,192,109,1);
   border-radius: 50%;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
@@ -409,13 +409,13 @@
     -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
             transform: rotate(0deg);
-    box-shadow: rgba(0,132,255,1) 0 0 23px 0, rgba(0,132,255,1) -20px -20px 0 0, rgba(0,132,255,1) 20px -20px 0 0, rgba(0,132,255,1) 20px 20px 0 0, rgba(0,132,255,1) -20px 20px 0 0;
+    box-shadow: rgba(27,192,109,1) 0 0 23px 0, rgba(27,192,109,1) -20px -20px 0 0, rgba(27,192,109,1) 20px -20px 0 0, rgba(27,192,109,1) 20px 20px 0 0, rgba(27,192,109,1) -20px 20px 0 0;
   }
   50% {
     -webkit-transform: rotate(1080deg);
         -ms-transform: rotate(1080deg);
             transform: rotate(1080deg);
-    box-shadow: rgba(0,132,255,1) 0 0 23px 0, rgba(0,132,255,1) 20px 20px 0 0, rgba(0,132,255,1) -20px 20px 0 0, rgba(0,132,255,1) -20px -20px 0 0, rgba(0,132,255,1) 20px -20px 0 0;
+    box-shadow: rgba(27,192,109,1) 0 0 23px 0, rgba(27,192,109,1) 20px 20px 0 0, rgba(27,192,109,1) -20px 20px 0 0, rgba(27,192,109,1) -20px -20px 0 0, rgba(27,192,109,1) 20px -20px 0 0;
   }
 }
 @keyframes spinnerFlower {
@@ -423,13 +423,13 @@
     -webkit-transform: rotate(0deg);
         -ms-transform: rotate(0deg);
             transform: rotate(0deg);
-    box-shadow: rgba(0,132,255,1) 0 0 23px 0, rgba(0,132,255,1) -20px -20px 0 0, rgba(0,132,255,1) 20px -20px 0 0, rgba(0,132,255,1) 20px 20px 0 0, rgba(0,132,255,1) -20px 20px 0 0;
+    box-shadow: rgba(27,192,109,1) 0 0 23px 0, rgba(27,192,109,1) -20px -20px 0 0, rgba(27,192,109,1) 20px -20px 0 0, rgba(27,192,109,1) 20px 20px 0 0, rgba(27,192,109,1) -20px 20px 0 0;
   }
   50% {
     -webkit-transform: rotate(1080deg);
         -ms-transform: rotate(1080deg);
             transform: rotate(1080deg);
-    box-shadow: rgba(0,132,255,1) 0 0 23px 0, rgba(0,132,255,1) 20px 20px 0 0, rgba(0,132,255,1) -20px 20px 0 0, rgba(0,132,255,1) -20px -20px 0 0, rgba(0,132,255,1) 20px -20px 0 0;
+    box-shadow: rgba(27,192,109,1) 0 0 23px 0, rgba(27,192,109,1) 20px 20px 0 0, rgba(27,192,109,1) -20px 20px 0 0, rgba(27,192,109,1) -20px -20px 0 0, rgba(27,192,109,1) 20px -20px 0 0;
   }
 }
 .spinner-flower {
@@ -461,14 +461,14 @@
 .spinner-orbit {
   -webkit-animation: spinnerOrbit 1s linear infinite;
   animation: spinnerOrbit 1s linear infinite;
-  border: 1px solid rgba(0,132,255,1);
+  border: 1px solid rgba(27,192,109,1);
   border-radius: 500px;
   height: 60px;
   width: 60px;
 }
 .spinner-orbit-1 {
-  background: rgba(0,132,255,1);
-  border: 1px solid rgba(0,132,255,1);
+  background: rgba(27,192,109,1);
+  border: 1px solid rgba(27,192,109,1);
   border-radius: 500px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
@@ -498,8 +498,8 @@
 .spinner-pulse {
   -webkit-animation: spinnerPulse 1.0s infinite ease-in-out;
   animation: spinnerPulse 1.0s infinite ease-in-out;
-  background: rgba(0,132,255,1);
-  border: 1px solid rgba(0,132,255,1);
+  background: rgba(27,192,109,1);
+  border: 1px solid rgba(27,192,109,1);
   border-radius: 500px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
@@ -531,8 +531,8 @@
 .spinner-rotating-plane {
   -webkit-animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
   animation: spinnerRotatingPlane 1.2s infinite ease-in-out;
-  background: rgba(0,132,255,1);
-  border: 1px solid rgba(0,132,255,1);
+  background: rgba(27,192,109,1);
+  border: 1px solid rgba(27,192,109,1);
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   height: 100px;
@@ -558,8 +558,8 @@
 .spinner-triple-bounce > div {
   -webkit-animation: spinnerTripleBounce 1.4s infinite ease-in-out;
   animation: spinnerTripleBounce 1.4s infinite ease-in-out;
-  background: rgba(0,132,255,1);
-  border: 1px solid rgba(0,132,255,1);
+  background: rgba(27,192,109,1);
+  border: 1px solid rgba(27,192,109,1);
   border-radius: 500px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
@@ -616,8 +616,8 @@
 .spinner-wander-2 {
   -webkit-animation: spinnerWander 1.8s infinite ease-in-out;
   animation: spinnerWander 1.8s infinite ease-in-out;
-  background: rgba(0,132,255,1);
-  border: 1px solid rgba(0,132,255,1);
+  background: rgba(27,192,109,1);
+  border: 1px solid rgba(27,192,109,1);
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   height: 20px;
@@ -650,8 +650,8 @@
 .spinner-wave > div {
   -webkit-animation: spinnerWave 1.2s infinite ease-in-out;
   animation: spinnerWave 1.2s infinite ease-in-out;
-  background: rgba(0,132,255,1);
-  border: 1px solid rgba(0,132,255,1);
+  background: rgba(27,192,109,1);
+  border: 1px solid rgba(27,192,109,1);
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   display: inline-block;
@@ -731,7 +731,7 @@
   97% { left: 104px; }
 }
 .spinner-wobbler {
-  border: 1px solid rgba(0,132,255,1);
+  border: 1px solid rgba(27,192,109,1);
   border-radius: 500px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
@@ -741,8 +741,8 @@
 .spinner-wobbler::after {
   -webkit-animation: spinnerWobbler 15s infinite ease-in-out;
   animation: spinnerWobbler 15s infinite ease-in-out;
-  background: rgba(0,132,255,1);
-  border: 1px solid rgba(0,132,255,1);
+  background: rgba(27,192,109,1);
+  border: 1px solid rgba(27,192,109,1);
   border-radius: 500px;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

data/vendor/assets/stylesheets/swoggle.scss

@@ -14,10 +14,10 @@
   z-index: -1;
 }
 .swoggle {
-  background: rgba(245,248,250,1);
+  background: rgba(249,249,249,1);
   border-radius: 500px;
-  border: 1px solid rgba(245,248,250,1);
-  color: rgba(43,50,53,1);
+  border: 1px solid rgba(249,249,249,1);
+  color: rgba(34,34,34,1);
   cursor: pointer;
   display: inline-block;
   -webkit-font-smoothing: antialiased;
@@ -90,28 +90,28 @@
   border-color: rgba(6,17,31,1);
 }
 .swoggle.swoggle-on.swoggle-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);
 }
 .swoggle.swoggle-on.swoggle-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);
 }
 .swoggle.swoggle-on.swoggle-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);
 }
 .swoggle.swoggle-on.swoggle-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);
 }
 .swoggle.swoggle-on.swoggle-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);
 }
 .swoggle.swoggle-on.swoggle-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);
 }
 .swoggle.swoggle-on.swoggle-yellow {
   background: rgba(255,235,0,1);