You are here

Home » API reference » COOKiES Consent Management 1.0.x

cookies.lib.css in COOKiES Consent Management 1.0.x 

.cookies-fallback,
.cookies-fallback * {
  box-sizing: border-box;
}

.cookies-fallback {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 1.25rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #e4e5e6;
  background: #fff url("data:image/svg+xml,") no-repeat 2rem 2rem scroll;
  background-size: 75px auto;
}

.cookies-fallback--btn {
  -webkit-appearance: none;
  outline: none;
  border: 0;
  background-color: #004c93;
  color: #fff;
  text-transform: uppercase;
  padding: 0 2em;
  margin: 1.25rem;
  font-size: 1rem;
  min-height: 3em;
  cursor: pointer;
  z-index: 1;
  opacity: .9;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: all .3s ease;
}

.cookies-fallback--text {
  color: #000f37;
  font-size: 1.125rem;
}

a.cookies-fallback--link {
  font-size: .875rem;
  color: #000f37;
  text-decoration: none;
  border: 0;
}
a.cookies-fallback--link:hover {
  text-decoration: underline;
}

.cookies-fallback--btn:hover {
  opacity: 1;
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.cookies-fallback--wrap.disabled {
  position: relative;
  min-height: 12rem;
}
.cookies-fallback--wrap.disabled .cookies-fallback {
  display: flex;
}
.cookies-fallback--wrap.disabled .cookies-fallback--element {
  opacity: 0;
}

File

css/cookies.lib.css
View source 
  1. .cookies-fallback,

  2. .cookies-fallback * {

  3.   box-sizing: border-box;

  4. }

  5. 

  6. .cookies-fallback {

  7.   display: none;

  8.   position: absolute;

  9.   top: 0;

  10.   left: 0;

  11.   z-index: 1;

  12.   width: 100%;

  13.   height: 100%;

  14.   padding: 1.25rem;

  15.   flex-direction: column;

  16.   align-items: center;

  17.   justify-content: center;

  18.   text-align: center;

  19.   border: 1px solid #e4e5e6;

  20.   background: #fff url("data:image/svg+xml,") no-repeat 2rem 2rem scroll;

  21.   background-size: 75px auto;

  22. }

  23. 

  24. .cookies-fallback--btn {

  25.   -webkit-appearance: none;

  26.   outline: none;

  27.   border: 0;

  28.   background-color: #004c93;

  29.   color: #fff;

  30.   text-transform: uppercase;

  31.   padding: 0 2em;

  32.   margin: 1.25rem;

  33.   font-size: 1rem;

  34.   min-height: 3em;

  35.   cursor: pointer;

  36.   z-index: 1;

  37.   opacity: .9;

  38.   -webkit-transform: scale(1);

  39.   transform: scale(1);

  40.   transition: all .3s ease;

  41. }

  42. 

  43. .cookies-fallback--text {

  44.   color: #000f37;

  45.   font-size: 1.125rem;

  46. }

  47. 

  48. a.cookies-fallback--link {

  49.   font-size: .875rem;

  50.   color: #000f37;

  51.   text-decoration: none;

  52.   border: 0;

  53. }

  54. a.cookies-fallback--link:hover {

  55.   text-decoration: underline;

  56. }

  57. 

  58. .cookies-fallback--btn:hover {

  59.   opacity: 1;

  60.   -webkit-transform: scale(1.02);

  61.   transform: scale(1.02);

  62. }

  63. 

  64. .cookies-fallback--wrap.disabled {

  65.   position: relative;

  66.   min-height: 12rem;

  67. }

  68. .cookies-fallback--wrap.disabled .cookies-fallback {

  69.   display: flex;

  70. }

  71. .cookies-fallback--wrap.disabled .cookies-fallback--element {

  72.   opacity: 0;

  73. }