Updated to Drupal 8.5. Core Media not yet in use.

[yaffs-website] / web / modules / contrib / eu_cookie_compliance / css / eu_cookie_compliance.css

diff --git a/web/modules/contrib/eu_cookie_compliance/css/eu_cookie_compliance.css b/web/modules/contrib/eu_cookie_compliance/css/eu_cookie_compliance.css
index a3f8733e2c704f9666c5c6294607688098911ace..e80940a5a69631f38a2b27684f60002b05123fbc 100644 (file)
--- a/web/modules/contrib/eu_cookie_compliance/css/eu_cookie_compliance.css
+++ b/web/modules/contrib/eu_cookie_compliance/css/eu_cookie_compliance.css
@@ -1,117 +1,149 @@
 #sliding-popup {
-  display: block;
+  background: url('../images/gradient.png') center center scroll repeat-y transparent;
+}
+
+.sliding-popup-bottom,
+.sliding-popup-top {
   margin: 0;
-  padding: 0px;
-  right: 0;
-  text-align: center;
+  padding: 0;
   width: 100%;
   z-index: 99999;
+  left: 0;
+  text-align: center;
 }
 
 .sliding-popup-bottom {
-  background: url('../images/gradient.png') center center scroll repeat-y transparent;
   position: fixed;
 }
 
 .sliding-popup-top {
-  background-color: #000;
   position: relative;
 }
 
-#sliding-popup .popup-content {
-  background-color: transparent;
-  border: 0 none;
-  display: block;
+.eu-cookie-compliance-content {
   margin: 0 auto;
-  padding: 0;
   max-width: 80%;
+  display: inline-block;
+  text-align: left;
+  width: 100%;
 }
 
-#sliding-popup .popup-content #popup-buttons {
-  float: right;
-  margin: 0;
+.eu-cookie-compliance-buttons {
+  float: right; /* LTR */
+  margin: 0 0 1em 0;
   max-width: 40%;
 }
 
-#sliding-popup .popup-content #popup-buttons button {
+[dir="rtl"] .eu-cookie-compliance-buttons {
+  float: left;
+}
+
+.eu-cookie-compliance-agree-button,
+.eu-cookie-compliance-more-button,
+.eu-cookie-compliance-hide-button {
   cursor: pointer;
-  display: inline;
   margin-right: 5px;
   margin-top: 1em;
   vertical-align: middle;
   overflow: visible;
   width: auto;
-
-  -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
-  -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
-  box-shadow:inset 0px 1px 0px 0px #ffffff;
-  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
-  background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
-  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
-  background-color:#ededed;
-  -moz-border-radius:6px;
-  -webkit-border-radius:6px;
-  border-radius:6px;
-  border:1px solid #dcdcdc;
-  display:inline-block;
-  color:#000;
-  font-family:arial;
-  font-weight:bold;
-  padding:4px 8px;
-  text-decoration:none;
-  text-shadow:1px 1px 0px #ffffff;
-}
-
-#sliding-popup .popup-content #popup-buttons button:hover {
-  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
-  background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
-  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
-  background-color:#dfdfdf;
-}
-
-#sliding-popup .popup-content #popup-buttons button:active {
-  position:relative;
-  top:1px;
-}
-
-#sliding-popup .popup-content #popup-text {
-  color: #fff;
-  float: left;
+  -moz-box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
+  -webkit-box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
+  box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
+  background-color: #ededed;
+  background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
+  background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
+  background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
+  background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
+  background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
+  -moz-border-radius: 6px;
+  -webkit-border-radius: 6px;
+  border-radius: 6px;
+  border: 1px solid #dcdcdc;
+  color: #000;
+  font-family: Arial, sans-serif;
   font-weight: bold;
-  margin: 5px 0;
-  text-align: left;
+  padding: 4px 8px;
+  text-decoration: none;
+  text-shadow: 1px 1px 0 #ffffff;
+}
+
+[dir="rtl"] .eu-cookie-compliance-buttons button {
+  -moz-box-shadow: inset 0 0 0 1px #ffffff;
+  -webkit-box-shadow: inset 0 0 0 1px #ffffff;
+  box-shadow: inset 0 0 0 1px #ffffff;
+}
+
+.eu-cookie-compliance-agree-button:hover,
+.eu-cookie-compliance-more-button:hover,
+.eu-cookie-compliance-hide-button:hover {
+  background-color: #dfdfdf;
+  background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed));
+  background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
+  background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
+  background-image: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
+  background-image: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
+}
+
+.eu-cookie-compliance-agree-button:active,
+.eu-cookie-compliance-more-button:active,
+.eu-cookie-compliance-hide-button:active {
+  position: relative;
+  top: 1px;
+}
+
+.eu-cookie-compliance-message {
+  float: left; /* LTR */
+  margin: 5px 0 0;
   max-width: 60%;
 }
 
-#sliding-popup .popup-content #popup-text h2,
-#sliding-popup .popup-content #popup-text p {
+[dir="rtl"] .eu-cookie-compliance-message {
+  float: right;
+  text-align: right;
+}
+
+.eu-cookie-compliance-message h1,
+.eu-cookie-compliance-message h2,
+.eu-cookie-compliance-message h3,
+.eu-cookie-compliance-message p {
   color: #fff;
-  display: block;
-  font-size: 16px;
   font-weight: bold;
   line-height: 1.4;
   margin: 0 0 5px 0;
 }
 
-#sliding-popup .popup-content #popup-text p {
+.eu-cookie-compliance-message h1 {
+  font-size: 24px;
+}
+
+.eu-cookie-compliance-message h2 {
+  font-size: 16px;
+}
+
+.eu-cookie-compliance-message h3 {
+  font-size: 12px;
+}
+
+.eu-cookie-compliance-message p {
   font-size: 12px;
 }
 
 @media screen and (max-width: 600px) {
-  #sliding-popup .popup-content {
+  .eu-cookie-compliance-content {
     max-width: 95%;
   }
 
-  #sliding-popup .popup-content #popup-text {
+  .eu-cookie-compliance-message {
     max-width: 100%;
   }
 
-  #sliding-popup .popup-content #popup-buttons {
+  .eu-cookie-compliance-buttons {
+    clear: both;
     float: none;
-    margin: 5px 0;
     max-width: 100%;
-  }
-  #sliding-popup .popup-content #popup-buttons button {
-    margin-bottom: 1em;
+    margin: 5px 0 1em;
   }
 }