forked from LiveCarta/LiveCartaWP
Merge pull request #6471 from Jerryby/wordpress
styles for cookies popups
This commit is contained in:
gregory-p
@@ -512,11 +512,6 @@ a:focus {
|
||||
.front-accordion .form-group textarea {
|
||||
width: 765px;
|
||||
max-width: 100%; }
|
||||
.front-accordion .form-group .button,
|
||||
.front-accordion .form-group input[type=text],
|
||||
.front-accordion .form-group select,
|
||||
.front-accordion .form-group textarea {
|
||||
margin-bottom: 11px; }
|
||||
.front-accordion .form-group p {
|
||||
font-size: 13px;
|
||||
color: #333333; }
|
||||
@@ -672,6 +667,186 @@ blockquote {
|
||||
to {
|
||||
background-position: 40px 0; } }
|
||||
|
||||
.fireworks-container {
|
||||
display: block;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1045;
|
||||
pointer-events: none;
|
||||
left: 0;
|
||||
top: 0; }
|
||||
|
||||
.loading-div {
|
||||
position: relative;
|
||||
min-height: 100px; }
|
||||
.loading-div:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: url("../img/bg-animation.png") left top rgba(255, 255, 255, 0.85);
|
||||
-webkit-animation-name: bgmove;
|
||||
animation-name: bgmove;
|
||||
-webkit-animation-duration: 1s;
|
||||
animation-duration: 1s;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
z-index: 20;
|
||||
opacity: .6; }
|
||||
|
||||
.loading-icon {
|
||||
display: block;
|
||||
margin: 10px auto 0;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: url(../img/ajax-loader-fe.gif) center center no-repeat;
|
||||
background-size: cover; }
|
||||
|
||||
.cookie-set-block .cs-head {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
padding: 19px 0;
|
||||
white-space: nowrap; }
|
||||
.cookie-set-block .cs-head .right {
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto; }
|
||||
.cookie-set-block .cs-head .left {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto; }
|
||||
.cookie-set-block .cs-head .title {
|
||||
border: none;
|
||||
background: none;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
padding: 0; }
|
||||
@media (min-width: 540px) {
|
||||
.cookie-set-block .cs-head .title {
|
||||
font-size: 16px; } }
|
||||
@media (min-width: 768px) {
|
||||
.cookie-set-block .cs-head .title {
|
||||
font-size: 18px; } }
|
||||
.cookie-set-block .cs-head .title .icon-caret {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
font-size: 14px;
|
||||
color: #0055D6;
|
||||
-webkit-transform: scale(1.2, 1) rotate(90deg);
|
||||
transform: scale(1.2, 1) rotate(90deg);
|
||||
position: relative;
|
||||
top: -1px;
|
||||
margin-left: 5px; }
|
||||
.cookie-set-block .cs-head .title[aria-expanded="true"] .icon-down {
|
||||
-webkit-transform: scale(1.2, 1) rotate(-90deg);
|
||||
transform: scale(1.2, 1) rotate(-90deg); }
|
||||
.cookie-set-block .cs-head .red {
|
||||
color: #159201; }
|
||||
|
||||
.cookie-set-block .cs-body p {
|
||||
margin-bottom: 20px; }
|
||||
|
||||
.cookie-set-block + .cookie-set-block {
|
||||
border-top: 1px solid #E0E0E0; }
|
||||
|
||||
.cookies-bottom-panel {
|
||||
display: block;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: #FFFFFF;
|
||||
-webkit-box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.21);
|
||||
box-shadow: 0px -4px 20px rgba(0, 0, 0, 0.21);
|
||||
z-index: 2147483639;
|
||||
padding: 15px 0;
|
||||
min-width: 300px; }
|
||||
.cookies-bottom-panel .cont {
|
||||
max-width: 1280px;
|
||||
padding: 0 10px; }
|
||||
.cookies-bottom-panel .cb-flex {
|
||||
width: 100%; }
|
||||
.cookies-bottom-panel .cb-flex .right {
|
||||
margin-top: 10px;
|
||||
text-align: right; }
|
||||
@media (min-width: 768px) {
|
||||
.cookies-bottom-panel .cb-flex {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center; }
|
||||
.cookies-bottom-panel .cb-flex .left {
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex: 1 1 auto;
|
||||
flex: 1 1 auto; }
|
||||
.cookies-bottom-panel .cb-flex .right {
|
||||
margin-top: 0;
|
||||
-webkit-box-flex: 0;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
padding-left: 40px; } }
|
||||
.cookies-bottom-panel .cb-flex p {
|
||||
font-size: 12px;
|
||||
line-height: 1.1;
|
||||
margin: 0; }
|
||||
@media (min-width: 540px) {
|
||||
.cookies-bottom-panel .cb-flex p {
|
||||
font-size: 14px; } }
|
||||
@media (min-width: 768px) {
|
||||
.cookies-bottom-panel .cb-flex p {
|
||||
font-size: 16px; } }
|
||||
.cookies-bottom-panel .buttons .button {
|
||||
white-space: nowrap; }
|
||||
.cookies-bottom-panel .buttons .button + .button {
|
||||
margin-left: 10px; }
|
||||
.cookies-bottom-panel .buttons .button.bordered {
|
||||
line-height: 25px; }
|
||||
|
||||
.form-check.switch input {
|
||||
display: none; }
|
||||
|
||||
.form-check.switch label {
|
||||
display: block;
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
background: rgba(120, 120, 128, 0.16);
|
||||
border-radius: 15px;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
-webkit-transition: background 150ms ease-out;
|
||||
transition: background 150ms ease-out; }
|
||||
.form-check.switch label:after {
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 2px;
|
||||
top: 2px;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
background: #fff;
|
||||
border-radius: 50%;
|
||||
-webkit-transition: left 150ms ease-out;
|
||||
transition: left 150ms ease-out;
|
||||
-webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.16);
|
||||
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.08), 0px 1px 2px rgba(0, 0, 0, 0.08), 0px 4px 12px rgba(0, 0, 0, 0.16); }
|
||||
|
||||
.form-check.switch input:checked ~ label {
|
||||
background: #159201; }
|
||||
.form-check.switch input:checked ~ label:after {
|
||||
left: 22px; }
|
||||
|
||||
/* Icons. */
|
||||
@font-face {
|
||||
font-family: lawcarta;
|
||||
@@ -1120,6 +1295,15 @@ blockquote {
|
||||
.modal.redirect .cont {
|
||||
padding: 0 30px; } }
|
||||
|
||||
.modal.redirect.cookies .modal-footer, .modal.redirect.cookies-settings .modal-footer {
|
||||
text-align: right; }
|
||||
|
||||
.modal.redirect.cookies .button.bordered, .modal.redirect.cookies-settings .button.bordered {
|
||||
line-height: 25px; }
|
||||
|
||||
.modal.redirect.cookies-settings .modal-dialog {
|
||||
max-width: 640px; }
|
||||
|
||||
/* Header. */
|
||||
header {
|
||||
height: 40px;
|
||||
@@ -3806,11 +3990,3 @@ footer {
|
||||
.promo-popup .pp-close:hover {
|
||||
color: #999;
|
||||
text-decoration: none; }
|
||||
|
||||
.fireworks-container {
|
||||
display: block;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1045;
|
||||
pointer-events: none; }
|
||||
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -241,6 +241,15 @@
|
||||
.modal.redirect .cont {
|
||||
padding: 0 30px; } }
|
||||
|
||||
.modal.redirect.cookies .modal-footer, .modal.redirect.cookies-settings .modal-footer {
|
||||
text-align: right; }
|
||||
|
||||
.modal.redirect.cookies .button.bordered, .modal.redirect.cookies-settings .button.bordered {
|
||||
line-height: 25px; }
|
||||
|
||||
.modal.redirect.cookies-settings .modal-dialog {
|
||||
max-width: 640px; }
|
||||
|
||||
header {
|
||||
background: #fff; }
|
||||
header .main-logo {
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -124,13 +124,18 @@
|
||||
header {
|
||||
background: #fff; }
|
||||
header .main-logo {
|
||||
height: 33px;
|
||||
top: 5px;
|
||||
left: -5px; }
|
||||
height: 24px;
|
||||
top: 50%;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
left: 10px; }
|
||||
@media (min-width: 769px) {
|
||||
header .main-logo {
|
||||
top: 20px;
|
||||
left: 40px; } }
|
||||
left: 30px;
|
||||
height: 28px; } }
|
||||
@media (min-width: 769px) {
|
||||
header .main-logo.law-logo {
|
||||
height: 26px; } }
|
||||
header .header-menu ul li a {
|
||||
color: #0c4e91;
|
||||
font-weight: bold; }
|
||||
@@ -752,11 +757,17 @@ body .cd-mob-chat-widget {
|
||||
.checkout-table {
|
||||
color: #475669; }
|
||||
.checkout-table tr th {
|
||||
font-size: 15px;
|
||||
font-size: 13px;
|
||||
color: #003366; }
|
||||
@media (min-width: 540px) {
|
||||
.checkout-table tr th {
|
||||
font-size: 15px; } }
|
||||
.checkout-table tr .book-title {
|
||||
font-size: 14px;
|
||||
font-size: 12px;
|
||||
color: #48566b; }
|
||||
@media (min-width: 540px) {
|
||||
.checkout-table tr .book-title {
|
||||
font-size: 14px; } }
|
||||
.checkout-table tr .book-info {
|
||||
color: #475669; }
|
||||
.checkout-table.step3 .bot-total {
|
||||
@@ -817,6 +828,21 @@ body .cd-mob-chat-widget {
|
||||
.tab-close-msg {
|
||||
color: #13396D; }
|
||||
|
||||
.catalog-paging .prev, .catalog-paging .next {
|
||||
border-color: #0C4E91; }
|
||||
.catalog-paging .prev:after, .catalog-paging .next:after {
|
||||
border-right-color: #0C4E91; }
|
||||
|
||||
.catalog-paging .next:after {
|
||||
border-left-color: #0C4E91; }
|
||||
|
||||
.catalog-paging .num, .catalog-paging .dots {
|
||||
color: #0C4E91; }
|
||||
|
||||
.catalog-paging .num.selected {
|
||||
color: #FE6B00;
|
||||
text-shadow: 1px 0 0 #FE6B00; }
|
||||
|
||||
/* My Storage. */
|
||||
.ms-files-list .table tr td {
|
||||
color: #475669; }
|
||||
@@ -885,6 +911,9 @@ body .cd-mob-chat-widget {
|
||||
.box .buttons .cart-confirm .icon-check {
|
||||
color: #134d96; }
|
||||
|
||||
.pd-container .od-block .discount-code .colored {
|
||||
color: #0c4e91; }
|
||||
|
||||
/* Widgets. */
|
||||
.modal .modal-dialog .modal-head {
|
||||
color: #3090f0; }
|
||||
@@ -898,6 +927,12 @@ body .cd-mob-chat-widget {
|
||||
.modal .modal-dialog .modal-head.alert .cont {
|
||||
color: #f03081; }
|
||||
|
||||
.modal .modal-dialog .mb-top-info.bold {
|
||||
color: #0C4E91; }
|
||||
|
||||
.modal .modal-dialog .mb-sub-head {
|
||||
color: #0C4E91; }
|
||||
|
||||
.modal .modal-footer .cancel {
|
||||
color: #3090f0; }
|
||||
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user