UNPKG

4.23 kBCSSView Raw
1#cookie-bar {
2 font-size: 13px;
3}
4#cookie-bar-prompt-content {
5 font-size: 13px;
6 max-height: 85vh;
7}
8#cookie-bar-browsers a {
9 width: 60px;
10}
11@media only screen and (max-device-width: 800px) {
12 #cookie-bar {
13 font-size: 12px;
14 }
15 #cookie-bar-prompt-content {
16 font-size: 11px;
17 max-height: 80vh;
18 }
19 #cookie-bar-browsers a {
20 width: 50px;
21 }
22}
23
24
25
26#cookie-bar-prompt-content, #cookie-bar {
27 color: #000;
28 font-weight: bold;
29 font-family: Arial, Helvetica, sans-serif;
30}
31
32#cookie-bar {
33 background: #f5f5f5;
34 border-top: 4px solid #333;
35 left: 0;
36 line-height: 1.5;
37 margin: 0;
38 padding: 3px;
39 position: fixed;
40 width: 100%;
41 z-index: 9999;
42}
43
44#cookie-bar-prompt {
45 background: #000;
46 background: rgba(0,0,0,0.7);
47 height: 100%;
48 left: 0;
49 line-height: 1.5;
50 position: fixed;
51 top: 0;
52 width: 100%;
53 z-index: 9998;
54}
55
56#cookie-bar *,
57#cookie-bar-prompt * {
58 margin: 0;
59 padding: 0;
60 line-height: 1.5;
61}
62
63#cookie-bar p {
64 float: left;
65 margin: 4px 0 0 20px;
66 padding: 0;
67}
68
69#cookie-bar-prompt p {
70}
71
72#cookie-bar-button {
73 background-color: #1FAE16;
74 color: #FFF !important;
75 cursor: pointer;
76 display: inline-block;
77 float: right;
78 font-weight: bold;
79 line-height: 1;
80 margin-right: 20px;
81 margin-top: 2px;
82 padding: 5px 10px 6px;
83 position: relative;
84 text-decoration: none;
85}
86
87#cookie-bar-button-no {
88 background-color: #D02828;
89 color: #FFF!important;
90 cursor: pointer;
91 display: inline-block;
92 float: right;
93 font-weight: bold;
94 line-height: 1;
95 margin-right: 20px;
96 margin-top: 2px;
97 padding: 5px 10px 6px;
98 position: relative;
99 text-decoration: none;
100}
101
102
103#cookie-bar-prompt a {
104 cursor: pointer;
105}
106#cookie-bar-prompt hr {
107 background: #FFF;
108 border: none;
109 height: 1px;
110 margin: 0.7em 0 1em;
111}
112
113#cookie-bar-prompt-content::-webkit-scrollbar-track {
114 background-color: #45484D;
115}
116
117#cookie-bar-prompt-content::-webkit-scrollbar {
118 width: 15px;
119}
120
121#cookie-bar-prompt-content::-webkit-scrollbar-thumb {
122 box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
123 background-color: #EEE;
124 background-color: rgba(255,255,255,0.3);
125}
126
127#cookie-bar-prompt-content a, #cookie-bar a, #cookie-bar-prompt-content span {
128 color: #9B1A1A;
129 text-decoration: none;
130}
131
132#cookie-bar-prompt-content a:hover, #cookie-bar a:hover {
133 color: #9B1A1A;
134 text-decoration: underline;
135}
136
137#cookie-bar-prompt-close {
138 background: url(x.png) no-repeat;
139 display: block;
140 float: right;
141 height: 14px;
142 width: 14px;
143}
144
145#cookie-bar-prompt-logo {
146 background: url(logo.png) no-repeat;
147 display: block;
148 float: left;
149 height: 42px;
150 width: 190px;
151}
152
153#cookie-bar-prompt-close span, #cookie-bar-prompt-logo span {
154 display: none;
155}
156
157#cookie-bar-prompt-button {
158 cursor: pointer;
159}
160
161#cookie-bar-prompt-content {
162 background: #aaa;
163 border: 2px solid #333;
164 margin: 0 auto;
165 max-width: 98%;
166 overflow: auto;
167 padding: 25px;
168 position: relative;
169 top: 5%;
170 width: 600px;
171 z-index: 9998;
172}
173#cookie-bar-thirdparty {
174 display: none;
175}
176#cookie-bar-tracking {
177 display: none;
178}
179#cookie-bar-scrolling {
180 display: none;
181}
182#cookie-bar-privacy-page {
183 display: none;
184}
185#cookie-bar-browsers a {
186 display: inline-block;
187 height: 53px;
188 margin: 0;
189 padding: 0;
190 position: relative;
191}
192#cookie-bar-browsers a span {
193 background: #555;
194 border-radius: 2px;
195 color: #000 !important;
196 display: none;
197 left: -10px;
198 opacity: 1;
199 padding: 3px 10px;
200 position: absolute;
201 text-align: center;
202 top: 60px;
203 width: 150px;
204}
205#cookie-bar-browsers .chrome {
206 background: url(browsers/chrome.png) no-repeat;
207}
208#cookie-bar-browsers .firefox {
209 background: url(browsers/firefox.png) no-repeat;
210}
211#cookie-bar-browsers .ie {
212 background: url(browsers/ie.png) no-repeat;
213}
214#cookie-bar-browsers .opera {
215 background: url(browsers/opera.png) no-repeat;
216}
217#cookie-bar-browsers .safari {
218 background: url(browsers/safari.png) no-repeat;
219}
220
221#cookie-bar-browsers a:hover span {
222 display: block;
223}
224.clear {
225 clear: both;
226}
\No newline at end of file