furatto 0.0.1

data/vendor/assets/stylesheets/furatto/_footer.scss

@@ -0,0 +1,44 @@
+/*------------------------------------*\
+    $FOOTER
+\*------------------------------------*/
+/**
+ * Basic footer structural styling. 
+ * 
+ * Designed and built @kurenn  
+ */
+
+.footer {
+  background: $footer-bg;
+  color: $footer-text-color;
+  font-size: $base-font-size;
+  font-weight: lighter;
+  line-height: $base-line-height;
+  margin-top: 50px;
+  height: $footer-height;
+
+  .copyright {
+    margin: 0;
+    padding: (($footer-height - $base-line-height) / 2) 20px (($footer-height - $base-line-height) / 2);
+  }
+
+  a {
+    color: $footer-text-color;
+  }
+
+  .footer-wrapper {
+    width: 80%;
+    margin: 0 auto; 
+
+    .hrz-nav {
+      margin: 0;
+
+      li {
+        display: inline-block;
+        padding: (($footer-height - $base-line-height) / 2) 10px (($footer-height - $base-line-height) / 2);
+        a {
+          color: $footer-text-color;
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,290 @@
+/*------------------------------------*\
+    $FORMS
+\*------------------------------------*/
+/**
+ * Basic textfield structural styling. 
+ * 
+ * Designed and built @kurenn  
+ */
+
+form {
+  margin: 0 0 $base-line-height;
+}
+
+//Labels
+label {
+  display: block;
+  margin-bottom: 5px;
+  cursor: pointer;
+}
+
+//Inputs
+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 {
+  display: inline-block;
+  height: $base-line-height;
+  padding: 4px 6px;
+  margin-bottom: $base-line-height / 2;
+  font-size: $base-font-size;
+  line-height: $base-line-height;
+  color: $input-color;
+  @include border-radius($input-border-radius);
+  vertical-align: middle;
+}
+
+//Reset textarea height because of the rows
+textarea {
+  height: auto;
+}
+
+//Text inputs
+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 {
+  background-color: $input-bg;
+  border: 1px solid $input-border-color;
+
+  /*Focus state*/
+  &:focus {
+    border-color: rgba($input-focus-color,.8);
+    outline: 0;
+    outline: thin dotted \9; /* IE6-9 */
+    @include single-transition(border, 0.2s, linear)
+  }
+}
+
+//Input sizes
+.input-mini { 
+  width: 60px; 
+}
+
+.input-small { 
+  width: 90px; 
+}
+
+.input-medium { 
+  width: 150px; 
+}
+
+.input-large { 
+  width: 210px; 
+}
+
+.input-xlarge {
+  width: 270px; 
+}
+
+.input-xxlarge { 
+  width: 350px; 
+}
+
+/* Inline Forms */
+/* ------------ */
+.inline-form,
+.horizontal-form {
+  input,
+  textarea,
+  select {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+
+  label {
+    display: inline-block;
+  }
+
+  // Re-hide hidden elements due to specifity
+  .hide {
+    display: none;
+  }
+}
+
+/* Horizontal form */
+/* --------------- */
+.horizontal-form {
+  .furatto-controls {
+    display: block;
+    margin-bottom: 10px;
+
+    label {
+      width: 160px;
+      margin-right: 20px;
+      text-align: right;
+    }
+  }
+
+  .furatto-actions {
+    margin-left: 184px;
+  }
+}
+
+/* Login Form */
+/* ------------ */
+.login-form {
+  width: 30%;
+  text-align: center;
+
+  input[type="text"],
+  input[type="password"],
+  input[type="email"] {
+    display: block;
+    width: 96%;
+    height: 35px;
+    padding: 0px 0px 0px 10px;
+    height: 42px;
+    background: #fcfcfc;
+  }
+
+  .furatto-login-icon {
+    margin-bottom: 20px;
+  }
+
+  .login-header {
+    font-size: $base-font-size + 10;
+    margin: 0;
+    color: $dark-gray;
+  }
+}
+
+/* Centered forms */
+/* -------------- */
+.centered-form {
+  margin: 0 auto;
+}
+
+/* Level up the label on for checkboxes */
+/* ------------------------------------ */
+label.checkbox {
+  position: relative;
+  top: -4px;
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
+label {
+  @include touch-callout;
+}
+
+/* Uneditable inputs */
+/* ----------------- */
+
+input[disabled],
+textarea[disabled] {
+  color: $light-gray;
+  cursor: not-allowed;
+  overflow: hidden;
+  white-space: nowrap;
+  background: #EEE;
+}
+
+/* Input states */
+/* ------------ */
+.info {
+  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"] {
+    color: $dark-blue;
+    border: 1px solid $dark-blue;
+  }
+}
+.success{
+  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"]  {
+    color: $dark-green;
+    border: 1px solid $dark-green;
+  }
+}
+.warning{
+  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"]  {
+    color: $dark-orange;
+    border: 1px solid $dark-orange;
+  }
+}
+.error{
+   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"]  {
+    color: $dark-red;
+    border: 1px solid $dark-red;
+  }
+}
+

data/vendor/assets/stylesheets/furatto/_grid.scss

@@ -0,0 +1,56 @@
+/*------------------------------------*\
+    $GRID
+\*------------------------------------*/
+/**
+ * Grid definition based on the bootstrap grid. 
+ * http://twitter.github.io/bootstrap/scaffolding.html#gridSystem
+ * 
+ * Designed and built @kurenn based
+ */
+
+
+// Fixed (940px)
+@include grid-core($gridColumnWidth, $gridGutterWidth);
+
+// Fluid (940px)
+@include grid-fluid($fluidGridColumnWidth, $fluidGridGutterWidth);
+
+// Reset utility classes due to specificity
+[class*="span"].hide,
+.row-fluid [class*="span"].hide {
+  display: none;
+}
+
+[class*="span"].pull-right,
+.row-fluid [class*="span"].pull-right {
+  float: right;
+}
+
+//Adds a background to the columns for demo purposes
+.grid-demo {
+  margin-bottom: 10px;
+
+  [class*="span"] {
+    background: $light-gray;
+    @include border-radius(3px);
+    text-align: center;
+    line-height: $base-line-height;
+  }
+}
+
+.nested-grid-demo {
+  background: $light-gray;
+  [class*="span"] {
+    padding-bottom: 10px;
+    text-align: center;
+  }
+
+  .row-fluid {
+    .row-fluid {
+      [class*="span"] {
+        background: darken($light-gray, 15%);
+        @include border-radius(3px);
+      }
+    }
+  }
+}

data/vendor/assets/stylesheets/furatto/_images.scss

@@ -0,0 +1,44 @@
+/*------------------------------------*\
+    $IMAGES
+\*------------------------------------*/
+/**
+ * Images definition. 
+ * 
+ * Designed and built @kurenn  
+ */
+
+
+.img {
+  width: auto;
+  max-width: 100%;
+  height: auto;
+  vertical-align: middle;
+  @include box-sizing(border-box);
+  margin: 10px;
+}
+
+.img-hover {
+  @include transition(all .4s ease);
+  &:hover {
+    border: 1px solid rgba($img-border, 1);
+  }
+}
+
+.img-circular {
+  @include border-radius(50%);
+}
+
+.img-well {
+  @include border-radius(2%);
+}
+
+.img-selected {
+  border: 3px solid rgba($img-border, 0.8);
+  opacity: .9;  
+}
+
+.img-polaroid {
+  padding: 4px;
+  border: 1px solid rgba(#000, 0.2);
+  background: #FFF;
+}

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

@@ -0,0 +1,43 @@
+/*------------------------------------*\
+    $LABELS
+\*------------------------------------*/
+/**
+ * Basic button structural styling. 
+ * 
+ * Designed and built @kurenn  
+ */
+
+.label, .badge {
+  display: inline-block;
+  padding: 2px 4px;
+  font-size: $base-font-size * .846;
+  font-weight: bold;
+  line-height: 14px;
+  color: #FFF;
+  vertical-align: baseline;
+  white-space: nowrap;
+  text-shadow: 0 -1px 0 rgba(0,0,0,.20);
+  background: $gray;
+}
+
+//Badges border radius
+.badge {
+  @include border-radius(50%);
+  padding: 5px 8px;
+}
+
+//Labels and badges colors definitions
+@each $color in $colors {
+  .label-#{nth($color, 1)}, .badge-#{nth($color, 1)} {
+    background-color: nth($color, 2);
+  }
+}
+
+a {
+  &.label:hover,
+  &.label:focus {
+    color: #FFF;
+    text-decoration: none;
+    cursor: pointer;
+  }
+}