You are here

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

#sliding-popup {
  z-index: 99999;
  text-align: center;
}

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

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

#sliding-popup .popup-content {
  margin: 0 auto;
  max-width: 80%;
  display: inline-block;
  text-align: left;
  width: 100%;
}

#sliding-popup .popup-content #popup-buttons {
  float: right;
  max-width: 40%;
}

#sliding-popup button {
  cursor: pointer;
}

#sliding-popup .popup-content #popup-text {
  float: left;
  max-width: 60%;
}

.eu-cookie-withdraw-tab {
  cursor: pointer;
}

.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);
}

@media screen and (max-width: 600px) {
  #sliding-popup .popup-content {
    max-width: 95%;
  }

  #sliding-popup .popup-content #popup-text {
    max-width: 100%;
  }

  #sliding-popup .popup-content #popup-buttons {
    clear: both;
    float: none;
    max-width: 100%;
  }
}

File

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