active_frontend 2.1.0 → 3.0.0

data/vendor/assets/stylesheets/canvas.scss

@@ -29,24 +29,16 @@
   width: calc(100% - 280px);
 }
 .canvas-with-header > .canvas-content,
-.canvas-with-header > .canvas-sidebar,
-.canvas-with-header-and-footer > .canvas-content,
-.canvas-with-header-and-footer > .canvas-sidebar { margin-top: 60px; }
-.canvas-with-footer > .canvas-content,
-.canvas-with-header-and-footer > .canvas-content { padding-bottom: 90px; }
+.canvas-with-header > .canvas-sidebar { margin-top: 65px; }
+.canvas-with-footer > .canvas-content { padding-bottom: 90px; }
 .canvas-sidebar {
   max-width: 280px;
   width: 280px;
 }
-.canvas-with-header .sidebar,
-.canvas-with-footer .sidebar {
+.canvas-with-header .sidebar {
   height: calc(100% - 60px);
   max-height: calc(100% - 60px);
 }
-.canvas-with-header-and-footer .sidebar {
-  height: calc(100% - 120px);
-  max-height: calc(100% - 120px);
-}
 
 /* # Media Queries
 ================================================== */
@@ -78,8 +70,6 @@
   .canvas-sidebar { display: none; }
 }
 @media only screen and (max-width: 767px) {
-  .canvas-with-header > .canvas-content,
-  .canvas-with-header-and-footer > .canvas-content { margin-top: 50px; }
-  .canvas-with-footer > .canvas-content,
-  .canvas-with-header-and-footer > .canvas-content { padding-bottom: 80px; }
+  .canvas-with-header > .canvas-content { margin-top: 50px; }
+  .canvas-with-footer > .canvas-content { padding-bottom: 80px; }
 }

data/vendor/assets/stylesheets/code.scss

@@ -7,9 +7,9 @@
 /* # Code
 ================================================== */
 code {
-  background: rgba(245,248,250,1);
-  border-radius: 2px;
-  color: rgba(43,50,53,1);
+  background: rgba(249,249,249,1);
+  border: 1px solid rgba(0,0,0,0.02);
+  color: rgba(34,34,34,1);
   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
   font-size: 12px;
   font-weight: normal;
@@ -25,9 +25,9 @@ code {
 /* # Pre
 ================================================== */
 pre {
-  background: rgba(245,248,250,1);
-  border-radius: 3px;
-  color: rgba(43,50,53,1);
+  background: rgba(249,249,249,1);
+  border: 2px solid rgba(0,0,0,0.02);
+  color: rgba(34,34,34,1);
   display: block;
   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
   font-size: 12px;
@@ -47,87 +47,87 @@ pre {
 /* # Pygments
 ================================================== */
 .c {
-  color: rgba(136,153,166,1);
+  color: rgba(200,200,200,1);
   font-style: italic;
 } /* Comment */
 .err {
-  color: rgba(255,59,48,1);
-  background: rgba(43,50,53,1);
+  color: rgba(225,80,80,1);
+  background: rgba(34,34,34,1);
 } /* Error */
-.k { color: rgba(0,132,255,1); } /* Keyword */
+.k { color: rgba(76,143,202,1); } /* Keyword */
 .cm {
-  color: rgba(136,153,166,1);
+  color: rgba(200,200,200,1);
   font-style: italic;
 } /* Comment.Multiline */
-.cp { color: rgba(68,205,1,1); } /* Comment.Preproc */
+.cp { color: rgba(27,192,109,1); } /* Comment.Preproc */
 .c1 {
-  color: rgba(136,153,166,1);
+  color: rgba(200,200,200,1);
   font-style: italic;
 } /* Comment.Single */
 .cs {
-  color: rgba(0,132,255,1);
+  color: rgba(76,143,202,1);
   font-style: italic;
 } /* Comment.Special */
-.gd { color: rgba(255,59,48,1); } /* Generic.Deleted */
+.gd { color: rgba(225,80,80,1); } /* Generic.Deleted */
 .ge { font-style: italic; } /* Generic.Emph */
-.gr { color: rgba(255,59,48,1) } /* Generic.Error */
+.gr { color: rgba(225,80,80,1) } /* Generic.Error */
 .gh {
-  color: rgba(0,132,255,1);
+  color: rgba(76,143,202,1);
   font-weight: bold;
 } /* Generic.Heading */
-.gi { color: rgba(68,205,1,1); } /* Generic.Inserted */
-.go { color: rgba(136,153,166,1); } /* Generic.Output */
-.gp { color: rgba(43,50,53,1); } /* Generic.Prompt */
+.gi { color: rgba(27,192,109,1); } /* Generic.Inserted */
+.go { color: rgba(200,200,200,1); } /* Generic.Output */
+.gp { color: rgba(34,34,34,1); } /* Generic.Prompt */
 .gs { font-weight: bold; } /* Generic.Strong */
 .gu {
-  color: rgba(43,50,53,1);
+  color: rgba(34,34,34,1);
   font-weight: bold;
 } /* Generic.Subheading */
-.gt { color: rgba(255,59,48,1); } /* Generic.Traceback */
-.kc { color: rgba(0,132,255,1); } /* Keyword.Constant */
-.kd { color: rgba(0,132,255,1); } /* Keyword.Declaration */
-.kn { color: rgba(0,132,255,1); } /* Keyword.Namespace */
-.kp { color: rgba(0,132,255,1); } /* Keyword.Pseudo */
-.kr { color: rgba(0,132,255,1); } /* Keyword.Reserved */
-.kt { color: rgba(68,205,1,1); } /* Keyword.Type */
-.m { color: rgba(68,205,1,1); } /* Literal.Number */
-.s { color: rgba(0,132,255,1); } /* Literal.String */
-.sa { color: rgba(68,205,1,1); } /* Literal.String.Alternate */
-.na { color: rgba(0,132,255,1); } /* Name.Attribute */
-.nb { color: rgba(68,205,1,1); } /* Name.Builtin */
-.nc { color: rgba(68,205,1,1); } /* Name.Class */
-.no { color: rgba(255,59,48,1); } /* Name.Constant */
-.nd { color: rgba(136,153,166,1); } /* Name.Decorator */
+.gt { color: rgba(225,80,80,1); } /* Generic.Traceback */
+.kc { color: rgba(76,143,202,1); } /* Keyword.Constant */
+.kd { color: rgba(76,143,202,1); } /* Keyword.Declaration */
+.kn { color: rgba(76,143,202,1); } /* Keyword.Namespace */
+.kp { color: rgba(76,143,202,1); } /* Keyword.Pseudo */
+.kr { color: rgba(76,143,202,1); } /* Keyword.Reserved */
+.kt { color: rgba(27,192,109,1); } /* Keyword.Type */
+.m { color: rgba(27,192,109,1); } /* Literal.Number */
+.s { color: rgba(76,143,202,1); } /* Literal.String */
+.sa { color: rgba(27,192,109,1); } /* Literal.String.Alternate */
+.na { color: rgba(76,143,202,1); } /* Name.Attribute */
+.nb { color: rgba(27,192,109,1); } /* Name.Builtin */
+.nc { color: rgba(27,192,109,1); } /* Name.Class */
+.no { color: rgba(225,80,80,1); } /* Name.Constant */
+.nd { color: rgba(200,200,200,1); } /* Name.Decorator */
 .ni {
-  color: rgba(255,59,48,1);
+  color: rgba(225,80,80,1);
   font-weight: bold;
 } /* Name.Entity */
-.nf { color: rgba(68,205,1,1); } /* Name.Function */
-.nn { color: rgba(68,205,1,1); } /* Name.Namespace */
+.nf { color: rgba(27,192,109,1); } /* Name.Function */
+.nn { color: rgba(27,192,109,1); } /* Name.Namespace */
 .nt   {
-  color: rgba(0,132,255,1);
+  color: rgba(76,143,202,1);
   font-weight: bold;
 } /* Name.Tag */
-.nv { color: rgba(255,59,48,1); } /* Name.Variable */
-.ow { color: rgba(0,132,255,1); } /* Operator.Word */
-.w { color: rgba(136,153,166,1); } /* Text.Whitespace */
-.mf { color: rgba(68,205,1,1); } /* Literal.Number.Float */
-.mh { color: rgba(68,205,1,1); } /* Literal.Number.Hex */
-.mi { color: rgba(68,205,1,1); } /* Literal.Number.Integer */
-.mo { color: rgba(68,205,1,1); } /* Literal.Number.Oct */
-.sb { color: rgba(0,132,255,1); } /* Literal.String.Backtick */
-.sc { color: rgba(0,132,255,1); } /* Literal.String.Char */
-.sd { color: rgba(0,132,255,1); } /* Literal.String.Doc */
-.s2 { color: rgba(0,132,255,1); } /* Literal.String.Double */
-.se { color: rgba(0,132,255,1); } /* Literal.String.Escape */
-.sh { color: rgba(0,132,255,1); } /* Literal.String.Heredoc */
-.si { color: rgba(0,132,255,1); } /* Literal.String.Interpol */
-.sx { color: rgba(0,132,255,1); } /* Literal.String.Other */
-.sr { color: rgba(68,205,1,1); } /* Literal.String.Regex */
-.s1 { color: rgba(0,132,255,1); } /* Literal.String.Single */
-.ss { color: rgba(0,132,255,1); } /* Literal.String.Symbol */
-.bp { color: rgba(68,205,1,1); } /* Name.Builtin.Pseudo */
-.vc { color: rgba(255,59,48,1); } /* Name.Variable.Class */
-.vg { color: rgba(255,59,48,1); } /* Name.Variable.Global */
-.vi { color: rgba(255,59,48,1); } /* Name.Variable.Instance */
-.il { color: rgba(68,205,1,1); } /* Literal.Number.Integer.Long */
+.nv { color: rgba(225,80,80,1); } /* Name.Variable */
+.ow { color: rgba(76,143,202,1); } /* Operator.Word */
+.w { color: rgba(200,200,200,1); } /* Text.Whitespace */
+.mf { color: rgba(27,192,109,1); } /* Literal.Number.Float */
+.mh { color: rgba(27,192,109,1); } /* Literal.Number.Hex */
+.mi { color: rgba(27,192,109,1); } /* Literal.Number.Integer */
+.mo { color: rgba(27,192,109,1); } /* Literal.Number.Oct */
+.sb { color: rgba(76,143,202,1); } /* Literal.String.Backtick */
+.sc { color: rgba(76,143,202,1); } /* Literal.String.Char */
+.sd { color: rgba(76,143,202,1); } /* Literal.String.Doc */
+.s2 { color: rgba(76,143,202,1); } /* Literal.String.Double */
+.se { color: rgba(76,143,202,1); } /* Literal.String.Escape */
+.sh { color: rgba(76,143,202,1); } /* Literal.String.Heredoc */
+.si { color: rgba(76,143,202,1); } /* Literal.String.Interpol */
+.sx { color: rgba(76,143,202,1); } /* Literal.String.Other */
+.sr { color: rgba(27,192,109,1); } /* Literal.String.Regex */
+.s1 { color: rgba(76,143,202,1); } /* Literal.String.Single */
+.ss { color: rgba(76,143,202,1); } /* Literal.String.Symbol */
+.bp { color: rgba(27,192,109,1); } /* Name.Builtin.Pseudo */
+.vc { color: rgba(225,80,80,1); } /* Name.Variable.Class */
+.vg { color: rgba(225,80,80,1); } /* Name.Variable.Global */
+.vi { color: rgba(225,80,80,1); } /* Name.Variable.Instance */
+.il { color: rgba(27,192,109,1); } /* Literal.Number.Integer.Long */

data/vendor/assets/stylesheets/colorpicker.scss

@@ -5,7 +5,7 @@
 /* # Colorpicker
 ================================================== */
 .dropdown-swatch {
-  background: rgba(102,117,127,1);
+  background: rgba(100,100,100,1);
   border-radius: 2px;
   display: inline-block;
   height: 25px;
@@ -14,6 +14,7 @@
 }
 .dropdown-colorpicker > .dropdown-menu {
   margin-left: -5px;
+  min-width: 162px;
   padding: 4px;
 }
 .dropdown-colorpicker > .dropdown-menu > li {

data/vendor/assets/stylesheets/datepicker.scss

@@ -12,7 +12,7 @@
   z-index: 1060;
 }
 .datepicker:before {
-  border-bottom: 7px solid rgba(245,248,250,1);
+  border-bottom: 7px solid rgba(249,249,249,1);
   border-right: 7px solid transparent;
   border-left: 7px solid transparent;
   content: '';
@@ -20,7 +20,7 @@
   position: absolute;
 }
 .datepicker:after {
-  border-bottom: 6px solid rgba(245,248,250,1);
+  border-bottom: 6px solid rgba(249,249,249,1);
   border-right: 6px solid transparent;
   border-left: 6px solid transparent;
   content: '';
@@ -36,15 +36,15 @@
 .datepicker.datepicker-orient-bottom:before {
   bottom: -7px;
   border-bottom: 0;
-  border-top: 7px solid rgba(245,248,250,1);
+  border-top: 7px solid rgba(249,249,249,1);
 }
 .datepicker.datepicker-orient-bottom:after {
   bottom: -6px;
   border-bottom: 0;
-  border-top: 6px rgba(245,248,250,1);
+  border-top: 6px rgba(249,249,249,1);
 }
 .dow {
-  color: rgba(43,50,53,1);
+  color: rgba(34,34,34,1);
   font-weight: bold;
 }
 .datepicker > div { display: none; }
@@ -68,15 +68,15 @@
   width: 20px;
 }
 .datepicker td.day:hover {
-  background: rgba(0,132,255,1);
+  background: rgba(34,34,34,1);
   border-radius: 2px;
   color: rgba(255,255,255,1);
   cursor: pointer;
 }
-.datepicker td.day.disabled { color: rgba(136,153,166,1); }
-.datepicker td.day.disabled:hover { color: rgba(43,50,53,1); }
+.datepicker td.day.disabled { color: rgba(200,200,200,1); }
+.datepicker td.day.disabled:hover { color: rgba(34,34,34,1); }
 .datepicker td.old,
-.datepicker td.new { color: rgba(136,153,166,1); }
+.datepicker td.new { color: rgba(200,200,200,1); }
 .datepicker td.active,
 .datepicker td.active:hover,
 .datepicker td.active:hover:hover,
@@ -90,7 +90,7 @@
 .datepicker td.active:hover.disabled,
 .datepicker td.active[disabled],
 .datepicker td.active:hover[disabled] {
-  background: rgba(68,205,1,1);
+  background: rgba(27,192,109,1);
   border-radius: 2px;
   color: rgba(255,255,255,1);
 }
@@ -104,8 +104,8 @@
   width: 46px;
 }
 .datepicker td span:hover {
-  background: rgba(0,132,255,1);
-  color: rgba(43,50,53,1);
+  background: rgba(34,34,34,1);
+  color: rgba(34,34,34,1);
   cursor: pointer;
 }
 .datepicker td span.active,
@@ -115,7 +115,7 @@
 .datepicker td span.active.active,
 .datepicker td span.active.disabled,
 .datepicker td span.active[disabled] {
-  background: rgba(68,205,1,1);
+  background: rgba(27,192,109,1);
   color: rgba(255,255,255,1);
 }
 .datepicker th.switch {
@@ -125,7 +125,7 @@
 .datepicker th.next,
 .datepicker th.prev { font-size: 17px; }
 .datepicker thead tr:first-child th:hover {
-  background: rgba(0,132,255,1);
+  background: rgba(34,34,34,1);
   border-radius: 2px;
   color: rgba(255,255,255,1);
   cursor: pointer;

data/vendor/assets/stylesheets/dropdown.scss

@@ -10,22 +10,21 @@
 .dropdown-toggle:active,
 .open .dropdown-toggle { outline: 0; }
 .dropdown-menu {
-  background: rgba(245,248,250,1);
+  background: rgba(249,249,249,1);
   background-clip: padding-box;
-  border: 1px solid rgba(230,237,242,1);
-  border-radius: 4px;
-  box-shadow: 0 0 3px rgba(225,232,237,1);
+  border: 2px solid rgba(243,243,243,1);
+  box-shadow: 0 0 3px rgba(220,220,220,1);
   box-sizing: border-box;
-  color: rgba(43,50,53,1);
+  color: rgba(34,34,34,1);
   display: none;
   float: left;
   font-weight: bold;
   font-size: 12px;
-  line-height: 20px;
+  line-height: 12px;
   list-style: none;
   margin: 2px 0 0 0;
-  min-width: 160px;
-  padding: 5px 0;
+  min-width: 180px;
+  padding: 10px 0;
   position: absolute;
   text-align: left;
   top: 100%;
@@ -36,28 +35,28 @@
   right: 0;
 }
 .dropdown-menu > .divider {
-  background: rgba(230,237,242,1);
+  background: rgba(243,243,243,1);
   height: 1px;
   margin: 5px 0px;
   overflow: hidden;
 }
 .dropdown-menu > li > a {
   clear: both;
-  color: rgba(43,50,53,1);
+  color: rgba(34,34,34,1);
   cursor: pointer;
   display: block;
-  padding: 5px 15px;
+  padding: 8px 15px;
   text-decoration: none;
   white-space: nowrap;
 }
 .dropdown-menu > li > a:hover,
 .dropdown-menu > li > a:focus,
 .dropdown-submenu:hover > a,
-.dropdown-submenu:focus > a { color: rgba(0,132,255,1); }
+.dropdown-submenu:focus > a { color: rgba(27,192,109,1); }
 .dropdown-menu > li > a:active,
 .dropdown-menu > li > a.active,
 .dropdown-submenu:active > a,
-.dropdown-submenu.active > a { color: rgba(0,132,255,1); }
+.dropdown-submenu.active > a { color: rgba(27,192,109,1); }
 .open > .dropdown-menu { display: block; }
 .pull-right > .dropdown-menu {
   left: auto;
@@ -69,24 +68,24 @@
 }
 .dropdown-menu.dropdown-caret { top: calc(100% + 5px); }
 .dropdown-menu.dropdown-caret:before {
-  border-bottom: 7px solid rgba(240,243,250,1);
+  border-bottom: 7px solid rgba(243,243,243,1);
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   content: "";
   display: inline-block;
   left: 9px;
   position: absolute;
-  top: -7px;
+  top: -9px;
 }
 .dropdown-menu.dropdown-caret:after {
-  border-bottom: 6px solid rgba(245,248,250,1);
+  border-bottom: 6px solid rgba(243,243,243,1);
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   content: "";
   display: inline-block;
   left: 10px;
   position: absolute;
-  top: -6px;
+  top: -7px;
 }
 .dropdown-menu.pull-right.dropdown-caret:before {
   left: auto;

data/vendor/assets/stylesheets/footer.scss

@@ -1,7 +1,7 @@
 /* Table of Contents
 ==================================================
 # Footer
-# Application */
+# Alternate */
 
 /* # Footer
 ================================================== */
@@ -13,124 +13,52 @@
   z-index: 1030;
 }
 .footer {
-  background: rgba(255,255,255,1);
-  border-top: 1px solid rgba(225,232,237,1);
+  background: rgba(24,24,24,1);
+  border-top: 2px solid rgba(4,4,4,1);
   box-sizing: border-box;
   width: 100%;
-  padding: 30px 0;
-}
-.footer-alt { box-shadow: inset 0 1px 3px rgba(225,232,237,1); }
-.footer-brand {
-  margin: -59px 0 30px 0;
-  text-align: center;
+  margin-top: 40px;
+  padding: 20px 0;
 }
+.footer-brand { float: left; }
 .footer-brand > a {
-  background: rgba(255,255,255,1);
-  border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(225,232,237,1);
-  color: rgba(136,153,166,1);
-  display: inline-block;
-  font-size: 44px;
-  height: 46px;
-  padding: 5px 0 2px 0;
-  opacity: 1;
+  color: rgba(255,255,255,1);
+  font-size: 30px;
   text-decoration: none;
-  text-align: center;
-  vertical-align: middle;
-  width: 50px;
-}
-.footer-title {
-  color: rgba(136,153,166,1);
-  letter-spacing: 1px;
-  text-transform: uppercase;
 }
 .footer-nav {
-  font-size: 14px;
-  line-height: 22px;
+  float: right;
   list-style: none;
-  margin: 0 0 20px 0;
+  margin: 10px 0 0 0;
   padding: 0;
 }
+.footer-nav > li {
+  font-size: 10px;
+  float: left;
+  line-height: 10px;
+  margin-left: 10px;
+}
+.footer-nav > li:first-child { margin: 0; }
 .footer-nav > li > a {
-  color: rgba(136,153,166,1);
+  color: rgba(255,255,255,1);
+  font-weight: 500;
   text-decoration: none;
+  text-transform: uppercase;
 }
 .footer-footnote {
-  display: block;
-  color: rgba(136,153,166,1);
+  float: left;
+  color: rgba(255,255,255,1);
   font-size: 10px;
-  text-align: center;
+  line-height: 10px;
+  margin: 8px 0 0 10px;
 }
 
-/* # Application
+/* # Alternate
 ================================================== */
-.footer-app {
-  box-shadow: 0 -1px 3px rgba(225,232,237,1);
-  height: 60px;
-  padding: 0 20px;
-}
-.footer-app-btn,
-.footer-app-btn.disabled,
-.footer-app-btn[disabled] {
+.footer.footer-alt {
   background: rgba(255,255,255,1);
-  color: rgba(43,50,53,1);
-  display: block;
-  float: left;
-  font-size: 12px;
-  letter-spacing: 1px;
-  line-height: 13px;
-  padding: 23px 0;
-  text-align: center;
-  text-transform: uppercase;
-  width: 200px;
-}
-.footer-app-btn:first-child {
-  border-right: 1px solid rgba(230,237,242,1);
-  margin-left: -30px;
-}
-.footer-app-btn.disabled,
-.footer-app-btn[disabled] {
-  color: rgba(136,153,166,1);
-  cursor: not-allowed;
-  pointer-events: none;
-}
-.footer-app-btn:last-child {
-  border-left: 1px solid rgba(230,237,242,1);
-  margin-right: -30px;
-}
-.footer-app-content > .footer-footnote { margin-top: 22px; }
-.footer-app-content-with-btn {
-  float: left;
-  width: calc(100% - 342px);
-}
-.footer-app-navicon {
-  border-collapse: separate;
-  display: table;
-  table-layout: fixed;
-  width: 100%;
-}
-.footer-app-navicon > a {
-  color: rgba(136,153,166,1);
-  display: table-cell;
-  float: none;
-  font-size: 27px;
-  padding: 10px 0;
-  text-align: center;
-  width: 1%;
-}
-.footer-app-navicon > a.active { color: rgba(0,132,255,1); }
-
-/* # Media Queries
-================================================== */
-@media only screen and (min-width: 768px) and (max-width: 959px) {
-  .footer-app-content-with-btn { width: calc(100% - 302px); }
-  .footer-app-btn,
-  .footer-app-btn.disabled,
-  .footer-app-btn[disabled] { width: 180px; }
+  border-top: 2px solid rgba(243,243,243,1);
 }
-@media only screen and (max-width: 767px) {
-  .footer-app {
-    height: 50px;
-    padding: 0;
-  }
-}
+.footer.footer-alt > .footer-brand > a { color: rgba(34,34,34,1); }
+.footer.footer-alt >.footer-nav > li > a { color: rgba(34,34,34,1); }
+.footer.footer-alt > .footer-footnote { color: rgba(34,34,34,1); }