Skip to content

Commit 009ee7f

Browse files
jan-simsa-mangopayjan-simsa-mangopay
committed
added one trust script
1 parent b2ed948 commit 009ee7f

File tree

2 files changed

+238
-0
lines changed

2 files changed

+238
-0
lines changed

‎_cookie-banner.css

+232
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,232 @@
1+
/* OneTrust Cookie custom styles */
2+
@media (min-width: 600px) {
3+
#onetrust-button-group {
4+
display: flex !important;
5+
justify-content: space-between !important;
6+
}
7+
}
8+
@media (min-width: 600px) {
9+
#onetrust-button-group .banner-actions-container {
10+
display: flex !important;
11+
flex-direction: row-reverse !important;
12+
}
13+
}
14+
@media (min-width: 600px) {
15+
#onetrust-button-group button {
16+
margin-right: 12px !important;
17+
}
18+
}
19+
#onetrust-pc-btn-handler, #onetrust-reject-all-handler, #onetrust-accept-btn-handler, .ot-pc-refuse-all-handler, .save-preference-btn-handler, #accept-recommended-btn-handler {
20+
border-radius: 60px !important;
21+
font-size: 12px !important;
22+
font-weight: 600 !important;
23+
transition: 0.2s;
24+
min-width: 0 !important;
25+
letter-spacing: normal;
26+
}
27+
#onetrust-reject-all-handler, .ot-pc-refuse-all-handler {
28+
border: 1px solid #e0dbe1 !important;
29+
color: #2d0f37 !important;
30+
background-color: transparent !important;
31+
padding: 10px 24px !important;
32+
}
33+
#onetrust-reject-all-handler:hover, .ot-pc-refuse-all-handler:hover, #onetrust-reject-all-handler:focus, .ot-pc-refuse-all-handler:focus {
34+
border-color: #fcb069 !important;
35+
background-color: #fcb069 !important;
36+
opacity: 1 !important;
37+
}
38+
#onetrust-accept-btn-handler, .save-preference-btn-handler, #accept-recommended-btn-handler {
39+
background: #2d0f37 !important;
40+
border: 1px solid #2d0f37 !important;
41+
color: #fcb069 !important;
42+
padding: 10px 24px !important;
43+
}
44+
#onetrust-accept-btn-handler:hover, .save-preference-btn-handler:hover, #accept-recommended-btn-handler:hover, #onetrust-accept-btn-handler:focus, .save-preference-btn-handler:focus, #accept-recommended-btn-handler:focus {
45+
border-color: #fcb069 !important;
46+
background-color: #fcb069 !important;
47+
color: #2d0f37 !important;
48+
opacity: 1 !important;
49+
}
50+
#onetrust-pc-btn-handler {
51+
border: none !important;
52+
color: #2d0f37 !important;
53+
background-color: transparent !important;
54+
padding: 10px 0 !important;
55+
}
56+
#onetrust-pc-btn-handler:hover, #onetrust-pc-btn-handler:focus {
57+
color: #e39e5f !important;
58+
opacity: 1 !important;
59+
}
60+
#onetrust-consent-sdk #onetrust-pc-sdk div.ot-always-active {
61+
color: #fcb069 !important;
62+
}
63+
#onetrust-consent-sdk #onetrust-pc-sdk .category-menu-switch-handler h3 {
64+
transition: 0.2s;
65+
}
66+
#onetrust-consent-sdk #onetrust-pc-sdk .category-menu-switch-handler:hover h3 {
67+
color: #fcb069;
68+
}
69+
#onetrust-consent-sdk #onetrust-pc-sdk, #onetrust-consent-sdk #onetrust-banner-sdk {
70+
border-radius: 16px !important;
71+
}
72+
#onetrust-consent-sdk #onetrust-pc-sdk p, #onetrust-consent-sdk #onetrust-banner-sdk p {
73+
color: #2d0c2d !important;
74+
}
75+
#onetrust-consent-sdk #onetrust-pc-sdk *:focus, #onetrust-consent-sdk #onetrust-banner-sdk *:focus {
76+
outline: none !important;
77+
}
78+
#onetrust-consent-sdk #onetrust-pc-sdk:focus, #onetrust-consent-sdk #onetrust-banner-sdk:focus {
79+
outline: none !important;
80+
}
81+
#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link {
82+
color: #2d0f37 !important;
83+
text-decoration: underline !important;
84+
transition: 0.2s;
85+
}
86+
#onetrust-consent-sdk #onetrust-pc-sdk .privacy-notice-link:hover {
87+
color: #e39e5f !important;
88+
text-decoration: underline !important;
89+
}
90+
#onetrust-consent-sdk #onetrust-pc-sdk .ot-active-menu {
91+
border-color: #fcb069 !important;
92+
}
93+
#onetrust-consent-sdk #onetrust-banner-sdk {
94+
box-shadow: none !important;
95+
background-color: #f5f3f5 !important;
96+
}
97+
@media (min-width: 600px) {
98+
#onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded {
99+
top: auto !important;
100+
bottom: 24px !important;
101+
}
102+
}
103+
#onetrust-consent-sdk #onetrust-banner-sdk #onetrust-policy-text {
104+
font-size: 14px !important;
105+
line-height: 24px !important;
106+
}
107+
#onetrust-consent-sdk #onetrust-banner-sdk a[href] {
108+
color: #2d0f37 !important;
109+
text-decoration: underline !important;
110+
transition: 0.2s;
111+
font-weight: 400 !important;
112+
}
113+
#onetrust-consent-sdk #onetrust-banner-sdk a[href]:hover {
114+
color: #e39e5f !important;
115+
text-decoration: underline !important;
116+
}
117+
#onetrust-consent-sdk #onetrust-banner-sdk.ot-bnr-w-logo #onetrust-policy {
118+
margin-top: 30px !important;
119+
}
120+
#onetrust-consent-sdk #onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo {
121+
margin-left: 0.875rem !important;
122+
}
123+
@media (min-width: 601px) {
124+
#onetrust-consent-sdk #onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo {
125+
margin-left: 1.375rem !important;
126+
}
127+
}
128+
@media (min-width: 600px) {
129+
#onetrust-consent-sdk #onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo {
130+
margin-left: 1.5rem !important;
131+
}
132+
}
133+
#onetrust-consent-sdk .ot-bnr-logo {
134+
display: none !important;
135+
}
136+
#onetrust-consent-sdk #onetrust-pc-sdk {
137+
overflow: hidden !important;
138+
background: #f9f8f9 !important;
139+
box-shadow: 0px 8px 12px rgba(45, 12, 45, 0.05), 0px -2px 4px rgba(45, 12, 45, 0.02), 0px 2px 4px rgba(0, 0, 0, 0.05) !important;
140+
}
141+
#onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-footer-logo {
142+
display: none !important;
143+
}
144+
#onetrust-consent-sdk #onetrust-pc-sdk .save-preference-btn-handler, #onetrust-consent-sdk #onetrust-pc-sdk .ot-pc-refuse-all-handler, #onetrust-consent-sdk #onetrust-pc-sdk #accept-recommended-btn-handler {
145+
border-radius: 1.38rem !important;
146+
}
147+
#onetrust-consent-sdk #onetrust-pc-sdk .ot-always-active {
148+
color: #ee725b !important;
149+
}
150+
#onetrust-consent-sdk #onetrust-pc-sdk .ot-sdk-container {
151+
border-radius: 0 !important;
152+
}
153+
#onetrust-consent-sdk #onetrust-pc-sdk #ot-pc-desc br {
154+
display: none;
155+
}
156+
/* OneTrust Cookie settings button */
157+
.footer-ot-cookie-settings-btn .ot-sdk-show-settings, .legal-page .ot-sdk-show-settings {
158+
border: none !important;
159+
padding: 0 !important;
160+
}
161+
.footer-ot-cookie-settings-btn .ot-sdk-show-settings:hover, .legal-page .ot-sdk-show-settings:hover {
162+
background-color: transparent !important;
163+
}
164+
.legal-page .ot-sdk-show-settings {
165+
color: #ee725b !important;
166+
font-size: inherit !important;
167+
}
168+
.legal-page .ot-sdk-show-settings:hover {
169+
color: #ee725b !important;
170+
}
171+
/* Cookie list */
172+
#ot-sdk-cookie-policy .ot-sdk-cookie-policy.ot-sdk-container {
173+
box-shadow: none !important;
174+
}
175+
#ot-sdk-cookie-policy .ot-sdk-cookie-policy.ot-sdk-container * {
176+
color: #2d0c2d !important;
177+
}
178+
#ot-sdk-cookie-policy .ot-sdk-cookie-policy.ot-sdk-container a {
179+
text-decoration: none !important;
180+
background-color: transparent !important;
181+
color: #ee725b !important;
182+
}
183+
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p {
184+
font-size: 1.25rem !important;
185+
}
186+
@media only screen and (min-width: 768px) {
187+
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h5, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy h6, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p {
188+
font-size: 1.25rem !important;
189+
line-height: 2rem !important;
190+
}
191+
}
192+
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
193+
font-size: 0.9rem !important;
194+
}
195+
@media only screen and (min-width: 768px) {
196+
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
197+
font-size: 1.25rem !important;
198+
line-height: 2rem !important;
199+
}
200+
}
201+
@media only screen and (max-width: 720px) {
202+
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy thead, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tbody, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy tr {
203+
display: block !important;
204+
}
205+
}
206+
@media only screen and (min-width: 720px) {
207+
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy th, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
208+
max-width: 200px;
209+
}
210+
}
211+
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-host, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-cookies-type {
212+
width: auto !important;
213+
}
214+
@media only screen and (min-width: 720px) {
215+
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-host, #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table .ot-cookies-type {
216+
width: 25% !important;
217+
}
218+
}
219+
@media only screen and (min-width: 400px) {
220+
#onetrust-banner-sdk .ot-sdk-container, #onetrust-pc-sdk .ot-sdk-container, #ot-sdk-cookie-policy .ot-sdk-container {
221+
width: 100% !important;
222+
}
223+
}
224+
.cookie-page a {
225+
display: inline-block;
226+
word-wrap: break-word;
227+
max-width: 100% !important;
228+
}
229+
.cookie-page table .ot-host-td {
230+
word-wrap: break-word !important;
231+
}
232+

‎script.js

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
var scriptOneTrust = document.createElement("script");
2+
scriptOneTrust.src =
3+
"https://cdn.cookielaw.org/consent/9c2762b8-cb60-49d7-a1da-54467f8558c2/otSDKStub.js";
4+
scriptOneTrust.type = "text/javascript";
5+
scriptOneTrust.setAttribute("data-domain-script", "9c2762b8-cb60-49d7-a1da-54467f8558c2");
6+
document.head.appendChild(scriptOneTrust);

0 commit comments

Comments
 (0)