cloudrider 0.1.0

data/generica/app/assets/stylesheets/apiv1/components/_search-and-filter.css.scss

@@ -0,0 +1,9 @@
+.search-and-filter {
+  width: 100%;
+  @include display-flex;
+  @include flex-direction(row);
+  @include justify-content(center);
+  .standard-container {
+    width: 1250px;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_select-locale.css.scss

@@ -0,0 +1,48 @@
+//# ruby
+$max-menu-height: 450px;
+$min-menu-width: 155px;
+$selectable-default-bg-color: #e7e7e7;
+$selectable-active-bg-color: #008cba;
+//# end
+
+.select-locale {
+  ul.selections {
+    list-style: none;
+    height: $max-menu-height;
+    overflow-y: auto;
+    margin: 0px;
+    min-width: $min-menu-width;
+  }
+  li.selectable {
+    @include display-flex;
+    @include justify-content(space-between);
+    @include align-items(center);
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    background: {
+      color: $selectable-default-bg-color;
+    }
+    padding-left: 10px;
+    padding-right: 10px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    &.active {
+      background-color: $selectable-active-bg-color;
+    }
+    &:hover {
+      background-color: darken($selectable-active-bg-color, 10%); 
+    }
+  }
+  .media-object {
+    margin: 0px;
+    img {
+      max-width: 45px;
+    }
+  }
+  .media-text {
+    text-align: left;
+    font-size: 0.85rem;
+    font-weight: bold;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_site-footer.css.scss

@@ -0,0 +1,23 @@
+.site-footer {
+  padding-bottom: 5rem;
+  background-color: #444;
+  width: 100%;
+  padding-top: 5rem;
+  color: #999;
+  .lang-btn {
+    width: 100%;
+  }
+  .footer-title {
+    color: #999;
+    border-bottom: 1px solid #888;
+  }
+  .select-control {
+    cursor: pointer;
+    height: 50px;
+    text-transform: uppercase;
+    font-weight: bold;
+  }
+  .admin-btn {
+    font-weight: bold;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_site-nav.css.scss

@@ -0,0 +1 @@
+@import "apiv1/components/site-nav/top-nav";

data/generica/app/assets/stylesheets/apiv1/components/_table-booths.css.scss

@@ -0,0 +1,25 @@
+.table-booths {
+  .business-cards-side,
+  .contact-form-side {
+    padding-top: 5rem;
+    padding-bottom: 5rem;
+  }
+  .contact-form-side {
+    background-color: #777;
+  }
+  .white {
+    color: #eee;
+  }
+  .name {
+    font-size: 1.25rem;
+  }
+  .job {
+    font-style: italic;
+  }
+  .text-right {
+    padding-bottom: 15px;
+  }
+  .text-left {
+    padding-top: 15px;
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_tree-taxon-wrapper.css.scss

@@ -0,0 +1,92 @@
+.tree-taxon-wrapper {
+  > .tree-taxon-ul {
+    margin-left: 0px;
+  }
+  .expanded > .taxon-interactor {
+    background-color: #008cba;
+    color: lighten(#ddd, 10%);
+  }
+  .selected > .taxon-interactor {
+    background-color: #008cba;
+    color: lighten(#ddd, 10%);
+  }
+  .taxon-interactor {
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    background-color: #ddd;
+    &.admin-mode {
+      background-color: #43ac6a;
+      color: #ddd;
+    }
+    @media #{$small-only} {
+      padding-left: 5px;
+    }
+    @media #{$medium-only} {
+      padding-left: 10px;
+    }
+    @media #{$large-up} {
+      padding-left: 15px;
+    }
+    &:hover {
+      &:not(.admin-mode) {
+        background-color: #008cba;
+      }
+      &.admin-mode {
+        background-color: lighten(#43ac6a, 10%);
+      }
+    }
+  }
+  .tree-taxon-ul {
+    list-style: none;
+  }
+  .tree-taxon-li .tree-taxon-ul {
+    @media #{$small-only} {
+      margin-left: 5px;
+    }
+    @media #{$medium-only} {
+      margin-left: 10px;
+    }
+    @media #{$large-up} {
+      margin-left: 15px;
+    }
+  }
+  .taxon-interactor {
+    @include display-flex;
+    @include flex-direction(row);
+    @include justify-content(space-between);
+    font-size: 1.25rem;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+  .taxon-name {
+    padding-left: 10px;
+  }
+  .delete {
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    &:hover {
+      color: #ddd;
+      background-color: darken(red, 10%);
+    }
+    color: darken(red, 10%);
+  }
+  .edit {
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    &:hover {
+      background-color: #43ac6a;
+      a {
+        color: #ddd;
+      }
+    }
+    a {
+      color: darken(green, 5%);
+    }
+  }
+  .view {
+    @include flex-grow(3);
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/_type-ahead.css.scss

@@ -0,0 +1,59 @@
+span.twitter-typeahead .tt-dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 200px;
+  list-style: none;
+  font-size: 14px;
+  text-align: left;
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 4px;
+  @include box-shadow(rgba(0, 0, 0, 0.175) 0 6px 12px);
+  background-clip: padding-box;
+}
+span.twitter-typeahead {
+  input {
+    margin-bottom: 0px;
+  }
+}
+span.twitter-typeahead .tt-suggestion > p {
+  display: block;
+  cursor: pointer;
+  padding: 5px 20px 5px 20px;
+  clear: both;
+  font-weight: normal;
+  color: #333333;
+  white-space: nowrap;
+  margin: 0px;
+}
+span.twitter-typeahead .tt-suggestion > p:hover,
+span.twitter-typeahead .tt-suggestion > p:focus {
+  color: #ffffff;
+  text-decoration: none;
+  outline: 0;
+  background-color: #428bca;
+}
+span.twitter-typeahead .tt-suggestion.tt-cursor {
+  color: #ffffff;
+  background-color: #428bca;
+}
+span.twitter-typeahead {
+  width: 100%;
+}
+.input-group span.twitter-typeahead {
+  display: block !important;
+}
+.input-group span.twitter-typeahead .tt-dropdown-menu {
+  top: 32px !important;
+}
+.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
+  top: 44px !important;
+}
+.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
+  top: 28px !important;
+}

data/generica/app/assets/stylesheets/apiv1/components/products-catalog/_expanding-media.css.scss

@@ -0,0 +1,3 @@
+.products-catalog {
+  
+}

data/generica/app/assets/stylesheets/apiv1/components/products-showcase/_contained-media-one.css.scss

@@ -0,0 +1,35 @@
+.products-showcase {
+  .contained-media-one {
+    padding-top: 5rem;
+    border-top: 2px solid #777;
+  }
+  .product-container {
+    @include display-flex;
+    @include justify-content(center);
+  }
+  .product-row {
+    width: 1250px;
+  }
+  .container-row {
+    @include display-flex;
+    @include align-items(flex-end);
+    @include align-content(flex-end);
+    @include flex-direction(row);
+    @include flex-wrap(wrap-reverse);
+  }
+  .product-post-note {
+    @include display-flex;
+    @include justify-content(center);
+    @include flex-direction(column);
+    background: {
+      image: url("hero-splash/rocks.jpg");
+      size: cover;
+    }
+    min-height: 30rem;
+  }
+  .after-thought {
+    text-align: center;
+    font-weight: bolder;
+    background-color: fade-out(#fff, 0.4);
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/site-nav/_left-nav.css.scss

@@ -0,0 +1,105 @@
+//# ruby
+$canvas-menu-bg-color: #666;
+$menu-bar-icon-color: fade-out(#fff, 0.7);
+$nav-button-text-align: center;
+$button-horizontal-padding: 15px;
+$button-vertical-padding: 25px;
+$button-font-size: 1.25rem;
+$button-border-bottom: 1px solid darken($canvas-menu-bg-color, 10%);
+$button-default-color: #e7e7e7;
+$button-active-color: #008cba;
+$button-active-font-color: #fff;
+$button-hover-color: darken(#008cba, 10%);
+$button-hover-font-color: #fff;
+$button-font-color: invert($button-default-color);
+$canvas-menu-bg-image: url(hero-splash/seaweed.png);
+//# end
+
+.application-container {
+  @include display-flex;
+  @include justify-content(flex-start);
+  @include transition-property(left);
+  @include transition-duration(0.3s);
+  @include transition-timing-function(ease);
+  position: absolute;
+  top: 0px;
+  height: 100%;
+  @media #{$small-only} {
+    width: 150%;
+  }
+  @media #{$medium-only} { 
+    width: 125%;
+  }
+  @media #{$large-up} {
+    width: 100%;
+    left: 0px;
+  }
+}
+.shifted {
+  @media #{$medium-only} {
+    left: -25%;
+  }
+  @media #{$small-only} {
+    left: -50%;
+  }
+}
+#canvas-menu-left {
+  @media #{$small-only} {
+    width: 50%;
+  }
+  @media #{$medium-only} {
+    width: 25%;
+  }
+  @media #{$large-up} {
+    width: 15%;
+  }
+  height: 100%;
+  background: {
+    color: $canvas-menu-bg-color;
+    image: $canvas-menu-bg-image;
+    position: left bottom;
+    size: contain;
+    repeat: no-repeat;
+  }
+}
+#page-wrapper {
+  width: 100%;
+  @media #{$large-up} {
+    width: 85%;
+  }
+  height: 100%;
+  overflow-y: auto;
+}
+.small-time-header {
+  position: absolute;
+  padding: 15px;
+  background-color: $menu-bar-icon-color;
+}
+.site-nav {
+  .nav-button {
+    width: 100%;
+    text-align: $nav-button-text-align;
+  }
+  .side-nav {
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    margin-bottom: 0px;
+    padding-left: $button-horizontal-padding;
+    padding-right: $button-horizontal-padding;
+    padding-top: $button-vertical-padding;
+    padding-bottom: $button-vertical-padding;
+    font-size: $button-font-size;
+    color: $button-font-color;
+    border-bottom: $button-border-bottom;
+    background-color: $button-default-color;
+    &.active {
+      background-color: $button-active-color;
+      color: $button-active-font-color;
+    }
+    &:hover {
+      background-color: $button-hover-color;
+      color: $button-hover-font-color;
+    }
+  }
+}

data/generica/app/assets/stylesheets/apiv1/components/site-nav/_top-nav.css.scss

@@ -0,0 +1,106 @@
+//# ruby
+$standard-container-width: 1250px;
+$standard-container-height: 75px;
+$menu-tab-width: 125px;
+$company-title-font-size: 1.35rem;
+$nav-bar-bg-color: fade-out(#444, 0.25);
+$tab-vertical-padding: 15px;
+$tab-horizontal-padding: 15px;
+$tab-border: 1px solid #666;
+$title-font-color: #eee;
+$tab-font-default-color: #333;
+$tab-bg-default-color: #e7e7e7;
+$tab-bg-active-color: #008cba;
+$tab-font-active-color: #fff;
+$tab-bg-hover-color: darken(#008cba, 10%);
+$tab-font-hover-color: invert($tab-bg-default-color);
+//# end
+.application-container,
+#canvas-menu-top,
+#page-wrapper {
+  position: absolute;
+}
+.application-container,
+#canvas-menu-top {
+  top: 0px;
+}
+.application-container,
+#page-wrapper {
+  height: 100%;
+  width: 100%;
+}
+
+#page-wrapper {
+  padding-top: $standard-container-height;
+  overflow-y: auto;
+}
+
+nav.site-nav {
+  position: fixed;
+  z-index: 9999;
+  top: 0px;
+  left: 0px;
+  width: 100%;
+  @include display-flex;
+  @include justify-content(center);
+  background: {
+    color: $nav-bar-bg-color;
+  }
+  .possible-container {
+    @include display-flex;
+    @include justify-content(space-between);
+    width: $standard-container-width;
+    height: $standard-container-height;
+  }
+  .options-menu {
+    @include display-flex;
+    @include justify-content(flex-end);
+    @include align-items(stretch);
+    width: 80%;
+    height: 100%;
+  }
+  .title-area {
+    // padding-top: $tab-vertical-padding;
+    // padding-bottom: $tab-vertical-padding;
+    @include display-flex;
+    @include flex-direction(column);
+    @include justify-content(center);
+    padding-left: $tab-horizontal-padding;
+    font-size: $company-title-font-size;
+    color: $title-font-color;
+    width: 20%;
+    height: 100%;
+  }
+  .menu-tab {
+    // padding-top: $tab-vertical-padding;
+    // padding-bottom: $tab-vertical-padding;
+    @include display-flex;
+    @include flex-direction(column);
+    @include justify-content(center);
+    @include align-items(center);
+    @include transition-property(background-color);
+    @include transition-duration(300ms);
+    @include transition-timing-function(ease-out);
+    font-size: $company-title-font-size;
+    width: $menu-tab-width;
+    border-left: $tab-border;
+    color: $tab-font-default-color;
+    background: {
+      color: $tab-bg-default-color;
+    }
+    .menu-nav {
+      text-align: center;
+    }
+    &:last-child {
+      border-right: $tab-border;
+    }
+    &.active {
+      background-color: $tab-bg-active-color;
+      color: $tab-font-active-color;
+    }
+    &:hover {
+      background-color: $tab-bg-hover-color;
+      color: $tab-font-hover-color;
+    }
+  }
+}