251 lines
11 KiB
CSS
251 lines
11 KiB
CSS
/*
|
|
To ensure this file is minified, comment the import in document.scss, then save this file.
|
|
*/
|
|
/* Used in documents to prevent the email from being visible to spambots */
|
|
.cmplz-obfuscate span {
|
|
display: none;
|
|
}
|
|
|
|
#cmplz-manage-consent-container {
|
|
display: none;
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary {
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::-webkit-details-marker, #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::marker {
|
|
display: none;
|
|
content: "";
|
|
}
|
|
|
|
.cmplz-alert {
|
|
display: none;
|
|
padding: 7px;
|
|
color: white;
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.cmplz-alert.cmplz-error {
|
|
background-color: #f44336;
|
|
}
|
|
|
|
.cmplz-alert.cmplz-success {
|
|
background-color: green;
|
|
}
|
|
|
|
.cmplz-close {
|
|
margin-left: 15px;
|
|
color: white;
|
|
font-weight: bold;
|
|
float: right;
|
|
font-size: 22px;
|
|
line-height: 20px;
|
|
cursor: pointer;
|
|
transition: 0.3s;
|
|
}
|
|
|
|
.cmplz-close:hover {
|
|
color: black;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description, #cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data, #cmplz-document .cmplz-dropdown .cmplz-service-description, #cmplz-document .cmplz-dropdown .cmplz-sharing-data, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
|
|
display: inline-block;
|
|
width: calc(50% - 35px);
|
|
vertical-align: top;
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description, #cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data, #cmplz-document .cmplz-dropdown .cmplz-service-description, #cmplz-document .cmplz-dropdown .cmplz-sharing-data, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
|
|
display: block;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker, #cmplz-cookies-overview .cmplz-dropdown summary::marker, #cmplz-document .cmplz-dropdown summary::-webkit-details-marker, #cmplz-document .cmplz-dropdown summary::marker, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker {
|
|
display: none;
|
|
content: "";
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown summary div, #cmplz-document .cmplz-dropdown summary div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div {
|
|
display: grid;
|
|
grid-template: "heading chevron";
|
|
grid-template-columns: 2fr 25px;
|
|
grid-gap: 15px;
|
|
align-items: center;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown summary div h3, #cmplz-document .cmplz-dropdown summary div h3, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3 {
|
|
grid-area: heading;
|
|
margin: 0;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown summary div:after, #cmplz-document .cmplz-dropdown summary div:after, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after {
|
|
grid-area: chevron;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown summary div input[data-category=functional], #cmplz-document .cmplz-dropdown summary div input[data-category=functional], .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div input[data-category=functional] {
|
|
visibility: hidden;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary {
|
|
display: block;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div {
|
|
grid-template: "heading paragraph label checkbox chevron";
|
|
grid-template-columns: 2fr auto 0 auto 25px;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p {
|
|
grid-area: paragraph;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
|
|
display: grid;
|
|
}
|
|
|
|
@media only screen and (min-width: 600px) {
|
|
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
|
|
grid-column: span 2;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
grid-template: "purpose purpose purpose" "header1 header2 header3" auto;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose {
|
|
grid-area: purpose;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header {
|
|
grid-area: header1;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header {
|
|
grid-area: header2;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header {
|
|
grid-area: header3;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose {
|
|
grid-template-columns: 100px 1fr;
|
|
}
|
|
|
|
#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose {
|
|
grid-column: span 2;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Categories on the cookie policy
|
|
* Do not wrap in cmplz-document, to ensure it works with the separate shortcode
|
|
*/
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories {
|
|
margin-top: 10px;
|
|
display: block;
|
|
width: 100%;
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category {
|
|
background-color: rgba(239, 239, 239, 0.25);
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::marker {
|
|
display: none;
|
|
content: "";
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::-webkit-details-marker {
|
|
display: none;
|
|
content: "";
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description {
|
|
padding: 10px;
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child) {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header {
|
|
display: grid;
|
|
grid-template-columns: 1fr auto 25px;
|
|
grid-template-rows: auto;
|
|
align-items: center;
|
|
grid-gap: 10px;
|
|
padding: 5px 10px;
|
|
background-color: rgba(239, 239, 239, 0.5);
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header section {
|
|
padding: initial;
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2 {
|
|
grid-column-start: 1;
|
|
width: 100%;
|
|
justify-self: start;
|
|
font-size: 18px;
|
|
text-align: left;
|
|
margin-top: 8px;
|
|
text-transform: initial;
|
|
padding-bottom: 10px;
|
|
border-bottom: 0;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2:before {
|
|
height: 0;
|
|
margin: initial;
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active {
|
|
font-size: var(--cmplz_category_header_active_font_size);
|
|
color: var(--cmplz_category_header_always_active_color);
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label, #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active input {
|
|
display: none;
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox {
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 0;
|
|
padding: initial;
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
grid-column-start: 3;
|
|
cursor: pointer;
|
|
content: "";
|
|
background: var(--cmplz_category_open_icon_url) no-repeat;
|
|
transform: rotate(0deg);
|
|
-webkit-transition: all 0.5s ease;
|
|
-moz-transition: all 0.5s ease;
|
|
-o-transition: all 0.5s ease;
|
|
transition: all 0.5s ease;
|
|
background-size: cover;
|
|
height: 25px;
|
|
width: 25px;
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] {
|
|
padding-bottom: 1px;
|
|
}
|
|
|
|
#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-category-header:after, #cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-icon.cmplz-open {
|
|
transform: rotate(180deg);
|
|
} |