You are here

Home » API reference » Cookie Content Blocker 8

cookie-content-blocker.theme.css in Cookie Content Blocker 8

Cookie content blocker basic styling.

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

File

css/cookie-content-blocker.theme.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. }