您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符

114 行
3.5KB

  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. }