keppler 2.0.2 → 2.0.3

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

@@ -0,0 +1,16 @@
+.bfh-timepicker {
+  width: 50%;
+}
+
+.input-group-addon {
+  border: none;
+}
+select.bfh-timepicker {
+  width: inherit !important;
+  float: none !important;
+}
+
+.bfh-timepicker-toggle {
+  border: 1px solid #d2d6de;
+  margin-bottom: 20px;
+}

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

@@ -0,0 +1,6 @@
+.profile-user-img {
+  object-fit: cover;
+  height: 100px !important;
+  background: $keppler-color;
+  padding: 0 !important;
+}

data/installer/core/app/assets/stylesheets/admin/utils/_base.scss

@@ -3,6 +3,7 @@ body {
   padding: 0;
   margin: 0;
   height: 100% !important;
+  color: #5a5a5a;
 }
 
 html {
@@ -44,6 +45,10 @@ a {
   text-overflow: ellipsis;
 }
 
+td.text-overflow {
+  max-width: 100px;
+}
+
 
 .box-tools {
   i {
@@ -62,5 +67,5 @@ ol.breadcrumb{
   @media screen and (min-width: 0) and (max-width: 991px) {
     display: none;
   }
-  
+
 }

data/installer/core/app/assets/stylesheets/admin/utils/_theme.scss

@@ -1,3 +1,7 @@
+.keppler-color { color: $keppler-color }
+.keppler-background { background: $keppler-color }
+.keppler-border-top-color { border-top-color: $keppler-color }
+
 .skin-blue .content-header {
   background: transparent;
   margin-top: 50px !important;
@@ -7,10 +11,7 @@
   .content-wrapper {
     padding-top: 60px;
     min-height: 100vh !important;
-    @media screen and (min-width: 0) and (max-width: 767px) {
-      // padding-top: 120px;
-      padding-top: 30px;
-    }
+    background: #f5f5f5;
   }
 }
 
@@ -42,28 +43,28 @@
 }
 
 .btn-gr {
-  border: 1px solid #353535;
-  background: #353535;
+  border: 1px solid #5a5a5a;
+  background: #5a5a5a;
   color: white;
   transition: .5s all;
 }
 
 .btn-gr:hover {
-  border: 1px solid #353535;
+  border: 1px solid #5a5a5a;
   background: #1d1d1d;
   color: white;
   transition: .5s all;
 }
 
 .btn-gr-inverse {
-  border: 1px solid #353535;
-  color: #353535;
+  border: 1px solid #5a5a5a;
+  color: #5a5a5a;
   transition: .5s all;
 }
 
 .btn-gr-inverse:hover {
-  border: 1px solid #353535;
-  background: #353535;
+  border: 1px solid #5a5a5a;
+  background: #5a5a5a;
   color: white;
   transition: .5s all;
 }
@@ -92,3 +93,15 @@
   color: #fff !important;
   text-align: center;
 }
+
+.content-wrapper,
+.right-side {
+  min-height: 100%;
+  background-color: #fafafa;
+  z-index: 800;
+}
+.box-body{
+  @include respond-to(xs){
+    padding: 0 0 20px 0px !important;
+  }
+}

data/installer/core/app/assets/stylesheets/admin/utils/_variables.scss

@@ -20,7 +20,7 @@ $nprogress-zindex: 10100;
 
 // Keppler theme color
 // NO TOCAR /////////////
-$keppler-color:#f50e1e;
+$keppler-color:#f44336;
 $keppler-darken:#d32f2f;
 $keppler-accent:#d11421;
 // NO TOCAR /////////////

data/installer/core/app/assets/stylesheets/app/pages/_front.sass

@@ -1,58 +1,72 @@
 main
-	.front
-		height: 616px
-		z-index: 1
-		.front-logo
-			position: fixed
-			top: 150px
-			@include respond-to(xs)
-				top: 180px
-		.front-social
-			position: fixed
-			top: 300px
-		.front-footer
-			position: fixed
-			// transform: translate(-50%)
-			top: 400px
-		.mouse-scroll
-			position: fixed
-			top: 400px
-			.mouse
-				width: 20px
-				height: 40px
-				padding: 6px
-				border: solid 2px #fff
-				border-radius: 20px
-				.scroll
-					// margin: 5px
-					width: 4px
-					height: 10px
-					background: #fff
-					border-radius: 20px
-					animation-name: scroll-down
-					animation-duration: 1s
-					animation-iteration-count: infinite
-	#documentation
-		padding: 50px
-		font-family: $raleway
-		color: #fff
-		// background: linear-gradient(to right, rgb(246, 129, 123), rgb(247, 147, 140), rgb(246, 125, 118))
-		background: linear-gradient(to right, #2a3d5b, #445b7a, #516b8a, #425978, #2a3d5b)
-		@include respond-to(sm)
-			background: linear-gradient(to right, #354a69, #516b8a, #354a67)
-		@include respond-to(xs)
-			background: linear-gradient(to right, #445b7a, #516b8a, #425978)
-		h3
-			font-family: $putua
-		a, a:focus, a:hover
-			color: #04baf3
+  .front
+    height: 616px
+    z-index: 1
+    width: 100%
+    .front-logo
+      position: fixed
+      top: 150px
+      transform: translateX(-50%)
+      width: 100%
+      @include respond-to(xs)
+        top: 180px
+    .front-social
+      position: fixed
+      top: 300px
+      width: 100%
+      ul
+        display: table
+        margin: 0 auto
+        li
+          display: inline-flex
+          list-style: none
+    .front-footer
+      position: fixed
+      top: 400px
+      width: 100%
+    .mouse-scroll
+      position: fixed
+      top: 400px
+      width: 100%
+      .mouse
+        width: 20px
+        height: 40px
+        padding: 6px
+        border: solid 2px #fff
+        border-radius: 20px
+        margin: 0 auto
+        .scroll
+          width: 4px
+          height: 10px
+          background: #fff
+          border-radius: 20px
+          animation-name: scroll-down
+          animation-duration: 1s
+          animation-iteration-count: infinite
+  #documentation
+    padding: 50px
+    font-family: $raleway
+    color: #fff
+    background: linear-gradient(to right, #2a3d5b, #445b7a, #516b8a, #425978, #2a3d5b)
+    @include respond-to(sm)
+      background-image: -webkit-linear-gradient(left, #354a69, #516b8a, #354a67)
+      background-image: -o-linear-gradient(left, #354a69, #516b8a, #354a67)
+      background-image: linear-gradient(to right, #354a69, #516b8a, #354a67)
+    @include respond-to(xs)
+      background-image: -webkit-linear-gradient(left, #445b7a, #516b8a, #425978)
+      background-image: -o-linear-gradient(left, #445b7a, #516b8a, #425978)
+      background-image: linear-gradient(to right, #445b7a, #516b8a, #425978)
+    h3
+      font-family: $putua
+    a, a:focus, a:hover
+      color: #04baf3
 
-	@keyframes scroll-down
-		0%
-			margin-top: 0
-		30%
-			margin-top: 5px
-		50%
-			margin-top: 3px
-		100%
-			margin-top: 0
+  @keyframes scroll-down
+    0%
+      margin-top: 0
+    30%
+      margin-top: 5px
+    50%
+      margin-top: 3px
+    100%
+      margin-top: 0

data/installer/core/app/assets/stylesheets/errors/errors.scss

@@ -1,120 +1,161 @@
-// @import 'bourbon';
-// // @import 'materialize';
-
-// // Colors
-// $black: #000;
-// $gray: #edecec;
-// $gray-darken: #5e5e5e;
-// $primary-color: #f44336;
-// $white: #fff;
-
-// body,
-// html {
-//   min-height: 100vh;
-// }
-
-// body {
-//   background: $white;
-//   color: $gray-darken;
-//   font-family: roboto;
-//   font-size: 13px;
-//   line-height: 1.42857;
-//   margin: 0;
-//   text-align: center;
-
-//   &::before {
-//     background: $gray;
-//     content: '';
-//     height: 50%;
-//     left: 0;
-//     position: absolute;
-//     top: 0;
-//     width: 100%;
-//   }
-
-//   .dialog-error {
-//     background: $primary-color;
-//     border-radius: 2px;
-//     box-shadow: 0 1px 11px rgba($black, .27);
-//     color: $white;
-//     height: 300px;
-//     left: 50%;
-//     margin-left: -250px;
-//     margin-top: -150px;
-//     padding: 15px;
-//     position: absolute;
-//     text-align: center;
-//     top: 50%;
-//     width: 500px;
-
-
-//     @media #{$small-and-down} {
-//       height: 225px;
-//       left: 0;
-//       margin-left: 10px;
-//       margin-right: 10px;
-//       top: 56%;
-//       width: 94%;
-//     }
-
-//     h2 {
-//       color: $white;
-//       font-size: 100px;
-//       font-weight: 300;
-//       line-height: 100%;
-//       margin-bottom: 9px;
-//       margin-top: 45px;
-
-//       @media #{$small-and-down} {
-//         font-size: 50px;
-//         margin-top: 35px;
-//       }
-//     }
-
-//     small {
-//       display: block;
-//       font-size: 16px;
-//       font-weight: 300;
-//       margin-top: -10px;
-
-//       @media #{$small-and-down} {
-//         font-size: 12px;
-//         font-weight: 300;
-//       }
-//     }
-//   }
-// }
-
-// footer {
-//   background: rgba($black, .13);
-//   bottom: 0;
-//   left: 0;
-//   padding: 10px;
-//   position: absolute;
-//   width: 100%;
-
-//   a {
-//     @include transition(all 300 ease-in-out);
-
-//     background: rgba($black, .09);
-//     border-radius: 50%;
-//     color: $white;
-//     display: inline-block;
-//     font-size: 21px;
-//     height: 40px;
-//     line-height: 40px;
-//     margin: 0 1px;
-//     text-align: center;
-//     width: 40px;
-
-
-//     i {
-//       position: relative;
-//       top: 4px;
-//     }
-//   }
-
-//   a:hover {
-//     background: rgba($black, .2);
-//   }
-// }
+@import url('https://fonts.googleapis.com/css?family=Patua+One');
+@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
+body {
+  margin: 0;
+  padding: 0;
+}
+a{
+  text-decoration: none;
+  z-index: 999;
+}
+.svg-planet svg {
+  max-width: 280px;
+  height: 50vh;
+  max-height: 200px;
+}
+
+.permission_denied {
+  width: 100%;
+  height: 100vh;
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  background-image: url('/assets/app/fondo.svg');
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}
+
+.denied__wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  height: 100%;
+  h1 {
+    text-align: center;
+    color: #fff;
+    font-family: 'Patua One', cursive;
+    font-size: 100px;
+    margin-bottom: 0px;
+    font-weight: 800;
+    margin-top: 0px;
+  }
+  h3 {
+    text-align: center;
+    color: #fff;
+    font-size: 19px;
+    line-height: 23px;
+    max-width: 330px;
+    margin: 0px auto;
+    font-weight: 600;
+    font-family: 'Source Sans Pro', sans-serif;
+    span {
+      position: relative;
+      width: 65px;
+      display: inline-block;
+      &:after {
+        content: '';
+        border-bottom: 3px solid #f44336;
+        position: absolute;
+        left: 0;
+        top: 43%;
+        width: 100%;
+      }
+    }
+  }
+}
+
+.denied__link {
+  background: none;
+  color: #fff;
+  padding: 12px 0px 10px 0px;
+  border: 1px solid #fff;
+  outline: none;
+  width: 150px;
+  font-size: 15px;
+  text-align: center;
+  margin: 0 auto;
+  margin-top: 50px;
+  display: block;
+  font-weight: 600;
+  font-family: 'Source Sans Pro', sans-serif;
+  transition: all ease-in-out .5s;
+  &:hover {
+    color: #fff;
+    background-color: #f44336;
+    border-color: #f44336;
+    transition: all ease-in-out .5s;
+    cursor: pointer;
+    opacity: 1.0;
+  }
+}
+#particles-js {
+  width: 100%;
+  height: 100%;
+  margin: 0px !important;
+  position: fixed !important;
+  opacity: 0.23;
+}
+@media (max-width: 600px) {
+  .permission_denied h1{
+    font-size: 75px;
+  }
+  .permission_denied h3{
+    font-size: 16px;
+    width: 200px;
+    margin: 0 auto;
+    line-height: 23px;
+  }
+  .permission_denied h3 span{
+    width: 60px;
+  }
+}
+
+.saturn, .saturn-2, .hover {
+  @media only screen and (min-width:991px) and (max-width:2000px){
+    animation: hover 2s infinite ease-in-out alternate;
+  }
+}
+
+@keyframes hover {
+  0% {
+    transform: translateY(3px);
+  }
+
+  100% {
+    transform: translateY(-3px);
+  }
+}
+#astronaut {
+  width: 50px;
+  height: 90px;
+  position: absolute;
+  left: 60%;
+  top: 60%;
+  @media only screen and (min-width:991px) and (max-width:2000px){
+    animation: spin 6.5s infinite linear;
+  }
+  @media only screen and (max-width:991px) and (min-width:0px){
+    display: none;
+  }
+}
+#not-authorized{
+  #astronaut-static {
+    height: 250px;
+    width: 200px;
+    margin-top: 50px;
+    margin-right: -70px;
+  }
+}
+
+
+@keyframes spin {
+  0% {
+    transform: rotateZ(0deg);
+  }
+  100% {
+    transform: rotateZ(360deg);
+  }
+}