You are here

eu_cookie_compliance.bare.css in EU Cookie Compliance (GDPR Compliance) 8

.sliding-popup-bottom,
.sliding-popup-top {
  z-index: 99999;
  text-align: center;
}

.sliding-popup-bottom {
  position: fixed;
}

.sliding-popup-top {
  position: relative;
}

.eu-cookie-compliance-content {
  margin: 0 auto;
  max-width: 80%;
  display: inline-block;
  text-align: left;
  width: 100%;
}

.eu-cookie-compliance-buttons {
  float: right; /* LTR */
  max-width: 40%;
}

[dir="rtl"] .eu-cookie-compliance-buttons {
  float: left;
}

.eu-cookie-compliance-default-button,
.eu-cookie-compliance-secondary-button,
.eu-cookie-compliance-more-button,
.eu-cookie-compliance-hide-button,
.eu-cookie-withdraw-tab {
  cursor: pointer;
}

.eu-cookie-compliance-message {
  float: left; /* LTR */
  max-width: 60%;
}

.eu-cookie-withdraw-wrapper.sliding-popup-top,
.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-banner {
  transform: scaleY(-1);
}

.eu-cookie-withdraw-tab {
  position: absolute;
  top: 0;
  transform: translate(-50%, -100%);
  left: 50%;
}

.eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-tab {
  transform: translate(-50%, -100%) scaleY(-1);
}

[dir="rtl"] .eu-cookie-compliance-message {
  float: right;
  text-align: right;
}

@media screen and (max-width: 600px) {
  .eu-cookie-compliance-content {
    max-width: 95%;
  }

  .eu-cookie-compliance-message {
    max-width: 100%;
  }

  .eu-cookie-compliance-buttons {
    clear: both;
    float: none;
    max-width: 100%;
  }
}

File

css/eu_cookie_compliance.bare.css
View source
  1. .sliding-popup-bottom,
  2. .sliding-popup-top {
  3. z-index: 99999;
  4. text-align: center;
  5. }
  6. .sliding-popup-bottom {
  7. position: fixed;
  8. }
  9. .sliding-popup-top {
  10. position: relative;
  11. }
  12. .eu-cookie-compliance-content {
  13. margin: 0 auto;
  14. max-width: 80%;
  15. display: inline-block;
  16. text-align: left;
  17. width: 100%;
  18. }
  19. .eu-cookie-compliance-buttons {
  20. float: right; /* LTR */
  21. max-width: 40%;
  22. }
  23. [dir="rtl"] .eu-cookie-compliance-buttons {
  24. float: left;
  25. }
  26. .eu-cookie-compliance-default-button,
  27. .eu-cookie-compliance-secondary-button,
  28. .eu-cookie-compliance-more-button,
  29. .eu-cookie-compliance-hide-button,
  30. .eu-cookie-withdraw-tab {
  31. cursor: pointer;
  32. }
  33. .eu-cookie-compliance-message {
  34. float: left; /* LTR */
  35. max-width: 60%;
  36. }
  37. .eu-cookie-withdraw-wrapper.sliding-popup-top,
  38. .eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-banner {
  39. transform: scaleY(-1);
  40. }
  41. .eu-cookie-withdraw-tab {
  42. position: absolute;
  43. top: 0;
  44. transform: translate(-50%, -100%);
  45. left: 50%;
  46. }
  47. .eu-cookie-withdraw-wrapper.sliding-popup-top .eu-cookie-withdraw-tab {
  48. transform: translate(-50%, -100%) scaleY(-1);
  49. }
  50. [dir="rtl"] .eu-cookie-compliance-message {
  51. float: right;
  52. text-align: right;
  53. }
  54. @media screen and (max-width: 600px) {
  55. .eu-cookie-compliance-content {
  56. max-width: 95%;
  57. }
  58. .eu-cookie-compliance-message {
  59. max-width: 100%;
  60. }
  61. .eu-cookie-compliance-buttons {
  62. clear: both;
  63. float: none;
  64. max-width: 100%;
  65. }
  66. }