imporved pricing page, better display for Login/register modal form
This commit is contained in:
160
web/themes/custom/materiotheme/assets/dist/main.css
vendored
160
web/themes/custom/materiotheme/assets/dist/main.css
vendored
@@ -1504,14 +1504,7 @@ article.node--type-frontpage .node__content > section.home-intro > div:nth-child
|
||||
font-size: 3.5em;
|
||||
line-height: 1; }
|
||||
|
||||
article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-database > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-field-description, article.node--type-frontpage #main-content > #pricing article.product section.content .description, #main-content > #pricing article.product section.content article.node--type-frontpage .description,
|
||||
article.node--type-frontpage #main-content > #pricing article.product .views-field-body .description, #main-content > #pricing article.product .views-field-body article.node--type-frontpage .description,
|
||||
article.node--type-frontpage #main-content > #pricing .views-row section.content .description, #main-content > #pricing .views-row section.content article.node--type-frontpage .description,
|
||||
article.node--type-frontpage #main-content > #pricing .views-row .views-field-body .description, #main-content > #pricing .views-row .views-field-body article.node--type-frontpage .description,
|
||||
article.node--type-frontpage #main-content .view-pricing-products .view-content article.product section.content .description, #main-content .view-pricing-products .view-content article.product section.content article.node--type-frontpage .description,
|
||||
article.node--type-frontpage #main-content .view-pricing-products .view-content article.product .views-field-body .description, #main-content .view-pricing-products .view-content article.product .views-field-body article.node--type-frontpage .description,
|
||||
article.node--type-frontpage #main-content .view-pricing-products .view-content .views-row section.content .description, #main-content .view-pricing-products .view-content .views-row section.content article.node--type-frontpage .description,
|
||||
article.node--type-frontpage #main-content .view-pricing-products .view-content .views-row .views-field-body .description, #main-content .view-pricing-products .view-content .views-row .views-field-body article.node--type-frontpage .description {
|
||||
article.node--type-frontpage .node__content > section.home-intro > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-database > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-showrooms > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-blabla > div:nth-child(1) .field__item, article.node--type-frontpage .node__content > section.home-pricing .field--name-computed-products-reference > .field__item .field--name-field-description {
|
||||
font-size: 0.9em;
|
||||
line-height: 1.3; }
|
||||
|
||||
@@ -2093,9 +2086,14 @@ article.card {
|
||||
#main-content > #pricing .views-row,
|
||||
#main-content .view-pricing-products .view-content article.product,
|
||||
#main-content .view-pricing-products .view-content .views-row {
|
||||
flex: auto;
|
||||
flex: 0 0 50%;
|
||||
text-align: center;
|
||||
padding: 2em 0; }
|
||||
#main-content > #pricing article.product > header,
|
||||
#main-content > #pricing .views-row > header,
|
||||
#main-content .view-pricing-products .view-content article.product > header,
|
||||
#main-content .view-pricing-products .view-content .views-row > header {
|
||||
padding-bottom: 1.3em; }
|
||||
#main-content > #pricing article.product > header h1,
|
||||
#main-content > #pricing article.product .views-field-title,
|
||||
#main-content > #pricing .views-row > header h1,
|
||||
@@ -2105,10 +2103,11 @@ article.card {
|
||||
#main-content .view-pricing-products .view-content .views-row > header h1,
|
||||
#main-content .view-pricing-products .view-content .views-row .views-field-title {
|
||||
font-size: 4em;
|
||||
line-height: 1;
|
||||
color: #fff; }
|
||||
#main-content > #pricing article.product section.content,
|
||||
#main-content > #pricing article.product .views-field-body,
|
||||
line-height: 0.6;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
word-spacing: 30000px; }
|
||||
#main-content > #pricing article.product section.content, #main-content > #pricing article.product .views-field-body,
|
||||
#main-content > #pricing .views-row section.content,
|
||||
#main-content > #pricing .views-row .views-field-body,
|
||||
#main-content .view-pricing-products .view-content article.product section.content,
|
||||
@@ -2116,60 +2115,113 @@ article.card {
|
||||
#main-content .view-pricing-products .view-content .views-row section.content,
|
||||
#main-content .view-pricing-products .view-content .views-row .views-field-body {
|
||||
color: #fff; }
|
||||
#main-content > #pricing article.product section.content .description p,
|
||||
#main-content > #pricing article.product .views-field-body .description p,
|
||||
#main-content > #pricing .views-row section.content .description p,
|
||||
#main-content > #pricing .views-row .views-field-body .description p,
|
||||
#main-content .view-pricing-products .view-content article.product section.content .description p,
|
||||
#main-content .view-pricing-products .view-content article.product .views-field-body .description p,
|
||||
#main-content .view-pricing-products .view-content .views-row section.content .description p,
|
||||
#main-content .view-pricing-products .view-content .views-row .views-field-body .description p {
|
||||
margin: 0; }
|
||||
#main-content > #pricing article.product section.content span.price,
|
||||
#main-content > #pricing article.product .views-field-body span.price,
|
||||
#main-content > #pricing .views-row section.content span.price,
|
||||
#main-content > #pricing .views-row .views-field-body span.price,
|
||||
#main-content .view-pricing-products .view-content article.product section.content span.price,
|
||||
#main-content .view-pricing-products .view-content article.product .views-field-body span.price,
|
||||
#main-content .view-pricing-products .view-content .views-row section.content span.price,
|
||||
#main-content .view-pricing-products .view-content .views-row .views-field-body span.price {
|
||||
font-size: 2em;
|
||||
font-weight: 700; }
|
||||
#main-content > #pricing article.product button,
|
||||
#main-content > #pricing .views-row button,
|
||||
#main-content .view-pricing-products .view-content article.product button,
|
||||
#main-content .view-pricing-products .view-content .views-row button {
|
||||
display: inline-block;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
padding: 0.7em 1em;
|
||||
margin-bottom: 0.3em;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
background-color: #fff; }
|
||||
#main-content > #pricing article.product section.content .description, #main-content > #pricing article.product .views-field-body .description,
|
||||
#main-content > #pricing .views-row section.content .description,
|
||||
#main-content > #pricing .views-row .views-field-body .description,
|
||||
#main-content .view-pricing-products .view-content article.product section.content .description,
|
||||
#main-content .view-pricing-products .view-content article.product .views-field-body .description,
|
||||
#main-content .view-pricing-products .view-content .views-row section.content .description,
|
||||
#main-content .view-pricing-products .view-content .views-row .views-field-body .description {
|
||||
font-size: 1.134em; }
|
||||
#main-content > #pricing article.product section.content .description p, #main-content > #pricing article.product .views-field-body .description p,
|
||||
#main-content > #pricing .views-row section.content .description p,
|
||||
#main-content > #pricing .views-row .views-field-body .description p,
|
||||
#main-content .view-pricing-products .view-content article.product section.content .description p,
|
||||
#main-content .view-pricing-products .view-content article.product .views-field-body .description p,
|
||||
#main-content .view-pricing-products .view-content .views-row section.content .description p,
|
||||
#main-content .view-pricing-products .view-content .views-row .views-field-body .description p {
|
||||
margin: 0.3em; }
|
||||
#main-content > #pricing article.product aside,
|
||||
#main-content > #pricing .views-row aside,
|
||||
#main-content .view-pricing-products .view-content article.product aside,
|
||||
#main-content .view-pricing-products .view-content .views-row aside {
|
||||
padding: 1em 0; }
|
||||
#main-content > #pricing article.product aside .variation,
|
||||
#main-content > #pricing .views-row aside .variation,
|
||||
#main-content .view-pricing-products .view-content article.product aside .variation,
|
||||
#main-content .view-pricing-products .view-content .views-row aside .variation {
|
||||
display: flex;
|
||||
flex-flow: row nowrap;
|
||||
justify-content: center;
|
||||
align-items: flex-end; }
|
||||
#main-content > #pricing article.product aside .variation div.variation-description,
|
||||
#main-content > #pricing .views-row aside .variation div.variation-description,
|
||||
#main-content .view-pricing-products .view-content article.product aside .variation div.variation-description,
|
||||
#main-content .view-pricing-products .view-content .views-row aside .variation div.variation-description {
|
||||
flex: 0 0 6.7em;
|
||||
font-size: 2.012em;
|
||||
font-weight: 800;
|
||||
color: #fff; }
|
||||
#main-content > #pricing article.product aside .variation div.variation-description p,
|
||||
#main-content > #pricing .views-row aside .variation div.variation-description p,
|
||||
#main-content .view-pricing-products .view-content article.product aside .variation div.variation-description p,
|
||||
#main-content .view-pricing-products .view-content .views-row aside .variation div.variation-description p {
|
||||
margin: 0;
|
||||
text-align: left; }
|
||||
#main-content > #pricing article.product aside .variation button,
|
||||
#main-content > #pricing .views-row aside .variation button,
|
||||
#main-content .view-pricing-products .view-content article.product aside .variation button,
|
||||
#main-content .view-pricing-products .view-content .views-row aside .variation button {
|
||||
display: inline-block;
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
padding: 0.7em 1em;
|
||||
margin-bottom: 0.3em;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
border-radius: 5px;
|
||||
border: none;
|
||||
background-color: #fff; }
|
||||
#main-content > #pricing article.product:nth-child(1),
|
||||
#main-content > #pricing .views-row:nth-child(1),
|
||||
#main-content .view-pricing-products .view-content article.product:nth-child(1),
|
||||
#main-content .view-pricing-products .view-content .views-row:nth-child(1) {
|
||||
background-color: #69cdcf; }
|
||||
#main-content > #pricing article.product:nth-child(1) button,
|
||||
#main-content > #pricing .views-row:nth-child(1) button,
|
||||
#main-content .view-pricing-products .view-content article.product:nth-child(1) button,
|
||||
#main-content .view-pricing-products .view-content .views-row:nth-child(1) button {
|
||||
#main-content > #pricing article.product:nth-child(1) aside .variation button,
|
||||
#main-content > #pricing .views-row:nth-child(1) aside .variation button,
|
||||
#main-content .view-pricing-products .view-content article.product:nth-child(1) aside .variation button,
|
||||
#main-content .view-pricing-products .view-content .views-row:nth-child(1) aside .variation button {
|
||||
color: #69cdcf; }
|
||||
#main-content > #pricing article.product:nth-child(2),
|
||||
#main-content > #pricing .views-row:nth-child(2),
|
||||
#main-content .view-pricing-products .view-content article.product:nth-child(2),
|
||||
#main-content .view-pricing-products .view-content .views-row:nth-child(2) {
|
||||
background-color: #ff9f50; }
|
||||
#main-content > #pricing article.product:nth-child(2) button,
|
||||
#main-content > #pricing .views-row:nth-child(2) button,
|
||||
#main-content .view-pricing-products .view-content article.product:nth-child(2) button,
|
||||
#main-content .view-pricing-products .view-content .views-row:nth-child(2) button {
|
||||
#main-content > #pricing article.product:nth-child(2) aside .variation button,
|
||||
#main-content > #pricing .views-row:nth-child(2) aside .variation button,
|
||||
#main-content .view-pricing-products .view-content article.product:nth-child(2) aside .variation button,
|
||||
#main-content .view-pricing-products .view-content .views-row:nth-child(2) aside .variation button {
|
||||
color: #ff9f50; }
|
||||
|
||||
.modal {
|
||||
position: relative; }
|
||||
|
||||
#pricing-modal-login-register {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
text-align: left; }
|
||||
#pricing-modal-login-register h2 {
|
||||
margin: 0.4em 0 1.1em;
|
||||
padding-right: 4em;
|
||||
font-size: 1.2em;
|
||||
font-weight: 300; }
|
||||
#pricing-modal-login-register #login-register {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-flow: row nowrap; }
|
||||
#pricing-modal-login-register #login-register > section {
|
||||
flex: 0 0 250px; }
|
||||
#pricing-modal-login-register #login-register > section form .form-item, #pricing-modal-login-register #login-register > section form .form-actions {
|
||||
margin: 0.5em 0;
|
||||
max-width: none; }
|
||||
#pricing-modal-login-register #login-register > section form .form-type-email,
|
||||
#pricing-modal-login-register #login-register > section form .form-type-password,
|
||||
#pricing-modal-login-register #login-register > section form .form-actions {
|
||||
display: block; }
|
||||
#pricing-modal-login-register #login-register > section form input[type="email"],
|
||||
#pricing-modal-login-register #login-register > section form input[type="password"] {
|
||||
max-width: 11em; }
|
||||
|
||||
body:not(.path-home) footer[role="contentinfo"] {
|
||||
display: none; }
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user