furatto 0.0.1

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

@@ -0,0 +1,191 @@
+/*------------------------------------*\
+    $SELECT
+\*------------------------------------*/
+/**
+ * Basic select structural styling. 
+ * http://robdel12.github.io/DropKick/
+ * 
+ * Designed and built @kurenn  
+ */
+
+// One container to bind them
+.dk_container {
+  cursor: pointer;
+  font-size: 14px;
+  margin-bottom: 10px;
+  outline: none;
+  width: 220px;
+  margin-left: 0;
+}
+
+// Opens the dropdown and holds the menu label
+.dk_toggle {
+  background-color: $select-bg;
+  color: $select-text-color;
+  @include border-radius(6px);
+  overflow: hidden;
+  padding: 11px 45px 11px 13px;
+  text-decoration: none;
+  white-space: nowrap;
+  @include transition(0.25s);
+  &:hover,
+  &:focus,
+  .dk_focus & {
+    background-color: scale-color($select-bg, $lightness: 4%);
+    color: $select-text-color;
+    outline: none;
+  }
+  &:active {
+    background-color: scale-color($select-bg, $lightness: -4%);
+    outline: none;
+    .select-icon {
+      border-left-color: transparent;
+    }
+  }
+}
+
+// Dropdown icon (arrow by default)
+.select-icon {
+  background: $select-bg url(/assets/toggle.png) no-repeat right center;
+  border-left: 2px solid rgba($select-options-bg, 0.15);
+  border-radius: 0 6px 6px 0;
+  height: 100%;
+  position: absolute;
+  right: 0;
+  top: 0;
+  width: 42px;
+  @include transition(0.25s);
+}
+
+// Applied whenever the dropdown is open
+.dk_open {
+  // Dropdown menu is covered by something. Try setting this value higher
+  z-index: 10;
+  .dk_toggle {
+    background-color: $select-bg;
+    .select-icon {
+      background-color: scale-color($select-bg, $lightness: -4%);
+      border-left-color: transparent;
+    }
+  }
+}
+
+// The outer container of the options
+.dk_options {
+  padding-top: 14px;
+  // Dropdown triangle ear
+  @include dropdown-arrow;
+  &:before {
+    left: auto;
+    right: 12px;
+  }
+  li {
+    padding-bottom: 3px;
+  }
+  a {
+    @include border-radius(3px);
+    color: $select-text-color;
+    display: block;
+    padding: 5px 9px;
+    text-decoration: none;
+    &:hover {
+      background-color: $select-bg;
+    }
+  }
+}
+
+.dk_option_current a {
+  background-color: $select-bg;
+}
+
+// Inner container for options, this is what makes the scrollbar possible.
+.dk_options_inner {
+  background-color: $select-options-bg;
+  @include border-radius(5px);
+  margin: 0;
+  max-height: 244px;
+  padding: 3px 3px 0;
+}
+
+// Set a max-height on the options inner
+.dk_touch .dk_options {
+  max-height: 250px;
+}
+
+//-------  End Theme --------
+
+//------- Critical to the continued enjoyment of working dropdowns --------
+.dk_container {
+  display: none;
+  position: relative;
+  vertical-align: middle;
+  &.dk_shown {
+    @include inline-block;
+  }
+}
+
+.dk_toggle {
+  display: block;
+  position: relative;
+}
+
+.dk_open {
+  position: relative;
+  .dk_options {
+    margin-top: -1px;
+    opacity: 1;
+    z-index: 10;
+    // Opacity fallback for IE
+    display: block\9;
+  }
+  .dk_label {
+    color: inherit;
+  }
+}
+
+.dk_options {
+  margin-top: -21px;
+  position: absolute;
+  left: 0;
+  opacity: 0;
+  width: 220px;
+  z-index: -100;
+  // Opacity fallback for IE
+  display: none\9;
+  @include transition(0.3s ease-out);
+  // Align by right
+  .select-right & {
+    left: auto;
+    right: 0;
+  }
+  a {
+    display: block;
+  }
+}
+
+.dk_options_inner {
+  overflow: auto;
+  outline: none;
+  position: relative;
+}
+
+.dk_touch {
+  .dk_options {
+    overflow: hidden;
+  }
+  .dk_options_inner {
+    max-height: none;
+    overflow: visible;
+  }
+}
+
+.dk_fouc select[data-furatto='select'] {
+  position: relative;
+  top: -99999em;
+  visibility: hidden;
+}
+
+//
+select {
+  margin-bottom: 8px;
+}

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

@@ -0,0 +1,90 @@
+/*------------------------------------*\
+    $TABLES
+\*------------------------------------*/
+/**
+ * Basic table structural styling. 
+ * 
+ * Designed and built @kurenn  
+ */
+
+//Base tables
+table {
+  max-width: 100%;
+  background-color: transparent;
+  border-collapse: collapse;
+  border-spacing: 0;
+  border: none;
+}
+
+.table {
+  width: 100%;
+  margin-bottom: $base-line-height;
+
+  /*Cells */
+  th, td {
+    padding: 10px;
+    line-height: $base-line-height;
+    text-align: left;
+    vertical-align: top;
+    border-top: 1px solid $table-border-color;
+  }
+
+  th {
+    font-weight: bold;
+    border-bottom: 1px solid $table-border-color;
+  }
+
+  thead th {
+    vertical-align: bottom;
+  }
+
+  //Remove border top from thead
+  caption + thead tr:first-child th,
+  caption + thead tr:first-child td,
+  colgroup + thead tr:first-child th,
+  colgroup + thead tr:first-child td,
+  thead:first-child tr:first-child th,
+  thead:first-child tr:first-child td {
+    border-top: 0;
+  }
+
+  //Adjacents tbody support
+  tbody + tbody {
+    border-top: 2px solid $table-border-color;
+  }
+
+  //Table backgrounds
+  @each $color in $colors {
+    .tr-#{nth($color, 1)} {
+      background-color: lighten(nth($color, 3), 0.9);
+      color: #FFF;
+    }
+  }
+}
+
+//Condensed table
+.table-condensed {
+  th, td {
+    padding: 4px 5px;
+  }
+}
+
+//Striped
+.table-striped {
+  tbody {
+    > tr:nth-child(odd) > td,
+    > tr:nth-child(odd) > th {
+      background-color: $table-striped-color;
+    }
+
+  }
+}
+
+//Table bordered
+.table-bordered {
+  border: 1px solid $table-border-color;
+
+  th, td {
+    border: 1px solid $table-border-color;
+  }
+}

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

@@ -0,0 +1,107 @@
+/*------------------------------------*\
+    $TAGS
+\*------------------------------------*/
+/**
+ * Basic tags structural styling based on XOXCO plugin
+ * http://xoxco.com/projects/code/tagsinput/ 
+ * 
+ * Designed and built @kurenn  
+ */
+
+.tagsinput {
+  background: white;
+  border: 1px solid #CCC;
+  padding: 4px 1px 0px 4px;
+  overflow-y: auto;
+  text-align: left;
+  .tag {
+    @include border-radius(2px);
+    background: $dark-blue;
+    color: lighten($inverse, 90%);
+    cursor: pointer;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    overflow: hidden;
+    padding: 6px 13px 6px 19px;
+    position: relative;
+    vertical-align: middle;
+    @include inline-block;
+    @include transition(0.14s linear);
+    &:hover {
+      background-color: scale-color($dark-blue, $lightness: -15%);
+      padding-left: 12px;
+      padding-right: 20px;
+      .tagsinput-remove-link {
+        color: $inverse;
+        @include opacity(1);
+        // Opacity fallback for IE
+        display: block\9;
+      }
+    }
+  }
+  input {
+    background: transparent;
+    border: none;
+    color: $inverse;
+    font-size: $base-font-size;
+    margin: 0px;
+    padding: 0 0 0 5px;
+    outline: 0;
+    margin-right: 5px;
+    margin-bottom: 5px;
+    width: auto;
+  }
+}
+
+.tagsinput-remove-link {
+  bottom: 0;
+  color: $inverse;
+  cursor: pointer;
+  font-size: 12px;
+  opacity: 0;
+  padding: 9px 7px 3px 0;
+  position: absolute;
+  right: 0;
+  text-align: right;
+  text-decoration: none;
+  top: 0;
+  width: 100%;
+  z-index: 2;
+  // Opacity fallback for IE
+  display: none\9;
+  &:before {
+    color: $inverse;
+  }
+}
+
+.tagsinput-add-container {
+  vertical-align: middle;
+  @include inline-block;
+}
+
+.tagsinput-add {
+  background-color: scale-color(desaturate($inverse, 15%), $lightness: 67%);
+  @include border-radius(2px);
+  color: $inverse;
+  cursor: pointer;
+  margin-bottom: 5px;
+  padding: 6px 9px;
+  @include inline-block;
+  @include transition(0.25s);
+
+  &:hover {
+    background-color: $dark-blue;
+    color: #FFF;
+  }
+}
+
+.tags_clear {
+  clear: both;
+  width: 100%;
+  height: 0px;
+}
+
+.not_valid {
+  background: #fbd8db !important;
+  color: #90111a !important;
+}

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

@@ -0,0 +1,116 @@
+/*------------------------------------*\
+    $TOOLBARS
+\*------------------------------------*/
+/**
+ * Basic toolbars structural styling 
+ * http://paulkinzett.github.com/toolbar/
+ * 
+ * Designed and built @kurenn  
+ */
+
+.tool-container {
+	background-color: $toolbar-bg-color;
+	position: absolute;				
+  @include border-radius(3px);
+}
+
+.tool-container.tool-top, .tool-container.tool-bottom {
+	height: 34px;
+}
+
+.tool-items {
+	height: 100%;	
+}
+
+.tool-top .tool-item, .tool-bottom .tool-item {
+	float: left;
+}
+
+.tool-left .tool-item, .tool-right .tool-item {
+	height: 34px;
+}
+
+
+.tool-item {
+	height: 100%;
+	display: block;				
+	width: 44px;
+	text-align: center;
+
+  i {
+    line-height: 34px;
+  }
+}
+
+.tool-item:first-child {
+	border-left: none;
+}
+
+.tool-left .tool-item:first-child, .tool-right .tool-item:first-child {
+	border-top: 1px solid transparent;
+}
+
+.tool-item:last-child {
+	border-right: none;
+	border-bottom: none;
+}
+
+.tool-item.selected, .tool-item:hover  {
+	background: darken($toolbar-bg-color, 5%);
+}
+
+.tool-top .tool-item:last-child:hover, .tool-bottom .tool-item:last-child:hover {
+	@include border-top-right-radius(4px);
+	@include border-bottom-right-radius(4px);
+}
+
+.tool-top  .tool-item:first-child:hover, .tool-bottom  .tool-item:first-child:hover {
+	@include border-top-left-radius(4px);
+	@include border-bottom-left-radius(4px);
+}
+
+.tool-left .tool-item:last-child:hover, .tool-right .tool-item:last-child:hover {
+	@include border-bottom-right-radius(4px);
+	@include border-bottom-left-radius(4px);
+}
+
+.tool-left .tool-item:first-child:hover, .tool-right .tool-item:first-child:hover {
+	@include border-top-right-radius(4px);
+	@include border-top-left-radius(4px);
+}
+
+.tool-container .arrow {
+	width:0;
+	height:0;
+	position: absolute;	
+	border-width:7px;
+	border-style:solid;
+}
+
+.tool-container.tool-top .arrow {
+	border-color: $toolbar-bg-color transparent transparent; 
+	left: 50%;  
+	bottom: -14px;
+	margin-left: -7px;
+}
+
+.tool-container.tool-bottom .arrow {
+	border-color: transparent transparent $toolbar-bg-color; 
+	left: 50%;  
+	top: -14px;
+	margin-left: -7px;
+}
+
+.tool-container.tool-left .arrow {
+	border-color: transparent transparent transparent $toolbar-bg-color;
+	top: 50%;
+	right: -14px;
+	margin-top: -7px;
+}
+
+.tool-container.tool-right .arrow {
+	border-color: transparent $toolbar-bg-color transparent transparent;
+	top: 50%;
+	left: -14px;
+	margin-top: -7px;
+}