avante_rails 0.0.1

data/vendor/assets/stylesheets/avante/grid/tablet.scss

@@ -0,0 +1,61 @@
+@import "desktop.scss";
+
+/* Tablet (Portrait)
+================================================== */
+
+@media only screen and (min-width: 768px) and (max-width: 959px) {
+
+  .container {
+    width: 768px;
+
+    /* columns */
+
+    .column, .columns {
+      margin-left: 10px;
+      margin-right: 10px;
+
+      .alpha { margin-left: 0; margin-right: 10px; }
+      .omega { margin-right: 0; margin-left: 10px; }
+    }
+
+    .one.column        { width: 28px; }
+    .two.columns       { width: 76px; }
+    .three.columns     { width: 124px; }
+    .four.columns      { width: 172px; }
+    .five.columns      { width: 220px; }
+    .six.columns       { width: 268px; }
+    .seven.columns     { width: 316px; }
+    .eight.columns     { width: 364px; }
+    .nine.columns      { width: 412px; }
+    .ten.columns       { width: 460px; }
+    .eleven.columns    { width: 508px; }
+    .twelve.columns    { width: 556px; }
+    .thirteen.columns  { width: 604px; }
+    .fourteen.columns  { width: 652px; }
+    .fifteen.columns   { width: 700px; }
+    .sixteen.columns   { width: 748px; }
+
+    .one-third.column  { width: 236px; }
+    .two-thirds.column { width: 492px; }
+
+    /* offset */
+
+    .offset-by-one      { padding-left: 48px; }
+    .offset-by-two      { padding-left: 96px; }
+    .offset-by-three    { padding-left: 144px; }
+    .offset-by-four     { padding-left: 192px; }
+    .offset-by-five     { padding-left: 240px; }
+    .offset-by-six      { padding-left: 288px; }
+    .offset-by-seven    { padding-left: 336px; }
+    .offset-by-eight    { padding-left: 348px; }
+    .offset-by-nine     { padding-left: 432px; }
+    .offset-by-ten      { padding-left: 480px; }
+    .offset-by-eleven   { padding-left: 528px; }
+    .offset-by-twelve   { padding-left: 576px; }
+    .offset-by-thirteen { padding-left: 624px; }
+    .offset-by-fourteen { padding-left: 672px; }
+    .offset-by-fifteen  { padding-left: 720px; }
+
+  }
+
+}

data/vendor/assets/stylesheets/avante/index.scss

@@ -0,0 +1,17 @@
+@import "avante/vendor/normalize.scss";
+
+@import "avante/core/base.scss";
+@import "avante/core/helpers.scss";
+
+@import "avante/grid/desktop.scss";
+@import "avante/grid/tablet.scss";
+@import "avante/grid/mobile.scss";
+
+@import "avante/patterns/forms.scss";
+@import "avante/patterns/markers.scss";
+@import "avante/patterns/buttons.scss";
+@import "avante/patterns/alerts.scss";
+@import "avante/patterns/tables.scss";
+@import "avante/patterns/pagination.scss";
+@import "avante/patterns/tabs.scss";
+@import "avante/patterns/top-bar.scss";

data/vendor/assets/stylesheets/avante/patterns/alerts.scss

@@ -0,0 +1,74 @@
+@import "avante/support/mixins";
+
+/* Alerts
+================================================== */
+
+.alert-box {
+  display: block;
+  padding: 6px 7px;
+  font-weight: bold;
+  font-size: 13px;
+  background: #eee;
+  border: 1px solid #CCC;
+  margin-bottom: 12px;
+  text-shadow: 0 1px rgba(255,255,255,0.9);
+  position: relative;
+  @include border-radius(3px);
+
+  &.success {
+    color: #3f5216;
+    text-shadow: 0 1px #dcee93;
+    border-color: #7e9e31;
+    @include gradient-vertical(#bbd06a, #95b83a);
+  }
+
+  &.warning {
+    color: #614F43;
+    text-shadow: 0 1px #fffee6;
+    border-color: #f6e700;
+    @include gradient-vertical(#fcfab2, #fcfab2);
+  }
+
+  &.error {
+    color: #521300;
+    text-shadow: 0 1px #e8866d;
+    border-color: #9c391c;
+    @include gradient-vertical(#cd745f, #b74523);
+  }
+
+  a.close {
+    color: #000;
+    position: absolute;
+    right: 4px;
+    top: 0;
+    font-size: 18px;
+    opacity: 0.2;
+    padding: 4px;
+
+    &:hover,
+    &:focus { opacity: 0.4; }
+  }
+
+}
+
+.alert-box.block-message {
+  padding: 14px;
+  background-image: none;
+  border: 1px solid #CCC;
+  @include box-shadow(none);
+  @include reset-filter;
+
+  ul, p { margin-right: 30px; }
+  ul    { margin-bottom: 0; }
+  li    { color: #404040; }
+
+  &.error   { background-color: #fddfde; border-color: #fbc7c6; }
+  &.success { background-color: #d1eed1; border-color: #bfe7bf; }
+  &.warning { border-color: #f6e700; }
+
+  &.danger, &.error, &.success {
+    color: #404040;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+    p a { color: #404040; }
+  }
+}

data/vendor/assets/stylesheets/avante/patterns/buttons.scss

@@ -0,0 +1,88 @@
+@import "avante/support/mixins";
+
+/* Buttons
+================================================== */
+
+.btn.danger,
+.btn.danger:hover,
+.btn.error,
+.btn.error:hover,
+.btn.success,
+.btn.success:hover,
+.btn.info,
+.btn.info:hover, {
+  color: #ffffff;
+}
+
+.btn.danger,
+.btn.error {
+  border-color: #c43c35 #c43c35 #882a25;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  @include gradient-vertical(#ee5f5b, #c43c35);
+}
+
+.btn.success {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  border-color: #57a957 #57a957 #3d773d;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  @include gradient-vertical(#62c462, #57a957);
+}
+
+.btn.info {
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  border-color: #339bb9 #339bb9 #22697d;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  @include gradient-vertical(#5bc0de, #339bb9);
+}
+
+.btn, a.btn {
+  cursor: pointer;
+  display: inline-block;
+  padding: 5px 14px 6px;
+  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+  color: #333;
+  font-size: 13px;
+  line-height: normal;
+  border: 1px solid #ccc;
+  border-bottom-color: #bbb;
+
+  @include gradient-vertical(#ffffff, #e6e6e6);
+  @include border-radius(4px);
+  @include box-shadow(inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05));
+
+  &:hover { background-position: 0 -15px; color: #333; text-decoration: none; }
+  &:focus { outline: 1px dotted #666; }
+}
+
+.btn.primary {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  border-color: #0064cd #0064cd #003f81;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  @include gradient-vertical(#049cdb,#0064cd);
+}
+
+.btn.active, .btn:active {
+  @include box-shadow(inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05));
+}
+
+.btn.disabled, .btn[disabled] {
+  cursor: default;
+  background-image: none;
+  @include reset-filter;
+  @include opacity(60);
+  @include box-shadow(none);
+}
+
+.btn.large {
+  font-size: 110%;
+  line-height: normal;
+  padding: 9px 14px 9px;
+  @include border-radius(6px);
+}
+
+.btn.small {
+  padding: 7px 9px 7px;
+  font-size: 11px;
+}

data/vendor/assets/stylesheets/avante/patterns/forms.scss

@@ -0,0 +1,115 @@
+@import "avante/support/mixins";
+
+ /* Forms
+================================================== */
+
+/* defaults for form elements */
+
+label { margin-bottom: 5px; }
+
+fieldset {
+  padding: 0;
+  margin-bottom: 20px;
+  border: none;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+textarea,
+select {
+  border: 1px solid #ccc;
+  padding: 6px 4px;
+  outline: none;
+  border-radius: 2px;
+  font-size: 13px;
+  color:#000;
+  margin: 0;
+  max-width: 100%;
+  display: block;
+  margin-bottom: 10px;
+
+  @include border-radius(2px);
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+textarea:focus {
+  border: 1px solid #3997D3;
+  color: #444;
+
+  @include box-shadow(0px 0px 0px 3px #E3EFF6);
+}
+
+input, textarea {
+  @include box-shadow(
+    0px 0px 0px 3px #EEEEEE,
+    inset 0 1px 3px rgba(0, 0, 0, 0.1)
+  );
+}
+
+textarea { min-height: 60px; }
+
+select { padding: 0; }
+
+label {
+  display: block;
+  font-weight: bold;
+  font-size: 13px;
+}
+
+input[type="checkbox"] { display: inline; }
+
+label span {
+  font-weight: normal;
+  font-size: 13px;
+  color: #444;
+}
+
+/* re-usable classes and ui-patterns common to forms */
+
+.featured {
+  background: #EFEFEF;
+  border: 1px solid #FFF;
+  padding: 10px;
+
+  @include box-shadow(0px 0px 0px 1px #CCC);
+}
+
+
+.inline-fields {
+  select, input, label {
+    display: inline-block;
+    margin-right: 10px;
+  }
+}
+
+.aligned-fields{
+
+  .label {
+    padding-top: 6px;
+    line-height: 18px;
+    float: left;
+    width: 130px;
+    text-align: right;
+  }
+
+  .input { margin-left: 150px; }
+
+}
+
+.action {
+  border-top: 1px solid #ECECEC;
+  padding: 10px 0 10px 0;
+  margin: 20px 0 20px 0;
+  display:block;
+  width: 100%;
+  float: left;
+  overflow: hidden;
+}
+
+label.required:after {
+  content: " *";
+  color: #D60000;
+}

data/vendor/assets/stylesheets/avante/patterns/markers.scss

@@ -0,0 +1,17 @@
+ /* Markers
+================================================== */
+
+.marker {
+  padding: 1px 3px 2px;
+  font-size: 80%;
+  font-weight: bold;
+  color: #ffffff;
+  text-transform: uppercase;
+  white-space: nowrap;
+  background-color: #bfbfbf;
+
+  &.important { background-color: #c43c35;  }
+  &.warning   { background-color: #f89406;  }
+  &.success   { background-color: #46a546;  }
+  &.notice    { background-color: #62cffc;  }
+}

data/vendor/assets/stylesheets/avante/patterns/pagination.scss

@@ -0,0 +1,50 @@
+@import "avante/support/mixins";
+
+/* Pagination
+================================================== */
+
+.pagination {
+
+  width: auto;
+  height: 40px;
+  margin: 20px 0;
+
+  a, span, em {
+    float: left;
+    display: inline-block;
+    height: 24px;
+    color: #999;
+    font-size: 15px;
+    margin-left: 5px;
+    padding: 2px 7px 2px;
+    font-style: normal;
+  }
+
+  a { color: #555; }
+
+  a:hover, a:focus, .current { border-bottom: solid 2px; color: #141414; }
+  a:hover, a:focus   { border-color: #CCC;    }
+  .current           { border-color: #00a6fc; }
+
+  .disabled a { cursor: default; color: #999; }
+  .disabled:hover a,
+  .disabled a:focus { border-bottom: none; }
+
+}
+
+/*<div class="pagination">
+  <span class="disabled previous_page">&laquo;</span>
+  <em class="current">1</em>
+  <a href="#" rel="next">2</a>
+  <a href="#">3</a>
+  <a href="#">4</a>
+  <a href="#">5</a>
+  <a href="#">6</a>
+  <a href="#">7</a>
+  <a href="#">8</a>
+  <span class="gap">&hellip;</span>
+  <a href="#">29</a>
+  <a href="#">30</a>
+  <a href="#" rel="next" class="next_page">&raquo;</a>
+</div>
+*/

data/vendor/assets/stylesheets/avante/patterns/tables.scss

@@ -0,0 +1,84 @@
+@import "avante/support/mixins";
+
+/* Tables
+================================================== */
+
+table {
+  width: 100%;
+  margin-bottom: 18px;
+  padding: 0;
+  font-size: 13px;
+  border-collapse: collapse;
+
+  th, td {
+    padding: 10px 10px 9px;
+    line-height: 18px;
+    text-align: left;
+  }
+
+  th {
+    padding-top: 9px;
+    font-weight: bold;
+    vertical-align: middle;
+  }
+
+  td {
+    vertical-align: top;
+    border-top: 1px solid #ddd;
+  }
+
+  tbody th {
+    border-top: 1px solid #ddd;
+    vertical-align: top;
+  }
+}
+
+table.condensed {
+  th, td { padding: 5px 5px 4px; }
+}
+
+table.bordered {
+  border: 1px solid #ddd;
+  border-collapse: separate;
+  *border-collapse: collapse; /* IE7, collapse table to remove spacing */
+
+  @include border-radius(4px);
+
+  th + th, td + td, th + td {
+    border-left: 1px solid #ddd;
+  }
+
+  thead tr:first-child th:first-child {
+    @include border-radius(4px);
+  }
+
+  thead tr:first-child th:last-child,
+  tbody tr:first-child td:last-child {
+    -webkit-border-radius: 0 4px 0 0;
+    -moz-border-radius: 0 4px 0 0;
+    border-radius: 0 4px 0 0;
+  }
+
+  tbody tr:last-child td:first-child {
+    @include border-radius(0 0 0 4px);
+  }
+  tbody tr:last-child td:last-child {
+    @include border-radius(0 0 4px 0);
+  }
+
+  tbody th {
+    border-top: none;
+  }
+}
+
+table.zebra {
+  tbody tr:nth-child(odd) td,
+  tbody tr:nth-child(odd) th {
+    background-color: #f9f9f9;
+  }
+
+  tbody tr:hover td,
+  tbody tr:hover th {
+    background-color: #f5f5f5;
+  }
+}