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 |