You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

115 lines
3.6KB

  1. /* Cookies */
  2. $color-primary-cookies: $orange ;
  3. $font-family-cookies-title: 'FranklinGothic';
  4. $font-family-cookies-text: 'dinbold';
  5. .ch-cookie-consent {
  6. position: fixed;
  7. width: 500px ;
  8. bottom: 20px !important ;
  9. left: 20px !important ;
  10. z-index: 100 ;
  11. padding: 30px ;
  12. background-color: white ;
  13. border: solid 1px #e0e0e0 ;
  14. &.ch-cookie-consent--bottom {
  15. //display: none ;
  16. }
  17. .ch-cookie-consent__title {
  18. font-family: $font-family-cookies-title ;
  19. color: $color-primary-cookies ;
  20. font-size: 25px ;
  21. font-weight: normal ;
  22. margin-bottom: 7px ;
  23. }
  24. .ch-cookie-consent__intro {
  25. margin-bottom: 5px ;
  26. line-height: 20px ;
  27. font-size: 20px;
  28. }
  29. .ch-cookie-consent__read-more {
  30. color: $color-primary-cookies ;
  31. display: none ;
  32. }
  33. form.ch-cookie-consent__form {
  34. margin-top: 20px ;
  35. .ch-cookie-consent__category-group {
  36. .ch-cookie-consent__category {
  37. display: -ms-flexbox;
  38. display: flex;
  39. padding-top: 7px ;
  40. padding-bottom: 7px ;
  41. border: 0px none ;
  42. .ch-cookie-consent__category-toggle {
  43. input {
  44. display: none ;
  45. }
  46. label {
  47. cursor: pointer ;
  48. text-align: center ;
  49. padding: 3px 10px 3px 10px ;
  50. text-transform: uppercase ;
  51. border: solid 1px $color-primary-cookies ;
  52. color: $color-primary-cookies ;
  53. font-size: 13px ;
  54. font-family: $font-family-cookies-text ;
  55. }
  56. input:checked + label,
  57. label:hover {
  58. background: none ;
  59. background-color: $color-primary-cookies;
  60. color: white ;
  61. }
  62. }
  63. .ch-cookie-consent__category-information {
  64. position: relative ;
  65. top: -2px ;
  66. margin-left: 20px ;
  67. .ch-cookie-consent__category-title {
  68. color: $color-primary-cookies ;
  69. font-family: $font-family-cookies-text ;
  70. margin-bottom: 5px ;
  71. }
  72. .ch-cookie-consent__category-description {
  73. color: gray ;
  74. margin-top: 0px ;
  75. font-weight: normal;
  76. font-family: $font-family-cookies-text ;
  77. font-size: 15px;
  78. }
  79. }
  80. }
  81. }
  82. .ch-cookie-consent__btn-group {
  83. margin-top: 15px ;
  84. text-align: left ;
  85. button {
  86. display: block ;
  87. margin: 0px ;
  88. padding: 10px 0px 10px 0px;
  89. cursor: pointer ;
  90. background: none ;
  91. background-color: $color-primary-cookies ;
  92. color: white ;
  93. text-transform: uppercase ;
  94. font-family: $font-family-cookies-title ;
  95. font-weight: normal ;
  96. font-size: 15px ;
  97. border: solid 1px #e0e0e0 ;
  98. width: 100% ;
  99. &:hover {
  100. background-color: white ;
  101. color: $color-primary-cookies !important ;
  102. }
  103. }
  104. }
  105. }
  106. }