Initial commit: Atomaste website
This commit is contained in:
@@ -0,0 +1,132 @@
|
||||
/**
|
||||
* Cookie blocker css
|
||||
*/
|
||||
.cmplz-video.cmplz-iframe-styles {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.cmplz-video.cmplz-hidden {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
.cmplz-blocked-content-notice {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cmplz-placeholder-parent {
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice, .cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cmplz-blocked-content-container, .cmplz-wp-video {
|
||||
animation-name: cmplz-fadein;
|
||||
animation-duration: 600ms;
|
||||
background: #FFF;
|
||||
border: 0;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 10px 0 rgba(0, 0, 0, 0.15);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-repeat: no-repeat !important;
|
||||
background-size: cover !important;
|
||||
height: inherit;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.cmplz-blocked-content-container.gmw-map-cover, .cmplz-wp-video.gmw-map-cover {
|
||||
max-height: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.cmplz-blocked-content-container.cmplz-video-placeholder, .cmplz-wp-video.cmplz-video-placeholder {
|
||||
padding-bottom: initial;
|
||||
}
|
||||
|
||||
.cmplz-blocked-content-container iframe, .cmplz-wp-video iframe {
|
||||
visibility: hidden;
|
||||
max-height: 100%;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.cmplz-blocked-content-container .cmplz-custom-accept-btn, .cmplz-wp-video .cmplz-custom-accept-btn {
|
||||
white-space: normal;
|
||||
text-transform: initial;
|
||||
cursor: pointer;
|
||||
position: absolute !important;
|
||||
width: 100%;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
max-width: 200px;
|
||||
font-size: 14px;
|
||||
padding: 10px;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
/* Black background with opacity */
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
/*make sure the container is on top of the iframe, but below our cookie notice */
|
||||
z-index: 98;
|
||||
/*We need some lineheight, for example Elementor will force a lineheight of 0*/
|
||||
line-height: 23px;
|
||||
}
|
||||
|
||||
.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus, .cmplz-wp-video .cmplz-custom-accept-btn:focus {
|
||||
border: 1px dotted #cecece;
|
||||
}
|
||||
|
||||
.cmplz-blocked-content-container .cmplz-blocked-content-notice, .cmplz-wp-video .cmplz-blocked-content-notice {
|
||||
white-space: normal;
|
||||
text-transform: initial;
|
||||
position: absolute !important;
|
||||
width: 100%;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
max-width: 300px;
|
||||
font-size: 14px;
|
||||
padding: 10px;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
/* Black background with opacity */
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
/*make sure the container is on top of the iframe, but below our cookie notice */
|
||||
z-index: 98;
|
||||
/*We need some lineheight, for example Elementor will force a lineheight of 0*/
|
||||
line-height: 23px;
|
||||
}
|
||||
|
||||
.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links, .cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links {
|
||||
display: block;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a, .cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body, .cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cmplz-blocked-content-container div div {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cmplz-wp-video .cmplz-placeholder-element {
|
||||
width: 100%;
|
||||
height: inherit;
|
||||
}
|
||||
|
||||
@keyframes cmplz-fadein {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user