tida_blue_assets 0.0.1 → 0.0.2

data/vendor/assets/stylesheets/components/_colors.scss

@@ -0,0 +1,11 @@
+.green {
+  color: $green;
+}
+
+.blue {
+  color: $blue;
+}
+
+.red {
+  color: $red;
+}

data/vendor/assets/stylesheets/components/_forms.scss

@@ -0,0 +1,47 @@
+//
+// Forms
+// --------------------------------------------------
+
+form {
+  margin: 0px $bigPadding;
+  padding: $bigPadding 0;
+  border-top: 2px solid $formBorderColor;
+  border-bottom: 1px solid $formBorderColor;
+  .form-actions {
+    margin: 0px;
+    padding: 0px;
+    background: white;
+    border: none;
+  }
+
+  .form-inputs {
+    label {
+      font-size: 12px;
+      font-weight: bold;
+      color: $gray;
+    }
+  }
+}
+
+select,
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.uneditable-input {
+  border: $borderColor solid 2px;
+  @include box-shadow(none);
+}
+
+

data/vendor/assets/stylesheets/components/_labels.scss

@@ -0,0 +1,5 @@
+.label {
+  @include border-radius(0px);
+  text-shadow: none;
+  font-size: 9px !important;
+}

data/vendor/assets/stylesheets/components/_menus.scss

@@ -0,0 +1,260 @@
+@mixin caret-up($color: $pageMenuForeColor, $size: 4px) {
+  border-top: none;
+  border-bottom: $size solid $color;
+}
+
+@mixin caret-down($color: $pageMenuForeColor, $size: 4px) {
+  border-bottom: none;
+  border-top: $size solid $color;
+}
+
+@mixin global-menu-item-icon($index) {
+  background-position: -($index * 24px) 0px;
+  &:hover {
+    @include global-menu-item-icon-hover($index);
+  }
+}
+
+@mixin global-menu-item-icon-hover($index) {
+  background-position: -($index * 24px) -24px;
+}
+
+#global-menu {
+  display: block;
+  position: absolute;
+  top: 0px; bottom: 0px;
+  left: 0px; right: 0px;
+  width: 70px;
+  background: $menuBackgroundColor;
+  padding: 0px;
+
+  ul {
+    list-style: none;
+    margin: 0px; padding: 0px;
+    top: 0px;
+
+    li {
+
+      a {
+        display: block;
+        width: 24px; height: 24px;
+        padding: 13px 23px;
+
+        span {
+          display: block;
+          width: 24px; height: 24px;
+          text-indent: -9999px;
+          background: image-url('global_menu_icon_sprite.png') no-repeat;
+        }
+
+        &.global-menu-icon-dashboard span {
+          @include global-menu-item-icon(0);
+        }
+
+        &.global-menu-icon-client span {
+          @include global-menu-item-icon(1);
+        }
+
+        &.global-menu-icon-content span {
+          @include global-menu-item-icon(2);
+        }
+
+        &.global-menu-icon-media span {
+          @include global-menu-item-icon(3);
+        }
+
+        &.global-menu-icon-data span {
+          @include global-menu-item-icon(4);
+        }
+
+        &.global-menu-icon-tools span {
+          @include global-menu-item-icon(5);
+        }
+
+        &.global-menu-icon-settings span {
+          @include global-menu-item-icon(6);
+        }
+
+        &.active {
+          background: darken($menuBackgroundColor, 10%);
+          &.global-menu-icon-dashboard span {
+            @include global-menu-item-icon-hover(0);
+          }
+
+          &.global-menu-icon-client span {
+            @include global-menu-item-icon-hover(1);
+          }
+
+          &.global-menu-icon-content span {
+            @include global-menu-item-icon-hover(2);
+          }
+
+          &.global-menu-icon-media span {
+            @include global-menu-item-icon-hover(3);
+          }
+
+          &.global-menu-icon-data span {
+            @include global-menu-item-icon-hover(4);
+          }
+
+          &.global-menu-icon-tools span {
+            @include global-menu-item-icon-hover(5);
+          }
+
+          &.global-menu-icon-settings span {
+            @include global-menu-item-icon-hover(6);
+          }
+        }
+
+        &:hover {
+          .global-menu-icon-dashboard {
+            @include global-menu-item-icon-hover(0);
+          }
+
+          .global-menu-icon-client {
+            @include global-menu-item-icon-hover(1);
+          }
+
+          .global-menu-icon-content {
+            @include global-menu-item-icon-hover(2);
+          }
+
+          .global-menu-icon-media {
+            @include global-menu-item-icon-hover(3);
+          }
+
+          .global-menu-icon-data {
+            @include global-menu-item-icon-hover(4);
+          }
+
+          .global-menu-icon-tools {
+            @include global-menu-item-icon-hover(5);
+          }
+
+          .global-menu-icon-settings {
+            @include global-menu-item-icon-hover(6);
+          }
+        }
+      }
+    }
+  }
+}
+
+#page-menu {
+  position: absolute;
+  top: 0px; bottom: 0px;
+  left: 0px; width: 199px;
+  margin: 0px; padding: 0px;
+  background: $pageMenuBackgroundColor;
+  border-right: 1px solid $pageMenuBorderColor;
+  .header {
+    height: 50px;
+    h3 {
+      font-size: 21px;
+      color: $pageMenuForeColor;
+      font-weight: normal;
+      text-indent: 15px;
+      line-height: 50px;
+      margin: 0px; padding: 0px;
+    }
+    border-bottom: 1px solid $pageMenuBorderColor;
+  }
+
+  [class*="accordion"] {
+    margin: 0px; padding: 0px;
+    border: none;
+  }
+
+  .accordion {
+
+    ul {
+      list-style: none;
+      margin: 0px; padding: 0px;
+    }
+
+    a {
+      display: block;
+      line-height: 50px;
+      height: 50px;
+      border-bottom: 1px solid $pageMenuBorderColor;
+      padding: 0px $bigPadding;
+      font: {
+        size: 14px;
+      }
+      color: $pageMenuForeColor;
+
+      &:hover {
+        background: $pageMenuHoverBackgroundColor;
+        color: $pageMenuHoverForeColor;
+
+        .caret {
+          @include caret-down($pageMenuHoverForeColor, 4px);
+        }
+
+        &.accordion-toggle.collapsed {
+          .caret {
+            @include caret-up($pageMenuHoverForeColor, 4px);
+          }
+        }
+      }
+
+      &.active {
+        background: $pageMenuActiveBackgroundColor;
+        color: $pageMenuActiveForeColor;
+
+        &.in {
+          background: $pageMenuBackgroundColor;
+          color: $pageMenuForeColor;
+
+          &:hover {
+            background: $pageMenuHoverBackgroundColor;
+            color: $pageMenuHoverForeColor;
+
+            .caret {
+              @include caret-down($pageMenuHoverForeColor, 4px);
+            }
+
+            &.accordion-toggle.collapsed {
+              .caret {
+                @include caret-up($pageMenuHoverForeColor, 4px);
+              }
+            }
+          }
+        }
+
+        .caret {
+          @include caret-down;
+        }
+
+        &.accordion-toggle.collapsed {
+          .caret {
+            @include caret-up;
+          }
+        }
+      }
+
+      .caret {
+        position: relative;
+        top: 20px;
+        @include caret-down;
+      }
+
+      &.accordion-toggle.collapsed {
+        .caret {
+          @include caret-up;
+        }
+      }
+    }
+  }
+
+  .accordion-body {
+    a {
+      padding: 0px $bigPadding * 2;
+
+      &.active {
+        background: $pageMenuActiveBackgroundColor;
+        color: $pageMenuActiveForeColor;
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/components/_mixins.scss

@@ -0,0 +1 @@
+

data/vendor/assets/stylesheets/components/_modals.scss

@@ -0,0 +1,31 @@
+$modalHeaderBackgroundColor: #eee;
+$modalHeaderFontColor: $pageTitleFontColor;
+
+.modal {
+  @include border-radius(0px);
+  border: none;
+  .modal-header {
+    border: none;
+    color: $modalHeaderFontColor;
+    padding: 0px $bigPadding;
+    border-top: 5px solid #ccc;
+    h4 {
+      font-weight: normal;
+      line-height: 40px;
+    }
+  }
+
+  .modal-footer {
+    background: none;
+    border: none;
+    padding: $normalPadding $normalPadding;
+  }
+
+  form {
+    border: none;
+  }
+}
+
+.modal-backdrop {
+
+}

data/vendor/assets/stylesheets/components/_notifications.scss

@@ -0,0 +1,3 @@
+.notification {
+  margin: $normalPadding $bigPadding;
+}

data/vendor/assets/stylesheets/components/_tables.scss

@@ -0,0 +1,80 @@
+// Override some wice-grid class
+
+.wice-grid-container {
+  padding: $normalPadding $bigPadding;
+}
+
+.table-bordered {
+  border-color: $borderColor !important;
+}
+
+.table {
+  border: none;
+  border-top: 2px solid $tableHeaderBorderColor;
+  border-bottom: 1px solid $tableHeaderBorderColor;
+
+  th, td {
+    line-height: 30px;
+    border: none;
+  }
+
+
+  th, tfoot td {
+    background: $tableHeaderBackgroundColor;
+    color: $tableHeaderFontColor;
+    font: {
+      size: 12px;
+      weight: normal;
+    }
+    padding: 0px $normalPadding;
+  }
+
+  td {
+    vertical-align: middle;
+    font: {
+      size: 12px;
+    }
+    padding: 0px $normalPadding;
+
+    &.buttons {
+      width: 29px; height: 28px;
+      padding: 0px;
+      > .button {
+        width: 31px; height: 31px;
+        padding: 0px;
+      }
+    }
+
+    &.auto {
+      width: auto;
+    }
+
+    &.narrow {
+      width: 1px;
+      white-space: nowrap;
+    }
+
+    &.datetime {
+      width: 1px;
+      white-space: nowrap;
+    }
+
+    .progress {
+      margin: 0px;
+      line-height: 20px;
+      .bar {
+        padding: 0px $smallPadding;
+      }
+    }
+  }
+}
+
+.table-bordered {
+  @include border-radius(0);
+  border-color: $tableBorder;
+}
+
+.table-bordered thead:first-child tr:first-child > th:first-child,
+.table-bordered tbody:first-child tr:first-child > td:first-child {
+  @include border-radius(0);
+}