keppler 2.0.0

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

@@ -0,0 +1,26 @@
+@mixin icon-before($icon) {
+  content: $icon;
+  font: normal 100 normal 12px/4 FontAwesome;
+  position: absolute;
+  color: $pageslide-icon-color;
+  right: 10px;
+}
+
+@mixin respond-to($breakpoint) {
+  @if map-has-key($breakpoints, $breakpoint) {
+    @media #{map-get($breakpoints, $breakpoint)} {
+      @content;
+    }
+  } @else {
+    @warn 'Unfortunately, no value could be retrieved from `#{$breakpoint}`. ' +
+      'Please make sure it is defined in `$breakpoints` map.';
+  }
+}
+
+@mixin orientation($position) {
+  @if $position == landscape {
+    @media only screen and (orientation:landscape) { @content; }
+  } @else if $position == portrait {
+    @media only screen and (orientation : portrait) { @content; }
+  }
+}

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

@@ -0,0 +1,94 @@
+.skin-blue .content-header {
+  background: transparent;
+  margin-top: 50px !important;
+}
+
+.wrapper {
+  .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;
+    }
+  }
+}
+
+.btn-ks {
+  border: 1px solid $keppler-color;
+  background: $keppler-color;
+  color: white;
+  transition: .5s all;
+}
+
+.btn-ks:hover {
+  border: 1px solid $keppler-accent;
+  background: $keppler-accent;
+  color: white;
+  transition: .5s all;
+}
+
+.btn-ks-inverse {
+  border: 1px solid $keppler-color;
+  color: $keppler-color;
+  transition: .5s all;
+}
+
+.btn-ks-inverse:hover {
+  border: 1px solid $keppler-color;
+  background: $keppler-color;
+  color: white;
+  transition: .5s all;
+}
+
+.btn-gr {
+  border: 1px solid #353535;
+  background: #353535;
+  color: white;
+  transition: .5s all;
+}
+
+.btn-gr:hover {
+  border: 1px solid #353535;
+  background: #1d1d1d;
+  color: white;
+  transition: .5s all;
+}
+
+.btn-gr-inverse {
+  border: 1px solid #353535;
+  color: #353535;
+  transition: .5s all;
+}
+
+.btn-gr-inverse:hover {
+  border: 1px solid #353535;
+  background: #353535;
+  color: white;
+  transition: .5s all;
+}
+
+.appearance-img {
+  background-position: center;
+  background-size: cover;
+  width: 100%;
+  height: 350px;
+}
+
+.minicolors-theme-default .minicolors-input {
+    height: 30px;
+    width: auto;
+    display: inline-block;
+    padding-left: 26px;
+}
+
+.label-primary {
+  background: $keppler-color !important;
+}
+
+//Noty
+.noty_bar {
+  background-color: rgba(0, 0, 0, 0.7) !important;
+  color: #fff !important;
+  text-align: center;
+}

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

@@ -0,0 +1,79 @@
+// Colors
+$black: #000;
+$error-color: #f44336;
+$gray-darken: #4c4c4c;
+$gray-lighten: #f4f4f4;
+$gray-hover: #dadada;
+$primary-color: #f44336;
+$secondary-color: #d32f2f;
+$white: #fff;
+$link-color: #039be5;
+
+// Pageslide
+$pageslide-icon-color: #575757;
+$pageslide-link-color: #7f7f7f;
+
+// nprogress
+$nprogress-color: #009688;
+$nprogress-height: 4px;
+$nprogress-zindex: 10100;
+
+// Keppler theme color
+// NO TOCAR /////////////
+$keppler-color:#f50e1e;
+$keppler-darken:#d32f2f;
+$keppler-accent:#d11421;
+// NO TOCAR /////////////
+// Pink theme color
+$pink-color: #e91e63;
+$pink-darken: #c2185b;
+$pin-accent: #448aff;
+
+// Pink theme color
+$pink-color: #e91e63;
+$pink-darken: #c2185b;
+$pink-accent: #448aff;
+
+// Cyan theme color
+$cyan-color: #00bcd4;
+$cyan-darken: #0097a7;
+$cyan-accent: #ff9800;
+
+// Grey theme color
+$grey-color: #607d8b;
+$grey-darken: #455a64;
+$grey-accent: #ff5722;
+
+// Amber theme color
+$amber-color: #ffc107;
+$amber-darken: #ffa000;
+$amber-accent: #7c4dff;
+
+// brown theme color
+$brown-color: #795548;
+$brown-darken: #5d4037;
+$brown-accent: #4caf50;
+
+// Medias querys
+$breakpoints: (
+  'xs': "(max-width: 767px)",
+  'sm': "(max-width: 991px)",
+  'md': "(max-width: 1199px)",
+  'lg': "(max-width: 1600px)",
+  'xl': "(max-width: 2048px)",
+) !default;
+
+@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
+
+$font-primary: 'Source Sans Pro', sans-serif;
+
+$font-size: 10px;
+$color-primary: #ff5300; // Orange primary
+$color-secundary: #ff005e;
+
+%circle-img{
+  border-radius: 50%;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}

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

@@ -0,0 +1,29 @@
+//= require animate-css
+//= require_self
+
+// Plugins
+@import "bourbon";
+@import 'plugins/bootstrap_override';
+@import 'plugins/font_awesome';
+@import 'plugins/npogress';
+
+// Utils
+@import 'utils/variables';
+@import 'utils/mixins';
+@import 'plugins/keppler';
+
+// Base
+@import 'base/base_project';
+
+// Layout
+@import 'layout/container';
+@import 'layout/header';
+@import 'layout/footer';
+
+// Components
+@import 'components/navbar';
+@import 'components/buttons';
+@import 'components/inputs';
+
+// Pages
+@import 'pages/*';

data/installer/core/app/assets/stylesheets/app/base/_base_project.scss

@@ -0,0 +1,17 @@
+html,
+body,
+main {
+  height: auto;
+}
+
+html {
+  font-size: $base-font-size;
+}
+
+body {
+  font-size: 1.6rem;
+
+  @include respond-to(xs) {
+    font-size: 1.2rem;
+  }
+}

data/installer/core/app/assets/stylesheets/app/base/_typography.scss

@@ -0,0 +1 @@
+

data/installer/core/app/assets/stylesheets/app/components/_navbar.scss

@@ -0,0 +1,21 @@
+.app-navbar {
+  background-color: $primary-color;
+  border: 0;
+  border-radius: 0;
+  box-shadow: 0 1px 10px $primary-shadow;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 0;
+
+  a {
+    color: $white;
+  }
+
+  .brand-logo {
+    color: $white;
+    font-family: $putua;
+    font-size: 30px;
+    left: 10px;
+    position: relative;
+  }
+}

data/installer/core/app/assets/stylesheets/app/layout/_footer.scss

@@ -0,0 +1,15 @@
+.front-footer {
+  color: $white;
+  padding: 20px;
+  text-align: center;
+  margin-top: 50px;
+	margin-bottom: 30px;
+
+  img {
+    width: 100px;
+
+    @include respond-to(xs) {
+      width: 50px;
+    }
+  }
+}

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

@@ -0,0 +1,58 @@
+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
+
+	@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/app/plugins/_bootstrap_override.scss

@@ -0,0 +1,37 @@
+@import 'bootstrap-sprockets';
+@import 'bootstrap';
+
+
+// make all images responsive by default
+img {
+  @extend .img-responsive;
+  margin: 0 auto;
+}
+
+.column {
+  @extend .col-md-6;
+  @extend .text-center;
+}
+
+.form {
+  @extend .col-md-6;
+}
+
+.form-centered {
+  @extend .col-md-6;
+  @extend .text-center;
+}
+
+.submit {
+  @extend .btn;
+  @extend .btn-primary;
+  @extend .btn-lg;
+}
+
+// apply styles to HTML elements
+// to make views framework-neutral
+.button-xs {
+  @extend .btn;
+  @extend .btn-primary;
+  @extend .btn-xs;
+}

data/installer/core/app/assets/stylesheets/app/plugins/_font_awesome.scss

@@ -0,0 +1,2 @@
+@import "font-awesome-sprockets";
+@import "font-awesome";

data/installer/core/app/assets/stylesheets/app/plugins/_keppler.scss

@@ -0,0 +1,54 @@
+// Place all the styles related to the frontend controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+.front {
+  // @include align-items(center);
+  // @include display(flex);
+  // @include flex-direction(column);
+  // @include justify-content(center);
+  background-image: url("Home_Keppler.png");
+  background-size: cover;
+  background-position: 100% 90%;
+  height: 100%;
+
+  &-logo {
+    img {
+      @include respond-to(xs) {
+        width: 300px;
+      }
+    }
+  }
+
+  &-social {
+    margin-top: 30px;
+
+    ul {
+      margin: 0 20px;
+      padding: 0;
+    }
+
+    li {
+      // @include display(inline);
+      margin: 0 20px;
+
+      @include respond-to(xs) {
+        margin: 0 7px;
+      }
+    }
+
+    a {
+      color: $white;
+      font-size: 4rem;
+
+      @include respond-to(xs) {
+        font-size: 2rem;
+      }
+    }
+
+    a:hover {
+      color: $white;
+      text-decoration: none;
+    }
+  }
+}