From 661fc309ce8d9731acc5c7c877f4e30e8552b41e Mon Sep 17 00:00:00 2001 From: Tomasz Regdos Date: Fri, 1 Jun 2018 12:45:00 +0200 Subject: [PATCH] Cleanup css --- view/base/web/css/payu.css | 146 +++++++++++++------------------------ 1 file changed, 50 insertions(+), 96 deletions(-) diff --git a/view/base/web/css/payu.css b/view/base/web/css/payu.css index cf7b838..862479e 100644 --- a/view/base/web/css/payu.css +++ b/view/base/web/css/payu.css @@ -61,26 +61,21 @@ width: 64px; height: 64px; } -.checkout-index-index .payu-payment._active .payment-method-content, -.sales-order-repayview .payu-payment._active .payment-method-content { +.payu-payment._active .payment-method-content { display: block; } -.checkout-index-index .payu-payment__logo, -.sales-order-repayview .payu-payment__logo { +.payu-payment__logo { max-height: 25px; margin-bottom: -5px; } -.checkout-index-index .payu-payment .payment-method-content, -.sales-order-repayview .payu-payment .payment-method-content { +.payu-payment .payment-method-content { display: none; } -.checkout-index-index .payu-payment .payment__method, -.sales-order-repayview .payu-payment .payment__method { +.payu-payment .payment__method { padding: 0 0 20px 0; border-bottom: 1px solid #dcdcdc; } -.checkout-index-index .payu-payment .payment__method .method__single, -.sales-order-repayview .payu-payment .payment__method .method__single { +.payu-payment .payment__method .method__single { position: relative; display: inline-block; box-sizing: border-box; @@ -89,17 +84,14 @@ height: 60px; float: left; } -.checkout-index-index .payu-payment .payment__method .method__single--content, -.sales-order-repayview .payu-payment .payment__method .method__single--content { +.payu-payment .payment__method .method__single--content { width: 100%; height: 100%; } -.checkout-index-index .payu-payment .payment__method .method__single--content label, -.sales-order-repayview .payu-payment .payment__method .method__single--content label { +.payu-payment .payment__method .method__single--content label { display: block; } -.checkout-index-index .payu-payment .payment__method .method__single--content img, -.sales-order-repayview .payu-payment .payment__method .method__single--content img { +.payu-payment .payment__method .method__single--content img { max-height: calc(100% - 18px); max-width: calc(100% - 18px); position: absolute; @@ -108,150 +100,112 @@ margin-right: -50%; transform: translate(-50%, -50%); } -.checkout-index-index .payu-payment .payment__method .method__single--content__image, -.sales-order-repayview .payu-payment .payment__method .method__single--content__image { +.payu-payment .payment__method .method__single--content__image { display: block; position: relative; width: 100%; height: 100%; } -.checkout-index-index .payu-payment .payment__method .method__single:nth-child(5n + 1), -.sales-order-repayview .payu-payment .payment__method .method__single:nth-child(5n + 1) { +.payu-payment .payment__method .method__single:nth-child(5n + 1) { padding-left: 0; } -.checkout-index-index .payu-payment .payment__method .method__single--clear, -.sales-order-repayview .payu-payment .payment__method .method__single--clear { +.payu-payment .payment__method .method__single--clear { clear: both; } -.checkout-index-index .payu-payment .payment__method .payu-card, -.sales-order-repayview .payu-payment .payment__method .payu-card, -.checkout-index-index .payu-payment .payment__method .payu-pex, -.sales-order-repayview .payu-payment .payment__method .payu-pex { +.payu-payment .payment__method .payu-card, +.payu-payment .payment__method .payu-pex { margin-bottom: 10px; cursor: pointer; } -.checkout-index-index .payu-payment .payment__method .payu-card__img-wrapper, -.sales-order-repayview .payu-payment .payment__method .payu-card__img-wrapper, -.checkout-index-index .payu-payment .payment__method .payu-pex__img-wrapper, -.sales-order-repayview .payu-payment .payment__method .payu-pex__img-wrapper { +.payu-payment .payment__method .payu-card__img-wrapper, +.payu-payment .payment__method .payu-pex__img-wrapper { text-align: center; min-width: 100px; font-size: 0; } -.checkout-index-index .payu-payment .payment__method .payu-card__img-wrapper > *, -.sales-order-repayview .payu-payment .payment__method .payu-card__img-wrapper > *, -.checkout-index-index .payu-payment .payment__method .payu-pex__img-wrapper > *, -.sales-order-repayview .payu-payment .payment__method .payu-pex__img-wrapper > * { +.payu-payment .payment__method .payu-card__img-wrapper > *, +.payu-payment .payment__method .payu-pex__img-wrapper > * { font-size: 1em; } -.checkout-index-index .payu-payment .payment__method .payu-card__info, -.sales-order-repayview .payu-payment .payment__method .payu-card__info, -.checkout-index-index .payu-payment .payment__method .payu-pex__info, -.sales-order-repayview .payu-payment .payment__method .payu-pex__info { +.payu-payment .payment__method .payu-card__info, +.payu-payment .payment__method .payu-pex__info { list-style: none; position: relative; display: table; box-sizing: border-box; } -.checkout-index-index .payu-payment .payment__method .payu-card__info > *, -.sales-order-repayview .payu-payment .payment__method .payu-card__info > *, -.checkout-index-index .payu-payment .payment__method .payu-pex__info > *, -.sales-order-repayview .payu-payment .payment__method .payu-pex__info > * { +.payu-payment .payment__method .payu-card__info > *, +.payu-payment .payment__method .payu-pex__info > * { display: table-cell; vertical-align: middle; } -.checkout-index-index .payu-payment .payment__method .payu-card__info span, -.sales-order-repayview .payu-payment .payment__method .payu-card__info span, -.checkout-index-index .payu-payment .payment__method .payu-pex__info span, -.sales-order-repayview .payu-payment .payment__method .payu-pex__info span { +.payu-payment .payment__method .payu-card__info span, +.payu-payment .payment__method .payu-pex__info span { padding-left: 20px; } -.checkout-index-index .payu-payment .payment__method .payu-card__info img, -.sales-order-repayview .payu-payment .payment__method .payu-card__info img, -.checkout-index-index .payu-payment .payment__method .payu-pex__info img, -.sales-order-repayview .payu-payment .payment__method .payu-pex__info img { +.payu-payment .payment__method .payu-card__info img, +.payu-payment .payment__method .payu-pex__info img { max-height: 30px; } -.checkout-index-index .payu-payment .payment__method .method__single--content, -.sales-order-repayview .payu-payment .payment__method .method__single--content, -.checkout-index-index .payu-payment .payment__method .payu-card, -.sales-order-repayview .payu-payment .payment__method .payu-card, -.checkout-index-index .payu-payment .payment__method .payu-pex, -.sales-order-repayview .payu-payment .payment__method .payu-pex { +.payu-payment .payment__method .method__single--content, +.payu-payment .payment__method .payu-card, +.payu-payment .payment__method .payu-pex { box-sizing: border-box; padding: 7px; border: 1px solid #dcdcdc; border-radius: 3px; } -.checkout-index-index .payu-payment .payment__method .method__single--content:not(._disabled), -.sales-order-repayview .payu-payment .payment__method .method__single--content:not(._disabled), -.checkout-index-index .payu-payment .payment__method .payu-card:not(._disabled), -.sales-order-repayview .payu-payment .payment__method .payu-card:not(._disabled), -.checkout-index-index .payu-payment .payment__method .payu-pex:not(._disabled), -.sales-order-repayview .payu-payment .payment__method .payu-pex:not(._disabled) { + +.payu-payment .payment__method .method__single--content:not(._disabled), +.payu-payment .payment__method .payu-card:not(._disabled), +.payu-payment .payment__method .payu-pex:not(._disabled) { cursor: pointer; } -.checkout-index-index .payu-payment .payment__method .method__single--content:not(._disabled):hover, -.sales-order-repayview .payu-payment .payment__method .method__single--content:not(._disabled):hover, -.checkout-index-index .payu-payment .payment__method .payu-card:not(._disabled):hover, -.sales-order-repayview .payu-payment .payment__method .payu-card:not(._disabled):hover, -.checkout-index-index .payu-payment .payment__method .payu-pex:not(._disabled):hover, -.sales-order-repayview .payu-payment .payment__method .payu-pex:not(._disabled):hover { + +.payu-payment .payment__method .method__single--content:not(._disabled):hover, +.payu-payment .payment__method .payu-card:not(._disabled):hover, +.payu-payment .payment__method .payu-pex:not(._disabled):hover { background: rgba(220, 220, 220, 0.5); border-color: grey; } -.checkout-index-index .payu-payment .payment__method .method__single--content:not(._disabled):focus, -.sales-order-repayview .payu-payment .payment__method .method__single--content:not(._disabled):focus, -.checkout-index-index .payu-payment .payment__method .payu-card:not(._disabled):focus, -.sales-order-repayview .payu-payment .payment__method .payu-card:not(._disabled):focus, -.checkout-index-index .payu-payment .payment__method .payu-pex:not(._disabled):focus, -.sales-order-repayview .payu-payment .payment__method .payu-pex:not(._disabled):focus { +.payu-payment .payment__method .method__single--content:not(._disabled):focus, +.payu-payment .payment__method .payu-card:not(._disabled):focus, +.payu-payment .payment__method .payu-pex:not(._disabled):focus { border-color: darkgreen; } -.checkout-index-index .payu-payment .payment__method .method__single--content:not(._disabled)._active, -.sales-order-repayview .payu-payment .payment__method .method__single--content:not(._disabled)._active, -.checkout-index-index .payu-payment .payment__method .payu-card:not(._disabled)._active, -.sales-order-repayview .payu-payment .payment__method .payu-card:not(._disabled)._active, -.checkout-index-index .payu-payment .payment__method .payu-pex:not(._disabled)._active, -.sales-order-repayview .payu-payment .payment__method .payu-pex:not(._disabled)._active { +.payu-payment .payment__method .method__single--content:not(._disabled)._active, +.payu-payment .payment__method .payu-card:not(._disabled)._active, +.payu-payment .payment__method .payu-pex:not(._disabled)._active { background: rgba(220, 220, 220, 0.5); border-color: darkgreen; } -.checkout-index-index .payu-payment .payment__method .method__single--content._disabled, -.sales-order-repayview .payu-payment .payment__method .method__single--content._disabled, -.checkout-index-index .payu-payment .payment__method .payu-card._disabled, -.sales-order-repayview .payu-payment .payment__method .payu-card._disabled, -.checkout-index-index .payu-payment .payment__method .payu-pex._disabled, -.sales-order-repayview .payu-payment .payment__method .payu-pex._disabled { +.payu-payment .payment__method .method__single--content._disabled, +.payu-payment .payment__method .payu-card._disabled, +.payu-payment .payment__method .payu-pex._disabled { -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.5; cursor: default; } -.checkout-index-index .payu-payment .payment__payu-agreement .payu-agreement__wrapper, -.sales-order-repayview .payu-payment .payment__payu-agreement .payu-agreement__wrapper { +.payu-payment .payment__payu-agreement .payu-agreement__wrapper { margin-top: 20px; } -.checkout-index-index .payu-payment .payment__payu-agreement .payu-agreement__wrapper > *, -.sales-order-repayview .payu-payment .payment__payu-agreement .payu-agreement__wrapper > * { +.payu-payment .payment__payu-agreement .payu-agreement__wrapper > * { margin-bottom: 10px; } -.checkout-index-index .payu-payment .payment__payu-agreement .payu-agreement__wrapper .payu-text, -.sales-order-repayview .payu-payment .payment__payu-agreement .payu-agreement__wrapper .payu-text { +.payu-payment .payment__payu-agreement .payu-agreement__wrapper .payu-text { font-size: 10px; } .checkout-index-index .actions-toolbar .action.primary, .sales-order-repayview .actions-toolbar .action.primary { margin-top: 20px; } -.checkout-index-index .payu-msg .msg__error, -.sales-order-repayview .payu-msg .msg__error { +.payu-msg .msg__error { color: red; } @media all and (min-width: 768px), print { - .checkout-index-index .payu-payment .payment__method .method__single, - .sales-order-repayview .payu-payment .payment__method .method__single { + .payu-payment .payment__method .method__single { width: 16.66666667%; } } \ No newline at end of file