From 78265984af041662421102d11c542dc986d54cb4 Mon Sep 17 00:00:00 2001 From: Quique Fernandez Date: Thu, 29 Dec 2016 17:19:01 +0100 Subject: [PATCH] add orders css to mvc app --- src/Web/WebMVC/wwwroot/css/app.css | 53 ++++++++++++++----- .../orders-new/orders-new.component.css | 49 +++++------------ 2 files changed, 51 insertions(+), 51 deletions(-) diff --git a/src/Web/WebMVC/wwwroot/css/app.css b/src/Web/WebMVC/wwwroot/css/app.css index 3ff11d7b5..3c0ba597f 100644 --- a/src/Web/WebMVC/wwwroot/css/app.css +++ b/src/Web/WebMVC/wwwroot/css/app.css @@ -10,7 +10,7 @@ html, body { - font-family: Montserrat,sans-serif; + font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 400; z-index: 10; } @@ -20,6 +20,43 @@ body { *::before { box-sizing: border-box; } +.preloading { + color: #00A69C; + display: block; + font-size: 1.5rem; + left: 50%; + position: fixed; + top: 50%; + transform: translate(-50%, -50%); } + +select::-ms-expand { + display: none; } + +@media screen and (min-width: 992px) { + .form-input { + max-width: 360px; + width: 360px; } } + +.form-input { + border-radius: 0; + height: 45px; + padding: 10px; } + +.form-input-small { + max-width: 100px !important; } + +.form-input-medium { + width: 150px !important; } + +.alert { + padding-left: 0; } + +.alert-danger { + background-color: transparent; + border: 0; + color: #FB0D0D; + font-size: 12px; } + a, a:active, a:hover, @@ -33,16 +70,4 @@ a:hover, a:active { color: #75B918; transition: color 0.35s; -} - -.preloading { - color: #00A69C; - display: block; - font-size: 1.5rem; - left: 50%; - position: fixed; - top: 50%; - transform: translate(-50%, -50%); } - -select::-ms-expand { - display: none; } +} \ No newline at end of file diff --git a/src/Web/WebMVC/wwwroot/css/orders/orders-new/orders-new.component.css b/src/Web/WebMVC/wwwroot/css/orders/orders-new/orders-new.component.css index bc1a7a3ec..ce7c84e04 100644 --- a/src/Web/WebMVC/wwwroot/css/orders/orders-new/orders-new.component.css +++ b/src/Web/WebMVC/wwwroot/css/orders/orders-new/orders-new.component.css @@ -6,8 +6,8 @@ .esh-orders_new-back { color: rgba(255, 255, 255, 0.4); line-height: 4rem; - text-transform: uppercase; text-decoration: none; + text-transform: uppercase; transition: color 0.35s; } .esh-orders_new-back:hover { color: #FFFFFF; @@ -17,21 +17,21 @@ .esh-orders_new-section--right { text-align: right; } .esh-orders_new-placeOrder { - float: right; - margin-top: 40px; - margin-bottom: 40px; - background-color: #83d01b; - color: #fff; - padding: 10px 20px 10px 20px; + background-color: #83D01B; + border: 0; border-radius: 0; - border: none; - width: 255px; + color: #FFFFFF; display: inline-block; + font-size: 1rem; + font-weight: 400; + margin-top: 1rem; + padding: 1rem 1.5rem; text-align: center; text-transform: uppercase; - height: 45px; - font-size: 16px; - font-weight: normal; } + transition: all 0.35s; } + .esh-orders_new-placeOrder:hover { + background-color: #4a760f; + transition: all 0.35s; } .esh-orders_new-titles { padding-bottom: 1rem; padding-top: 2rem; } @@ -54,28 +54,3 @@ color: #83D01B; } .esh-orders_new-image { height: 8rem; } - -@media screen and (min-width: 992px) { - .form-input { - width: 360px; - max-width: 360px; } } - -.form-input { - border-radius: 0; - padding: 10px; - height: 45px; } - -.form-input-small { - max-width: 100px !important; } - -.form-input-medium { - width: 150px !important; } - -.alert { - padding-left: 0px; } - -.alert-danger { - background-color: transparent; - border: none; - color: #fb0d0d; - font-size: 12px; }