tida_template 0.0.3 → 0.0.4

data/lib/tida_template/version.rb

@@ -1,3 +1,3 @@
 module TidaTemplate
-  VERSION = "0.0.3"
+  VERSION = "0.0.4"
 end

data/vendor/assets/javascripts/blue.js

@@ -0,0 +1,21 @@
+//= require bootstrap
+//= require jquery.NobleCount.min
+//= require bootstrap-datetimepicker
+//= require bootstrap-editable
+
+$(document).ready(function() {
+  $("a[rel=popover]").popover();
+  $(".tooltip").tooltip();
+  $("a[rel=tooltip]").tooltip();
+
+  $('.dropdown-toggle').dropdown();
+
+  $('.date-time-picker').datetimepicker({
+    format: 'yyyy-MM-dd hh:mm:ss'
+  });
+
+  $('.date-picker').datetimepicker({
+    format: 'yyyy-MM-dd',
+    pickTime: false
+  });
+});

data/vendor/assets/javascripts/jquery.NobleCount.min.js

@@ -0,0 +1,3 @@
+/* jQuery.NobleCount v 1.0 http://tpgblog.com/noblecount/
+compiled by http://yui.2clics.net/ */
+(function(c){c.fn.NobleCount=function(i,h){var j;var g=false;if(typeof i=="string"){j=c.extend({},c.fn.NobleCount.settings,h);if(typeof h!="undefined"){g=((typeof h.max_chars=="number")?true:false)}return this.each(function(){var k=c(this);f(k,i,j,g)})}return this};c.fn.NobleCount.settings={on_negative:null,on_positive:null,on_update:null,max_chars:140,block_negative:false,cloak:false,in_dom:false};function f(g,m,n,h){var l=n.max_chars;var j=c(m);if(!h){var k=j.text();var i=(/^[1-9]\d*$/).test(k);if(i){l=k}}b(g,j,n,l,true);c(g).keydown(function(o){b(g,j,n,l,false);if(a(o,g,n,l)==false){return false}});c(g).keyup(function(o){b(g,j,n,l,false);if(a(o,g,n,l)==false){return false}})}function a(k,g,l,j){if(l.block_negative){var h=k.which;var i;if(typeof document.selection!="undefined"){i=(document.selection.createRange().text.length>0)}else{i=(g[0].selectionStart!=g[0].selectionEnd)}if((!((e(g,j)<1)&&(h>47||h==32||h==0||h==13)&&!k.ctrlKey&&!k.altKey&&!i))==false){return false}}return true}function e(g,h){return h-(c(g).val()).length}function b(g,i,l,j,h){var k=e(g,j);if(k<0){d(l.on_negative,l.on_positive,g,i,l,k)}else{d(l.on_positive,l.on_negative,g,i,l,k)}if(l.cloak){if(l.in_dom){i.attr("data-noblecount",k)}}else{i.text(k)}if(!h&&jQuery.isFunction(l.on_update)){l.on_update(g,i,l,k)}}function d(i,g,h,j,l,k){if(i!=null){if(typeof i=="string"){j.addClass(i)}else{if(jQuery.isFunction(i)){i(h,j,l,k)}}}if(g!=null){if(typeof g=="string"){j.removeClass(g)}}}})(jQuery);

data/vendor/assets/javascripts/retina.js

@@ -0,0 +1,3 @@
+// retina.js, a high-resolution image swapper (http://retinajs.com), v0.0.2
+
+(function(){function t(e){this.path=e;var t=this.path.split("."),n=t.slice(0,t.length-1).join("."),r=t[t.length-1];this.at_2x_path=n+"@2x."+r}function n(e){this.el=e,this.path=new t(this.el.getAttribute("src"));var n=this;this.path.check_2x_variant(function(e){e&&n.swap()})}var e=typeof exports=="undefined"?window:exports;e.RetinaImagePath=t,t.confirmed_paths=[],t.prototype.is_external=function(){return!!this.path.match(/^https?\:/i)&&!this.path.match("//"+document.domain)},t.prototype.check_2x_variant=function(e){var n,r=this;if(this.is_external())return e(!1);if(this.at_2x_path in t.confirmed_paths)return e(!0);n=new XMLHttpRequest,n.open("HEAD",this.at_2x_path),n.onreadystatechange=function(){return n.readyState!=4?e(!1):n.status>=200&&n.status<=399?(t.confirmed_paths.push(r.at_2x_path),e(!0)):e(!1)},n.send()},e.RetinaImage=n,n.prototype.swap=function(e){function n(){t.el.complete?(t.el.setAttribute("width",t.el.offsetWidth),t.el.setAttribute("height",t.el.offsetHeight),t.el.setAttribute("src",e)):setTimeout(n,5)}typeof e=="undefined"&&(e=this.path.at_2x_path);var t=this;n()},e.devicePixelRatio>1&&(window.onload=function(){var e=document.getElementsByTagName("img"),t=[],r,i;for(r=0;r<e.length;r++)i=e[r],t.push(new n(i))})})();

data/vendor/assets/stylesheets/_base.scss

@@ -0,0 +1,40 @@
+@import "variables";
+@import 'bootstrap';
+@import 'font-awesome';
+@import 'bootstrap/reset';
+@import 'bootstrap/responsive';
+@import 'bootstrap/mixins';
+@import 'bootstrap-datetimepicker';
+@import 'bootstrap-editable';
+@import 'retina';
+
+html, body {
+  width: 100%; height: 100%;
+  padding: 0px; margin: 0px;
+  position: absolute;
+  font: {
+    size: 12px;
+    family: "Hiragino Sans GB", "Lucida Grande", arial, sans-serif;
+  }
+}
+
+a {
+  text-decoration: none !important;
+
+  &:hover {
+    text-decoration: none !important;
+  }
+}
+
+.dropdown-menu {
+  @include border-radius(0);
+  border: $borderColor solid 1px;
+
+  li:hover > a {
+    text-shadow: none;
+  }
+
+  .active > a, .active > a:hover {
+    color: white;
+  }
+}

data/vendor/assets/stylesheets/_brands_list.scss

@@ -0,0 +1,36 @@
+.brands-list {
+  padding: 0px; margin: $largePadding $largePadding;
+  [class*="cell"] {
+    padding-bottom: 50px;
+  }
+  .avatar {
+    background: image-url('default_brand.png') no-repeat center center;
+    padding: 0px;
+    width: 100px;
+    height: 100px;
+    margin: auto; clear: both;
+    @include border-radius(60px);
+    // border: 4px solid white;
+    // @include box-shadow(rgba(0, 0, 0, 0.7) 0px 3px 6px, rgba(0, 0, 0, 0.5) 0px -5px 25px inset);
+    @include box-shadow(rgba(0, 0, 0, 0.3) 0px -5px 25px inset);
+
+    &:hover {
+      @include box-shadow(rgba(0, 0, 0, 0.3) 0px -5px 15px inset);
+    }
+
+    a {
+      display: block;
+      margin: auto;
+      padding-top: 115px;
+      text-align: center;
+
+      &:hover {
+        span {
+          padding: $smallPadding;
+          @include border-radius(4px);
+          background: #eee;
+        }
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/_buttons.scss

@@ -0,0 +1,73 @@
+.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, 10%);
+  outline: none !important;
+
+  &.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, $foreColor: white) {
+  @content;
+  @include box-shadow(none);
+  background: $backgroundColor;
+  color: $foreColor;
+  border-bottom-color: darken($backgroundColor, 10%);
+  &:hover, &:active {
+    background: darken($backgroundColor, 10%);
+  }
+}
+
+.button-logo {
+  @include extend-button($logoColor) { @extend .btn-primary; }
+}
+
+.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; }
+}
+

data/vendor/assets/stylesheets/_forms.scss

@@ -0,0 +1,56 @@
+//
+// Forms
+// --------------------------------------------------
+
+form {
+  margin: 0px $bigPadding;
+  padding: $bigPadding 0;
+  border-top: 2px 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);
+}
+
+.input-append .add-on, .input-prepend .add-on {
+  border: 2px solid $borderColor;
+}
+
+.input-append .add-on {
+  border-left: none;
+}
+
+.input-prepend .add-on {
+  border-right: none;
+}

data/vendor/assets/stylesheets/_grids.scss

@@ -0,0 +1,24 @@
+.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;
+    }
+  }
+}

data/vendor/assets/stylesheets/_icons.scss

@@ -0,0 +1,7 @@
+.icon {
+  display: inline-block;
+  &.sina {
+    width: 16px; height: 16px;
+    background: image-url('sina_logo_16x16.png') no-repeat top left;
+  }
+}

data/vendor/assets/stylesheets/_labels.scss

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

data/vendor/assets/stylesheets/_menus.scss

@@ -0,0 +1,210 @@
+$caret-size: 4px;
+
+@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;
+}
+
+#user-menu-panel {
+  display: block;
+  width: auto; height: 50px;
+  margin: 0px 20px;
+  list-style: none;
+  > li {
+    line-height: 50px;
+    > a {
+      font-size: 11px;
+      color: white;
+      .caret {
+        position: relative;
+        top: 15px;
+        @include caret-down(white);
+      }
+    }
+
+    &.open {
+      .caret {
+        @include caret-up(white);
+      }
+    }
+
+    .dropdown-menu {
+      padding: 0px;
+      > li {
+        @include no-space;
+
+        a {
+          margin: 0px; padding: 5px 20px;
+          // @include block-link;
+
+          &:hover {
+            // @include hover-block-link;
+          }
+        }
+      }
+    }
+  }
+}
+
+#top-navigation-bar {
+  display: block;
+  position: absolute;
+  top: 0px; bottom: 0px;
+  left: 0px; right: 0px;
+  width: 70px;
+  background: $topNavigationBackgroundColor;
+  padding: 0px;
+
+  ul {
+    list-style: none;
+    @include no-space;
+    top: 0px;
+
+    li {
+
+      a {
+        display: block;
+        width: 50px; height: 40px;
+        color: $topNavigationForeColor;
+        font-size: 12px;
+        text-align: center;
+        padding: $bigPadding $normalPadding;
+
+        &.active {
+          background: darken($topNavigationBackgroundColor, 10%);
+          color: lighten($topNavigationForeColor, 40%);
+        }
+
+        &:hover {
+          color: lighten($topNavigationForeColor, 40%);
+        }
+      }
+    }
+  }
+}
+
+@mixin sub-navigation-active-state {
+  background: $pageMenuActiveBackgroundColor;
+  color: $pageMenuActiveForeColor;
+  font-weight: bold;
+}
+
+@mixin sub-navigation-hover-state {
+  background: $pageMenuHoverBackgroundColor;
+  color: $pageMenuHoverForeColor;
+}
+
+#sub-navigation-bar {
+  position: absolute;
+  top: 0px; bottom: 0px;
+  left: 0px; width: 199px;
+  @include no-space;
+  background: $pageMenuBackgroundColor;
+  border-right: 1px solid $pageMenuBorderColor;
+  z-index: 90;
+
+  [class*="accordion"] {
+    @include no-space;
+    border: none;
+    list-style: none;
+  }
+
+  .accordion {
+    ul {
+      list-style: none;
+      @include no-space;
+    }
+
+    a {
+      display: block;
+      line-height: 30px;
+      height: 30px;
+      border-bottom: 1px solid $pageMenuBorderColor;
+      padding: $smallPadding $bigPadding;
+      font: {
+        size: 12px;
+      }
+      color: $pageMenuForeColor;
+
+      &:hover {
+        @include sub-navigation-hover-state;
+
+        .caret {
+          @include caret-down($pageMenuHoverForeColor, $caret-size);
+        }
+
+        &.accordion-toggle.collapsed {
+          .caret {
+            @include caret-up($pageMenuHoverForeColor, $caret-size);
+          }
+        }
+      }
+
+      &.active {
+        @include sub-navigation-active-state;
+
+        &.in {
+          background: $pageMenuBackgroundColor;
+          color: $pageMenuForeColor;
+
+          &:hover {
+            background: $pageMenuHoverBackgroundColor;
+            color: $pageMenuHoverForeColor;
+
+            .caret {
+              @include caret-down($pageMenuHoverForeColor, $caret-size);
+            }
+
+            &.accordion-toggle.collapsed {
+              .caret {
+                @include caret-up($pageMenuHoverForeColor, $caret-size);
+              }
+            }
+          }
+        }
+
+        .caret {
+          @include caret-down;
+        }
+
+        &.accordion-toggle.collapsed {
+          .caret {
+            @include caret-up;
+          }
+        }
+      }
+
+      .caret {
+        position: relative;
+        top: $normalPadding;
+        @include caret-down;
+      }
+
+      &.accordion-toggle.collapsed {
+        .caret {
+          @include caret-up;
+        }
+      }
+    }
+  }
+
+  .accordion-body {
+    a {
+      padding: 0px $bigPadding * 2;
+      height: 35px;
+      line-height: 35px;
+
+      &.active {
+        background: $pageMenuActiveBackgroundColor;
+        color: $pageMenuActiveForeColor;
+        font-weight: bold;
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/_mixins.scss

@@ -0,0 +1,21 @@
+@mixin no-space {
+  padding: 0px; margin: 0px;
+}
+
+@mixin shadow-box-wrap($backgroundColor) {
+  background: $backgroundColor;
+  padding: 20px;
+  @include border-radius(3px);
+  border: none;
+  border-bottom: 2px solid darken($backgroundColor, 10%);
+}
+
+@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;
+}

data/vendor/assets/stylesheets/_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/_navs.scss

@@ -0,0 +1,38 @@
+.nav-tabs {
+  background: $navTabBackgroundColor;
+  border: none;
+  border-bottom: 2px solid darken($navTabBackgroundColor, 10%);
+  padding-top: $smallPadding;
+  padding-left: $normalPadding;
+
+  > li {
+    margin-bottom: -2px;
+    padding: 0px;
+
+    &:hover {
+      background: darken($navTabBackgroundColor, 10%);
+    }
+
+    > a {
+      @include border-radius(0);
+      margin: 0px;
+      border: none;
+      color: $navTabForeColor !important;
+      border-bottom: 2px solid darken($navTabBackgroundColor, 10%);
+    }
+
+    > a:hover, > a:focus {
+      background: darken($navTabBackgroundColor, 10%);
+      border: none;
+      border-bottom: 2px solid $logoColor;
+    }
+
+    &.active, &.active:hover, &.active:focus {
+      > a {
+        border: none;
+        border-bottom: 2px solid white;
+        font-weight: bold;
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/_notifications.scss

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

data/vendor/assets/stylesheets/_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);
+}

data/vendor/assets/stylesheets/_titles.scss

@@ -0,0 +1,61 @@
+.page-title {
+  padding: 0px $bigPadding;
+  h3 {
+    font: {
+      size: 21px;
+      weight: normal;
+    }
+    line-height: 60px;
+    height: 60px;
+    color: $pageTitleFontColor;
+    @include no-space;
+  }
+
+  .toolbar {
+    @extend .pull-right;
+    padding: $bigPadding 0px;
+    .button {
+      height: 30px;
+      line-height: 30px;
+    }
+  }
+}
+
+.article-title {
+  margin-top: $normalPadding;
+  margin: 0px $bigPadding !important;
+  padding: 0px 0px;
+  padding-left: $normalPadding;
+  background: $smokeGray;
+  h4 {
+    font: {
+      size: 16px;
+      weight: normal;
+    }
+    color: $articleTitleFontColor;
+    line-height: 30px;
+    height: 30px;
+    @include no-space;
+
+    &.icon {
+      padding-left: 30px;
+    }
+
+    &.sina {
+      background: image-url('sina_logo_16x16.png') no-repeat 5px 5px;
+    }
+  }
+
+  .toolbar {
+    @extend .pull-right;
+    padding: 0px;
+    .button {
+      height: 30px;
+      line-height: 30px;
+    }
+  }
+}
+
+.toolbar {
+  @extend .btn-group;
+}

data/vendor/assets/stylesheets/_variables.scss

@@ -0,0 +1,77 @@
+$linkColor: #666;
+$logoColor: #0268b2;
+$blue: #179ac8;
+$green: #7ab400;
+$lightBlue: #a1d3e5;
+$orange: #ff9a38;
+$red: #da3610;
+$smokeGray: #eee;
+$lightGray: #ccc;
+$gray: #999;
+$darkGray: #666;
+$borderColor: darken(#f5f5f5, 10%);
+
+// Text
+
+
+// Labels
+
+$successText: $green;
+$errorText: $red;
+$infoText: $lightBlue;
+
+// Table
+
+$tableBorderColor: $borderColor;
+$tableHeaderBorderColor: $borderColor;
+$tableHeaderBackgroundColor: transparent;
+$tableHeaderFontColor: $gray;
+$tableBackgroundAccent: #f5f5f5;
+$tableBackgroundHover: darken($tableBackgroundAccent, 5%);
+
+// Typography
+$extremeBigFontSize: 30px;
+$bigFontSize: 24px;
+$middleFontSize: 20px;
+$normalFontSize: 14px;
+$smallFontSize: 12px;
+
+// Buttons
+$baseBorderRadius: 2px;
+$btnBackground: #f5f5f5;
+$btnPrimaryBackground: #179ac8;
+$btnSuccessBackground: #7ab400;
+$btnWarningBackground: #ff9a38;
+$btnDangerBackground: #da3610;
+$btnInfoBackground: #a1d3e5;
+$btnInverseBackground: #4c575b;
+
+// Menus
+$topNavigationBackgroundColor: #2b343d;
+$topNavigationForeColor: #5c6a73;
+$pageMenuBackgroundColor: #f5f5f5;
+$pageMenuForeColor: #7a7977;
+$pageMenuHoverBackgroundColor: darken($pageMenuBackgroundColor, 10%);
+$pageMenuHoverForeColor: #7a7977;
+$pageMenuActiveBackgroundColor: darken($pageMenuBackgroundColor, 30%);
+$pageMenuActiveForeColor: #fff;
+$pageMenuBorderColor: darken($pageMenuBackgroundColor, 10%);
+
+// Titles
+$pageTitleBackgroundColor: white;
+$pageTitleFontColor: $darkGray;
+$articleTitleFontColor: $darkGray;
+
+// Navs
+$navTabBackgroundColor: #f5f5f5;
+$navTabForeColor: $darkGray;
+
+// Forms
+$formActionsBackgroundColor: #f2f2f2;
+$formBorderColor: $borderColor;
+
+// Paddings
+$smallPadding: 5px;
+$normalPadding: 10px;
+$bigPadding: 15px;
+$largePadding: 20px;

data/vendor/assets/stylesheets/retina.scss

@@ -0,0 +1,15 @@
+// retina.scss
+// Defaults to png but can be overwritten to jpg or gif
+//$image name is equal to the image name with out it's extention - 'example.png' would be defined as 'example'
+// A helper mixin for applying high-resolution background images (http://www.retinajs.com)
+
+@mixin at2x($image_name, $w: auto, $h: auto, $extention: '.png') {
+  background-image: image_url($image_name + $extention);
+  $x2img : $image_name + '@2x' + $extention;
+
+  @media all and (-webkit-min-device-pixel-ratio : 1.5) {
+    background-image: image_url($x2img);
+    background-size: $w $h;
+  }  
+}
+

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

@@ -0,0 +1,134 @@
+// @import 'components';
+// @import 'menus';
+// @import 'titles';
+// @import 'breadcrumbs';
+// @import 'icons';
+// @import 'brands_list';
+
+@import 'base';
+@import 'mixins';
+
+html, body {
+  color: #383839;
+}
+
+#main-container {
+  > header {
+    display: block; position: absolute;
+    top: 0; left: 0px;
+    height: 50px; width: 100%;
+    background: $logoColor;
+    z-index: 1000;
+    color: white;
+    #logo {
+      width: 120px; height: 50px;
+      background: image-url('logo.png') no-repeat left top;
+    }
+  }
+
+  > #main-content {
+    display: block; position: absolute;
+    top: 50px; bottom: 0px;
+    left: 0px; right: 0px;
+    z-index: 1;
+
+    #main {
+      position: absolute;
+      top: 0px; bottom: 0px;
+      left: 70px; right: 0px;
+
+      > .content {
+        position: absolute;
+        top: 0px; bottom: 0px;
+        left: 200px; right: 0px;
+        z-index: 2;
+        overflow: auto;
+      }
+    }
+  }
+
+  > footer {
+    display: block;
+    position: absolute;
+    left: 270px; bottom: 0;
+    width: 100%; height: 30px;
+    line-height: 30px;
+    border-top: 1px solid $pageMenuBorderColor;
+    color: $gray;
+    padding: 0px $normalPadding;
+
+    .copyright {
+      font-size: 11px;
+      font-weight: normal;
+    }
+  }
+}
+
+@import 'grids';
+@import 'menus';
+@import 'titles';
+@import 'tables';
+@import 'buttons';
+@import 'navs';
+@import 'labels';
+@import 'forms';
+@import 'modals';
+@import 'notifications';
+
+article .padding {
+  padding: $normalPadding $bigPadding;
+  padding-bottom: 0px;
+}
+
+// .group.cell {
+//   background: $borderColor !important;
+//   font-weight: bold;
+//   font-size: 14px !important;
+//   padding: 7px;
+//   text-align: center;
+// }
+
+.bootstrap-datetimepicker-widget {
+  z-index: 1060;
+}
+
+.modal {
+  form {
+    margin: 0px;
+    .control-group:last-child {
+      margin-bottom: 0px;
+    }
+  }
+}
+
+.char_count_alert {
+  margin-left: 20px;
+
+}
+
+.navigative_calendar {
+  ul {
+    list-style: none;
+    padding: 0; margin: 0px;
+    margin-left: 15px;
+
+    li {
+      display: inline-block;
+      a {
+        display: block;
+        width: 30px; height: 30px;
+        background: $smokeGray;
+        line-height: 30px;
+        text-align: center;
+
+        &.fat {
+          background: darken($borderColor, 20%);
+          font-weight: bold;
+          color: white;
+        }
+      }
+    }
+  }
+}
+
+@import 'brands_list';

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

@@ -0,0 +1,110 @@
+@import 'base';
+@import 'buttons';
+@import 'mixins';
+
+body {
+  background: #383839;
+  color: white;
+}
+
+#main-container {
+  width: 250px;
+  margin: auto; clear: both;
+
+  header {
+    padding-top: 150px;
+
+    #logo {
+      width: 200px; height: 200px;
+      margin: auto; clear: both;
+      margin-bottom: 15px;
+      background: image-url('logo_200.png') no-repeat;
+    }
+  }
+
+  footer {
+    position: absolute;
+    padding-top: 100px;
+    bottom: 50px;
+    text-align: center;
+    font-size: 9px;
+    color: #78787a;
+    width: 250px;
+
+    a {
+      color: white;
+    }
+  }
+
+  #main-content {
+    .content {
+      input[type="email"], input[type="password"] {
+        @include border-radius(0);
+        @include box-shadow(none);
+        border: none !important;
+        outline: none !important;
+        width: 230px; height: 30px;
+        padding: 5px 10px;
+        margin: auto; clear: both;
+        margin-bottom: 5px;
+        background: #505052;
+        border: none;
+        outline: none;
+        font: {
+          size: 16px;
+          weight: bold;
+        }
+        color: white;
+
+        &:active, &:focus {
+          background: #78787a;
+        }
+
+        &::-webkit-input-placeholder { /* WebKit browsers */
+          color: #383839;
+        }
+        &:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
+          color: #383839;
+        }
+        &::-moz-placeholder { /* Mozilla Firefox 19+ */
+          color: #383839;
+        }
+        &:-ms-input-placeholder { /* Internet Explorer 10+ */
+          color: #383839;
+        }
+      }
+
+      input[type="submit"] {
+        width: 70px; height: 40px;
+        margin: auto; clear: both;
+        margin-bottom: 5px;
+        font-size: 16px !important;
+        font: {
+          size: 16px;
+          weight: bold;
+        }
+        color: white;
+        float: right;
+      }
+
+      #alert-box {
+        width: 200px; height: 30px;
+        line-height: 30px;
+        padding: 5px 10px;
+        background: black;
+        margin: auto; clear: both;
+        margin-bottom: 10px;
+
+        .caret {
+          display: block;
+          width: 0px;
+          border: 5px solid transparent;
+          border-top: 5px solid black;
+          border-bottom: none;
+          position: relative;
+          bottom: -5px;
+        }
+      }
+    }
+  }
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tida_template
 version: !ruby/object:Gem::Version
-  version: 0.0.3
+  version: 0.0.4
   prerelease: 
 platform: ruby
 authors:
@@ -305,6 +305,33 @@ files:
 - lib/tida_template/engine.rb
 - lib/tida_template/version.rb
 - lib/tida_template.rb
+- vendor/assets/images/default_brand.png
+- vendor/assets/images/favicon.ico
+- vendor/assets/images/logo.png
+- vendor/assets/images/logo@2x.png
+- vendor/assets/images/logo_200.png
+- vendor/assets/images/sina_logo_16x16.png
+- vendor/assets/javascripts/blue.js
+- vendor/assets/javascripts/jquery.NobleCount.min.js
+- vendor/assets/javascripts/retina.js
+- vendor/assets/stylesheets/_base.scss
+- vendor/assets/stylesheets/_brands_list.scss
+- vendor/assets/stylesheets/_buttons.scss
+- vendor/assets/stylesheets/_forms.scss
+- vendor/assets/stylesheets/_grids.scss
+- vendor/assets/stylesheets/_icons.scss
+- vendor/assets/stylesheets/_labels.scss
+- vendor/assets/stylesheets/_menus.scss
+- vendor/assets/stylesheets/_mixins.scss
+- vendor/assets/stylesheets/_modals.scss
+- vendor/assets/stylesheets/_navs.scss
+- vendor/assets/stylesheets/_notifications.scss
+- vendor/assets/stylesheets/_tables.scss
+- vendor/assets/stylesheets/_titles.scss
+- vendor/assets/stylesheets/_variables.scss
+- vendor/assets/stylesheets/retina.scss
+- vendor/assets/stylesheets/tida_template.css.scss
+- vendor/assets/stylesheets/tida_template_single.css.scss
 - MIT-LICENSE
 - Rakefile
 - README.rdoc
@@ -352,7 +379,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 1259449233101700201
+      hash: 3492363582562434731
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -361,7 +388,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: 1259449233101700201
+      hash: 3492363582562434731
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.24