caboose-cms 0.9.229 → 1.0.1

data/app/assets/stylesheets/caboose/admin/main.scss

@@ -0,0 +1,34 @@
+@import "compass";
+@import "compass/reset";
+
+@import "caboose/admin/config";
+@import "caboose/admin/ie";
+@import "caboose/admin/modules/functions";
+
+@import "caboose/admin/modules/body";
+@import "caboose/admin/modules/buttons";
+@import "caboose/admin/modules/selects";
+@import "caboose/admin/modules/crumbtrail";
+@import "caboose/admin/modules/data_table";
+@import "caboose/admin/modules/footer";
+@import "caboose/admin/modules/forms";
+@import "caboose/admin/modules/grid";
+@import "caboose/admin/modules/header";
+@import "caboose/admin/modules/headings";
+@import "caboose/admin/modules/main_nav";
+@import "caboose/admin/modules/message_boxes";
+@import "caboose/admin/modules/model_binder";
+@import "caboose/admin/modules/navigation";
+@import "caboose/admin/modules/search";
+@import "caboose/admin/modules/subnav_tabs";
+@import "caboose/admin/modules/order_bumps";
+@import "caboose/admin/modules/tabs";
+
+@import "caboose/admin/integrations/main";
+@import "caboose/admin/integrations/shopify";
+
+@import "caboose/admin/layout";
+
+/*
+@import "https://cdn.myfontastic.com/euPuXFx4wNWtygK9Mgkprg/icons.css";
+*/

data/app/assets/stylesheets/caboose/admin/modules/body.scss

@@ -0,0 +1,176 @@
+@import "caboose/admin/config";
+
+body {
+  font: $font-main;
+  background-color: $body-bg-color; 
+  color: $color-dark;
+}
+
+body * {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; 
+}
+
+.constrain {
+  max-width: $max-width; 
+  width: 100%; 
+  position: relative; 
+  margin: 0 auto !important;
+  padding: 0 2%;
+  height: 100%;
+  &::after {
+    content: "."; 
+    visibility: hidden; 
+    display: block; 
+    height: 0; 
+    clear: both;
+  }
+  .richtext-block {
+    padding: 0;
+    @include mini {
+      padding: 0 2%;
+    }
+  }
+}
+
+.hidden {
+  display: none !important;
+  visibility: none !important;
+  opacity: 0 !important; 
+}
+
+.overlay {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(10,10,10,0.3);
+  z-index: 0;
+}
+
+#admin_content_wrapper {
+  min-height: 200px;
+  // padding-top: $header-height;
+  // @include small {
+  //   padding-top: $header-height * 0.84375;
+  // }
+}
+
+.chromeframe {
+  text-align: center;
+  padding: 10px;
+  font-size: 15px;
+}
+
+.clearfix::after { 
+   content: "."; 
+   visibility: hidden; 
+   display: block; 
+   height: 0; 
+   clear: both;
+}
+
+.text-underline {
+  text-decoration: underline !important;
+}
+
+.richtext-block {
+  padding: 0 2%;
+  @include mini {
+    padding: 0 4%;
+  }
+}
+
+#admin_content_body > img[id^="block_"],
+#admin_content_body > .constrain > img[id^="block_"] {
+  @include mini {
+    display: block;
+    margin-left: auto !important;
+    margin-right: auto !important;
+    float: none !important;
+  }
+}
+
+.richtext, .richtext-block {
+  max-width: $max-width;
+  margin: 0 auto;
+  p, ol, ul {
+    margin-bottom: 20px;
+    font: $font-main;
+    line-height: 1.2em;
+    strong, b {
+      font-weight: bold;
+    }
+    em, i {
+      font-style: italic;
+    }
+    a {
+      text-decoration: none;
+      color: $color-main;
+      &:hover {
+        color: $color-alt;
+      }
+    }
+    .btn {
+      color: $btn-font-color;
+    }
+  }
+  p:last-of-type {
+    margin-bottom: 0;
+  }
+  li {
+    margin-bottom: 5px;
+    &:last-of-type {
+      margin-bottom: 0;
+    }
+  }
+  ul {
+    list-style-type: disc;
+    padding-left: 20px;
+    ul, ol {
+      padding-left: 30px;
+      margin: 5px 0;
+    }
+  }
+  ol {
+    list-style-type: decimal;
+    padding-left: 20px;
+    ul, ol {
+      padding-left: 30px;
+      margin: 5px 0;
+    }
+  }
+}
+
+@-ms-viewport{
+  width: device-width;
+}
+
+.table {
+  display: table;
+  table-layout: fixed;
+  width: 100%;
+  height: 100%;
+}
+
+.table-cell {
+  display: table-cell;
+  vertical-align: middle;
+  width: 100%;
+  height: 100%;
+}
+
+::selection {
+  color: #fff;
+  background: $color-main; 
+}
+
+img, iframe { max-width: 100%; }
+
+.map img { max-width: none !important; }
+
+#admin_content_body p {
+  margin-bottom: 10px;
+}

data/app/assets/stylesheets/caboose/admin/modules/buttons.scss

@@ -0,0 +1,120 @@
+@import "caboose/admin/config";
+
+.btn, 
+.admin_container input[type=button], 
+.admin_container input[type=submit], 
+.page_links a {
+  border: 0;
+  border-radius: $btn-border-radius;
+  background-color: $btn-bg-color;
+  color: $btn-font-color;
+  font: $btn-font;
+  display: inline-block;
+  font-weight: $btn-font-weight; 
+  padding: 5px 10px;
+  font-size: $btn-font-size;
+  text-decoration: none;
+  text-transform: $btn-font-case;
+  -webkit-appearance: none;
+  text-align: center;
+  cursor: pointer;
+  border-width: $btn-border-width;
+  @if $btn-border-side == "bottom" {
+    border-bottom: $btn-border-width solid $btn-border-color;
+  }
+  @else if $btn-border-side == "all" {
+    border: $btn-border-width solid $btn-border-color;
+  }
+  &:focus {
+    outline-width: 0;
+  }
+  &:hover {
+    background: shade($btn-bg-color, 10%); 
+    text-decoration: none; 
+    border-color: shade($btn-border-color, 10%); 
+  }
+  &.red {
+    background-color: #d07f7f;
+    color: #fff;
+  }
+  &.duplicate {
+    background-color: #505e72;
+    color: #fff;
+  }
+  &.white {
+    background: #fff;
+    color: $color-main;
+    &:hover {
+      background: $color-main;
+      color: #fff;
+    }
+  }
+  &.white-outline {
+    border: 1px solid #fff;
+    background: none;
+    color: #fff;
+    &:hover {
+      background: $btn-border-color;
+    }
+  }
+  &.color-outline {
+    border: 1px solid $btn-border-color;
+    background: none;
+    color: $btn-border-color;
+    &:hover {
+      background: #fff;
+    }
+  }
+  &.Alternate, &.alternate {
+    background: $color-alt;
+    border-color: shade($color-alt, 20%);
+    &:hover {
+      background: shade($color-alt, 10%);
+      border-color: shade($color-alt, 30%);
+    }
+  }
+}
+
+.mrg-r-10{
+  margin-right: 10px;
+}.mrg-t-10{
+  margin-top: 10px;
+}.mrg-b-10{
+  margin-bottom: 10px;
+}
+
+
+[class^="icon-"] {
+  text-decoration: none;
+  font-size: 40px;
+  &.white {
+    color: #fff; 
+    &:hover {
+      color: $color-alt;
+    }
+  }
+  &.colored {
+    color: $color-main;
+    &:hover {
+      color: shade($color-main, 10%); 
+    }
+  }
+}
+
+a[class^="icon-"] {
+  cursor: pointer; 
+  text-decoration: none;
+}
+
+ul.social-links {
+  list-style-type: none;
+  padding: 0; 
+  margin: 0; 
+  li {
+    display: inline-block;
+    margin-right: 8px;
+    &:last-of-type {
+      margin-right: 0;
+    }
+  }
+}

data/app/assets/stylesheets/caboose/admin/modules/countdown.css

@@ -0,0 +1,21 @@
+.countdown {
+  text-align: center;
+}
+.countdown ul {
+  width: 100%;
+  height: 100%;
+}
+.countdown ul li {
+  display: inline-block;
+  font-weight: bold;
+  position: relative;
+  margin: 0;
+  height: 100%;
+  overflow: hidden;
+}
+
+.countdown ul li.date_part span {
+  display: block;
+  justify-content: center;
+  align-content: center;
+}

data/app/assets/stylesheets/caboose/admin/modules/crumbtrail.scss

@@ -0,0 +1,80 @@
+#admin_crumbtrail {
+  position: absolute;
+  top: -42px;
+  left: 20px;
+  z-index: 1000;
+  color: #000;
+  margin: 0;
+  padding: 0;    
+      
+  a {      
+    color: #666;      
+    text-decoration: none !important;
+  }
+  a:hover {
+    color: #000; 
+  }  
+}
+
+#crumbtrail{
+  display: inline-block;
+  position: relative;
+  top: 11px;
+  left: 12px;
+  a {
+    background-color: #4f5e73;
+    display: inline-block;
+    color: #fff;
+    line-height: 30px;
+    font-size: 12px;
+    margin-right: 5px;
+    text-decoration: none;
+    padding: 0 12px 0 17px;
+    text-transform: uppercase;
+    position: relative;
+    &::after {
+      position: absolute;
+      left: 100%;
+      top: 0;
+      content: " ";
+      width: 0;
+      height: 0;
+      border-top: 15px solid transparent;
+      border-bottom: 15px solid transparent;
+      border-left: 5px solid #4f5e73;
+      display: block;
+    }
+    &::before {
+      position: absolute;
+      left: 0;
+      top: 0;
+      content: " ";
+      width: 0;
+      height: 0;
+      border-top: 15px solid transparent;
+      border-bottom: 15px solid transparent;
+      border-left: 5px solid #edeef0;
+      display: block;
+    }
+    &:first-of-type {
+      border-top-left-radius: 5px;
+      border-bottom-left-radius: 5px;
+      &::before {
+        display: none;
+      }
+    }
+    &:last-of-type {
+      border-top-right-radius: 5px;
+      border-bottom-right-radius: 5px;
+      &::after {
+        display: none;
+      }
+    }
+    &:hover {
+      background-color: shade(#4f5e73, 10%);
+    }
+    &:hover::after {
+      border-left: 5px solid shade(#4f5e73, 10%);
+    }
+  }
+}

data/app/assets/stylesheets/caboose/admin/modules/data_table.scss

@@ -0,0 +1,92 @@
+
+table.data {
+  border-collapse: collapse;
+  border: 1px solid #000;
+  margin-top: 15px;
+}
+  
+table.data th {
+  background: #d0d0d0;
+  border: #000 1px solid;  
+  color: #000;
+  padding: 12px;
+}
+
+table.data th a {
+  color: #000;
+  display: block;
+  text-decoration: none;
+}
+
+table.data th a:hover {
+  color: #000;
+}
+
+table.data td {
+  background: #fff;
+  border-right: #000 1px solid;  
+  margin: 0;
+  padding: 8px 12px;
+}
+
+table.data tr:nth-child(odd)  td { background: #fff; }
+table.data tr:nth-child(even) td { background: #f1f1f1; }
+
+table.data td.edit_button {
+  
+}
+
+table.data tr.table_rows {
+  td:nth-child(1),
+  td:nth-child(2){
+    text-align: center;
+ }
+}
+
+table.data td.edit_button_over {
+  background: #f9ad81 !important;
+}
+
+table.data tr:nth-child(even) td {
+  
+}
+
+
+table.data tr:nth-child(odd) td {
+  
+}
+
+table.data th:nth-child(1),
+table.data th:nth-child(2) {
+    width: 57px;
+    text-align: center;
+ }
+
+table.data tr:hover td,
+table.data tr:nth-child(even):hover td,
+table.data tr:nth-child(odd):hover td {
+  background: #fff799;
+  cursor: pointer; 
+  cursor: hand;
+}
+
+.table_controls_buttons {
+  margin-top: 10px;
+  margin-bottom: 5px;
+    input{
+      background:#7493b2;
+      border: 0px;
+      color: #fff;
+      border-radius: 15px;
+      padding: 5px 10px;
+      text-transform: uppercase;
+      &:hover{
+        background: #da7c7f;
+      }
+    }
+}
+
+.table_controls_menu {
+  display: inline-block;
+  width: 100%;
+}