furatto 0.0.1

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

@@ -0,0 +1,106 @@
+/*------------------------------------*\
+    $NAV
+\*------------------------------------*/
+/**
+ * Basic button structural styling. 
+ * 
+ * Designed and built @kurenn  
+ */
+
+.nav {
+  margin-left: 0;
+  margin-bottom: $base-line-height;
+  list-style: none;
+}
+
+// Make links block level
+.nav > li > a {
+  display: block;
+}
+
+.nav > li > a:hover,
+.nav > li > a:focus {
+  text-decoration: none;
+}
+
+// Prevent IE8 from misplacing imgs
+// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
+.nav > li > a > img {
+  max-width: none;
+}
+
+// Redeclare pull classes because of specifity
+.nav > .pull-right {
+  float: right;
+}
+
+// DISABLED STATES
+// ---------------
+
+// Gray out text
+.nav > .disabled > a {
+  color: $light-gray;
+}
+// Nuke hover/focus effects
+.nav > .disabled > a:hover,
+.nav > .disabled > a:focus {
+  text-decoration: none;
+  background-color: transparent;
+  cursor: default;
+}
+
+// NAV LIST
+// --------
+
+.nav-list {
+  padding-left: 15px;
+  padding-right: 15px;
+  margin-bottom: 0;
+}
+.nav-list > li > a,
+.nav-list .nav-header {
+  margin-left:  -15px;
+  margin-right: -15px;
+  text-shadow: 0 1px 0 rgba(255,255,255,.5);
+}
+.nav-list > li > a {
+  padding: 3px 15px;
+}
+.nav-list > .active > a,
+.nav-list > .active > a:hover,
+.nav-list > .active > a:focus {
+  color: $white;
+  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
+  background-color: $blue;
+}
+.nav-list [class^="icon_"],
+.nav-list [class*=" icon_"] {
+  margin-right: 2px;
+}
+// Dividers (basically an hr) within the dropdown
+.nav-list .divider {
+  @include nav-divider();
+}
+
+.hrz-nav {
+  margin: 10px 0px 20px 0px;
+
+  li {
+    display: inline;
+    padding: 0 10px;
+    color: #232323;
+
+    a { 
+      color: #232323;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  .disabled {
+    color: $gray;
+  }
+}
+

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

@@ -0,0 +1,187 @@
+/*------------------------------------*\
+    $NAVBAR
+\*------------------------------------*/
+/**
+ * Basic navbar structural styling based on bootstrap. 
+ * http://twitter.github.io/bootstrap/components.html#navbar
+ * 
+ * Designed and built @kurenn  
+ */
+
+.navbar {
+  overflow: visible;
+  margin-bottom: $base-line-height;
+  font-weight: lighter;
+
+  .menu-trigger {
+    display: none;
+  } 
+
+  /*Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar*/
+  *position: relative;
+  *z-index: 2;
+}
+
+.navbar-alpha {
+  background: rgba($navbar-bg-color, $navbar-alpha);
+
+  .navbar-inner {
+    background: rgba($navbar-bg-color, $navbar-alpha);
+  }
+}
+
+// Inner for background effects
+// Gradient is applied to its own element because overflow visible is not honored by IE when filter is present
+.navbar-inner {
+  min-height: $navbar-height;
+  padding-left:  20px;
+  padding-right: 20px;
+  background: $navbar-bg-color;
+
+  /*Prevent floats from breaking the navbar*/
+  @include clearfix;
+}
+
+// Override the default collapsed state
+.nav-collapse.collapse {
+  height: auto;
+  overflow: visible;
+}
+
+// Set width to auto for default container
+// We then reset it for fixed navbars in the #gridSystem mixin
+.navbar .container {
+  width: auto;
+}
+
+.navbar .nav {
+  padding-left: 0px;
+
+  [class^="icon_"], [class*=" icon_"] {
+    margin-right: 5px;
+  }
+}
+
+.navbar .brand {
+  float: left;
+  display: block;
+  margin-right: 20px;
+
+  /*Vertically center the text given $navbar-height*/
+  padding: (($navbar-height - $base-line-height) / 2) 20px (($navbar-height - $base-line-height) / 2);
+
+  margin-left: -20px; /*negative indent to left-align the text down the page*/
+  font-size: 20px;
+  font-weight: 200;
+  color: $navbar-brand-color;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+  }
+}
+
+// Plain text in topbar
+.navbar-text {
+  margin-bottom: 0;
+  line-height: $navbar-height;
+  color: $navbar-text;
+}
+
+// Links
+.navbar .nav > li > a {
+  float: none;
+  /*Vertically center the text given @navbarHeight*/
+  padding: (($navbar-height - $base-line-height) / 2) 15px (($navbar-height - $base-line-height) / 2);
+  color: $navbar-text;
+  text-decoration: none;
+}
+
+// Active nav items
+.navbar .nav > .active > a,
+.navbar .nav > .active > a:hover,
+.navbar .nav > .active > a:focus {
+  color: $navbar-link-color-active;
+  text-decoration: none;
+  border-top: 2px solid $green;
+
+}
+
+// Navbar button for toggling navbar items in responsive layouts
+// These definitions need to come after '.navbar .btn'
+.navbar .btn-navbar {
+  display: none;
+  float: right;
+  padding: 7px 10px;
+  margin-left: 5px;
+  margin-right: 5px;
+  /*.buttonBackground(darken(@navbarBackgroundHighlight, 5%), darken(@navbarBackground, 5%));*/
+  /*.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)");*/
+}
+.navbar .btn-navbar .icon_cloud {
+  display: block;
+  width: 18px;
+  height: 2px;
+  background-color: #f5f5f5;
+  /*.border-radius(1px);*/
+  /*.box-shadow(0 1px 0 rgba(0,0,0,.25));*/
+}
+.btn-navbar .icon_cloud + .icon_cloud {
+  margin-top: 3px;
+}
+
+//Navigation
+.navbar .nav {
+  position: relative;
+  left: 0;
+  display: block;
+  float: left;
+  margin: 0 10px 0 0;
+
+}
+
+.navbar .nav.pull-right {
+  float: right; /*redeclare due to specificity*/
+  margin-right: 0; /*remove margin on float right nav*/
+}
+
+.navbar .nav > li {
+  float: left;
+}
+
+// Dividers in navbar
+.divider-vertical {
+  height: $navbar-height + 7; /*Fix for the navbar*/
+  margin: 0 9px;
+  border-left: 1px solid $navbar-border;
+}
+
+//Static Navbar
+.navbar-static-top {
+  position: static;
+  margin-bottom: 0; /*remove 18px margin for default navbar*/
+}
+
+//Fixed navbar
+
+//Navbar fixed top/bottom shared styles
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+  margin-bottom: 0; /*remove 18px margin for default navbar*/
+}
+
+//Fixed to top
+.navbar-fixed-top {
+  top: 0;
+}
+
+//Fixed to bottom
+.navbar-fixed-bottom {
+  bottom: 0;
+}
+
+

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

@@ -0,0 +1,158 @@
+/*------------------------------------*\
+    $PAGINATION
+\*------------------------------------*/
+/**
+ * Basic pagination structural styling based Flat UI Master. 
+ * https://github.com/tomastrusik/Flat-UI-master
+ * 
+ * Designed and built @kurenn  
+ */
+
+.pagination {
+  margin: 20px 0;
+}
+
+.pagination ul {
+  display: inline-block;
+  *display: inline;
+  margin-bottom: 0;
+  margin-left: 0;
+  @include border-radius(4px);
+  *zoom: 1;
+  @include box-shadow(0 1px 2px rgba(0, 0, 0, 0.05));
+}
+
+.pagination ul > li {
+  display: inline;
+}
+
+.pagination ul > li > a,
+.pagination ul > li > span {
+  float: left;
+  padding: 4px 12px;
+  line-height: 20px;
+  text-decoration: none;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  border-left-width: 0;
+}
+
+.pagination ul > li > a:hover,
+.pagination ul > .active > a,
+.pagination ul > .active > span {
+  background-color: #f5f5f5;
+}
+
+.pagination ul > .active > a,
+.pagination ul > .active > span {
+  color: #999999;
+  cursor: default;
+}
+
+.pagination ul > .disabled > span,
+.pagination ul > .disabled > a,
+.pagination ul > .disabled > a:hover {
+  color: #999999;
+  cursor: default;
+  background-color: transparent;
+}
+
+.pagination ul > li:first-child > a,
+.pagination ul > li:first-child > span {
+  border-left-width: 1px;
+  @include border-bottom-left-radius(4px);
+  @include border-top-left-radius(4px);
+}
+
+.pagination ul > li:last-child > a,
+.pagination ul > li:last-child > span {
+  @include border-top-right-radius(4px);
+  @include border-bottom-right-radius(4px);
+}
+
+.pagination-centered {
+  text-align: center;
+}
+
+.pagination-right {
+  text-align: right;
+}
+
+.pagination {
+  ul {
+    background: $pagination-color;
+    @include border-radius(6px);
+    @include box-shadow(none);
+    > li {
+      &:first-child {
+        @include border-radius(6px 0 0 6px);
+      }
+      &:last-child {
+        @include border-radius(0 6px 6px 0);
+      }
+      &.previous,
+      &.next {
+        > a, > span {
+          background: transparent;
+          border: none;
+          border-right: 2px solid $white !important;
+          margin: 0 9px 0 0;
+          padding: 11px 17px 12px 17px;
+          @include border-radius(6px 0 0 6px);
+          @include box-shadow(none !important);
+        }
+      }
+      &.next {
+        > a, > span {
+          border-left: 2px solid $white !important;
+          margin-left: 9px;
+          margin-right: 0;
+          @include border-radius(0 6px 6px 0);
+        }
+      }
+      &.active {
+        > a, > span {
+          background-color: $dark-blue;
+          border-color: $dark-blue;
+          border-width: 2px;
+          color: $white;
+          margin: 10px 5px 9px;
+          padding: 0 4px;
+          &:hover, &:focus {
+            background-color: $dark-blue;
+            border-color: $dark-blue;
+            color: $white;
+            @include box-shadow(none);
+          }
+        }
+      }
+      > a, > span {
+        background: $white;
+        border: 5px solid $pagination-color;
+        border-radius: 50px;
+        color: $white;
+        line-height: 16px;
+        margin: 7px 2px 6px;
+        padding: 0 4px;
+        @include transition((background 0.2s ease-out, border-color 0s ease-out, color 0.2s ease-out));
+        &:hover, :focus {
+          background-color: $dark-blue;
+          border-color: $dark-blue;
+          color: $white;
+          @include transition((background 0.2s ease-out, border-color 0.2s ease-out, color 0.2s ease-out));
+        }
+        &:active {
+          background-color: scale-color($dark-blue, $lightness: -15%);
+          border-color: scale-color($dark-blue, $lightness: -15%);
+        }
+      }
+    }
+    img {
+      // For retina 2x image that is scaled down to 14px for all common screens
+      height: 14px;
+      margin-top: -1px;
+      vertical-align: middle;
+      width: 13px;
+    }
+  }
+}