keppler 2.0.0

data/installer/core/app/assets/stylesheets/admin/pages/_files.scss

@@ -0,0 +1,83 @@
+.outline  {
+  outline: 2px dashed #92b0b3;
+  padding: 10px;
+  text-align: center !important;
+  width: 100% !important;
+}
+
+.upload-image {
+  max-width: 400px;
+  margin: 0 auto;
+  .files {
+    position: relative;
+    #icon-file{
+      position: absolute;
+      left: 50%;
+      top: 35%;
+      font-size: 4rem;
+      opacity: .7;
+    }
+    input  {
+      cursor: pointer;
+      outline: 2px dashed #92b0b3;
+      outline-offset: -10px;
+      -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
+      transition: outline-offset .15s ease-in-out, background-color .15s linear;
+      padding: 160px 25px 70px;
+      text-align: center !important;
+      margin: 0;
+      width: 100% !important;
+      &:before {
+        position: absolute;
+        bottom: 5px;
+        left: 0;  pointer-events: none;
+        width: 100%;
+        right: 0;
+        height: 57px;
+        // content: "O arrastralos hasta aquí.";
+        display: block;
+        margin: 0 auto;
+        color: #2ea591;
+        font-weight: 600;
+        text-transform: capitalize;
+        text-align: center;
+      }
+      &:after {
+        content: 'o arrastrar una imagen hasta aquí';
+        position: absolute;
+        font-size: 12px;
+        top: 200px;
+        width: 100%;
+        left: 50%;
+        transform: translateX(-30%);
+      }
+    }
+    &-icon {
+      pointer-events: none;
+      position: absolute;
+      top: 100px;
+      font-size: 50px;
+      left: 0;
+      width: 50px;
+      right: 0;
+      height: 56px;
+      content: "";
+      // background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
+      display: block;
+      margin: 0 auto;
+      background-size: 100%;
+      background-repeat: no-repeat;
+    }
+  }
+
+  .image_to_upload {
+    width: 100%;
+  }
+
+  .files-absolute {
+    position: absolute;
+    opacity: 0;
+    // width: 90%;
+    transition: .3s;
+  }
+}

data/installer/core/app/assets/stylesheets/admin/pages/_form.scss

@@ -0,0 +1,163 @@
+.form-group {
+  .control-label {
+    abbr {
+      text-decoration: none;
+      border-bottom: none;
+      color: #f50e1e;
+    }
+  }
+  textarea {
+    resize: vertical;
+    min-height: 35px;
+  }
+}
+
+.social-medias-setting {
+  input:not([type='submit']) {
+    padding-left: 35px;
+  }
+  .social-icons {
+    position: absolute;
+    left: 0;
+    margin: 35px 0 0 25px;
+  }
+}
+
+.arrow-back{
+  margin-bottom:  1rem;
+  a{
+    background-color: transparent;
+    border-radius: 5%;
+    transition: .3s;
+    font-weight: 400;
+    color: #000;
+  }
+}
+.hvr-sweep-to-right {
+  display: inline-block;
+  vertical-align: middle;
+  -webkit-transform: perspective(1px) translateZ(0);
+  transform: perspective(1px) translateZ(0);
+  box-shadow: 0 0 1px transparent;
+  position: relative;
+  -webkit-transition-property: color;
+  transition-property: color;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+}
+.hvr-sweep-to-right:before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: #353535;
+  -webkit-transform: scaleX(0);
+  transform: scaleX(0);
+  -webkit-transform-origin: 0 50%;
+  transform-origin: 0 50%;
+  -webkit-transition-property: transform;
+  transition-property: transform;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  -webkit-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+}
+.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
+  color: white;
+}
+.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
+  -webkit-transform: scaleX(1);
+  transform: scaleX(1);
+}
+
+.form-padding {
+  padding: 2rem;
+}
+
+.btn-primary {
+  padding: 7px 21px;
+  font-weight: 400;
+  background-color: $keppler-color;
+  border: none;
+  color: #eee;
+  transition: .4s;
+
+  &:hover,
+  &:focus,
+  &:active {
+    background-color: $keppler-accent;
+  }
+}
+
+.form-control:focus {
+  border-color: $keppler-color;
+  box-shadow: none;
+}
+
+.box-body-no-padding {
+  padding: 0 !important;
+}
+
+.checkbox {
+  margin: 0;
+  display: flex;
+  label {
+    padding: 0;
+    min-height: 0;
+    .label-text {
+      margin: -3px 0 0 10px;
+    }
+    &:after {
+      content: '';
+      display: table;
+      clear: both;
+    }
+    input[type="checkbox"] {
+      display: none;
+      transition: all .3s ease-in;
+      & + .cr > .cr-icon {
+        transform: scale(3) rotateZ(-20deg);
+        opacity: 0;
+        color: #eee;
+        transition: all .3s ease-in;
+      }
+      &:checked + .cr {
+        background: $keppler-color;
+        border: solid 1px $keppler-color;
+        transition: all .3s ease-in;
+        .cr-icon  {
+          transform: scale(1) rotateZ(0deg);
+          opacity: 1;
+          color: #eee;
+          transition: all .3s ease-in;
+        }
+      }
+      &:disabled + .cr {
+        opacity: .5;
+        cursor: not-allowed;
+        transition: all .3s ease-in;
+      }
+    }
+    .cr {
+      position: relative;
+      display: inline-block;
+      border-radius: 1px;
+      width: 15px;
+      height: 15px;
+      float: left;
+      border: solid 1px #999;
+      transition: .3s;
+      .cr-icon {
+        position: absolute;
+        font-size: 11px;
+        top: 0;
+        left: 1px;
+        padding: 0px;
+        color: #eee;
+      }
+    }
+  }
+}

data/installer/core/app/assets/stylesheets/admin/pages/_header.scss

@@ -0,0 +1,34 @@
+.header-information {
+  min-height: 75px;
+  padding: 0 0 20px 115px;
+  position: fixed;
+  top: 54;
+  width: 75%;
+  z-index: 2;
+
+  @media #{$medium-and-down} {
+    min-width: 100%;
+    width: 100%;
+  }
+
+  a {
+    color: $white;
+  }
+
+  a:hover {
+    text-decoration: underline;
+  }
+
+  h1 {
+    color: $white;
+    font-size: 2em;
+    font-weight: 300;
+    margin: 0;
+  }
+
+  small {
+    color: $white;
+    font-size: 1em;
+    font-weight: 400;
+  }
+}

data/installer/core/app/assets/stylesheets/admin/pages/_index.scss

@@ -0,0 +1,331 @@
+.content-header.index-header{
+  margin: 0 !important;
+  padding: 15px 0 !important;
+  @include respond-to(xs) {
+    margin-top: 10px !important;
+  }
+  h1 {
+    margin: 0 10px 0 0;
+    font-size: 2.5rem;
+    @include respond-to(xs) {
+      font-size: 2rem;
+    }
+  }
+}
+.callout.callout-warning{
+  background-color: white;
+  color: #252525;
+}
+.custom-collapse{
+  position: absolute;
+  z-index: 1000;
+  float: left;
+  right: 60px;
+  min-width: 0;
+  padding: 2px;
+  margin: 2px 0 0;
+  font-size: 1.4rem;
+  text-align: left;
+  list-style: none;
+  background-color: #fff;
+  -webkit-background-clip: padding-box;
+  background-clip: padding-box;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.175);
+  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.175);
+  .panel-body{
+    padding: 3px;
+    a{
+      color: gray;
+      transition: .2s;
+      padding: 0 12px 0 12px;
+      &:hover{
+        color: inherit;
+        transition: .2s;
+      }
+    }
+  }
+}
+
+.mixed-btn{
+  position: fixed;
+  right: 20px;
+  bottom: 20px;
+  padding-top: 15px;
+  margin-bottom: 0;
+  z-index: 997;
+
+  .btn-float{
+    display: inline-block;
+    color: #fff;
+    position: relative;
+    overflow: hidden;
+    z-index: 1;
+    width: 60px;
+    height: 60px;
+    line-height: 40px;
+    background-color: $keppler-color;
+    border-radius: 50%;
+    -webkit-transition: .3s;
+    transition: .3s;
+    cursor: pointer;
+    vertical-align: middle;
+    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
+    padding: 10px 22px 22px 22px;
+    font-size: 3rem;
+
+    i{
+      width: inherit;
+      display: inline-block;
+      text-align: center;
+      color: #fff;
+    }
+
+    &:hover{
+      box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
+      transition: .3s;
+      color: white;
+    }
+  }
+}
+
+.drop{
+  color: inherit;
+  cursor: pointer;
+}
+#preview{
+  position: absolute;
+  background: #333;
+  padding: 3px;
+  visibility: none;
+  color: #fff;
+  box-shadow: 4px 4px 3px rgba(103, 115, 130, 1);
+  width: 20%;
+}
+.actions.dropdown-menu{
+  left: auto;
+  right: 60px;
+  width: 100px;
+  min-width: 130px;
+  padding: 0;
+  li{
+    display: list-item;
+    text-align: -webkit-match-parent;
+    a{
+      overflow: hidden;
+      text-overflow: ellipsis;
+      padding: 10px;
+      white-space: nowrap;
+      border-bottom: 1px solid #f4f4f4;
+      i {
+        margin-right: 10px;
+        font-size: inherit;
+        text-rendering: auto;
+        -webkit-font-smoothing: antialiased;
+        display: inline-block;
+      }
+    }
+  }
+}
+.control-sidebar {
+  position: fixed;
+  height: 100%;
+  overflow-y: auto;
+  padding-bottom: 50px;
+  .tab-content {
+    ul.timeline {
+      &:before {
+        content: none;
+      }
+      li{
+        margin-right: 0;
+        &:before{
+          content: none;
+        }
+        .timeline-item {
+          margin: 0;
+          float: left;
+          width: 100%;
+          .time {
+            font-size: 1rem;
+            padding-top: 0;
+          }
+        }
+      }
+
+    }
+  }
+}
+#index-show {
+  position: fixed;
+  height: 100%;
+  overflow-y: auto;
+  padding-bottom: 50px;
+  background: #f9fafc;
+  border-left: 1px solid #d2d6de;
+  color: #5e5e5e;
+  padding-top: 50px;
+  z-index: 1010;
+  top: 0;
+  right: -230px;
+  width: 230px;
+  -webkit-transition: right 0.3s ease-in-out;
+  -o-transition: right 0.3s ease-in-out;
+  transition: right 0.3s ease-in-out;
+  @include respond-to(xs) {
+    padding-top: 100px;
+  }
+  a {
+    color: $keppler-color;
+    cursor: pointer;
+    transition: .3s;
+    &:hover {
+      color: $keppler-darken;
+      transition: .3s;
+    }
+  }
+  img {
+    width: 100%;
+    margin-bottom: 15px;
+  }
+  p {
+    margin: 10px 0 0;
+  }
+  .tab-content{
+    padding: 10px;
+    ul {
+      &:before{
+        content: none;
+      }
+      li{
+        margin-right: 0;
+        &:before{
+          content: none;
+        }
+        .timeline-item{
+          margin: 0;
+        }
+      }
+    }
+    .actions {
+      width: 100%;
+      margin: 0;
+      a {
+        margin-right: 5px;
+      }
+      #close-index-show {
+        margin: 0;
+      }
+    }
+    .control-sidebar-heading {
+      padding: 20px 0;
+    }
+  }
+}
+.cut-text{
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.toolbar{
+  @media screen and (min-width: 0) and (max-width: 991px) {
+    right: 15px;
+  }
+  background-color: #fbfbfb;
+  position: absolute;
+  top: 15px;
+  right: 70px;
+  border-radius: 2px;
+  font-size: 1.4rem;
+  display: inline-block;
+  padding: 0 5px;
+  &-item {
+    display: table-cell;
+    vertical-align: middle;
+    padding: 5px;
+  }
+  .disabled{
+    pointer-events: none;
+    cursor: not-allowed;
+    opacity: .5;
+  }
+  .mailbox-controls {
+    padding: 3px 0;
+  }
+  .checkbox-toggle{
+    .pretty{
+      margin-right: 0;
+      padding-right: 5px;
+    }
+  }
+  a {
+    &:hover {
+      color: $keppler-color;
+    }
+    &:focus {
+      color: inherit;
+    }
+  }
+  .btn-group{
+    border-right: 1px solid lightgray;
+    padding: 0 5px;
+    i{
+      padding: 5px;
+      color: #9e9e9e;
+      transition: .2s;
+      &:hover{
+        color: #111;
+        transition: .2s;
+      }
+    }
+    &:last-child{
+      border: none;
+    }
+
+  }
+}
+.breadcrumb {
+  @include respond-to(xs) {
+    margin-top: 20px !important;
+  }
+  a {
+    &:hover {
+      color: $keppler-color;
+    }
+    &:focus {
+      color: inherit;
+    }
+  }
+}
+#objects-container {
+  td:first-child {
+    padding: 10px 20px;
+  }
+  td {
+    padding: 0;
+    a {
+      display: block;
+      color: inherit;
+      padding: 8px;
+      &:hover {
+        color: inherit;
+        cursor: pointer;
+      }
+    }
+    &:last-child{
+      border: none;
+    }
+
+  }
+}
+
+.ui-sortable-helper{
+  display: table;
+  background-color: #fdfdfd;
+}
+#tools{
+  padding: {
+    top: 5px;
+  }
+}