tida_blue_assets 0.0.1 → 0.0.2

data/vendor/assets/stylesheets/bootstrap-editable.css

@@ -0,0 +1,279 @@
+/*! Bootstrap Editable - v1.1.4 
+* In-place editing with Bootstrap Form and Popover
+* https://github.com/vitalets/bootstrap-editable
+* Copyright (c) 2012 Vitaliy Potapov; Licensed MIT, GPL */
+
+a.editable, a.editable:hover {
+  text-decoration: none;
+  border-bottom: dashed 1px #0088cc;
+}
+
+a.editable-open, a.editable-open:hover {
+ 
+}
+
+a.editable-empty {
+  font-style: italic; 
+  color: #DD1144;  
+}
+
+a.editable-changed {
+  font-weight: bold; 
+}
+                 
+.editable-loading {
+  background: url('../img/loading.gif') center center no-repeat;  
+  height: 20px;  
+}
+
+.popover.editable-popover {
+    width: auto; /*for bootstrap 2.1.1*/
+}
+
+.popover.editable-popover .popover-inner {
+   width: auto;
+   max-width: 410px;  /* should be enough for span4 */
+}
+
+.popover.editable-popover div.control-group,
+.popover.editable-popover form,
+.popover.editable-popover span.help-block {
+   margin-bottom: 0;
+}
+
+.popover.editable-popover .form-inline textarea {
+   vertical-align: top;
+}
+
+
+/*!
+ * Datepicker for Bootstrap
+ *
+ * Copyright 2012 Stefan Petre
+ * Improvements by Andrew Rowls
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+.datepicker {
+  padding: 4px;
+  margin-top: 1px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  /*.dow {
+		border-top: 1px solid #ddd !important;
+	}*/
+}
+
+.datepicker-inline {
+  width: 220px; 
+/*  height: 220px;  */
+}
+
+.datepicker-float {
+  top: 0;
+  left: 0;    
+}
+
+.datepicker-float:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: 6px;
+}
+.datepicker-float:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  position: absolute;
+  top: -6px;
+  left: 7px;
+}
+.datepicker > div {
+  display: none;
+}
+.datepicker.days div.datepicker-days {
+  display: block;
+}
+.datepicker.months div.datepicker-months {
+  display: block;
+}
+.datepicker.years div.datepicker-years {
+  display: block;
+}
+.datepicker table {
+  margin: 0;
+}
+.datepicker td,
+.datepicker th {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.datepicker td.day:hover {
+  background: #eeeeee;
+  cursor: pointer;
+}
+.datepicker td.old,
+.datepicker td.new {
+  color: #999999;
+}
+.datepicker td.disabled,
+.datepicker td.disabled:hover {
+  background: none;
+  color: #999999;
+  cursor: default;
+}
+.datepicker td.active,
+.datepicker td.active:hover,
+.datepicker td.active.disabled,
+.datepicker td.active.disabled:hover {
+  background-color: #006dcc;
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+  background-image: linear-gradient(top, #0088cc, #0044cc);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
+  border-color: #0044cc #0044cc #002a80;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.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-color: #0044cc;
+}
+.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 {
+  background-color: #003399 \9;
+}
+.datepicker td span {
+  display: block;
+  width: 23%;
+  height: 54px;
+  line-height: 54px;
+  float: left;
+  margin: 1%;
+  cursor: pointer;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.datepicker td span:hover {
+  background: #eeeeee;
+}
+.datepicker td span.disabled,
+.datepicker td span.disabled:hover {
+  background: none;
+  color: #999999;
+  cursor: default;
+}
+.datepicker td span.active,
+.datepicker td span.active:hover,
+.datepicker td span.active.disabled,
+.datepicker td span.active.disabled:hover {
+  background-color: #006dcc;
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+  background-image: linear-gradient(top, #0088cc, #0044cc);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
+  border-color: #0044cc #0044cc #002a80;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.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] {
+  background-color: #0044cc;
+}
+.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 {
+  background-color: #003399 \9;
+}
+.datepicker td span.old {
+  color: #999999;
+}
+.datepicker th.switch {
+  width: 145px;
+}
+.datepicker thead tr:first-child th {
+  cursor: pointer;
+}
+.datepicker thead tr:first-child th:hover {
+  background: #eeeeee;
+}
+.input-append.date .add-on i,
+.input-prepend.date .add-on i {
+  display: block;
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+}

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

@@ -0,0 +1,79 @@
+@import 'components/base';
+@import 'components/colors';
+@import 'components/mixins';
+@import 'components/buttons';
+@import 'components/forms';
+@import 'components/tables';
+@import 'components/labels';
+@import 'components/modals';
+@import 'components/notifications';
+@import 'components/menus';
+@import 'components/titles';
+
+// Grid System
+
+.grid {
+  @extend .container-fluid;
+  padding: 0px;
+
+  > .grid-row {
+    @extend .row-fluid;
+
+    > [class*="cell"] {
+      @extend [class*="span"];
+    }
+
+    > .cell6 {
+      @extend .span6;
+    }
+
+    > .cell3 {
+      @extend .span3;
+    }
+
+    > .cell2 {
+      @extend .span2;
+    }
+  }
+}
+
+.toolbar {
+  @extend .btn-group;
+
+  .button:first-child, .button:last-child {
+    @include border-radius(0);
+  }
+}
+
+section {
+  margin: 0px; padding: 0px;
+  header {
+    &.grid {
+      > .line {
+        margin: 0px; padding: 0px;
+      }
+    }
+    padding: 0px 0px !important;
+    // background: #eee;
+
+    h3 {
+      padding-left: 15px;
+      font-size: $middleFontSize !important;
+      font-weight: bold;
+      line-height: 40px;
+      margin: 0px;
+      color: $darkGray;
+    }
+
+    .toolbar {
+      margin: 0px 0px;
+      @extend .pull-right;
+
+      .button {
+        margin: 5px;
+        height: 30px;
+        line-height: 30px;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,86 @@
+// Variables Overrides
+
+// Links
+
+$linkColor: #666;
+
+// Colors
+
+$logoColor: #0c71b1;
+
+$blue: #56bed6;
+$green: #6aa06a;
+
+$smokeGray: #eee;
+$lightGray: #ccc;
+$gray: #999;
+$darkGray: #666;
+
+$borderColor: #ddd;
+
+// Dropdowns
+
+// $dropdownBackground: white;
+
+// Table
+
+$tableBorderColor: $borderColor;
+$tableHeaderBorderColor: $borderColor;
+$tableHeaderBackgroundColor: transparent;
+$tableHeaderFontColor: $gray;
+$tableBackgroundAccent: #f8f8f8;
+$tableBackgroundHover: darken($tableBackgroundAccent, 5%);
+
+// Typography
+$extremeBigFontSize: 30px;
+$bigFontSize: 24px;
+$middleFontSize: 20px;
+$normalFontSize: 14px;
+$smallFontSize: 12px;
+
+// Buttons
+$baseBorderRadius: 0px;
+$btnBackground: #ddd;
+$btnPrimaryBackground: #555;
+$btnSuccessBackground: #1b7e5a;
+$btnWarningBackground: #dda56c;
+$btnDangerBackground: #e76e66;
+$btnInfoBackground: #695b8e;
+$btnInverseBackground: #232323;
+
+// Menus
+$pageMenuBackgroundColor: #f5f4ee;
+$pageMenuForeColor: #7a7977;
+$pageMenuHoverBackgroundColor: #a6a4a1;
+$pageMenuHoverForeColor: #edede6;
+$pageMenuActiveBackgroundColor: #73726f;
+$pageMenuActiveForeColor: #f5f5ed;
+$pageMenuBorderColor: #e6e6e6;
+
+$menuBackgroundColor: #2b343d;
+
+// Titles
+$pageTitleBackgroundColor: white;
+$pageTitleFontColor: $darkGray;
+$articleTitleFontColor: $darkGray;
+
+// Breadcrumbs
+$breadcrumbsBackgroundColor: #616161;
+$breadcrumbsFontColor: #ccc;
+
+// Forms
+$formActionsBackgroundColor: #f2f2f2;
+$formBorderColor: $borderColor;
+
+// Paddings
+$smallPadding: 5px;
+$normalPadding: 10px;
+$bigPadding: 15px;
+$largePadding: 20px;
+
+@import 'bootstrap';
+@import 'font-awesome';
+// @import 'bootstrap/reset';
+// @import 'bootstrap/responsive';
+@import 'bootstrap/mixins';
+

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

@@ -0,0 +1,68 @@
+.button {
+  @extend .btn;
+  font-size: 12px !important;
+  height: 32px;
+  line-height: 32px;
+  padding: 0px 15px;
+  text-shadow: none;
+  background: $btnBackground;
+  @include box-shadow(none);
+  border: none;
+  border-bottom: 2px solid darken($btnBackground, 20%);
+
+  &.disabled,
+  &[disabled] {
+    &:hover {
+      background: $btnBackground;
+      color: $grayDark;
+      @include opacity(75%);
+    }
+  }
+
+  &.strong {
+    font-weight: bold;
+  }
+
+  .button:hover, .button:active {
+    background: darken($btnBackground, 10%);
+    @include box-shadow(none);
+    color: white;
+    border: none;
+  }
+}
+
+@mixin extend-button($backgroundColor) {
+  @content;
+  background: $backgroundColor;
+  border-bottom-color: darken($backgroundColor, 10%);
+  &:hover,
+  &:active {
+    background: darken($backgroundColor, 10%);
+  }
+}
+
+
+.button-primary {
+  @include extend-button($btnPrimaryBackground) { @extend .btn-primary; }
+}
+
+.button-success {
+  @include extend-button($btnSuccessBackground) { @extend .btn-success; }
+}
+
+.button-warning {
+  @include extend-button($btnWarningBackground) { @extend .btn-warning; }
+}
+
+.button-danger {
+  @include extend-button($btnDangerBackground) { @extend .btn-danger; }
+}
+
+.button-info {
+  @include extend-button($btnInfoBackground) { @extend .btn-info; }
+}
+
+.button-inverse {
+  @include extend-button($btnInverseBackground) { @extend .btn-inverse; }
+}
+