cg_app_base 1.0.51

data/app/assets/stylesheets/flatty/theme/_todo-list.scss

@@ -0,0 +1,152 @@
+.todo-list {
+  .new-todo {
+    margin-bottom: 0;
+    width: 100%;
+    position: relative;
+    @include clearfix;
+
+    input[type="text"] {
+      border-left: 0;
+      border-top: 0;
+      padding-left: 12px;
+      padding-top: 12px;
+      padding-bottom: 12px;
+      height: 45px;
+      line-height: 45px;
+    }
+
+    input {
+      margin-bottom: 0;
+      padding-right: 40px;
+    }
+
+    button {
+      position: absolute;
+      top: 0;
+      right: 0;
+      height: 45px;
+    }
+  }
+
+  .date {
+    text-transform: uppercase;
+    color: $contrast;
+    font-size: 11px;
+    margin-top: 10px;
+    margin-left: 10px;
+  }
+
+  ul {
+    margin-bottom: 20px;
+
+    > li {
+      line-height: 35px;
+      padding: 0 7px 0 10px;
+      border-bottom: 1px solid $light;
+      position: relative;
+      @include clearfix;
+
+      label {
+        padding: 5px 0;
+        font-weight: normal;
+        margin: 0;
+
+        .todo {
+          padding-left: 5px;
+          display: inline;
+          position: relative;
+          top: 3px;
+        }
+
+        input[type="checkbox"] {
+          margin-top: 0;
+        }
+      }
+
+      .actions {
+        margin-top: 2px;
+        .remove, .edit { display: none; }
+
+        .btn-link {
+          padding: 10px 5px;
+
+          &:hover {
+            text-decoration: none;
+          }
+        }
+
+        .important {
+          color: $blue;
+
+          i:before {content: "\f097";}
+
+          &:hover {
+            color: darken($blue, 10%);
+          }
+        }
+
+        .edit {
+          color: $orange;
+
+          &:hover {
+            color: darken($orange, 10%);
+          }
+        }
+
+        .remove {
+          color: $red;
+
+          &:hover {
+            color: darken($red, 10%);
+          }
+        }
+      }
+
+      &.important {
+        border-left: 2px solid $blue;
+        padding-left: 15px;
+        background: lighten($light, 10%);
+
+        .important {
+          i:before {content: "\f02e";}
+        }
+      }
+
+      &.done {
+        opacity: 0.5;
+
+        .todo {
+          text-decoration: line-through;
+        }
+      }
+
+      &:hover {
+        cursor: move;
+
+        .remove, .edit { display: inline;}
+      }
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+
+      li {
+        &:last-child {
+          border-bottom: none;
+        }
+      }
+    }
+  }
+}
+
+.touch {
+  .todo-list {
+    ul {
+      > li {
+        .actions {
+          .remove, .edit { display: inline; }
+        }
+      }
+    }
+  }
+}

data/app/assets/stylesheets/flatty/theme/_type.scss

@@ -0,0 +1,170 @@
+@font-face {
+  font-family: "Montserrat";
+  src: font-url("flatty/montserrat-bold-webfont.eot");
+  src: font-url("flatty/montserrat-bold-webfont.eot?#iefix") format("embedded-opentype"),
+  font-url("flatty/montserrat-bold-webfont.woff") format("woff"),
+  font-url("flatty/montserrat-bold-webfont.ttf") format("truetype"),
+  font-url("flatty/montserrat-bold-webfont.svg#montserratbold") format("svg");
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Montserrat";
+  src: font-url("flatty/montserrat-regular-webfont.eot");
+  src: font-url("flatty/montserrat-regular-webfont.eot?#iefix") format("embedded-opentype"),
+  font-url("flatty/montserrat-regular-webfont.woff") format("woff"),
+  font-url("flatty/montserrat-regular-webfont.ttf") format("truetype"),
+  font-url("flatty/montserrat-regular-webfont.svg#montserratregular") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: $headingsFontFamily;
+  font-weight: 400;
+  color: $darkest;
+}
+
+h1 { font-size: $baseFontSize * 2.0; }
+h2 { font-size: $baseFontSize * 1.75; }
+h3 { font-size: $baseFontSize * 1.5; }
+h4 { font-size: $baseFontSize * 1.25; }
+h5 { font-size: $baseFontSize; }
+h6 { font-size: $baseFontSize * 0.75; }
+
+@media (max-width: 768px) {
+  h1 { font-size: $baseFontSize * 1.75; }
+  h2 { font-size: $baseFontSize * 1.5; }
+  h3 { font-size: $baseFontSize * 1.25; }
+  h4 { font-size: $baseFontSize * 1.0; }
+  h5 { font-size: $baseFontSize; }
+  h6 { font-size: $baseFontSize * 0.5; }
+}
+
+h1 {
+  [class^="icon-"] {
+    color: $pageHeaderIconColor;
+  }
+}
+
+.page-header {
+  border-bottom-color: $pageHeaderBorder;
+  margin-left: -15px;
+  margin-right: -15px;
+  position: relative;
+  margin-top: 0;
+  margin-bottom: 30px;
+  color: $pageHeaderColor;
+  background: $pageHeaderBackground;
+  min-height: 85px;
+  padding: 20px;
+  @include clearfix;
+
+  @include sm-plus {
+    padding: 0 15px;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    margin: 0;
+    color: $pageHeaderColor;
+    vertical-align: middle;
+  }
+
+  .breadcrumb {
+    margin-bottom: 0;
+    line-height: 10px;
+
+    @include sm-plus {
+      padding: 10px 0;
+    }
+
+    li:first-child {
+      > a {
+        text-decoration: none;
+        @include transition(color 100ms ease);
+
+        &:hover {
+          color: $pageHeaderBreadCrumbHover;
+        }
+      }
+    }
+  }
+
+  h1.pull-left {
+    @include sm-plus {
+      margin-top: 27px;
+    }
+  }
+
+  .pull-right {
+    margin-top: 15px;
+
+    @include sm-plus {
+      margin-top: 25px;
+    }
+  }
+
+  @include sm-minus {
+    text-align: center;
+
+    > .pull-right, > .pull-left {
+      float: none !important;
+    }
+  }
+}
+
+.group-header {
+  border-top: 1px solid $hrBorder;
+  position: relative;
+  margin-left: -15px;
+  margin-right: -15px;
+  margin-bottom: 40px;
+  margin-top: 20px;
+
+  .row {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  > .row:first-child {
+    padding-top: 20px;
+    border-top: 1px solid $white;
+  }
+
+  &.group-header-first {
+    margin-top: 0;
+    border-top: none;
+
+    > .row:first-child {
+      padding-top: 0;
+      border-top: none;
+    }
+  }
+}
+
+hr {
+  position: relative;
+  margin-left: -15px;
+  margin-right: -15px;
+  border-top: 1px solid #eeeeee;
+  border-bottom: 1px solid white;
+
+  &.hr-normal {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  &.hr-top {
+    margin-top: 0;
+  }
+
+  &.hr-bottom {
+    margin-bottom: 0;
+  }
+
+  &.hr-double {
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+}

data/app/assets/stylesheets/flatty/theme/_utilities.scss

@@ -0,0 +1,122 @@
+$screen-xs: 480px;
+$screen-sm: 768px;
+$screen-md: 992px;
+$screen-lg: 1200px;
+$screen-xs-max: ($screen-sm - 1);
+$screen-sm-max: ($screen-md - 1);
+$screen-md-max: ($screen-lg - 1);
+
+@mixin xs-only { @media (max-width: $screen-sm - 1) { @content; } }
+@mixin xs-only-land { @media (max-width: $screen-sm - 1) and (orientation: landscape) { @content; } }
+@mixin xs-only-port { @media (max-width: $screen-sm - 1) and (orientation: portrait) { @content; } }
+@mixin sm-only { @media (min-width: $screen-sm) and (max-width: $screen-sm-max) { @content; } }
+@mixin md-only { @media (min-width: $screen-md) and (max-width: $screen-md-max) { @content; } }
+@mixin lg-only { @media (min-width: $screen-lg) and (max-width: $screen-lg-max) { @content; } }
+
+@mixin sm-plus { @media (min-width: $screen-sm) { @content; } }
+@mixin md-plus { @media (min-width: $screen-md) { @content; } }
+@mixin lg-plus { @media (min-width: $screen-lg) { @content; } }
+
+@mixin sm-minus { @media (max-width: $screen-sm - 1) { @content; } }
+@mixin md-minus { @media (max-width: $screen-md - 1) { @content; } }
+@mixin lg-minus { @media (max-width: $screen-lg - 1) { @content; } }
+
+.text-center-xs {
+  @include xs-only {
+    text-align: center;
+  }
+}
+
+.img-responsive-sm {
+  @include sm-plus {
+    display: block;
+    height: auto;
+    max-width: 100%;
+  }
+}
+
+.no-mg-t-xs {
+  @include xs-only {
+    margin-top: 0 !important;
+  }
+}
+
+.no-mg-t { margin-top: 0 !important; }
+.no-mg-b { margin-bottom: 0 !important; }
+
+@mixin size($width, $height) {
+  width: $width;
+  height: $height;
+}
+
+@mixin square($size) {
+  width: $size;
+  height: $size;
+}
+
+@mixin vertical-align {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+@mixin center-block {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+@mixin font($size, $line: $size * 1.25) {
+  font-size: floor($size);
+  line-height: floor($line);
+}
+
+@mixin rpadding($padding, $multiplier: 1) {
+  padding: (floor(nth($padding, 1) * $multiplier)) (floor(nth($padding, 2) * $multiplier)) (floor(nth($padding, 3) * $multiplier)) (floor(nth($padding, 4) * $multiplier));
+}
+
+@mixin image-2x($image, $width, $height) {
+  @media (min--moz-device-pixel-ratio: 1.3),
+  (-o-min-device-pixel-ratio: 2.6/2),
+  (-webkit-min-device-pixel-ratio: 1.3),
+  (min-device-pixel-ratio: 1.3),
+  (min-resolution: 1.3dppx) {
+    background-image: image_url($image);
+    background-size: $width $height;
+  }
+}
+
+@mixin placeholder($color: $placeholderText) {
+  &:-moz-placeholder {
+    color: $color;
+  }
+  &:-ms-input-placeholder {
+    color: $color;
+  }
+  &::-webkit-input-placeholder {
+    color: $color;
+  }
+}
+
+@mixin rgba-fallback($color, $type, $fallback-bg: false) {
+  @if $fallback-bg != false {
+    #{$type}: rgba(mix(rgba($color, 1), $fallback-bg, opacity($color)*100), 1);
+  } @else {
+    #{$type}: rgba($color, 1);
+  }
+  #{$type}: $color;
+}
+
+@mixin placeholder($color: $placeholderText) {
+  &:-moz-placeholder {
+    color: $color;
+  }
+  &:-ms-input-placeholder {
+    color: $color;
+  }
+  &::-webkit-input-placeholder {
+    color: $color;
+  }
+}
+
+.center-block {
+  @include center-block;
+}

data/app/assets/stylesheets/flatty/theme/_variables.scss

@@ -0,0 +1,140 @@
+$baseFontSize: 14px !default;
+$baseLineHeight: 20px !default;
+$sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
+$zindexDropdown: 1000 !default;
+$zindexFixedNavbar: 1030 !default;
+$grayLighter: #eee !default;
+$hrBorder: $grayLighter !default;
+
+$lightest: #f4f7f9 !default;
+$light: #dce1e5 !default;
+
+$dark: #143249 !default;
+$darkest: #0d2231 !default;
+
+$white: #fff !default;
+$contentBackground: $lightest !default;
+
+$orange: #f8a326 !default;
+$blue: #00acec !default;
+$seaBlue: #0163ac !default;
+$purple: #9564e2 !default;
+$green: #49bf67 !default;
+$red: #f34541 !default;
+$muted: #999999 !default;
+$fb: #3d579d !default;
+$darkColor: #2b2d30 !default;
+$pink: #c44a83 !default;
+$grassGreen: #5daf2b !default;
+$banana: #fcd052 !default;
+$contrast: $red !default;
+$brown: #924e31 !default;
+$darkOrange: #f56e00 !default;
+
+// colors
+$colors: ($contrast, $orange, $blue, $purple, $green, $red, $muted, $fb, $darkColor, $pink, $grassGreen, $seaBlue, $banana, $darkOrange, $brown);
+$colorsNames: ("contrast", "orange", "blue", "purple", "green", "red", "muted", "fb", "dark", "pink", "grass-green", "sea-blue", "banana", "dark-orange", "brown");
+
+// themes
+$themeNames: ("red","orange", "blue", "purple", "green", "fb", "muted", "dark", "pink", "grass-green", "sea-blue", "banana", "dark-orange", "brown");
+$themeColors: ($red,$orange, $blue, $purple, $green, $fb, $muted, $darkColor, $pink, $grassGreen, $seaBlue, $banana, $darkOrange, $brown);
+
+// fonts
+$headingsFontFamily: Montserrat;
+
+// header
+$headerBackground: $contrast !default;
+$headerBrandColor: $white !default;
+$headerSearchButtonColor: $headerBackground !default;
+$headerHeight: 40px !default;
+
+// navigation
+$navBackground: $darkest !default;
+$navBorder: transparent !default;
+$navItemBackround: $navBackground !default;
+$navItemBorderTop: darken($navBackground, 5%) !default;
+$navItemBorderBottom: lighten($navBackground, 5%) !default;
+$navItemHoverFocusBackground: darken($navBackground, 3%) !default;
+$navIcon: lighten($dark, 22%) !default;
+$navText: lighten($dark, 18%) !default;
+$navIconHoverFocus: $contrast !default;
+$navTextHoverFocus: lighten($dark, 25%) !default;
+$navHeaderColor: lighten($navBackground, 20%) !default;
+$navWidth: 250px !default;
+$navClosedWidth: 50px !default;
+
+$navSecondBackground: $contentBackground !default;
+$navSecondBorder: darken($navSecondBackground, 20%) !default;
+$navSecondItemBorder: darken($navSecondBackground, 10%) !default;
+$navSecondItemHoverFocusBackground: darken($navSecondBackground, 5%) !default;
+
+//type
+$pageHeaderBackground: $white !default;
+$pageHeaderBorder: $light !default;
+$pageHeaderIconColor: $contrast !default;
+$pageHeaderBreadCrumbHover: $contrast !default;
+
+//timeline
+$timelineLine: $light !default;
+$timelineContentBackground: $white !default;
+$timelineIconColor: $white !default;
+
+
+//boxes
+$boxBorder: $light !default;
+$boxBackground: $white !default;
+$boxActionsColor: darken($light, 10%) !default;
+$boxActionsHoverColor: $contrast !default;
+$boxTextContrastColor: $white !default;
+$boxActionsContrastColor: $white !default;
+$boxActionsContrastHoverBackground: $white !default;
+$boxToolboxBackground: $lightest !default;
+$boxToolboxBorder: $light !default;
+
+//quick links
+$quickIconColor: $white !default;
+$quickContentColor: darken($lightest, 60%) !default;
+$quickContentBackground: darken($lightest, 10%) !default;
+$quickContentBorder: darken($lightest, 15%) !default;
+
+//statistic boxes
+$statBoxBackground: $white !default;
+$statBoxContrastColor: $white !default;
+
+//calendar
+$calButtonBackground: $white !default;
+$calButtonHoverBackground: $light !default;
+
+//chat
+$chatMessageBorder: $light !default;
+$fixedChatHeaderBackground: $contrast !default;
+$fixedChatHeaderColor: $white !default;
+$fixedChatActionsColor: $white !default;
+
+//forms
+$formActionsBackground: $lightest !default;
+$formStripedBorder: $light !default;
+$formStripedBackground: $lightest !default;
+
+$inputBorder: darken($light, 5%);
+$inputBackground: $white;
+$inputFocusBorderColor: darken($light, 20%);
+$inputFocusShadow: rgba(220, 225, 229, 1);
+
+//gallery
+$galleryActionsColor: $white !default;
+$galleryActionsBackground: rgba(0, 0, 0, .3) !default;
+
+//recent activity
+$recentBorder: $light !default;
+
+//wizard
+$wizardStepCompleteBackground: $green !default;
+$wizardStepCompleteColor: $white;
+$wizardStepActiveBackground: $contrast !default;
+$wizardStepActiveColor: $white;
+$wizardStepBackground: $light !default;
+$wizardStepColor: darken($lightest, 70%) !default;
+
+//other
+$showNavCaret: true !default;

data/app/assets/stylesheets/flatty/theme/_wizard.scss

@@ -0,0 +1,62 @@
+.fuelux  {
+  .wizard {
+    @include border-radius(0);
+    @include box-shadow(none);
+    background-color: transparent;
+    border: none;
+
+    .actions {
+      padding: 0;
+    }
+
+    ul li {
+      background-color: $wizardStepBackground;
+      margin-right: 30px;
+      padding: 0 20px;
+      color: $wizardStepColor;
+      font-family: $headingsFontFamily;
+      font-size: 20px;
+      position: relative;
+      @include border-radius(0 !important);
+
+      &.active {
+        background-color: $wizardStepActiveBackground;
+        color: $wizardStepActiveColor;
+      }
+
+      &.complete {
+        background-color: $wizardStepCompleteBackground;
+        color: $wizardStepCompleteColor;
+
+        &:hover {
+          background-color: darken($green, 5%);
+        }
+
+        &:before {
+          background-color: $green;
+        }
+      }
+
+      &:before {
+        content: "";
+        @include size(30px, 4px);
+        background-color: $wizardStepBackground;
+        display: block;
+        position: absolute;
+        top: 50%;
+        margin-top: -2px;
+        left: -30px;
+      }
+
+      &:first-child {
+        &:before {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
+@media print {
+  .fuelux .step-content .step-pane {display: block !important; opacity: 1 !important;}
+}