caboose-cms 0.9.229 → 1.0.1

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

@@ -0,0 +1,62 @@
+@import "caboose/admin/config";
+
+footer#admin_main {
+  height: $footer-height;
+  background: $footer-bg-color; 
+  font: $font-main;
+  font-size: 15px;
+  color: $footer-font-color;
+  text-align: center;
+  padding: 18px 0;
+  overflow: hidden;
+  clear: both;
+  .nine {
+    margin-top: 1.5em;
+    text-align: center;
+    a {
+      display: inline-block;
+      &:hover {
+        .nine-logo-svg { fill: $color-alt; }
+        .nine-logo-svg polygon { stroke: $color-alt; }
+      }
+    }
+    span {
+      display: block;
+      margin-bottom: 5px;
+      font-size: 12px;
+    }
+    .nine-logo-svg {
+      width: 80px;
+      height: 40px;
+      fill: #fff;
+      polygon {
+        stroke: #fff;
+      }
+    }
+  }
+  nav {
+    margin-top: 10px;
+    ul {
+      padding: 0; 
+      margin: 0; 
+      list-style-type: none; 
+      li {
+        display: inline-block;
+        margin-right: 8px;
+        font-size: 14px; 
+        color: #fff; 
+        &:last-of-type {
+          margin-right: 0; 
+        }
+        a {
+          text-decoration: none;
+          color: $footer-font-color;
+          font-size: 14px;
+          &:hover {
+            color: $color-alt;
+          }
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,72 @@
+@import "caboose/admin/config";
+
+input[type="email"],
+input[type="text"],
+input[type="password"],
+textarea {
+  background: #F9F9FB; 
+  border-radius: 2px; 
+  border-style: solid;
+  color: #505050;
+  font: $input-font;
+  font-size: 16px;
+  border-width: 1px;
+  border-color: #ccc;
+  -webkit-appearance: none; 
+  font-size: $input-font-size;
+  padding: 9px 6px;
+  &:focus {
+    outline-width: 0;
+  }
+}
+
+p.note {
+  background: $color-main;
+  display: inline-block;
+  padding: 6px 20px 8px 20px;
+  border-radius: 2px;
+  color: #fff;
+  font-weight: 300;
+  font-size: 14px;
+  margin-top: 15px;
+  a {
+    color: #fff;
+  }
+  &.success {
+    background: #24A55E;
+  }
+  &.error {
+    background: #A5242A; 
+  }
+  &.loading {
+    background: #2475A5; 
+  }
+}
+
+.cognito [class^="icon-"]::before, .cognito[class*=" icon-"]::before {
+  font-family: FontAwesome !important;
+}
+
+.cognito [class^="icon-"], .cognito[class*=" icon-"] {
+  font-size: 1em;
+}
+
+.cognito {
+  min-height: 300px;
+  background-image: url('/assets/shared/loading.gif');
+  background-size: 36px;
+  background-position: center center;
+  background-repeat: no-repeat;
+  .c-forms-heading .c-forms-form-title, .c-forms-form .c-forms-description, .c-forms-form .c-forms-heading {
+    margin-bottom: 0;
+  }
+  &.c-med, &.c-sml, &.c-lrg {
+    background-image: none;
+  }
+  .c-forms-form {
+    margin: 0 auto;
+  }
+  & > div:last-of-type {
+    visibility: hidden !important;
+  }
+}

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

@@ -0,0 +1,31 @@
+@import "caboose/admin/config";
+
+.conceal {
+  @include big {
+    display: none !important;
+  }
+  @include small {
+    display: inherit;
+  }
+}
+
+.reveal {
+  @include big {
+    display: inherit;
+  }
+  @include small {
+    display: none !important;
+  }
+}
+
+.reveal-m {
+  @include big {
+    display: inherit;
+  }
+  @include small {
+    display: none !important;
+  }
+  @include medium {
+    display: none !important;
+  }
+}

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

@@ -0,0 +1,108 @@
+@import "caboose/admin/config";
+
+.flexbox {
+  @include flexbox();
+  @include small {
+    flex-direction: column;
+    -webkit-flex-direction: column;
+  }
+}
+
+.flex-grid-container {
+  .empty {
+    cursor: pointer;
+    &:hover {
+      background: #ffffd7;
+    }
+  }
+  & > .constrain {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .flexbox {
+    @include flexbox();
+    .new_block_link, .new_block_link_over {
+      flex-basis: 0;
+    }
+  }
+  .flex-grid-unit {    
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center center;
+    -ms-behavior: url('/bg.htc');
+  }
+}
+
+.grid-row {
+  width: 100%;
+  &::after {
+    content: "."; 
+    visibility: hidden; 
+    display: block; 
+    height: 0; 
+    clear: both;
+  }
+  @include big {
+    .unit1of1 {
+      width: 100%; 
+      float: left;
+      text-align: left; 
+    }
+    .unit1of2 {
+      width: 50%;
+      float: left;
+      text-align: left; 
+    }
+    .unit1of3 {
+      width: 33.3333333%; 
+      float: left;
+      text-align: left; 
+    }
+    .unit2of3 {
+      width: 66.6666666%;
+      float: left;
+      text-align: left; 
+    }
+    .unit1of4 {
+      width: 25%;
+      float: left;
+      text-align: left; 
+    }
+    .unit3of4 {
+      width: 75%;
+      float: left;
+      text-align: left; 
+    }
+    .unit1of5 {
+      width: 20%; 
+      float: left;
+      text-align: left; 
+    }
+    .unit2of5 {
+      width: 40%; 
+      float: left;
+      text-align: left; 
+    }
+    .unit4of5 {
+      width: 80%;
+      float: left;
+      text-align: left; 
+    }
+  }
+
+  @include small {
+    .unit1of1, 
+    .unit1of2,
+    .unit1of3,
+    .unit1of4,
+    .unit2of3,
+    .unit3of4,
+    .unit1of5,
+    .unit2of5,
+    .unit4of5  {
+      float: none;
+      text-align: center; 
+      width: 100%;
+    }
+  }
+}

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

@@ -0,0 +1,77 @@
+@import "caboose/admin/config";
+
+header#admin_header {
+  width: 100%;
+  height: 54px;
+  background: #efefef;
+
+  #admin_logo_link {
+    display: none;
+    float: left;
+    width: 350px;
+    height: 100%;
+    background: top left #efefef;
+
+    a {
+      background: url('/assets/caboose/admin/caboose_logo.gif') top left #d07f7f;      
+      span { display: none; }
+    }
+    &:focus {
+      outline-width: 0;
+    }
+  }
+  
+  #admin_top_nav {
+    float: right;
+    width: 150px;
+
+    ul {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+            
+      li {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        float: left;
+      
+        a {
+          display: block;
+          text-decoration: none;                  
+          height: 54px;
+          position: relative;        
+          
+          span.icon {
+            position: absolute;
+            top: 4px;
+            left: 10px;
+            display: block;
+            width: 30px;
+            height: 30px;            
+            background-image: url('/assets/caboose/admin/admin_top_nav.gif');          
+          }
+          span.text {  
+            display: block;
+            height: 54px;
+            padding-top: 34px;
+            color: #7b7d7f !important;
+            font-size: 10px;
+            text-align: center;            
+          }
+          &:hover {                     
+            span.text {
+              color: #d07f7f !important; 
+            }
+          }      
+        }  
+                
+        &.my_account a       { span.icon { background-position: 0px   0px; left: 25px; } width: 80px; }
+        &.help       a       { span.icon { background-position: 0px -30px; left:  8px; } width: 45px; }
+        
+        &.my_account a:hover { span.icon { background-position: -30px   0px; }}
+        &.help       a:hover { span.icon { background-position: -30px -30px; }}
+      }
+    }
+  }
+}

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

@@ -0,0 +1,38 @@
+@import "caboose/admin/config";
+
+h1,h2,h3,h4,h5,h6 {
+  font: $heading-font;
+  line-height: 1em;
+  margin-bottom: $font-size * 0.8;
+  &.heading-block {
+    color: $color-main;
+    clear: both;
+  }
+}
+h1 {
+  font-size: 2em;
+}
+h2 {
+  font-size: 1.8em;
+}
+h3 {
+  font-size: 1.6em;
+}
+h4 {
+  font-size: 1.4em;
+}
+h5 {
+  font-size: 1.2em;
+}
+h6 {
+  font-size: 1em;
+}
+em, i {
+  font-style: italic;
+}
+b, strong {
+  font-weight: bold;
+}
+span.bold {
+  font-weight: bold; 
+}

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

@@ -0,0 +1,73 @@
+#admin_nav {  
+  height: 100vh;
+  width: 80px;
+  z-index: 100;
+  background: #1d2531;
+  padding: 20px 0 20px 0;  
+  border: none;
+  flex: none;
+        
+  ul {
+    border: none;
+    list-style: none;
+    margin: 0;
+    padding: 0;    
+    
+    li {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+      
+      a {
+        display: block;
+        text-decoration: none;        
+        width: auto;
+        height: 80px;
+        position: relative;
+                        
+        span.icon {
+          position: absolute;
+          top: 0;
+          left: 0;
+          display: block;
+          width: 80px;
+          height: 60px;
+          background-image: url('/assets/caboose/admin/admin_left_nav.gif');         
+        }
+        span.text {
+          display: block;
+          position: absolute;
+          top: 54px;
+          left: 0;
+          width: 80px;
+          height: 26px;
+          color: #4F5E73 !important;            
+          text-transform: uppercase;
+          font-size: 10px;
+          text-align: center;
+        }
+        &:hover {                     
+          span.text { color: #999 !important; }
+        }      
+      }  
+      &.selected {
+        a, a:hover {
+          span.text { color: #d07f7f !important; }          
+        }        
+      }
+      
+      &.pages     { a { span.icon { background-position: 0px    0px; } &:hover { span.icon { background-position: -160px    0px; }}} &.selected { a, a:hover { span.icon { background-position: -80px    0px; }}}}
+      &.media     { a { span.icon { background-position: 0px  -80px; } &:hover { span.icon { background-position: -160px  -80px; }}} &.selected { a, a:hover { span.icon { background-position: -80px  -80px; }}}}
+      &.posts     { a { span.icon { background-position: 0px -160px; } &:hover { span.icon { background-position: -160px -160px; }}} &.selected { a, a:hover { span.icon { background-position: -80px -160px; }}}}      
+      &.calendars { a { span.icon { background-position: 0px -240px; } &:hover { span.icon { background-position: -160px -240px; }}} &.selected { a, a:hover { span.icon { background-position: -80px -240px; }}}}
+      &.settings  { a { span.icon { background-position: 0px -320px; } &:hover { span.icon { background-position: -162px -320px; }}} &.selected { a, a:hover { span.icon { background-position: -80px -320px; }}}}
+      &.analytics { a { span.icon { background-position: 0px -400px; } &:hover { span.icon { background-position: -160px -400px; }}} &.selected { a, a:hover { span.icon { background-position: -80px -400px; }}}}
+      &.leads     { a { span.icon { background-position: 0px -480px; } &:hover { span.icon { background-position: -160px -480px; }}} &.selected { a, a:hover { span.icon { background-position: -80px -480px; }}}}
+      &.store     { a { span.icon { background-position: 0px -560px; } &:hover { span.icon { background-position: -160px -560px; }}} &.selected { a, a:hover { span.icon { background-position: -80px -560px; }}}}
+      &.eyesight  { a { span.icon { background-position: 0px -640px; } &:hover { span.icon { background-position: -160px -640px; }}} &.selected { a, a:hover { span.icon { background-position: -80px -640px; }}}}            
+    }
+  }
+}
+#admin_sub_nav {
+  z-index : 50;
+}