cg_app_base 1.0.51

data/app/assets/stylesheets/flatty/theme/_overrides-plugins.scss

@@ -0,0 +1,223 @@
+ul.dynatree-container {
+  border: none;
+}
+
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+  background-image: none !important;
+  background-color: $light;
+}
+
+.ui-slider {
+  background-color: transparent;
+  border: 1px solid $light
+}
+
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+  background-color: $light;
+}
+
+.ui-slider .ui-slider-range {
+  background-color: $dark;
+}
+
+div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
+  background: $darkest;
+  text-shadow: none;
+  color: $white;
+  @include opacity(1);
+  @include border-radius(0 !important);
+}
+
+.jGrowl-notification {
+  &.ui-state-highlight {
+    background: $darkest;
+    text-shadow: none;
+    color: $white;
+    @include opacity(1);
+    @include border-radius(0 !important);
+  }
+}
+
+.daterangepicker {
+  .ranges li.active, .ranges li:hover {
+    color: $white;
+    background: $contrast;
+    border-color: transparent;
+  }
+
+  .ranges li {
+    color: $darkest;
+  }
+
+  td.active, td.active:hover {
+    background: $contrast;
+  }
+}
+
+.datepicker td span.active:hover, .datepicker td span.active:hover:hover, .datepicker td span.active.disabled:hover, .datepicker td span.active.disabled:hover:hover, .datepicker td span.active:active, .datepicker td span.active:hover:active, .datepicker td span.active.disabled:active, .datepicker td span.active.disabled:hover:active, .datepicker td span.active.active, .datepicker td span.active:hover.active, .datepicker td span.active.disabled.active, .datepicker td span.active.disabled:hover.active, .datepicker td span.active.disabled, .datepicker td span.active:hover.disabled, .datepicker td span.active.disabled.disabled, .datepicker td span.active.disabled:hover.disabled, .datepicker td span.active[disabled], .datepicker td span.active:hover[disabled], .datepicker td span.active.disabled[disabled], .datepicker td span.active.disabled:hover[disabled], .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active.disabled:hover, .datepicker td.active.disabled:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.disabled:active, .datepicker td.active.disabled:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active, .datepicker td.active.disabled.active, .datepicker td.active.disabled:hover.active, .datepicker td.active.disabled, .datepicker td.active:hover.disabled, .datepicker td.active.disabled.disabled, .datepicker td.active.disabled:hover.disabled, .datepicker td.active[disabled], .datepicker td.active:hover[disabled], .datepicker td.active.disabled[disabled], .datepicker td.active.disabled:hover[disabled] {
+  background: $contrast;
+}
+
+.daterangepicker .calendar-date, .daterangepicker .ranges li, .daterangepicker td, .daterangepicker th, .datepicker td span, .datepicker td, .datepicker th {
+  @include border-radius(0);
+}
+
+.bootstrap-datetimepicker-widget {
+  //width: auto;
+}
+
+.has-switch span.switch-primary,
+.has-switch span.switch-left,
+.has-switch span.switch-primary:hover,
+.has-switch span.switch-left:hover,
+.has-switch span.switch-primary:focus,
+.has-switch span.switch-left:focus,
+.has-switch span.switch-primary:active,
+.has-switch span.switch-left:active,
+.has-switch span.switch-primary.active,
+.has-switch span.switch-left.active,
+.has-switch span.switch-primary.disabled,
+.has-switch span.switch-left.disabled,
+.has-switch span.switch-primary[disabled],
+.has-switch span.switch-left[disabled],
+.has-switch span.switch-primary:active,
+.has-switch span.switch-left:active,
+.has-switch span.switch-primary.active,
+.has-switch span.switch-left.active {
+  background-color: $blue;
+
+  &:hover {
+    background-color: darken($blue, 10%);
+  }
+}
+
+.has-switch span.switch-danger,
+.has-switch span.switch-danger:hover,
+.has-switch span.switch-danger:focus,
+.has-switch span.switch-danger:active,
+.has-switch span.switch-danger.active,
+.has-switch span.switch-danger.disabled,
+.has-switch span.switch-danger[disabled],
+.has-switch span.switch-danger:active,
+.has-switch span.switch-danger.active {
+  background-color: $red;
+
+  &:hover {
+    background-color: darken($red, 10%);
+  }
+}
+
+.has-switch span.switch-warning,
+.has-switch span.switch-warning:hover,
+.has-switch span.switch-warning:focus,
+.has-switch span.switch-warning:active,
+.has-switch span.switch-warning.active,
+.has-switch span.switch-warning.disabled,
+.has-switch span.switch-warning[disabled],
+.has-switch span.switch-warning:active,
+.has-switch span.switch-warning.active {
+  background-color: $orange;
+
+  &:hover {
+    background-color: darken($orange, 10%);
+  }
+}
+
+.has-switch span.switch-info,
+.has-switch span.switch-info:hover,
+.has-switch span.switch-info:focus,
+.has-switch span.switch-info:active,
+.has-switch span.switch-info.active,
+.has-switch span.switch-info.disabled,
+.has-switch span.switch-info[disabled],
+.has-switch span.switch-info:active,
+.has-switch span.switch-info.active {
+  background-color: $purple;
+
+  &:hover {
+    background-color: darken($purple, 10%);
+  }
+}
+
+.has-switch span.switch-success,
+.has-switch span.switch-success:hover,
+.has-switch span.switch-success:focus,
+.has-switch span.switch-success:active,
+.has-switch span.switch-success.active,
+.has-switch span.switch-success.disabled,
+.has-switch span.switch-success[disabled],
+.has-switch span.switch-success:active,
+.has-switch span.switch-success.active {
+  background-color: $green;
+
+  &:hover {
+    background-color: darken($green, 10%);
+  }
+}
+
+.fc-header-right {
+  .icon-chevron-right, .icon-chevron-left {
+    position: relative;
+    top: 1px;
+  }
+}
+
+.fc-header-center {
+  .fc-button {
+    padding-top: 5px !important;
+  }
+
+  .fc-state-default, .fc-button {
+    background: none;
+    border: none;
+    @include box-shadow(none);
+  }
+}
+
+.fc-event {
+  border: none;
+
+  .fc-event-inner {
+    padding: 2px -2px 2px 2px;
+    color: #fff;
+  }
+}
+
+.slimScrollBar {
+  -webkit-border-radius: 0 !important;
+  -moz-border-radius: 0 !important;
+  border-radius: 0 !important;
+}
+
+.slider-content ul ul li a:hover { background:$lightest; }
+
+.slider-content .title { background: $light; color: $dark;}
+.slider .slider-nav { background: $light;}
+.slider .slider-nav li a { color: $dark }
+.slider .slide-up, .slider .slide-down {background: $light;}
+
+// select 2
+
+.form-control.select2-container {
+  margin: 0;
+  padding: 0;
+}
+
+.form-control .select2-choice {
+  border: 0;
+  -webkit-border-radius: 0 !important;
+  -moz-border-radius: 0 !important;
+  border-radius: 0 !important;
+}
+.form-control.select2-container.select2-dropdown-open {
+  -webkit-border-radius: 0 !important;
+  -moz-border-radius: 0 !important;
+  border-radius: 0 !important;
+}
+
+.form-control.select2-container .select2-choices {
+  border: 0 !important;
+  -webkit-border-radius: 0 !important;
+  -moz-border-radius: 0 !important;
+  border-radius: 0 !important;
+}

data/app/assets/stylesheets/flatty/theme/_recent-activity.scss

@@ -0,0 +1,124 @@
+.recent-activity {
+  .load-more {
+    > a {
+      border-left: none;
+      border-right: none;
+      border-bottom: none;
+    }
+  }
+
+  ul {
+    margin-bottom: 0;
+  }
+
+  .users {
+    > li {
+      border-bottom: 1px solid $recentBorder;
+      padding: 10px;
+      @include clearfix;
+
+      .avatar {
+        margin-right: 10px;
+        @include square(23px);
+
+        .icon-user {
+          font-size: 20px;
+          position: relative;
+          top: 2px;
+          color: darken($light, 5%);
+          @include square(23px);
+        }
+      }
+
+      .date, .action {
+        padding-top: 2px;
+      }
+
+      &:last-child {
+        border-bottom: none;
+      }
+    }
+  }
+
+  .comments {
+    > li {
+      border-bottom: 1px solid $recentBorder;
+      padding: 10px;
+      position: relative;
+      @include clearfix;
+
+      .avatar {
+        position: absolute;
+        left: 10px;
+        top: 10px;
+        margin-right: 10px;
+        @include square(23px);
+
+        .icon-user {
+          font-size: 20px;
+          position: relative;
+          top: 2px;
+          color: darken($light, 5%);
+          @include square(23px);
+        }
+      }
+
+      .body {
+        margin-left: 33px;
+
+        .actions {
+          position: absolute;
+          right: 10px;
+          top: 2px;
+          display: none;
+
+          .btn-link {
+            padding-left: 2px;
+            padding-right: 2px;
+
+            &:hover {
+              text-decoration: none;
+            }
+          }
+
+          .ok {
+            color: $green;
+            margin-right: 10px;
+
+            &:hover {
+              color: darken($green, 10%);
+            }
+          }
+
+          .remove {
+            color: $red;
+
+            &:hover {
+              color: darken($red, 10%);
+            }
+          }
+        }
+      }
+
+      &:hover {
+        .actions {
+          display: block;
+        }
+      }
+
+      &:last-child {
+        border-bottom: none;
+      }
+    }
+  }
+}
+
+.touch {
+  .recent-activity {
+    .comments {
+      > li {
+        .actions { display: block; }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,130 @@
+.responsive-table {
+  position: relative;
+  overflow: hidden;
+
+  .scrollable-area {
+    width: 100%;
+    //overflow: scroll;
+    overflow-y: hidden;
+    //ajout fungo
+    overflow-x: hidden;
+  }
+
+  table {
+    td {
+      position: relative;
+      white-space: nowrap;
+      overflow: hidden;
+    }
+  }
+
+}
+
+.box-content.box-no-padding {
+  .table-striped {
+    th, td {
+      &:first-child { border-left:  none; }
+      &:last-child { border-right:  none; }
+    }
+  }
+}
+
+.dataTables_wrapper {
+  .datatables-top, .datatables-bottom {
+    padding: 5px;
+  }
+
+  @include sm-minus {
+    .datatables-top, .datatables-bottom {
+      text-align: center;
+      .dataTables_filter {
+        float: none;
+        text-align: center;
+        label {
+          float: none;
+        }
+      }
+      .dataTables_paginate {
+        text-align: center;
+        float: none;
+        margin-left: 0;
+        margin-right: 0;
+      }
+      .dataTables_length {
+        text-align: center;
+        display: inline-block;
+        float: none;
+      }
+    }
+  }
+
+  @include clearfix;
+
+  .dataTables_length {
+    margin: 13px 10px 5px 10px;
+    float: left;
+  }
+
+  .dataTables_filter {
+    margin: 10px 10px 5px 10px;
+    float: right;
+  }
+
+  .dataTables_info {
+    padding: 0;
+    margin: 4px 10px 10px 10px;
+  }
+
+  .dataTables_paginate {
+    margin-right: 10px;
+
+    .pagination {
+      margin: 0;
+    }
+  }
+
+  .filter_column {
+    input[type="text"] {
+      display: block;
+      width: 100%;
+      min-height: 30px;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+    }
+  }
+
+  @mixin font-awesome-icon {
+    font-family: FontAwesome;
+    font-weight: normal;
+    font-style: normal;
+    text-decoration: inherit;
+    -webkit-font-smoothing: antialiased;
+    *margin-right: .3em;
+    @include opacity(.3);
+  }
+
+  .sorting {
+    &:after {
+      @include font-awesome-icon;
+      content: "\f0dc";
+      float: right;
+    }
+  }
+
+  .sorting_asc {
+    &:after {
+      @include font-awesome-icon;
+      content: "\f0de";
+      float: right;
+    }
+  }
+
+  .sorting_desc {
+    &:after {
+      @include font-awesome-icon;
+      content: "\f0dd";
+      float: right;
+    }
+  }
+}

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

@@ -0,0 +1,221 @@
+.nav-tabs-centered {
+  text-align: center;
+
+  > li {
+    float: none;
+    display: inline-block;
+  }
+}
+
+.tabs-right {
+  .nav-tabs-simple {
+    > li {
+      > a {
+        border-color: transparent !important;
+      }
+    }
+
+    > .active {
+      > a, > a:hover, > a:focus {
+        border-color: transparent !important;
+        border-left-color: $contrast !important;
+
+        &.contrast-border { border-left-color: $contrast !important; }
+        @for $i from 1 through length($colorsNames) {
+          $colorName: nth($colorsNames, $i);
+          $color: nth($colors, $i);
+
+          &.#{$colorName}-border { border-left-color: $color !important; }
+        }
+      }
+    }
+  }
+}
+
+.tabs-left {
+  .nav-tabs-simple {
+    > li {
+      > a {
+        border-color: transparent !important;
+      }
+    }
+
+    > .active {
+      > a, > a:hover, > a:focus {
+        border-color: transparent !important;
+        border-right-color: $contrast !important;
+
+        &.contrast-border { border-right-color: $contrast !important; }
+        @for $i from 1 through length($colorsNames) {
+          $colorName: nth($colorsNames, $i);
+          $color: nth($colors, $i);
+
+          &.#{$colorName}-border { border-right-color: $color !important; }
+        }
+      }
+    }
+  }
+}
+
+.tabs-below {
+  .nav-tabs-simple {
+
+    > li {
+      > a {
+        border-color: transparent !important;
+      }
+    }
+
+    > .active {
+      > a, > a:hover, > a:focus {
+        border-color: transparent !important;
+        border-top-color: $contrast !important;
+
+        &.contrast-border { border-top-color: $contrast !important; }
+        @for $i from 1 through length($colorsNames) {
+          $colorName: nth($colorsNames, $i);
+          $color: nth($colors, $i);
+
+          &.#{$colorName}-border { border-top-color: $color !important; }
+        }
+      }
+    }
+  }
+}
+
+.nav-tabs-simple {
+
+  > li {
+    > a {
+      border-color: transparent !important;
+    }
+  }
+
+  > .active {
+    > a, > a:hover, > a:focus {
+      border-color: transparent !important;
+      border-bottom-color: $contrast !important;
+
+      &.contrast-border { border-bottom-color: $contrast !important; }
+      @for $i from 1 through length($colorsNames) {
+        $colorName: nth($colorsNames, $i);
+        $color: nth($colors, $i);
+
+        &.#{$colorName}-border { border-bottom-color: $color !important; }
+      }
+    }
+  }
+}
+
+@media print {
+  .tab-content > .tab-pane {display: block !important; opacity: 1 !important;}
+}
+
+.nav-tabs, .nav-pills {
+  margin-bottom: 19px;
+}
+
+.tabs-below > .nav-tabs,
+.tabs-right > .nav-tabs,
+.tabs-left > .nav-tabs {
+  border-bottom: 0;
+}
+
+.tab-content > .tab-pane,
+.pill-content > .pill-pane {
+  display: none;
+}
+
+.tab-content > .active,
+.pill-content > .active {
+  display: block;
+}
+
+.tabs-below > .nav-tabs {
+  border-top: 1px solid #ddd;
+}
+
+.tabs-below > .nav-tabs > li {
+  margin-top: -1px;
+  margin-bottom: 0;
+}
+
+.tabs-below > .nav-tabs > li > a {
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+}
+
+.tabs-below > .nav-tabs > li > a:hover,
+.tabs-below > .nav-tabs > li > a:focus {
+  border-top-color: #ddd;
+  border-bottom-color: transparent;
+}
+
+.tabs-below > .nav-tabs > .active > a,
+.tabs-below > .nav-tabs > .active > a:hover,
+.tabs-below > .nav-tabs > .active > a:focus {
+  border-color: transparent #ddd #ddd #ddd;
+}
+
+.tabs-left > .nav-tabs > li,
+.tabs-right > .nav-tabs > li {
+  float: none;
+}
+
+.tabs-left > .nav-tabs > li > a,
+.tabs-right > .nav-tabs > li > a {
+  min-width: 74px;
+  margin-right: 0;
+  margin-bottom: 3px;
+}
+
+.tabs-left > .nav-tabs {
+  float: left;
+  margin-right: 19px;
+  border-right: 1px solid #ddd;
+}
+
+.tabs-left > .nav-tabs > li > a {
+  margin-right: -1px;
+  -webkit-border-radius: 4px 0 0 4px;
+  -moz-border-radius: 4px 0 0 4px;
+  border-radius: 4px 0 0 4px;
+}
+
+.tabs-left > .nav-tabs > li > a:hover,
+.tabs-left > .nav-tabs > li > a:focus {
+  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
+}
+
+.tabs-left > .nav-tabs .active > a,
+.tabs-left > .nav-tabs .active > a:hover,
+.tabs-left > .nav-tabs .active > a:focus {
+  border-color: #ddd transparent #ddd #ddd;
+  *border-right-color: #ffffff;
+}
+
+.tabs-right > .nav-tabs {
+  float: right;
+  margin-left: 19px;
+  border-left: 1px solid #ddd;
+}
+
+.tabs-right > .nav-tabs > li > a {
+  margin-left: -1px;
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0;
+}
+
+.tabs-right > .nav-tabs > li > a:hover,
+.tabs-right > .nav-tabs > li > a:focus {
+  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
+}
+
+.tabs-right > .nav-tabs .active > a,
+.tabs-right > .nav-tabs .active > a:hover,
+.tabs-right > .nav-tabs .active > a:focus {
+  border-color: #ddd #ddd #ddd transparent;
+  *border-left-color: #ffffff;
+}

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

@@ -0,0 +1,12 @@
+.tasks {
+
+  .task {
+    @include clearfix;
+  }
+
+  > li:last-child {
+    .progress {
+      margin-bottom: 0;
+    }
+  }
+}