Initial commit: Atomaste website

Atomaste Reference/public_html/wp-content/plugins/complianz-gdpr/assets/css/cookieblocker.scss

@@ -0,0 +1,143 @@
+
+
+/**
+* Cookie blocker css
+ */
+
+//this class should not be contained in blocked content container class, to ensure it applies also before the complianz script has added the blocked content class
+.cmplz-video {
+  //prevent theme's from hiding the placeholder image with a background color
+  &.cmplz-iframe-styles {
+	background-color:transparent;
+  }
+  //hide placeholder video
+  &.cmplz-hidden {
+	visibility: hidden !important;
+
+  }
+}
+.cmplz-blocked-content-notice {
+  display: none;
+}
+//set height to inherit, so for example kadence wp or other gutenberg blocks can inherit the height from the parent element
+.cmplz-placeholder-parent {
+  height:inherit;
+}
+//show the notice when the banner is loaded completely
+//it's hidden by default, with an inline css snippet to make sure it's loaded instantly
+.cmplz-optin, .cmplz-optout {
+  .cmplz-blocked-content-container, .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;
+  //Geo My WP integration
+  &.gmw-map-cover {
+	max-height: 100%;
+	position: absolute;
+  }
+  &.cmplz-video-placeholder {
+	padding-bottom: initial;
+  }
+
+  iframe {
+	visibility:hidden;
+	max-height: 100%;
+	border: 0 !important;
+  }
+
+  .cmplz-custom-accept-btn {
+	&:focus {
+	  border: 1px dotted #cecece;
+	}
+
+	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-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-links {
+	  display:block;
+	  margin-bottom:10px;
+	  a {
+	  	color:#fff;
+	  }
+	}
+	.cmplz-blocked-content-notice-body {
+	  display:block;
+	}
+  }
+}
+
+//cannot apply to wp-video as well.
+.cmplz-blocked-content-container {
+  div div {
+	display: none
+  }
+}
+
+//should only apply to wp-video
+.cmplz-wp-video {
+  .cmplz-placeholder-element{
+	width: 100%;
+	height: inherit;
+  }
+}
+
+@keyframes cmplz-fadein {
+  from   {
+	opacity:0;
+  }
+  to {
+	opacity:1;
+  }
+}