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