caboose-cms 0.9.229 → 1.0.1

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

@@ -0,0 +1,55 @@
+
+/*******************************************************************************
+Message boxes
+*******************************************************************************/
+
+.loading {
+  background-image: url('/assets/caboose/loading_black_on_white.gif');
+  background-position: 0 center;
+  background-repeat: no-repeat;
+  color: #000;  
+  font-weight: normal;
+  font-size: 16pt;
+  padding: 10px 10px 10px 40px;
+}
+
+.note {
+  padding: 20px;
+  margin-bottom: 10px;
+  background: #fef49c;
+  color: #000000;
+  font-weight: bold;
+  font-size: 1em;
+  border-radius: 3px;
+
+  h2 { margin: 0 0 10px 0; padding: 0; }	
+}
+
+.note_small {
+  display: block;
+  padding: 4px 10px;
+  background: #fef49c;
+  color: #000000;
+  font-size: 1em;	
+  border-radius: 3px;
+}
+
+.error {
+  background: #9c171b !important;
+  color: #ffffff;
+  a { color: #fff; }
+  a:hover { color: #000; }
+}
+
+.success {
+  background: #009900;
+  color: #ffffff;
+  a { color: #ffffff;	}
+}
+
+.warning {
+  background: #9c171b !important;
+  color: #ffffff;
+  a { color: #fff; }
+  a:hover { color: #000; }
+}

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

@@ -0,0 +1,189 @@
+
+.page_links span,
+.page_links a {
+  margin-right: 4px;
+}
+  
+  .mb_container {
+    /*width: 80%;*/
+    overflow: hidden;
+    
+    * {
+      -moz-box-sizing: border-box;
+      -webkit-box-sizing: border-box;
+      box-sizing: border-box; 
+    }
+  
+    div.mb_model_attribute_text {
+      color: #000;
+    }
+          
+    input[type=text], select.mb_fake, textarea {
+      border: #ccc 1px solid;
+    }
+    
+    input[type=text], select, .mb_fake option, option {
+      font-size: 16px !important;      
+    }
+  
+    input.mb_dirty, textarea.mb_dirty {
+      background: #fff799 !important;
+      color: #000 !important;  
+    }
+  
+    select.mb_fake {
+      background: transparent;
+      position: absolute;
+      top: 0;
+      left: 0;
+      color: transparent;
+      background: transparent;
+      height: 43px;      
+      
+      option {
+        background: #fff;
+        color: #000;
+      }
+    }
+  
+    .mb_bound_input_check a,
+    .mb_bound_input_cancel a {
+      border: 1px solid #ccc;
+      -moz-border-radius: 2px;
+      -webkit-border-radius: 2px;
+      border-radius: 2px;
+      
+      font-size: 20px;
+      text-align: center;
+      background: #9CD092;
+      color: #fff;
+      
+      display: block;
+      padding: 4px 0;
+      height: 34px;
+    }
+  
+    .mb_bound_input_check a.loading {
+      background-image: url(/assets/caboose/loading_green.gif);
+      background-color: #9CD092;
+      background-repeat: no-repeat;
+      background-position: 6px 5px;
+      color: rgba(255, 255, 255, 0.0);
+    }
+  
+    .mb_bound_textarea_controls a {
+      display: inline-block;
+      margin: 3px 0 0 1px;
+      padding: 8px 0 6px 0;
+      background: #ccc;
+      color: #000 !important;
+      text-align: center;
+      border: #666 1px solid;
+      
+      a.save    { width: 60px; }
+      a.discard { width: 80px; }
+    }
+    
+    .mb_placeholder {
+      display: block;
+      margin: 0;
+      padding: 0 5px 0 3px;
+      /*height: 34px;*/
+      
+      position: absolute;
+      top: 10px;
+      left: 1px;
+      z-index: 19;  
+      
+      span {
+        display: block;
+        font-size: 16px;
+        color: #757575;
+      }
+    }
+    
+    .mb_mask {
+      display: block;
+      margin: 0;
+      padding: 0 5px 0 0;
+      /*height: 34px;*/
+      
+      position: absolute;
+      top: 8px;
+      right: 0px;
+      z-index: 19;  
+      
+      a {
+        display: block;
+        font-size: 14px;
+        color: #757575;
+      }
+    }
+  
+    form.mb_file_form div.mb_placeholder {
+      position: relative;
+      float: left;
+      margin-right: 14px;
+    }
+  
+    form.mb_file_form div.mb_placeholder span {
+      display: inline;
+    }
+    
+    input[type='checkbox'] {
+      position: absolute;
+      top: 16px;
+      left: 0;
+      z-index: 19;
+      
+      margin: 0;
+      padding: 0;
+      width: 20px;
+    }
+  
+    div.model_attribute_text {
+      color: #fff;
+    }
+  
+    .mb_model_attribute {
+      background: none repeat scroll 0 0 transparent;
+      display: block;
+      padding: 2px 4px;
+      text-decoration: none;
+    }
+  
+    .mb_clear {
+      clear: both;
+      line-height: 0;  
+    }
+  
+    .mb_fake_file_input {
+      position: relative;
+      overflow: hidden;
+      float: left;
+      margin-right: 14px;
+      
+      input[type='file'] {
+        position: absolute;
+        top: 0;
+        right: 0;
+        z-index: 2;
+        width: 1000px;
+        height: 100px;
+        text-align: right;      
+        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+        filter: alpha(opacity=0);
+        -khtml-opacity: 0;
+        -moz-opacity: 0;
+        opacity: 0;
+      }
+    
+      input[type='button'] {
+        z-index: 1;
+      }
+    
+      input[type='submit'] {
+        display: none;
+      }
+    }
+  }

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

@@ -0,0 +1,261 @@
+@import "caboose/admin/config";
+
+.subnavigation-block {
+  &.Buttons {
+    li {
+      margin: 0 6px 6px 0;
+    }
+  }
+  ul {
+    list-style-type: none;
+    li {
+      display: block;
+      line-height: 1.5em;
+      .btn {
+        &:hover {
+          text-decoration: none;
+        }
+      }
+      a:not(.btn) {
+        color: $color-main;
+        text-decoration: none;
+        &:hover {
+          color: $color-alt;
+        }
+      }
+    }
+  }
+}
+
+.nav-breadcrumbs {
+  list-style-type: none;
+  li {
+    display: inline-block;
+    &:last-of-type::after {
+      content: "";
+      padding: 0;
+    }
+    &::after {
+      content: ">";
+      padding: 0 6px 0 10px;
+      color: $color-main;
+      position: relative;
+      bottom: 1px;
+    }
+    a {
+      color: $color-main;
+      text-decoration: none;
+      &:hover {
+        color: $color-alt;
+      }
+    }
+  }
+}
+
+.media-category-links-block {
+  h3 {
+    color: $color-main;
+    text-align: center;
+    font-size: 1.6em;
+    margin-bottom: 12px;
+  }
+  h4 {
+    color: $color-main;
+    text-align: center;
+    font-size: 1.4em;
+    margin-bottom: 12px;
+  }
+  ul {
+    max-width: 600px;
+    margin: 0 auto 30px auto;
+    li {
+      @include flexbox();
+      -webkit-justify-content: space-between;
+      justify-content: space-between;
+      padding: 8px 2%;
+      &:nth-of-type(odd) {
+        background-color: #E8E8E8;
+      }
+      @include mini {
+        flex-direction: column;
+        align-items: center;
+      }
+      .name {
+        display: block;
+        position: relative;
+        top: 13px;
+        @include flex(1 0 20%);
+        @include mini {
+          top: 0;
+          margin-bottom: 5px;
+          text-align: center;
+        }
+      }
+      .btn {
+        font-size: 15px;
+      }
+    }
+  }
+}
+
+.delay-show {
+  display: none;
+}
+#mmenu {
+  text-align: left; 
+  font: $font-main;
+  color: $sidebar-font-color; 
+  background: $sidebar-bg-color;
+  a, span {
+    font: $font-main; 
+    font-size: 18px;
+    padding-top: 12px;
+    padding-bottom: 12px;
+  }
+  & > ul {
+    & > li {
+      & > ul.submenu {
+        & > li {
+          a, span {
+            padding-left: 25px;
+            color: $sidebar-font-color;
+            color: rgba($sidebar-font-color,0.8);
+          }
+          & > ul {
+            & > li {
+              a, span {
+                padding-left: 50px;
+                color: $sidebar-font-color;
+                color: rgba($sidebar-font-color,0.6);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.cmn-toggle-switch {
+  display: block;
+  position: absolute;
+  right: 2%;
+  top: 10px;
+  overflow: hidden;
+  margin: 0;
+  padding: 0;
+  width: 34px;
+  height: 35px;
+  font-size: 0;
+  text-indent: -9999px;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  box-shadow: none;
+  border-radius: none;
+  border: none;
+  cursor: pointer;
+  z-index: 2;
+}
+
+.cmn-toggle-switch:focus {
+  outline: none;
+}
+
+.cmn-toggle-switch span {
+  display: block;
+  position: absolute;
+  top: 19px;
+  left: 0;
+  right: 0;
+  height: 4px;
+  background: $sidebar-icon-color;
+}
+
+.cmn-toggle-switch span::before,
+.cmn-toggle-switch span::after {
+  position: absolute;
+  display: block;
+  left: 0;
+  width: 100%;
+  height: 4px;
+  background-color: $sidebar-icon-color;
+  content: "";
+}
+
+.cmn-toggle-switch span::before {
+  top: -10px;
+}
+
+.cmn-toggle-switch span::after {
+  bottom: -10px;
+}
+
+.cmn-toggle-switch__htx {
+  background-color: transparent;
+}
+
+.cmn-toggle-switch__htx span {
+  -webkit-transition: background 0 0.3s;
+          transition: background 0 0.3s;
+}
+
+.cmn-toggle-switch__htx span::before,
+.cmn-toggle-switch__htx span::after {
+  -webkit-transition-duration: 0.3s, 0.3s;
+          transition-duration: 0.3s, 0.3s;
+  -webkit-transition-delay: 0.3s, 0;
+          transition-delay: 0.3s, 0;
+}
+
+.cmn-toggle-switch__htx span::before {
+  -webkit-transition-property: top, -webkit-transform;
+          transition-property: top, transform;
+}
+
+.cmn-toggle-switch__htx span::after {
+  -webkit-transition-property: bottom, -webkit-transform;
+          transition-property: bottom, transform;
+}
+
+.mm-opening .cmn-toggle-switch__htx span {
+  background: transparent;
+}
+
+.mm-opening .cmn-toggle-switch__htx span::before {
+  top: 0;
+  -webkit-transform: rotate(45deg);
+      -ms-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+
+.mm-opening .cmn-toggle-switch__htx span::after {
+  bottom: 0;
+  -webkit-transform: rotate(-45deg);
+      -ms-transform: rotate(-45deg);
+          transform: rotate(-45deg);
+}
+
+.mm-opening .cmn-toggle-switch__htx span::before,
+.mm-opening .cmn-toggle-switch__htx span::after {
+  -webkit-transition-delay: 0, 0.3s;
+          transition-delay: 0, 0.3s;
+}
+
+.mm-menu .mm-navbar > a {
+  color: $sidebar-font-color !important;
+}
+
+.mm-menu .mm-listview > li .mm-prev:before, .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-navbar .mm-btn:before, .mm-menu .mm-navbar .mm-btn:after {
+  border-color: $sidebar-font-color !important;
+}
+
+.mm-menu .mm-listview > li:after, .mm-menu .mm-listview > li .mm-prev:after, .mm-menu .mm-listview > li .mm-next:before, .mm-menu .mm-navbar {
+  border-color: $sidebar-border-color !important;
+}
+
+.slider-block-container {
+  .icon-left-big:hover, .icon-right-big:hover {
+    color: $color-main;
+  }
+}