1 |
|
---|
2 | /* secondary color: #12264A */
|
---|
3 | /* banner top: #F4F4F4 */
|
---|
4 |
|
---|
5 | /*
|
---|
6 | Headings:
|
---|
7 |
|
---|
8 | font-family: 'Oswald', Arial;
|
---|
9 | font-style: normal;
|
---|
10 | font-weight: normal;
|
---|
11 |
|
---|
12 | Body:
|
---|
13 | font-family: Roboto;
|
---|
14 | font-size: 18px;
|
---|
15 | */
|
---|
16 |
|
---|
17 | :root {
|
---|
18 | --gs-primary-fg: #ffffff;
|
---|
19 | /* --gs-primary-fg: hsl(46, 100%, 49%); &/ /* #FCC100 */
|
---|
20 |
|
---|
21 | /* --gs-primary-bg: hsl(284, 84%, 20%); */
|
---|
22 | /*--gs-primary-bg: hsl(46, 100%, 49%);*/ /* #FCC100 */
|
---|
23 | --gs-primary-bg: hsl(219, 61%, 18%); /* #12264A */
|
---|
24 | --gs-primary-bg-blue: hsl(219, 61%, 18%); /* #12264A */
|
---|
25 |
|
---|
26 | /*--gs-primary-bg: hsl( 0, 0%, 96%);*/ /* #F4F4F4 */
|
---|
27 |
|
---|
28 | /*
|
---|
29 | --gs-primary-border: hsl(46, 88%, 35%);
|
---|
30 | --gs-primary-hover-bg: hsl(46, 100%, 58%);
|
---|
31 | */
|
---|
32 |
|
---|
33 | --gs-primary-border: hsl(219, 40%, 10%);
|
---|
34 | --gs-primary-hover-bg: hsl(219, 61%, 25%); /* was 295 rather then 284 */
|
---|
35 |
|
---|
36 |
|
---|
37 |
|
---|
38 | --gs-secondary-bg: #E7D821;
|
---|
39 | /*--gs-secondary-bg: hsl(46,OD 100%, 49%); */
|
---|
40 | /*--gs-secondary-bg: hsl(219, 60%, 18%);*/ /* was 295, and eurovision-lod had an hsla() alpha val of 0.7 */
|
---|
41 |
|
---|
42 | /* --gs-primary-text-fg: var(--gs-primary-fg); */
|
---|
43 | /*--gs-primary-text-fg: var(--gs-primary-bg); */
|
---|
44 | --gs-primary-text-fg: #000000);
|
---|
45 | /* --gs-tab-bg: var(--gs-primary-bg); */
|
---|
46 | --gs-tab-bg: #000000;
|
---|
47 |
|
---|
48 |
|
---|
49 | --gs-bg: #fff;
|
---|
50 | --gs-text:#2d4156;
|
---|
51 |
|
---|
52 | --gs-btn-primary-bg: #459e00;
|
---|
53 | --gs-btn-primary-text: var(--cc-bg);
|
---|
54 | --gs-btn-primary-hover-bg: #255500;
|
---|
55 | --gs-btn-secondary-bg: #eaeff2;
|
---|
56 | --gs-btn-secondary-text: var(--cc-text);
|
---|
57 | --XX-overlay-bg: rgba(4, 6, 8, .85);
|
---|
58 | }
|
---|
59 |
|
---|
60 | /*
|
---|
61 | cc => 'cookie consent'
|
---|
62 | The library we use for this defines its own root vars
|
---|
63 | */
|
---|
64 |
|
---|
65 | :root {
|
---|
66 | /*
|
---|
67 | --cc-btn-primary-bg: hsl(284, 84%, 20%);
|
---|
68 | --cc-btn-primary-hover-bg: hsl(295, 92%, 30%);
|
---|
69 | */
|
---|
70 |
|
---|
71 | --cc-btn-primary-bg: hsl(46, 100%, 49%);
|
---|
72 | --cc-btn-primary-hover-bg: hsl(46, 100%, 58%);
|
---|
73 |
|
---|
74 | }
|
---|
75 |
|
---|
76 |
|
---|
77 |
|
---|
78 |
|
---|
79 | /* Override existing values */
|
---|
80 |
|
---|
81 | #container {
|
---|
82 | max-width: 1280px;
|
---|
83 | }
|
---|
84 |
|
---|
85 |
|
---|
86 | /*
|
---|
87 | .container-upper {
|
---|
88 | margin: 0 auto 0px auto;
|
---|
89 | }
|
---|
90 |
|
---|
91 | .container-lower {
|
---|
92 | max-width: 1200px;
|
---|
93 | line-height: 145%;
|
---|
94 | margin: 0 auto 20px auto;
|
---|
95 | }
|
---|
96 | */
|
---|
97 |
|
---|
98 |
|
---|
99 |
|
---|
100 |
|
---|
101 | #topArea {
|
---|
102 | max-width: 1280px;
|
---|
103 | }
|
---|
104 |
|
---|
105 |
|
---|
106 | /* Add any new CSS you require for the interface here! */
|
---|
107 |
|
---|
108 | body {
|
---|
109 | background-color: #fff;
|
---|
110 | }
|
---|
111 |
|
---|
112 | /*
|
---|
113 | Streetlife York has nav-bar and content in the same font (Roboto)
|
---|
114 | Heading in XX
|
---|
115 | */
|
---|
116 |
|
---|
117 |
|
---|
118 | body {
|
---|
119 | font-family: Roboto;
|
---|
120 | }
|
---|
121 |
|
---|
122 |
|
---|
123 | .ui-widget {
|
---|
124 | font-family: Roboto;
|
---|
125 | /* font-size: 18px; */
|
---|
126 | }
|
---|
127 |
|
---|
128 | .ui-widget input,
|
---|
129 | .ui-widget select,
|
---|
130 | .ui-widget textarea,
|
---|
131 | .ui-widget button {
|
---|
132 | font-family: Roboto;
|
---|
133 | /* font-size: 18px; */
|
---|
134 | }
|
---|
135 |
|
---|
136 | h1, h2, h3, h4, h5, h6 {
|
---|
137 | font-family: 'Oswald', Arial;
|
---|
138 | font-style: normal;
|
---|
139 | font-weight: normal;
|
---|
140 | color: #000000 !important;
|
---|
141 | line-height: 120%;
|
---|
142 | }
|
---|
143 |
|
---|
144 | h4 {
|
---|
145 | font-size: 110%;
|
---|
146 | }
|
---|
147 |
|
---|
148 | /* control whether you want roundd corners or not */
|
---|
149 | /* => GS3 defines the follow to be 6pt */
|
---|
150 | .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
|
---|
151 | border-top-right-radius: 0px;
|
---|
152 | }
|
---|
153 | .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
|
---|
154 | border-top-left-radius: 0px;
|
---|
155 | }
|
---|
156 |
|
---|
157 | .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
|
---|
158 | border-bottom-right-radius: 0px;
|
---|
159 | }
|
---|
160 | .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
|
---|
161 | border-bottom-left-radius: 0px;
|
---|
162 | }
|
---|
163 |
|
---|
164 |
|
---|
165 |
|
---|
166 | #thewillow-header {
|
---|
167 | background-color: #F4F4F4;
|
---|
168 | border-bottom: 10px solid var(--gs-primary-bg-blue);
|
---|
169 | }
|
---|
170 |
|
---|
171 | #topArea.ui-state-default {
|
---|
172 | margin: auto;
|
---|
173 | width: 100%;
|
---|
174 | border: none;
|
---|
175 | background-image: none;
|
---|
176 | background-color: #F4F4F4;
|
---|
177 | font-weight: bold;
|
---|
178 | color:#000000;
|
---|
179 | }
|
---|
180 |
|
---|
181 | #topArea.ui-state-default a,
|
---|
182 | #topArea.ui-state-default a:visited {
|
---|
183 | color: #666666;
|
---|
184 | }
|
---|
185 |
|
---|
186 | #gs_banner {
|
---|
187 | /*background-color: #F4F4F4; */
|
---|
188 | background-color: #FFFFFF;
|
---|
189 | color: #595959;
|
---|
190 | border-bottom: #E7D821 solid 2px;
|
---|
191 | }
|
---|
192 |
|
---|
193 | .ui-widget-header {
|
---|
194 | border: 1px solid #d4ccb0;
|
---|
195 | background-image: none;
|
---|
196 | background-color: var(--gs-primary-bg);
|
---|
197 | color: #ffffff;
|
---|
198 | font-weight: bold;
|
---|
199 | }
|
---|
200 |
|
---|
201 |
|
---|
202 | #gs-nav .ui-state-default, #bannerLinksTab .ui-state-default
|
---|
203 | /* #gs_footer.ui-widget-header, */
|
---|
204 | /* .collectionLink .ui-state-default */
|
---|
205 | {
|
---|
206 | border: 1px solid #d4ccb0;
|
---|
207 | background-image: none;
|
---|
208 | /* background-color: var(--gs-secondary-bg) !important; */
|
---|
209 | background-color: var(--gs-secondary-bg);
|
---|
210 | /*color: #ffffff; */
|
---|
211 | color: #000000;
|
---|
212 | font-weight: bold;
|
---|
213 |
|
---|
214 | /* The following should probably be moved over to default interface css */
|
---|
215 | text-align: left;
|
---|
216 | /*padding-left: 6px; */
|
---|
217 | padding: 0.6rem 0.5rem 0.4rem 0.7rem;
|
---|
218 |
|
---|
219 | font-size: 110%;
|
---|
220 | }
|
---|
221 |
|
---|
222 |
|
---|
223 | #gs-nav a {
|
---|
224 | font-size: 120%;
|
---|
225 | }
|
---|
226 |
|
---|
227 | #quicksearcharea a {
|
---|
228 | font-size: 120%;
|
---|
229 | }
|
---|
230 |
|
---|
231 | #gs-document {
|
---|
232 | padding-top: 1rem;
|
---|
233 | }
|
---|
234 |
|
---|
235 | /*
|
---|
236 | .ui-widget {
|
---|
237 | font-family: "Open Sans", sans-serif;
|
---|
238 | }
|
---|
239 |
|
---|
240 | .ui-widget input,
|
---|
241 | .ui-widget select,
|
---|
242 | .ui-widget textarea,
|
---|
243 | .ui-widget button {
|
---|
244 | font-family: "Open Sans", sans-serif;
|
---|
245 | }
|
---|
246 | */
|
---|
247 |
|
---|
248 | .ui-widget.ui-widget-content {
|
---|
249 | border: 1px solid #c5c5c5;
|
---|
250 | }
|
---|
251 |
|
---|
252 | .ui-widget-content {
|
---|
253 | /*border: 1px solid #dddddd; */
|
---|
254 | border: none;
|
---|
255 | background: #ffffff;
|
---|
256 | /* color: #2d3748; */
|
---|
257 | }
|
---|
258 | /*
|
---|
259 | .ui-widget-content a {
|
---|
260 | color: #2d3748;
|
---|
261 | }
|
---|
262 | .ui-widget-header {
|
---|
263 | border: 1px solid #5a5a5a;
|
---|
264 | background: #404040;
|
---|
265 | color: #2d3748;
|
---|
266 | font-weight: bold;
|
---|
267 | }
|
---|
268 | .ui-widget-header a {
|
---|
269 | color: #2d3748;
|
---|
270 | }
|
---|
271 |
|
---|
272 | */
|
---|
273 |
|
---|
274 |
|
---|
275 | /* Based on: https://stackoverflow.com/questions/17838380/styling-jquery-ui-autocomplete */
|
---|
276 |
|
---|
277 | .ui-menu .ui-menu-item {
|
---|
278 | background:white;
|
---|
279 | color: black;
|
---|
280 | font-size:80%;
|
---|
281 | }
|
---|
282 |
|
---|
283 |
|
---|
284 |
|
---|
285 | .ui-state-default,
|
---|
286 | .ui-widget-content .ui-state-default,
|
---|
287 | .ui-widget-header .ui-state-default,
|
---|
288 | .ui-button,
|
---|
289 | html .ui-button.ui-state-disabled:hover,
|
---|
290 | html .ui-button.ui-state-disabled:active {
|
---|
291 | border: 1px solid var(--gs-primary-border);
|
---|
292 | background-image: none;
|
---|
293 | /*background-image: url(images/ui-icons_eeeeee_256x240.png); */
|
---|
294 | background-color: var(--gs-primary-bg);
|
---|
295 | font-weight: bold;
|
---|
296 | color: var(--gs-primary-text-fg);
|
---|
297 | }
|
---|
298 |
|
---|
299 |
|
---|
300 | .ui-state-hover,
|
---|
301 | .ui-widget-content .ui-state-hover,
|
---|
302 | .ui-widget-header .ui-state-hover,
|
---|
303 | .ui-state-focus,
|
---|
304 | .ui-widget-content .ui-state-focus,
|
---|
305 | .ui-widget-header .ui-state-focus,
|
---|
306 | .ui-button:hover,
|
---|
307 | .ui-button:focus {
|
---|
308 | border: 1px solid var(--gs-primary-border);
|
---|
309 | background-image: none;
|
---|
310 | /*background-image: url(images/ui-icons_eeeeee_256x240.png); */
|
---|
311 | background-color: var(--gs-primary-hover-bg);
|
---|
312 | }
|
---|
313 |
|
---|
314 | .ui-state-active,
|
---|
315 | .ui-widget-content .ui-state-active,
|
---|
316 | .ui-widget-header .ui-state-active,
|
---|
317 | a.ui-button:active,
|
---|
318 | .ui-button:active,
|
---|
319 | .ui-button.ui-state-active:hover {
|
---|
320 | border: 1px solid var(--gs-primary-text-fg); /* flash border same colour as text */
|
---|
321 | background-color: var(--gs-primary-hover-bg);
|
---|
322 | background-image: none;
|
---|
323 | /*background-image: url(images/ui-icons_eeeeee_256x240.png); */
|
---|
324 | font-weight: bold;
|
---|
325 | color: var(--gs-primary-text-fg);
|
---|
326 | }
|
---|
327 |
|
---|
328 | /*
|
---|
329 | .ui-state-default a, .ui-state-default a:link {
|
---|
330 | color: #000000 !importantxx;
|
---|
331 | background-color: #E7D821 !importantxx;
|
---|
332 | }
|
---|
333 | */
|
---|
334 |
|
---|
335 | /* The following was used as a hack to get regular CL tabs and artificially introduced Tabs
|
---|
336 | to have a controlable tab-selected colour/background coour */
|
---|
337 |
|
---|
338 | /*
|
---|
339 | #gs-nav .ui-state-default a, gs-nav .ui-state-default a:link {
|
---|
340 | color: #000000 !important;
|
---|
341 | }
|
---|
342 |
|
---|
343 | #gs-nav .ui-state-default.ui-tabs-selected a, gs-nav .ui-state-default.ui-tabs-selected a:link {
|
---|
344 | color: #E7D821 !important;
|
---|
345 | }
|
---|
346 | */
|
---|
347 |
|
---|
348 | .ui-state-active a,
|
---|
349 | .ui-state-active a:link,
|
---|
350 | .ui-state-active a:visited {
|
---|
351 | color: var(--gs-primary-text-fg);
|
---|
352 | background-color: var(--gs-primary-hover);
|
---|
353 | }
|
---|
354 |
|
---|
355 |
|
---|
356 |
|
---|
357 |
|
---|
358 | li.ui-tabs-selected {
|
---|
359 | background-color: #000000 !important;
|
---|
360 | color: #E7D821 !important;
|
---|
361 | border-color: #000000 !important;
|
---|
362 | }
|
---|
363 |
|
---|
364 |
|
---|
365 |
|
---|
366 | /*
|
---|
367 | jquery-ui main theme is different image, and tingediwth green :
|
---|
368 |
|
---|
369 | background-image: url(images/ui-icons_8DC262_256x240.png);
|
---|
370 |
|
---|
371 | .ui-state-active .ui-icon, .ui-button:active .ui-icon {
|
---|
372 | background-image: url(images/ui-icons_eeeeee_256x240.png);
|
---|
373 | }
|
---|
374 | */
|
---|
375 |
|
---|
376 |
|
---|
377 | #usercommentlink a, #usercommentlogoutlink a {
|
---|
378 | color: var(--gs-primary-bg) !important;
|
---|
379 | }
|
---|
380 |
|
---|
381 | .usercommentheading {
|
---|
382 | color: var(--gs-primary-bg) !important;
|
---|
383 | }
|
---|
384 |
|
---|
385 |
|
---|
386 |
|
---|
387 | .navList {
|
---|
388 | background-color: var(--gs-primary-bg);
|
---|
389 | }
|
---|
390 |
|
---|
391 |
|
---|
392 | #titlearea {
|
---|
393 | padding-top: 6px;
|
---|
394 | o}
|
---|
395 |
|
---|
396 | #quicksearcharea {
|
---|
397 | padding-top: 6px;
|
---|
398 | padding-right: 4px;
|
---|
399 | }
|
---|
400 |
|
---|
401 | #titlesearchcontainer {
|
---|
402 | padding-bottom: 15px;
|
---|
403 | }
|
---|
404 |
|
---|
405 |
|
---|
406 | #commentssection.centrediv {
|
---|
407 | width: 100%;
|
---|
408 | margin: 0;
|
---|
409 | }
|
---|
410 |
|
---|
411 | #userMenuDiv {
|
---|
412 | text-transform: none;
|
---|
413 | }
|
---|
414 |
|
---|
415 | #gs_content {
|
---|
416 | width: 80%;
|
---|
417 | margin-left: auto;
|
---|
418 | margin-right: auto;
|
---|
419 | }
|
---|
420 |
|
---|
421 | .metadataTable{
|
---|
422 | width: 100%;
|
---|
423 | }
|
---|
424 |
|
---|
425 | #commentarea textarea {
|
---|
426 | width: 100%;
|
---|
427 | }
|
---|
428 |
|
---|
429 | #gs_content a {
|
---|
430 | /* border-bottom: 1px solid #003FC5; */
|
---|
431 | border-bottom: 1px solid #E7D821;
|
---|
432 | }
|
---|
433 |
|
---|
434 | #gs_content a:hover {
|
---|
435 | /*border-bottom: 2px solid #003FC5; */
|
---|
436 | border-bottom: 2px solid #E7D821;
|
---|
437 | }
|
---|
438 |
|
---|
439 | #gs_content .rt-column a, #gs_content .rt-column a:link, #gs_content .rt-column a:visited {
|
---|
440 | border-bottom: none;
|
---|
441 | padding-bottom: 1px;
|
---|
442 | }
|
---|
443 |
|
---|
444 | #gs_content .rt-column a:hover {
|
---|
445 | border-bottom: none;
|
---|
446 | padding-bottom: 1px;
|
---|
447 | background-color: #E6E6E6;
|
---|
448 | }
|
---|
449 |
|
---|
450 |
|
---|
451 | #gs_content .rt-column:hover {
|
---|
452 | background-color: #E6E6E6;
|
---|
453 | }
|
---|
454 |
|
---|
455 |
|
---|
456 |
|
---|
457 |
|
---|
458 |
|
---|
459 | #new-banner {
|
---|
460 | width: 1280px;
|
---|
461 | background-size: cover;
|
---|
462 | margin-left: auto;
|
---|
463 | margin-right: auto;
|
---|
464 | height: 250px;
|
---|
465 | }
|
---|
466 |
|
---|
467 | .new-banner-page-about {
|
---|
468 | background-image: url(../images/banner-images/1-Willow-Exterior-York-Press.png);
|
---|
469 | }
|
---|
470 |
|
---|
471 | .new-banner-page-stories {
|
---|
472 | background-image: url(../images/banner-images/2-willow-york-ceri-oakes-tommy.png);
|
---|
473 | }
|
---|
474 |
|
---|
475 | .new-banner-action-query {
|
---|
476 | background-image: url(../images/banner-images/9-Rainbow-Plaque.png);
|
---|
477 | }
|
---|
478 |
|
---|
479 | .new-banner-doc-itb-video {
|
---|
480 | background-image: url(../images/banner-images/3-Soo-and-Tommy-in-the-Willow-Restaurant-%20Vicki-Fong.png);
|
---|
481 | }
|
---|
482 | .new-banner-doc-wg-video {
|
---|
483 | background-image: url(../images/banner-images/4-I-love-Willow-The-Tab.png);
|
---|
484 | }
|
---|
485 | .new-banner-doc-li-video {
|
---|
486 | background-image: url(../images/banner-images/5-love-it-Ceri-Oakes.png);
|
---|
487 | }
|
---|
488 | .new-banner-doc-cd-video {
|
---|
489 | background-image: url(../images/banner-images/6-cheap-drinks-Ceri-Oakes.png);
|
---|
490 | }
|
---|
491 | .new-banner-doc-cm-video {
|
---|
492 | background-image: url(../images/banner-images/7-Cheesy-Music.png);
|
---|
493 | }
|
---|
494 | .new-banner-doc-tln-video {
|
---|
495 | background-image: url(../images/banner-images/8-The-Last-Night.png);
|
---|
496 | }
|
---|
497 | .new-banner-doc-default-video {
|
---|
498 | background-image: url(../images/banner-images/1-Willow-Exterior-York-Press.png);
|
---|
499 | }
|
---|
500 |
|
---|
501 | .new-banner-page-tandc {
|
---|
502 | background-image: url(../images/banner-images/11-Terms-and-conditions.png);
|
---|
503 | }
|
---|
504 | .new-banner-page-copyright {
|
---|
505 | background-image: url(../images/banner-images/12-copyright.png);
|
---|
506 | }
|
---|
507 |
|
---|
508 | .new-banner-page-ats {
|
---|
509 | background-image: url(../images/banner-images/13-About-this-site.png);
|
---|
510 | }
|
---|
511 | .new-banner-page-privacy {
|
---|
512 | background-image: url(../images/banner-images/14-privacy.png);
|
---|
513 | }
|
---|
514 | .new-banner-page-contact-us {
|
---|
515 | background-image: url(../images/banner-images/15-Willow-Sign.png);
|
---|
516 | }
|
---|
517 |
|
---|
518 | #over-banner-logo {
|
---|
519 | background-image: url(../images/willow-streetlife-motif-logo-vicki-fong-2023.png);
|
---|
520 | background-size: cover;
|
---|
521 | height: 240px;
|
---|
522 | width: 175px;
|
---|
523 | }
|
---|
524 |
|
---|
525 |
|
---|
526 | #gs_footer .ft-row {
|
---|
527 | position: relative;
|
---|
528 | }
|
---|
529 |
|
---|
530 | #gs_footer .ft-column {
|
---|
531 | float: left;
|
---|
532 | width: 12.5%;
|
---|
533 | text-align: left;
|
---|
534 | }
|
---|
535 |
|
---|
536 | #gs_footer .ft-column-lr-gap {
|
---|
537 | width: 40%;
|
---|
538 | }
|
---|
539 |
|
---|
540 | #gs_footer .ftlogo-column {
|
---|
541 | display: flex;
|
---|
542 | justify-content: center;
|
---|
543 | align-items: end; /* used to be center */
|
---|
544 |
|
---|
545 | float: left;
|
---|
546 | width: 13.5%; /* used to be 15% */
|
---|
547 | height: 90px;
|
---|
548 | }
|
---|
549 |
|
---|
550 | #gs_footer .ft-outer-div {
|
---|
551 | background-color: #FFFFFF;
|
---|
552 | border: none;
|
---|
553 | color: #595959;
|
---|
554 | }
|
---|
555 | #gs_footer a {
|
---|
556 | color: #595959;
|
---|
557 | }
|
---|
558 |
|
---|
559 | #ft-logo-l-padding {
|
---|
560 | width: 8%;
|
---|
561 | }
|
---|
562 |
|
---|
563 |
|
---|
564 | #ft-logo-streetlife {
|
---|
565 | background-image: url('../images/footer-logos/1 StreetLife-logo.png');
|
---|
566 | background-position: center;
|
---|
567 | background-size: auto 80px;
|
---|
568 | background-repeat: no-repeat;
|
---|
569 | height: 80px;
|
---|
570 | margin-bottom: 5px;
|
---|
571 | }
|
---|
572 |
|
---|
573 | #ft-logo-yorkuni {
|
---|
574 | background-image: url('../images/footer-logos/2 UOY-Logo-Stacked-shield-Black.png');
|
---|
575 | background-position: center;
|
---|
576 | background-size: auto 45px;
|
---|
577 | background-repeat: no-repeat;
|
---|
578 | height: 45px;
|
---|
579 | margin-bottom: 5px;
|
---|
580 | }
|
---|
581 |
|
---|
582 | #ft-logo-ukri {
|
---|
583 | background-image: url('../images/footer-logos/3 UK-Research-and-Innovation-(UKRI).png');
|
---|
584 | background-position: center;
|
---|
585 | background-size: auto 33px;
|
---|
586 | background-repeat: no-repeat;
|
---|
587 | height: 33px;
|
---|
588 | margin-bottom: 14px;
|
---|
589 | }
|
---|
590 |
|
---|
591 | #ft-logo-thomfong {
|
---|
592 | background-image: url('../images/footer-logos/4 ThomFong-illustrated-small-logo.png');
|
---|
593 | background-position: center;
|
---|
594 | background-size: auto 80px;
|
---|
595 | background-repeat: no-repeat;
|
---|
596 | height: 80px;
|
---|
597 | /*margin-bottom: 5px; */
|
---|
598 | }
|
---|
599 |
|
---|
600 | #ft-logo-explore-libarch {
|
---|
601 | background-image: url('../images/footer-logos/5 Explore-LibArch-coloured.png');
|
---|
602 | background-position: center;
|
---|
603 | background-size: auto 45px;
|
---|
604 | background-repeat: no-repeat;
|
---|
605 | height: 45px;
|
---|
606 | margin-bottom: 7px;
|
---|
607 | }
|
---|
608 |
|
---|
609 | #ft-logo-greenstone {
|
---|
610 | background-image: url('../images/footer-logos/6 gsdl-server.png');
|
---|
611 | background-position: center;
|
---|
612 | background-size: auto 55px;
|
---|
613 | background-repeat: no-repeat;
|
---|
614 | height: 55px;
|
---|
615 | /*margin-bottom: 5px; */
|
---|
616 | }
|
---|
617 |
|
---|
618 | #ft-logo-greenstone-text {
|
---|
619 | font-size: 120%;
|
---|
620 | }
|
---|
621 |
|
---|
622 |
|
---|
623 |
|
---|
624 | /* Tablet Friendly Banner Headers */
|
---|
625 | /* @media only screen and (max-width: 640px) { */
|
---|
626 | @media (max-width: 1280px) {
|
---|
627 |
|
---|
628 | /* Based loosely on, https://www.portabludesign.com/blog/mobile-background-css-squarespace */
|
---|
629 |
|
---|
630 | #container {
|
---|
631 | width: 100%;
|
---|
632 | max-width: revert;
|
---|
633 | min-width: 640px;
|
---|
634 | }
|
---|
635 |
|
---|
636 | #topArea {
|
---|
637 | width: 100%;
|
---|
638 | max-width: revert;
|
---|
639 | min-width: 640px;
|
---|
640 | }
|
---|
641 |
|
---|
642 |
|
---|
643 | #new-banner {
|
---|
644 | min-width: 640px;
|
---|
645 | max-width: revert;
|
---|
646 | width: 100%;
|
---|
647 | background-size: cover;
|
---|
648 | margin-left: auto;
|
---|
649 | margin-right: auto;
|
---|
650 | height: 125px;
|
---|
651 | }
|
---|
652 |
|
---|
653 | .new-banner-page-about {
|
---|
654 | background-image: url(../images/banner-images-mobile/1-Willow-Exterior-York-Press.png);
|
---|
655 | }
|
---|
656 |
|
---|
657 | .new-banner-page-stories {
|
---|
658 | background-image: url(../images/banner-images-mobile/2-willow-york-ceri-oakes-tommy.png);
|
---|
659 | }
|
---|
660 |
|
---|
661 | .new-banner-action-query {
|
---|
662 | background-image: url(../images/banner-images-mobile/9-Rainbow-Plaque.png);
|
---|
663 | }
|
---|
664 |
|
---|
665 | .new-banner-doc-itb-video {
|
---|
666 | background-image: url(../images/banner-images-mobile/3-Soo-and-Tommy-in-the-Willow-Restaurant-%20Vicki-Fong.png);
|
---|
667 | }
|
---|
668 | .new-banner-doc-wg-video {
|
---|
669 | background-image: url(../images/banner-images-mobile/4-I-love-Willow-The-Tab.png);
|
---|
670 | }
|
---|
671 | .new-banner-doc-li-video {
|
---|
672 | background-image: url(../images/banner-images-mobile/5-love-it-Ceri-Oakes.png);
|
---|
673 | }
|
---|
674 | .new-banner-doc-cd-video {
|
---|
675 | background-image: url(../images/banner-images-mobile/6-cheap-drinks-Ceri-Oakes.png);
|
---|
676 | }
|
---|
677 | .new-banner-doc-cm-video {
|
---|
678 | background-image: url(../images/banner-images-mobile/7-Cheesy-Music.png);
|
---|
679 | }
|
---|
680 | .new-banner-doc-tln-video {
|
---|
681 | background-image: url(../images/banner-images-mobile/8-The-Last-Night.png);
|
---|
682 | }
|
---|
683 | .new-banner-doc-default-video {
|
---|
684 | background-image: url(../images/banner-images-mobile/1-Willow-Exterior-York-Press.png);
|
---|
685 | }
|
---|
686 |
|
---|
687 | .new-banner-page-tandc {
|
---|
688 | background-image: url(../images/banner-images-mobile/11-Terms-and-conditions.png);
|
---|
689 | }
|
---|
690 | .new-banner-page-copyright {
|
---|
691 | background-image: url(../images/banner-images-mobile/12-copyright.png);
|
---|
692 | }
|
---|
693 |
|
---|
694 | .new-banner-page-ats {
|
---|
695 | background-image: url(../images/banner-images-mobile/13-About-this-site.png);
|
---|
696 | }
|
---|
697 | .new-banner-page-privacy {
|
---|
698 | background-image: url(../images/banner-images-mobile/14-privacy.png);
|
---|
699 | }
|
---|
700 | .new-banner-page-contact-us {
|
---|
701 | background-image: url(../images/banner-images-mobile/15-Willow-Sign.png);
|
---|
702 | }
|
---|
703 |
|
---|
704 | #over-banner-logo {
|
---|
705 | background-image: url(../images/willow-streetlife-motif-logo-vicki-fong-2023-mobile.png);
|
---|
706 | background-size: cover;
|
---|
707 | height: 120px;
|
---|
708 | width: 87px;
|
---|
709 | }
|
---|
710 |
|
---|
711 |
|
---|
712 | #gs_footer .ft-column {
|
---|
713 | /*width: 19%; */
|
---|
714 | /*width: revert;
|
---|
715 | max-width: 25rem; */
|
---|
716 | width: 9.5rem;
|
---|
717 | }
|
---|
718 |
|
---|
719 | #gs_footer .ft-column-lr-gap {
|
---|
720 | /*width: 42%; */
|
---|
721 | width: inherit;
|
---|
722 | /*min-width: 18%;
|
---|
723 | max-width: 42%; */
|
---|
724 | }
|
---|
725 |
|
---|
726 | #gs_footer .ft-column-dms {
|
---|
727 | float: right;
|
---|
728 | width: 200px;
|
---|
729 | /*max-width: revert; */
|
---|
730 | max-width: 19%;
|
---|
731 | }
|
---|
732 |
|
---|
733 | #gs_footer .ftlogo-column {
|
---|
734 | height: 70px;
|
---|
735 | }
|
---|
736 |
|
---|
737 | #ft-logo-streetlife {
|
---|
738 | background-image: url('../images/footer-logos-tablet/1 StreetLife-logo.png');
|
---|
739 | background-size: auto 60px;
|
---|
740 | height: 60px;
|
---|
741 | }
|
---|
742 |
|
---|
743 | #ft-logo-yorkuni {
|
---|
744 | background-image: url('../images/footer-logos-tablet/2 UOY-Logo-Stacked-shield-Black.png');
|
---|
745 | background-size: auto 34px;
|
---|
746 | height: 34px;
|
---|
747 | }
|
---|
748 |
|
---|
749 | #ft-logo-ukri {
|
---|
750 | background-image: url('../images/footer-logos-tablet/3 UK-Research-and-Innovation-(UKRI).png');
|
---|
751 | background-size: auto 25px;
|
---|
752 | height: 25px;
|
---|
753 | }
|
---|
754 |
|
---|
755 | #ft-logo-thomfong {
|
---|
756 | background-image: url('../images/footer-logos-tablet/4 ThomFong-illustrated-small-logo.png');
|
---|
757 | background-size: auto 60px;
|
---|
758 | height: 60px;
|
---|
759 | }
|
---|
760 |
|
---|
761 | #ft-logo-explore-libarch {
|
---|
762 | background-image: url('../images/footer-logos-tablet/5 Explore-LibArch-coloured.png');
|
---|
763 | background-size: auto 34px;
|
---|
764 | height: 34px;
|
---|
765 | }
|
---|
766 |
|
---|
767 | #ft-logo-greenstone {
|
---|
768 | background-image: url('../images/footer-logos-tablet/6 gsdl-server.png');
|
---|
769 | background-size: auto 41px;
|
---|
770 | height: 41px;
|
---|
771 | }
|
---|
772 | #ft-logo-greenstone-text {
|
---|
773 | font-size: 100%;
|
---|
774 | margin-top: -6px;
|
---|
775 | }
|
---|
776 |
|
---|
777 | }
|
---|
778 |
|
---|
779 | /* for footers, need to kick in with ones designed for mobile as bit sooner */
|
---|
780 |
|
---|
781 | @media (max-width: 860px) {
|
---|
782 |
|
---|
783 | #gs_footer .ftlogo-column {
|
---|
784 | height: 40px;
|
---|
785 | width: 16%;
|
---|
786 | }
|
---|
787 |
|
---|
788 | #ft-logo-l-padding {
|
---|
789 | width: 4% !important;
|
---|
790 | }
|
---|
791 |
|
---|
792 | #ft-logo-streetlife {
|
---|
793 | background-image: url('../images/footer-logos-mobile/1 StreetLife-logo.png');
|
---|
794 | background-size: auto 40px;
|
---|
795 | height: 40px;
|
---|
796 | }
|
---|
797 |
|
---|
798 | #ft-logo-yorkuni {
|
---|
799 | background-image: url('../images/footer-logos-mobile/2 UOY-Logo-Stacked-shield-Black.png');
|
---|
800 | background-size: auto 23px;
|
---|
801 | height: 23px;
|
---|
802 | }
|
---|
803 |
|
---|
804 | #ft-logo-ukri {
|
---|
805 | background-image: url('../images/footer-logos-mobile/3 UK-Research-and-Innovation-(UKRI).png');
|
---|
806 | background-size: auto 17px;
|
---|
807 | height: 17px;
|
---|
808 | }
|
---|
809 |
|
---|
810 | #ft-logo-thomfong {
|
---|
811 | background-image: url('../images/footer-logos-mobile/4 ThomFong-illustrated-small-logo.png');
|
---|
812 | background-size: auto 40px;
|
---|
813 | height: 40px;
|
---|
814 | }
|
---|
815 |
|
---|
816 | #ft-logo-explore-libarch {
|
---|
817 | background-image: url('../images/footer-logos-mobile/5 Explore-LibArch-coloured.png');
|
---|
818 | background-size: auto 23px;
|
---|
819 | height: 23px;
|
---|
820 | }
|
---|
821 |
|
---|
822 | #ft-logo-greenstone {
|
---|
823 | background-image: url('../images/footer-logos-mobile/6 gsdl-server.png');
|
---|
824 | background-size: auto 28px;
|
---|
825 | height: 28Âpx;
|
---|
826 | }
|
---|
827 | }
|
---|
828 |
|
---|
829 | /* Mobile Friendly Banner Headers, kicks in at 640px, and tested at 320px */
|
---|
830 | /* @media only screen and (max-width: 640px) { */
|
---|
831 | @media (max-width: 640px) {
|
---|
832 |
|
---|
833 | /* Based loosely on, https://www.portabludesign.com/blog/mobile-background-css-squarespace */
|
---|
834 |
|
---|
835 | #container {
|
---|
836 | width: 100%;
|
---|
837 | max-width: revert;
|
---|
838 | min-width: 320px;
|
---|
839 | }
|
---|
840 |
|
---|
841 | #topArea {
|
---|
842 | width: 100%;
|
---|
843 | max-width: revert;
|
---|
844 | min-width: 320px;
|
---|
845 | }
|
---|
846 |
|
---|
847 |
|
---|
848 | #new-banner {
|
---|
849 | min-width: 320px;
|
---|
850 | max-width: revert;
|
---|
851 | width: 100%;
|
---|
852 | background-size: cover;
|
---|
853 | margin-left: auto;
|
---|
854 | margin-right: auto;
|
---|
855 | height: 62px;
|
---|
856 | }
|
---|
857 |
|
---|
858 | .new-banner-page-about {
|
---|
859 | background-image: url(../images/banner-images-mobile/1-Willow-Exterior-York-Press.png);
|
---|
860 | }
|
---|
861 |
|
---|
862 | .new-banner-page-stories {
|
---|
863 | background-image: url(../images/banner-images-mobile/2-willow-york-ceri-oakes-tommy.png);
|
---|
864 | }
|
---|
865 |
|
---|
866 | .new-banner-action-query {
|
---|
867 | background-image: url(../images/banner-images-mobile/9-Rainbow-Plaque.png);
|
---|
868 | }
|
---|
869 |
|
---|
870 | .new-banner-doc-itb-video {
|
---|
871 | background-image: url(../images/banner-images-mobile/3-Soo-and-Tommy-in-the-Willow-Restaurant-%20Vicki-Fong.png);
|
---|
872 | }
|
---|
873 | .new-banner-doc-wg-video {
|
---|
874 | background-image: url(../images/banner-images-mobile/4-I-love-Willow-The-Tab.png);
|
---|
875 | }
|
---|
876 | .new-banner-doc-li-video {
|
---|
877 | background-image: url(../images/banner-images-mobile/5-love-it-Ceri-Oakes.png);
|
---|
878 | }
|
---|
879 | .new-banner-doc-cd-video {
|
---|
880 | background-image: url(../images/banner-images-mobile/6-cheap-drinks-Ceri-Oakes.png);
|
---|
881 | }
|
---|
882 | .new-banner-doc-cm-video {
|
---|
883 | background-image: url(../images/banner-images-mobile/7-Cheesy-Music.png);
|
---|
884 | }
|
---|
885 | .new-banner-doc-tln-video {
|
---|
886 | background-image: url(../images/banner-images-mobile/8-The-Last-Night.png);
|
---|
887 | }
|
---|
888 | .new-banner-doc-default-video {
|
---|
889 | background-image: url(../images/banner-images-mobile/1-Willow-Exterior-York-Press.png);
|
---|
890 | }
|
---|
891 |
|
---|
892 | .new-banner-page-tandc {
|
---|
893 | background-image: url(../images/banner-images-mobile/11-Terms-and-conditions.png);
|
---|
894 | }
|
---|
895 | .new-banner-page-copyright {
|
---|
896 | background-image: url(../images/banner-images-mobile/12-copyright.png);
|
---|
897 | }
|
---|
898 |
|
---|
899 | .new-banner-page-ats {
|
---|
900 | background-image: url(../images/banner-images-mobile/13-About-this-site.png);
|
---|
901 | }
|
---|
902 | .new-banner-page-privacy {
|
---|
903 | background-image: url(../images/banner-images-mobile/14-privacy.png);
|
---|
904 | }
|
---|
905 | .new-banner-page-contact-us {
|
---|
906 | background-image: url(../images/banner-images-mobile/15-Willow-Sign.png);
|
---|
907 | }
|
---|
908 |
|
---|
909 | #over-banner-logo {
|
---|
910 | background-image: url(../images/willow-streetlife-motif-logo-vicki-fong-2023-mobile.png);
|
---|
911 | background-size: cover;
|
---|
912 | height: 60px;
|
---|
913 | width: 43px;
|
---|
914 | }
|
---|
915 |
|
---|
916 |
|
---|
917 | #gs_footer .ft-column {
|
---|
918 | width: 25%;
|
---|
919 | }
|
---|
920 |
|
---|
921 | #gs_footer .ft-column-lr-gap {
|
---|
922 | width: 10%;
|
---|
923 | /* min-width: 20%; */
|
---|
924 | }
|
---|
925 |
|
---|
926 | #br-beforeDMLogos {
|
---|
927 | display: none;
|
---|
928 | }
|
---|
929 | #gs_footer .ft-column-dms {
|
---|
930 | width: 8%;
|
---|
931 | }
|
---|
932 |
|
---|
933 | #gs_footer .ft-column-dms img {
|
---|
934 | padding-bottom: 0.5rem;
|
---|
935 | }
|
---|
936 |
|
---|
937 | #ft-logo-l-padding {
|
---|
938 | display: none !important;
|
---|
939 | }
|
---|
940 |
|
---|
941 | }
|
---|