You are here

cookie-content-blocker.css in Cookie Content Blocker 7

Cookie content blocker basic styling.

Basic styling for the Cookie content blocker, this styling is very basic and easy to override.

File

theme/cookie-content-blocker.css
View source
  1. /**
  2. * @file
  3. * Cookie content blocker basic styling.
  4. *
  5. * Basic styling for the Cookie content blocker, this styling is very basic and easy to override.
  6. */
  7. .cookie-content-blocker__message-wrapper {
  8. padding: 20px;
  9. border: 1px solid #ddd;
  10. background: #eee;
  11. }
  12. .cookie-content-blocker__message {
  13. margin-bottom: 15px;
  14. }
  15. .cookie-content-blocker__message:last-child {
  16. margin-bottom: 0;
  17. }
  18. .cookie-content-blocker__button {
  19. display: block;
  20. padding: 10px;
  21. background: #999;
  22. color: #fff;
  23. cursor: pointer;
  24. }
  25. .cookie-content-blocker--click-consent-change .cookie-content-blocker__message-wrapper {
  26. cursor: pointer;
  27. }
  28. .cookie-content-blocker--click-consent-change .cookie-content-blocker__message-wrapper:hover {
  29. border-color: #bbb;
  30. }