add customer angular gui skeleton

2019-07-08 18:03:47 +02:00
parent 5922ce776d
commit 25845cc006
76 changed files with 1044 additions and 38 deletions
--- a/customer/app/src/styles.scss
+++ b/customer/app/src/styles.scss
@@ -1 +1,110 @@
 /* You can add global styles to this file, and also import other style files */
+
+
+body{
+  font-family: "Poppins", Arial, sans-serif;
+  background: #151111;
+  font-size: 15px;
+  line-height: 1.8;
+  font-weight: 300;
+  color: gray;
+  background: url("/assets/images/bg_4.jpg") no-repeat fixed;
+  background-size: cover;
+}
+
+.fit-content{
+
+  .fit-navbar{
+    position: relative;
+  }
+
+}
+
+
+.btn {
+  cursor: pointer;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  -ms-border-radius: 0;
+  border-radius: 0;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  font-size: 13px; }
+.btn:hover, .btn:active, .btn:focus {
+  outline: none; }
+.btn.btn-primary {
+  background: #e5ce48;
+  border: 1px solid #e5ce48;
+  color: #000; }
+.btn.btn-primary:hover {
+  border: 1px solid #e5ce48;
+  background: transparent;
+  color: #e5ce48; }
+.btn.btn-primary.btn-outline-primary {
+  border: 1px solid #e5ce48;
+  background: transparent;
+  color: #e5ce48; }
+.btn.btn-primary.btn-outline-primary:hover {
+  border: 1px solid transparent;
+  background: #e5ce48;
+  color: #fff; }
+.btn.btn-white {
+  background: #fff;
+  border: 1px solid #fff;
+  color: #000; }
+.btn.btn-white:hover {
+  border: 1px solid #000;
+  background: #000;
+  color: #fff; }
+.btn.btn-white.btn-outline-white {
+  border-color: rgba(255, 255, 255, 0.8);
+  background: none;
+  border-width: 1px;
+  color: #fff; }
+.btn.btn-white.btn-outline-white:hover, .btn.btn-white.btn-outline-white:focus, .btn.btn-white.btn-outline-white:active {
+  background: #e5ce48;
+  border-color: #e5ce48;
+  color: #000; }
+.btn.btn-outline-black {
+  border-color: black;
+  background: none;
+  border-width: 1px;
+  color: #000; }
+.btn.btn-outline-black:hover, .btn.btn-outline-black:focus, .btn.btn-outline-black:active {
+  background: #000;
+  border-color: #000;
+  color: #fff; }
+
+
+.login-form .form-group {
+  position: relative; }
+
+.login-form .form-control {
+  border: transparent !important;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
+  height: 58px !important;
+  padding-left: 0;
+  padding-right: 0;
+  background: transparent !important;
+  color: rgba(255, 255, 255, 0.9) !important;
+  font-size: 13px;
+  border-radius: 0px;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important; }
+.login-form .form-control::-webkit-input-placeholder {
+  /* Chrome/Opera/Safari */
+  color: rgba(255, 255, 255, 0.9); }
+.login-form .form-control::-moz-placeholder {
+  /* Firefox 19+ */
+  color: rgba(255, 255, 255, 0.9); }
+.login-form .form-control:-ms-input-placeholder {
+  /* IE 10+ */
+  color: rgba(255, 255, 255, 0.9); }
+.login-form .form-control:-moz-placeholder {
+  /* Firefox 18- */
+  color: rgba(255, 255, 255, 0.9); }
+.login-form .form-control:focus, .login-form .form-control:active {
+  border-color: #e5ce48 !important; }
+
+.login-form textarea.form-control {
+  height: inherit !important; }