Initial commit: Atomaste website
This commit is contained in:
@@ -0,0 +1,524 @@
|
||||
/*
|
||||
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);
|
||||
}
|
||||
|
||||
.postbox #cmplz-document {
|
||||
margin: auto auto;
|
||||
}
|
||||
|
||||
#cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode {
|
||||
font-size: 14px;
|
||||
margin-top: 0;
|
||||
max-width: 800px;
|
||||
text-justify: inter-word;
|
||||
/* Buttons styles */
|
||||
/*WCAG2.0 */
|
||||
}
|
||||
|
||||
#cmplz-document input::-moz-focus-inner,
|
||||
#cmplz-document button::-moz-focus-inner, .editor-styles-wrapper .cmplz-unlinked-mode input::-moz-focus-inner,
|
||||
.editor-styles-wrapper .cmplz-unlinked-mode button::-moz-focus-inner {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#cmplz-document a, .editor-styles-wrapper .cmplz-unlinked-mode a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#cmplz-document a[target=_blank]::after, .editor-styles-wrapper .cmplz-unlinked-mode a[target=_blank]::after {
|
||||
content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
|
||||
margin: 0 3px 0 5px;
|
||||
}
|
||||
|
||||
#cmplz-document a:focus, .editor-styles-wrapper .cmplz-unlinked-mode a:focus {
|
||||
border: 1px solid black;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
#cmplz-document #cmplz-dnsmpd-form label, .editor-styles-wrapper .cmplz-unlinked-mode #cmplz-dnsmpd-form label {
|
||||
margin-right: 20px;
|
||||
min-width: 100px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#cmplz-document h2, #cmplz-document h3, .editor-styles-wrapper .cmplz-unlinked-mode h2, .editor-styles-wrapper .cmplz-unlinked-mode h3 {
|
||||
font-size: 22px;
|
||||
text-align: left;
|
||||
margin-top: 15px;
|
||||
text-transform: initial;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#cmplz-document.impressum h2, #cmplz-document.impressum h3, .editor-styles-wrapper .cmplz-unlinked-mode.impressum h2, .editor-styles-wrapper .cmplz-unlinked-mode.impressum h3 {
|
||||
border-bottom: none;
|
||||
font-size: 1em;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#cmplz-document.impressum p, .editor-styles-wrapper .cmplz-unlinked-mode.impressum p {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
#cmplz-document h4, .editor-styles-wrapper .cmplz-unlinked-mode h4 {
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 5px;
|
||||
text-transform: initial;
|
||||
}
|
||||
|
||||
#cmplz-document h5, .editor-styles-wrapper .cmplz-unlinked-mode h5 {
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
text-transform: initial;
|
||||
}
|
||||
|
||||
#cmplz-document h3.annex, #cmplz-document h4.annex, .editor-styles-wrapper .cmplz-unlinked-mode h3.annex, .editor-styles-wrapper .cmplz-unlinked-mode h4.annex {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#cmplz-document span h3, .editor-styles-wrapper .cmplz-unlinked-mode span h3 {
|
||||
font-size: 14px;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
#cmplz-document p, #cmplz-document li, #cmplz-document td, .editor-styles-wrapper .cmplz-unlinked-mode p, .editor-styles-wrapper .cmplz-unlinked-mode li, .editor-styles-wrapper .cmplz-unlinked-mode td {
|
||||
font-size: 14px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#cmplz-document ol.alphabetic, .editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic {
|
||||
counter-reset: list;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#cmplz-document ol.alphabetic li:before, .editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic li:before {
|
||||
font-weight: bold;
|
||||
content: counter(list, lower-alpha) ") ";
|
||||
counter-increment: list;
|
||||
}
|
||||
|
||||
#cmplz-document ul, .editor-styles-wrapper .cmplz-unlinked-mode ul {
|
||||
list-style: disc;
|
||||
margin-left: 15px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#cmplz-document ol.alphabetic ol, .editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol {
|
||||
counter-reset: list;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
#cmplz-document ol.alphabetic ol li:before, .editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol li:before {
|
||||
font-weight: bold;
|
||||
content: counter(list, decimal) ") ";
|
||||
counter-increment: list;
|
||||
}
|
||||
|
||||
#cmplz-document .cmplz-subtitle, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle {
|
||||
font-weight: bold;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
#cmplz-document .cmplz-indent, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-indent {
|
||||
margin-left: 36px;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown, #cmplz-document .cmplz-dropdown, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown {
|
||||
background-color: rgba(239, 239, 239, 0.25);
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown h4, #cmplz-document .cmplz-dropdown h4, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4 {
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 5px;
|
||||
text-transform: initial;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown p, #cmplz-cookies-overview .cmplz-dropdown a, #cmplz-document .cmplz-dropdown p, #cmplz-document .cmplz-dropdown a, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a {
|
||||
font-size: 14px;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown p, #cmplz-cookies-overview .cmplz-dropdown h4, #cmplz-cookies-overview .cmplz-dropdown ul, #cmplz-document .cmplz-dropdown p, #cmplz-document .cmplz-dropdown h4, #cmplz-document .cmplz-dropdown ul, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown ul {
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown p.legal-obligations-description, #cmplz-document .cmplz-dropdown p.legal-obligations-description, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p.legal-obligations-description {
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown summary::marker, #cmplz-document .cmplz-dropdown summary::marker, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker {
|
||||
display: none;
|
||||
content: "";
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker, #cmplz-document .cmplz-dropdown summary::-webkit-details-marker, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker {
|
||||
display: none;
|
||||
content: "";
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown summary, #cmplz-document .cmplz-dropdown summary, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
|
||||
display: block;
|
||||
background-color: rgba(239, 239, 239, 0.5);
|
||||
margin: 5px 0;
|
||||
padding: 5px 10px;
|
||||
align-items: center;
|
||||
justify-items: stretch;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown summary h3, #cmplz-document .cmplz-dropdown summary h3, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3 {
|
||||
padding: 0 5px;
|
||||
border-bottom: 0;
|
||||
font-size: 18px;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown summary p, #cmplz-document .cmplz-dropdown summary p, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary p {
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
border-bottom: 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 {
|
||||
cursor: pointer;
|
||||
content: "";
|
||||
background: url(../images/chevron-down.svg) 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: 18px;
|
||||
width: 18px;
|
||||
margin: 3px;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown[open], #cmplz-document .cmplz-dropdown[open], .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] {
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown[open] summary div:after, #cmplz-document .cmplz-dropdown[open] summary div:after, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] summary div:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown h4, #cmplz-document .cmplz-dropdown h4, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4 {
|
||||
font-size: 15px;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown h5, #cmplz-document .cmplz-dropdown h5, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h5 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#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 {
|
||||
padding: 0 15px 15px;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose, #cmplz-document .cmplz-dropdown .cookies-per-purpose, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose {
|
||||
border: 1px solid #dadada;
|
||||
grid-gap: 1px;
|
||||
background-color: #dadada;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div, #cmplz-document .cmplz-dropdown .cookies-per-purpose div, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div {
|
||||
background-color: white;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 600px) {
|
||||
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header, #cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header, #cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header, #cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose h5, #cmplz-document .cmplz-dropdown .cookies-per-purpose h5, .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose h5 {
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),
|
||||
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),
|
||||
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),
|
||||
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),
|
||||
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),
|
||||
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7), #cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),
|
||||
#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),
|
||||
#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),
|
||||
#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),
|
||||
#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),
|
||||
#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7), .editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),
|
||||
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),
|
||||
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),
|
||||
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),
|
||||
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),
|
||||
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7) {
|
||||
background-color: #f7f7f7;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user