Skip to content

Commit 5100fdb

Browse files
committed
Fix cookie banner styles
1 parent 2c73c8b commit 5100fdb

File tree

1 file changed

+23
-56
lines changed

1 file changed

+23
-56
lines changed

src/css/iubenda.css

Lines changed: 23 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -1,86 +1,53 @@
1-
#iubenda-cs-banner.iubenda-cs-branded {
2-
font-size: 13px !important;
3-
}
4-
5-
#iubenda-cs-banner.iubenda-cs-branded [class*=" iub"],
6-
#iubenda-cs-banner.iubenda-cs-branded [class^=iub],
7-
#iubenda-cs-banner.iubenda-cs-branded .iubenda-banner-content:not(.iubenda-custom-content) * {
1+
#iubenda-cs-banner .iubenda-cs-container [class*=" iub"],
2+
#iubenda-cs-banner .iubenda-cs-container [class^=iub],
3+
#iubenda-cs-banner .iubenda-cs-container .iubenda-banner-content:not(.iubenda-custom-content) * {
84
font-family: "Martian Grotesk", sans-serif !important;
95
}
106

11-
#iubenda-cs-banner.iubenda-cs-branded .iubenda-cs-brand {
12-
display: none !important;
13-
}
14-
15-
#iubenda-cs-banner.iubenda-cs-branded .iub-p {
7+
#iubenda-cs-banner .iubenda-cs-container .iub-p {
168
padding-bottom: 4px !important;
179
}
1810

19-
#iubenda-cs-banner.iubenda-cs-branded .iubenda-cs-content {
11+
#iubenda-cs-banner .iubenda-cs-container .iubenda-cs-content {
2012
border: 1px solid rgba(255, 255, 255, 0.8) !important;
21-
border-radius: 0 !important;
2213
}
2314

24-
#iubenda-cs-banner.iubenda-cs-branded .iubenda-banner-content a,
25-
#iubenda-cs-banner.iubenda-cs-branded .iubenda-banner-content button {
15+
#iubenda-cs-banner .iubenda-cs-container #iubenda-cs-paragraph.iubenda-cs-small-margin-top {
16+
margin-top: 0 !important;
17+
}
18+
19+
#iubenda-cs-banner .iubenda-cs-container .iubenda-banner-content a,
20+
#iubenda-cs-banner .iubenda-cs-container .iubenda-banner-content button {
2621
color: #40a6ff !important;
2722
text-decoration: none !important;
2823
opacity: 1 !important;
2924
}
3025

31-
#iubenda-cs-banner.iubenda-cs-branded .iubenda-banner-content a:hover,
32-
#iubenda-cs-banner.iubenda-cs-branded .iubenda-banner-content button:hover {
26+
#iubenda-cs-banner .iubenda-cs-container .iubenda-banner-content a:hover,
27+
#iubenda-cs-banner .iubenda-cs-container .iubenda-banner-content button:hover {
3328
text-decoration: underline !important;
3429
}
3530

36-
#iubenda-cs-banner.iubenda-cs-branded .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked,
37-
#iubenda-cs-banner.iubenda-cs-branded .iub-toggle-checkbox input.style1:checked {
38-
background-color: #5db200(--kermit-green) !important;
31+
#iubenda-cs-banner .iubenda-cs-container .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked,
32+
#iubenda-cs-banner .iubenda-cs-container .iub-toggle-checkbox input.style1:checked {
33+
background-color: #5db200 !important;
3934
}
4035

41-
#iubenda-cs-banner.iubenda-cs-branded .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked[value=partial],
42-
#iubenda-cs-banner.iubenda-cs-branded .iub-toggle-checkbox input.style1:checked.half,
43-
#iubenda-cs-banner.iubenda-cs-branded .iub-toggle-checkbox input.style1:checked[value=partial] {
36+
#iubenda-cs-banner .iubenda-cs-container .iubenda-granular-controls-container .granular-control-checkbox input.style1:checked[value=partial],
37+
#iubenda-cs-banner .iubenda-cs-container .iub-toggle-checkbox input.style1:checked.half,
38+
#iubenda-cs-banner .iubenda-cs-container .iub-toggle-checkbox input.style1:checked[value=partial] {
4439
background-color: #ffc600 !important;
4540
}
4641

47-
#iubenda-iframe.iubenda-iframe-branded * {
42+
#iubenda-iframe #iubenda-iframe-content * {
4843
font-family: "Martian Grotesk", sans-serif !important;
4944
}
5045

51-
#iubenda-iframe.iubenda-iframe-branded .purposes-header-title {
52-
font-size: 32px !important;
53-
font-weight: 800 !important;
54-
font-variation-settings: 'wght' 800 !important;
55-
font-stretch: expanded !important;
56-
}
57-
58-
#iubenda-iframe.iubenda-iframe-branded .purposes-header-text {
59-
font-size: 15px !important;
60-
font-weight: 300 !important;
61-
font-variation-settings: 'wght' 300 !important;
62-
line-height: 20px;
63-
}
64-
65-
#iubenda-iframe.iubenda-iframe-branded .iubenda-iframe-footer {
66-
box-shadow: none !important;
67-
border-top: 1px solid rgba(0, 0, 0, .075) !important;
68-
}
69-
70-
#iubenda-iframe.iubenda-iframe-branded .iub-toggle-checkbox input.style1:checked {
46+
#iubenda-iframe #iubenda-iframe-content .iub-toggle-checkbox input.style1:checked {
7147
background-color: #5db200 !important;
7248
}
7349

74-
#iubenda-iframe.iubenda-iframe-branded .iub-toggle-checkbox input.style1:checked.half,
75-
#iubenda-iframe.iubenda-iframe-branded .iub-toggle-checkbox input.style1:checked[value=partial] {
50+
#iubenda-iframe #iubenda-iframe-content .iub-toggle-checkbox input.style1:checked.half,
51+
#iubenda-iframe #iubenda-iframe-content .iub-toggle-checkbox input.style1:checked[value=partial] {
7652
background-color: #ffc600 !important;
7753
}
78-
79-
#iubenda-iframe.iubenda-iframe-branded .iub-btn {
80-
border-radius: 0 !important;
81-
}
82-
83-
#iubenda-iframe.iubenda-iframe-branded #iubFooterBtnContainer button {
84-
border-radius: 0 !important;
85-
background-color: #177bd3 !important;
86-
}

0 commit comments

Comments
 (0)