You are here

Home » API reference » General Data Protection Regulation Compliance 8

gdpr-popup.css in General Data Protection Regulation Compliance 8 

#gdpr-popup {
  display: none;
  width: 100%;
  padding-top: 7px;
  background: rgba(17, 87, 204, 0.9);
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99999;
}
#gdpr-popup.top {
  top: 0;
  bottom: auto;
}
#gdpr-popup .gdpr-popup-content {
  max-width: 1140px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
#gdpr-popup .gdpr-popup-content .gdpr-popup-text {
  float: left;
  margin: 5px 0;
  text-align: left;
  max-width: 65%;
  font-size: 13px;
  color: #fff;
}
#gdpr-popup .gdpr-popup-content .gdpr-popup-text.black {
  color: #000000;
}
#gdpr-popup .gdpr-popup-content .gdpr-popup-text p {
  margin-bottom: 0.5em;
}
#gdpr-popup .gdpr-popup-content .gdpr-popup-buttons {
  overflow: hidden;
  text-align: center;
  padding-top: 4px;
  color: #000000;
}
#gdpr-popup .gdpr-popup-content .gdpr-popup-buttons.white {
  color: #ffffff;
}
#gdpr-popup .gdpr-popup-content .gdpr-popup-buttons button {
  margin-top: 11px;
  background: #fde143 none;
  border-radius: 0;
  border: none;
  text-shadow: none;
  box-shadow: none;
  font-weight: 500;
  transition: .2s ease background;
}
#gdpr-popup .gdpr-popup-content .gdpr-popup-buttons button:hover {
  text-decoration: underline;
}

@media (max-width: 1200px) {
  #gdpr-popup .gdpr-popup-content {
    max-width: 960px;
  }
}

@media (max-width: 991px) {
  #gdpr-popup .gdpr-popup-content {
    max-width: 90%;
  }
  #gdpr-popup .gdpr-popup-content .gdpr-popup-text {
    float: inherit;
    text-align: center;
    max-width: 100%;
  }
  #gdpr-popup .gdpr-popup-buttons {
    float: inherit;
    padding-bottom: 14px;
    max-width: 100%;
  }
}

File

assets/css/gdpr-popup.css
View source 
  1. #gdpr-popup {

  2.   display: none;

  3.   width: 100%;

  4.   padding-top: 7px;

  5.   background: rgba(17, 87, 204, 0.9);

  6.   position: fixed;

  7.   left: 0;

  8.   bottom: 0;

  9.   z-index: 99999;

  10. }

  11. #gdpr-popup.top {

  12.   top: 0;

  13.   bottom: auto;

  14. }

  15. #gdpr-popup .gdpr-popup-content {

  16.   max-width: 1140px;

  17.   margin-right: auto;

  18.   margin-left: auto;

  19.   padding-right: 15px;

  20.   padding-left: 15px;

  21. }

  22. #gdpr-popup .gdpr-popup-content .gdpr-popup-text {

  23.   float: left;

  24.   margin: 5px 0;

  25.   text-align: left;

  26.   max-width: 65%;

  27.   font-size: 13px;

  28.   color: #fff;

  29. }

  30. #gdpr-popup .gdpr-popup-content .gdpr-popup-text.black {

  31.   color: #000000;

  32. }

  33. #gdpr-popup .gdpr-popup-content .gdpr-popup-text p {

  34.   margin-bottom: 0.5em;

  35. }

  36. #gdpr-popup .gdpr-popup-content .gdpr-popup-buttons {

  37.   overflow: hidden;

  38.   text-align: center;

  39.   padding-top: 4px;

  40.   color: #000000;

  41. }

  42. #gdpr-popup .gdpr-popup-content .gdpr-popup-buttons.white {

  43.   color: #ffffff;

  44. }

  45. #gdpr-popup .gdpr-popup-content .gdpr-popup-buttons button {

  46.   margin-top: 11px;

  47.   background: #fde143 none;

  48.   border-radius: 0;

  49.   border: none;

  50.   text-shadow: none;

  51.   box-shadow: none;

  52.   font-weight: 500;

  53.   transition: .2s ease background;

  54. }

  55. #gdpr-popup .gdpr-popup-content .gdpr-popup-buttons button:hover {

  56.   text-decoration: underline;

  57. }

  58. 

  59. @media (max-width: 1200px) {

  60.   #gdpr-popup .gdpr-popup-content {

  61.     max-width: 960px;

  62.   }

  63. }

  64. 

  65. @media (max-width: 991px) {

  66.   #gdpr-popup .gdpr-popup-content {

  67.     max-width: 90%;

  68.   }

  69.   #gdpr-popup .gdpr-popup-content .gdpr-popup-text {

  70.     float: inherit;

  71.     text-align: center;

  72.     max-width: 100%;

  73.   }

  74.   #gdpr-popup .gdpr-popup-buttons {

  75.     float: inherit;

  76.     padding-bottom: 14px;

  77.     max-width: 100%;

  78.   }

  79. }