Initial commit: Atomaste website
This commit is contained in:
@@ -0,0 +1,251 @@
|
||||
/*
|
||||
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);
|
||||
}
|
||||
Reference in New Issue
Block a user