Commit | Line | Data |
---|---|---|
1e7a45c4 VSB |
1 | /** |
2 | * If using a CSS pre-processor, tell it to overwrite this file. If not, place | |
3 | * your custom CSS modifications here. | |
4 | */ | |
5 | ||
359dfa19 VSB |
6 | body { |
7 | font-family: "FreeSans", Helvetica, Arial, sans-serif; | |
8 | margin: 0; | |
9 | min-width: 320px; | |
10 | } | |
1e7a45c4 | 11 | |
b4ed810a VSB |
12 | a { transition: 0.3s; } |
13 | ||
bbb30910 AE |
14 | |
15 | /* etcetera */ | |
16 | ||
092ce192 VSB |
17 | .region-content { min-height: 300px; } |
18 | ||
19 | h2.block-title { | |
20 | background: #000; | |
21 | color: #FFF; | |
3cc6e9f4 | 22 | padding: 0.5em; |
092ce192 | 23 | } |
bbb30910 | 24 | |
3cc6e9f4 VSB |
25 | .feed-icons a { |
26 | background: url('../images/rss.svg') top left no-repeat; | |
27 | background-size: contain; | |
28 | width: 20px; | |
29 | height: 20px; | |
30 | overflow: hidden; | |
31 | position: absolute; | |
32 | top: 0px; | |
33 | right: 10px; | |
34 | margin-top: -50px; | |
35 | text-indent: -1000px; | |
36 | } | |
37 | ||
38 | .view-display-id-news_page .feed-icons a { | |
39 | margin-top: -30px; | |
bbb30910 | 40 | } |
3cc6e9f4 | 41 | |
bbb30910 | 42 | .more-link { |
3cc6e9f4 VSB |
43 | border: 1px solid #ddd; |
44 | border-radius: .5em; | |
45 | padding: .5em; | |
46 | text-align: center; | |
47 | width: 50%; | |
48 | margin: 0 auto; | |
bbb30910 AE |
49 | font-weight: bold; |
50 | } | |
51 | ||
3cc6e9f4 VSB |
52 | .more-link:hover { border: 1px solid #000; } |
53 | ||
bbb30910 AE |
54 | .block-views { |
55 | margin-top: 20px; | |
56 | } | |
57 | ||
58 | /* Navbar */ | |
59 | ||
60 | ||
1e7a45c4 VSB |
61 | .navbar-default { |
62 | background: #000; | |
63 | color: #FFF; | |
64 | border: none; | |
65 | border-radius: 0px; | |
66 | box-sizing: content-box; | |
1e7a45c4 VSB |
67 | align-items: center; |
68 | margin-bottom: 100px; | |
69 | min-height: 100px; | |
70 | } | |
71 | ||
b766958e AE |
72 | .navbar-header, |
73 | #navbar-collapse { | |
1e7a45c4 VSB |
74 | max-width: 1150px; |
75 | padding: 0; | |
76 | margin: 0 auto; | |
bfc9c2d3 VSB |
77 | border: none; |
78 | overflow: hidden; | |
1e7a45c4 VSB |
79 | } |
80 | ||
67263bd5 | 81 | .navbar-default .navbar-toggle { display: none; } |
bfc9c2d3 | 82 | |
1e7a45c4 VSB |
83 | .navbar-header { |
84 | position: absolute; | |
85 | top: 5px; | |
86 | } | |
87 | ||
67263bd5 | 88 | .navbar-brand { display: none; } |
ccc0e97e VSB |
89 | |
90 | #block-ryf-main-menu .navbar-nav { margin-left: 180px; } | |
91 | ||
ee748803 AE |
92 | .navbar-default .navbar-nav > li > a:focus { |
93 | outline: none; | |
94 | } | |
95 | ||
96 | .navbar-default .navbar-nav > li > a, | |
0af85f8e | 97 | .navbar-default .navbar-nav > .active > a, |
ee748803 AE |
98 | .navbar-default .navbar-nav > li > a:link, |
99 | .navbar-default .navbar-nav > .active > a:link, | |
100 | .navbar-default .navbar-nav > li > a:visited, | |
101 | .navbar-default .navbar-nav > .active > a:visited { | |
b4ed810a | 102 | color: #FFF; |
0af85f8e | 103 | background: #000; |
b4ed810a | 104 | border-bottom: 2px solid transparent; |
0af85f8e AE |
105 | padding-bottom: 10px; |
106 | margin-bottom: 5px; | |
b4ed810a VSB |
107 | } |
108 | ||
ee748803 | 109 | .navbar-default .navbar-nav > li > a:hover, |
0af85f8e | 110 | .navbar-default .navbar-nav > .active > a:hover, |
ee748803 AE |
111 | .navbar-default .navbar-nav > li > a:active, |
112 | .navbar-default .navbar-nav > .active > a:active { | |
092ce192 | 113 | color: #337AB7; |
ee748803 | 114 | background: #000; |
092ce192 | 115 | border-bottom: 2px solid #337AB7; |
b4ed810a | 116 | padding-bottom: 5px; |
0af85f8e | 117 | margin-bottom: 10px; |
b4ed810a VSB |
118 | } |
119 | ||
cafdcde8 | 120 | .page-header { |
357e6db1 | 121 | border-bottom: 2px solid #000; |
cafdcde8 VSB |
122 | font-size: 2em; |
123 | } | |
124 | ||
2cbded31 VSB |
125 | .region-header .search-block-form { |
126 | width: 300px; | |
127 | float: right; | |
128 | } | |
129 | ||
2f113c95 AE |
130 | @media screen and (min-width: 520px) and (max-width: 599px) { |
131 | .logo img { margin-left: 50px; } | |
132 | #block-ryf-main-menu .navbar-nav { margin-left: 230px; } | |
133 | } | |
aa4eefa7 | 134 | |
2f113c95 AE |
135 | @media screen and (min-width: 600px) and (max-width: 767px) { |
136 | .logo img { margin-left: 100px; } | |
137 | #block-ryf-main-menu .navbar-nav { margin-left: 280px; } | |
138 | } | |
139 | ||
140 | @media screen and (max-width: 767px) { | |
141 | .logo img { height: 150px; margin-top: 25px; } | |
142 | .navbar-default { min-height: 230px; margin-bottom: 30px; } | |
143 | #block-ryf-main-menu .navbar-nav { max-width: 130px; } | |
144 | } | |
145 | ||
81342c63 AE |
146 | @media screen and (min-width: 768px) { |
147 | .navbar-nav { margin-top: 40px; } | |
148 | } | |
149 | ||
5235611e | 150 | |
cd0efca0 AE |
151 | /* Selectors */ |
152 | ||
5235611e | 153 | |
cd0efca0 AE |
154 | @media screen and (min-width: 768px) { |
155 | .form-inline .form-item .select-wrapper { | |
156 | display: block; | |
157 | } | |
158 | .form-inline .form-actions { | |
159 | margin-top: 21px; | |
160 | } | |
161 | } | |
162 | ||
5235611e | 163 | |
16670121 | 164 | /* RYF List */ |
b4ed810a | 165 | |
5235611e | 166 | |
bd3568e1 | 167 | .ryf-list-row { |
aa68642c AE |
168 | padding: 0; |
169 | margin: 0 auto; | |
170 | overflow: auto; | |
171 | } | |
172 | ||
16670121 VSB |
173 | .ryf-list { |
174 | float: left; | |
175 | margin: 0; | |
176 | padding: 0.5em; | |
177 | position:relative; | |
178 | list-style: none; | |
179 | } | |
b4ed810a | 180 | |
16670121 VSB |
181 | .ryf-list article { |
182 | border: 1px solid #ececec; | |
183 | border-radius: 5px; | |
184 | padding: 1em; | |
185 | box-shadow: 2px 2px 5px #ddd; | |
186 | transition: 0.3s; | |
187 | } | |
1e7a45c4 | 188 | |
16670121 VSB |
189 | .ryf-list article:hover { |
190 | box-shadow: 0px 0px 5px #aaa; | |
b4ed810a | 191 | } |
1e7a45c4 | 192 | |
16670121 | 193 | .ryf-list .field--type-image { |
c51f46de | 194 | width: 150px; |
de63e943 | 195 | height: 150px; |
16670121 VSB |
196 | background: #fff; |
197 | border-radius: 10px; | |
198 | display: flex; | |
c51f46de AE |
199 | align-items: center; |
200 | } | |
201 | ||
202 | .ryf-list .field--name-field-image { | |
00e72ccd | 203 | margin: 0 auto 10px auto; |
1e7a45c4 | 204 | } |
b4ed810a | 205 | |
16670121 VSB |
206 | .ryf-list img { |
207 | max-width: 150px; | |
00e72ccd AE |
208 | max-height: 150px; |
209 | object-fit: contain; | |
16670121 VSB |
210 | overflow: hidden; |
211 | } | |
212 | ||
213 | .ryf-list img:hover { | |
214 | border-radius: 0; | |
ccc0e97e | 215 | } |
b4ed810a | 216 | |
ccc0e97e | 217 | .ryf-list h2 { |
b4ed810a VSB |
218 | text-align: left; |
219 | font-size: 1.5em; | |
220 | font-weight: 500; | |
221 | line-height: 1.2em; | |
16670121 VSB |
222 | margin: 0; |
223 | padding: 0; | |
224 | padding-bottom: 1em; | |
b4ed810a VSB |
225 | } |
226 | ||
227 | .ryf-list a { | |
092ce192 | 228 | color: #337AB7; |
b4ed810a VSB |
229 | text-decoration: none; |
230 | } | |
231 | ||
232 | .ryf-list a:hover { | |
233 | color: #000; | |
234 | } | |
1e7a45c4 | 235 | |
ccc0e97e VSB |
236 | .ryf-list .node-readmore, |
237 | .ryf-list .tags, | |
238 | .ryf-list .supplier { | |
b4ed810a VSB |
239 | width: 100%; |
240 | float: left; | |
241 | font-size: 0.9em; | |
242 | border-top: 1px solid #ccc4c4; | |
243 | margin-top: 5px; | |
244 | padding-top: 5px; | |
245 | color: #afadad; | |
246 | } | |
16670121 VSB |
247 | |
248 | .ryf-list .node-readmore { | |
249 | text-align: right; | |
250 | } | |
251 | ||
e3fe14a1 | 252 | @media screen and (min-width: 450px) and (max-width: 659px) { |
bd3568e1 | 253 | .ryf-list-row { |
aa68642c AE |
254 | max-width: 600px; |
255 | } | |
e3fe14a1 AE |
256 | .ryf-list { |
257 | max-width: 300px; | |
258 | float: none; | |
259 | margin: 0 auto; | |
260 | } | |
261 | } | |
262 | @media screen and (min-width: 660px) and (max-width: 767px) { | |
bd3568e1 | 263 | .ryf-list-row { |
aa68642c AE |
264 | max-width: 600px; |
265 | } | |
e3fe14a1 AE |
266 | .ryf-list-row { |
267 | margin: 0 auto; | |
268 | max-width: 660px; | |
269 | } | |
270 | .ryf-list { | |
271 | max-width: 300px; | |
272 | float: left; | |
273 | } | |
b9bef353 | 274 | .auto-clear .col-xs-12:nth-child(odd){clear:left;} |
e3fe14a1 AE |
275 | } |
276 | ||
16670121 | 277 | |
dbd9476a AE |
278 | /* Vendors list */ |
279 | ||
5235611e | 280 | |
bd3568e1 | 281 | .vendors-list-row { |
df611aac | 282 | padding: 10px; |
00227dc4 AE |
283 | margin: 0 auto; |
284 | overflow: auto; | |
285 | } | |
286 | ||
dbd9476a AE |
287 | @media screen and (max-width: 767px) { |
288 | .vendors-list-row { | |
289 | margin: 0px auto; | |
290 | } | |
291 | ||
292 | .vendors-list { | |
293 | margin-bottom: 40px; | |
294 | list-style: none; | |
9203a4fd AE |
295 | |
296 | overflow: auto; | |
dbd9476a AE |
297 | } |
298 | ||
299 | .vendors-list .views-field-field-icon { | |
300 | width: 220px; | |
301 | ||
302 | margin: 0px auto 20px auto; | |
303 | } | |
304 | ||
305 | .vendors-list .views-field-field-icon img { | |
306 | margin: 0 auto; | |
307 | } | |
308 | ||
b766958e AE |
309 | .vendors-list .views-field-name, |
310 | .vendors-list .views-field-description__value { | |
dbd9476a AE |
311 | max-width: 300px; |
312 | margin: 0 auto 10px auto; | |
313 | } | |
314 | ||
315 | .vendors-list .views-field-name { | |
316 | font-weight: bold; | |
317 | font-size: 18px; | |
318 | text-align: center; | |
319 | } | |
320 | ||
321 | } | |
322 | ||
323 | @media screen and (min-width: 768px) { | |
324 | .vendors-list-row { | |
325 | width: 600px; | |
326 | margin: 0px auto; | |
327 | } | |
328 | ||
329 | .vendors-list { | |
330 | list-style: none; | |
331 | clear: left; | |
9203a4fd AE |
332 | |
333 | overflow: auto; | |
dbd9476a AE |
334 | } |
335 | ||
336 | .vendors-list .views-field-field-icon { | |
337 | width: 220px; | |
338 | height: 220px; | |
339 | ||
340 | margin-bottom: 40px; | |
341 | ||
342 | float: left; | |
343 | } | |
344 | ||
345 | .vendors-list .views-field-field-icon img { | |
346 | margin: 0 auto; | |
347 | } | |
348 | ||
b766958e AE |
349 | .vendors-list .views-field-name, |
350 | .vendors-list .views-field-description__value { | |
dbd9476a AE |
351 | margin-left: 300px; |
352 | } | |
353 | ||
354 | .vendors-list .views-field-name { | |
355 | margin-bottom: 10px; | |
356 | font-weight: bold; | |
357 | font-size: 18px; | |
358 | } | |
359 | } | |
360 | ||
361 | ||
f39cdbbc AE |
362 | /* Sidebars */ |
363 | ||
364 | ||
365 | @media screen and (max-width: 767px) { | |
366 | .path-products #block-views-block-categories-categories-block { display: none; } | |
367 | } | |
368 | ||
369 | ||
222cefba AE |
370 | /* Vendor and Category taxonomy term pages */ |
371 | ||
372 | ||
5df3859d AE |
373 | .view-taxonomy-term .view-header .field--name-field-icon img { |
374 | margin: 0 auto; | |
375 | } | |
376 | ||
377 | .view-filters { | |
378 | clear: left; | |
379 | } | |
380 | ||
728032e9 AE |
381 | .view-taxonomy-term .view-header .field--name-field-vendor-support-link, |
382 | .view-taxonomy-term .view-header .field--name-field-vendor-support-email { | |
383 | margin-top: 15px; | |
384 | } | |
385 | ||
222cefba | 386 | @media screen and (max-width: 559px) { |
c71d4a08 | 387 | .view-taxonomy-term.view-display-id-taxonomy_term_vendor .view-header { |
222cefba AE |
388 | margin: 0 auto 40px auto; |
389 | ||
390 | overflow: auto; | |
391 | } | |
392 | ||
393 | .view-taxonomy-term .view-header .field--name-field-icon { | |
394 | margin: 0 auto 20px auto; | |
395 | width: 220px; | |
396 | } | |
397 | ||
728032e9 AE |
398 | .view-taxonomy-term .view-header .field--name-description, |
399 | .view-taxonomy-term .view-header .field--name-field-vendor-support-link, | |
400 | .view-taxonomy-term .view-header .field--name-field-vendor-support-email { | |
222cefba | 401 | max-width: 360px; |
728032e9 | 402 | margin: 15px auto 0 auto; |
222cefba AE |
403 | padding: 0 10px; |
404 | } | |
405 | ||
222cefba AE |
406 | } |
407 | ||
5df3859d | 408 | @media screen and (min-width: 560px) { |
c71d4a08 | 409 | .view-taxonomy-term.view-display-id-taxonomy_term_vendor .view-header { |
222cefba AE |
410 | margin: 0 0 40px 0; |
411 | ||
412 | overflow: auto; | |
413 | } | |
414 | ||
415 | .view-taxonomy-term .view-header .field--name-field-icon { | |
416 | width: 220px; | |
417 | ||
418 | float: left; | |
419 | } | |
420 | ||
728032e9 AE |
421 | .view-taxonomy-term .view-header .field--name-description, |
422 | .view-taxonomy-term .view-header .field--name-field-vendor-support-link, | |
423 | .view-taxonomy-term .view-header .field--name-field-vendor-support-email { | |
222cefba AE |
424 | margin-left: 260px; |
425 | } | |
426 | ||
222cefba AE |
427 | } |
428 | ||
429 | @media screen and (min-width: 768px) { | |
430 | .view-taxonomy-term .view-header { | |
300bf8f5 | 431 | max-width: 700px; |
222cefba AE |
432 | } |
433 | } | |
434 | ||
435 | ||
4d7da022 AE |
436 | /* Product */ |
437 | ||
5235611e | 438 | |
d679ca4e AE |
439 | @media screen and (max-width: 767px) { |
440 | .page-node-type-product .product { | |
441 | max-width: 382px; | |
442 | margin: 0 auto; | |
443 | } | |
444 | } | |
445 | ||
21d9e444 AE |
446 | @media screen and (min-width: 768px) and (max-width: 991px) { |
447 | .page-node-type-product .product { | |
448 | width: 700px; | |
449 | margin: 0 auto; | |
450 | } | |
4d7da022 AE |
451 | } |
452 | ||
21d9e444 AE |
453 | @media screen and (min-width: 992px) { |
454 | .page-node-type-product .product { | |
455 | width: 800px; | |
456 | margin: 0 auto; | |
457 | } | |
458 | } | |
4d7da022 | 459 | |
d679ca4e AE |
460 | .page-node-type-product .product .field--name-field-image { |
461 | padding: 10px; | |
4d7da022 | 462 | |
d679ca4e AE |
463 | border: 1px solid #888; |
464 | border-radius: 10px; | |
465 | } | |
4d7da022 | 466 | |
aa0f7f3d AE |
467 | .page-node-type-product .product .field--name-field-image img { |
468 | margin: 0 auto; | |
469 | } | |
470 | ||
d679ca4e AE |
471 | .page-node-type-product .product .field--name-field-extra-images { |
472 | padding: 5px; | |
4d7da022 | 473 | |
d679ca4e AE |
474 | display: flex; |
475 | align-items: center; | |
4d7da022 | 476 | |
d679ca4e AE |
477 | border: 1px solid #888; |
478 | border-radius: 10px; | |
479 | } | |
4d7da022 | 480 | |
d679ca4e AE |
481 | .page-node-type-product .product .field--name-field-extra-images .field--item { |
482 | display: inline-block; | |
483 | margin: auto; | |
484 | padding: 5px; | |
485 | } | |
4d7da022 | 486 | |
b766958e AE |
487 | .page-node-type-product .product .field--name-field-categories, |
488 | .page-node-type-product .product .field--name-field-vendor { | |
d679ca4e AE |
489 | margin: 10px 10px 20px 0px; |
490 | padding: 10px; | |
491 | border: 1px solid #888; | |
492 | border-radius: 10px; | |
493 | } | |
494 | ||
433e107d AE |
495 | .page-node-type-product .product .field--name-field-categories .field--item { |
496 | display: list-item; | |
497 | list-style: circle; | |
498 | margin-left: 15px; | |
499 | } | |
500 | ||
28ff698e AE |
501 | /* product page colors */ |
502 | .page-node-type-product .product .field--name-field-image { | |
eee49201 | 503 | background-color: #fff; |
28ff698e AE |
504 | border-color: #aaa; |
505 | } | |
506 | .page-node-type-product .product .field--name-field-extra-images { | |
ebebd91d | 507 | background-color: #f3f3f3; |
28ff698e AE |
508 | border-color: #aaa; |
509 | } | |
510 | .page-node-type-product .product .field--name-field-categories { | |
8be2a870 AE |
511 | background-color: #def; |
512 | border-color: #8ad; | |
28ff698e AE |
513 | } |
514 | .page-node-type-product .product .field--name-field-vendor { | |
8be2a870 AE |
515 | background-color: #dfe; |
516 | border-color: #8da; | |
28ff698e AE |
517 | } |
518 | ||
d679ca4e AE |
519 | @media screen and (max-width: 767px) { |
520 | .page-node-type-product .product .field--name-field-extra-images { | |
521 | margin: 10px auto 0px auto; | |
21d9e444 | 522 | } |
4d7da022 | 523 | |
b766958e AE |
524 | .page-node-type-product .product .field--name-body, |
525 | .page-node-type-product .product .field--name-field-vendor-product-link, | |
526 | .page-node-type-product .product .field--name-field-certification-details, | |
527 | .page-node-type-product .product .field--name-field-certification-date, | |
528 | .page-node-type-product .product .field--name-field-source-code-links { | |
21d9e444 AE |
529 | margin-bottom: 20px; |
530 | } | |
4d7da022 | 531 | |
b766958e AE |
532 | .page-node-type-product .product .field--name-field-categories, |
533 | .page-node-type-product .product .field--name-field-vendor { | |
9b263139 | 534 | margin-bottom: 0px; |
21d9e444 | 535 | float: left; |
21d9e444 | 536 | } |
4d7da022 | 537 | |
21d9e444 | 538 | .page-node-type-product .product .field--name-body { |
9b263139 | 539 | padding-top: 20px; |
21d9e444 AE |
540 | clear: both; |
541 | } | |
4d7da022 AE |
542 | } |
543 | ||
21d9e444 AE |
544 | |
545 | @media screen and (min-width: 768px) { | |
546 | .page-node-type-product .product .field--name-field-image { | |
547 | width: 382px; | |
21d9e444 | 548 | float: left; |
21d9e444 AE |
549 | } |
550 | ||
551 | .page-node-type-product .product .field--name-field-extra-images { | |
552 | float: left; | |
553 | clear: left; | |
554 | ||
555 | width: 382px; | |
21d9e444 | 556 | margin-top: 10px; |
21d9e444 AE |
557 | } |
558 | ||
b766958e AE |
559 | .page-node-type-product .product .field--name-body, |
560 | .page-node-type-product .product .field--name-field-vendor-product-link, | |
561 | .page-node-type-product .product .field--name-field-certification-details, | |
562 | .page-node-type-product .product .field--name-field-certification-date, | |
563 | .page-node-type-product .product .field--name-field-source-code-links { | |
21d9e444 AE |
564 | margin-left: 400px; |
565 | margin-bottom: 20px; | |
566 | } | |
567 | ||
568 | .page-node-type-product .product .field--name-field-categories { | |
569 | float: left; | |
570 | clear: left; | |
571 | } | |
572 | ||
573 | .page-node-type-product .product .field--name-field-vendor { | |
574 | float: left; | |
575 | } | |
576 | ||
4d7da022 AE |
577 | } |
578 | ||
579 | ||
9f8b2429 AE |
580 | /* News and Product Announcements */ |
581 | ||
582 | ||
583 | .page-node-type-product-announcement .page-header, | |
fa74cee2 | 584 | .page-node-type-product-announcement .tabs--primary, |
9f8b2429 AE |
585 | .page-node-type-product-announcement .region-content, |
586 | .page-node-type-general-news-item .page-header, | |
fa74cee2 | 587 | .page-node-type-general-news-item .tabs--primary, |
dca6d2ea AE |
588 | .page-node-type-general-news-item .region-content, |
589 | .page-node-type-page .page-header, | |
fa74cee2 | 590 | .page-node-type-page .tabs--primary, |
dca6d2ea | 591 | .page-node-type-page .region-content, |
9f8b2429 | 592 | .path-news .page-header, |
fa74cee2 | 593 | .path-news .tabs--primary, |
9f8b2429 AE |
594 | .path-news .region-content { |
595 | max-width: 800px; | |
596 | margin: 0 auto; | |
597 | } | |
598 | ||
8499d9cd AE |
599 | /* don't apply above max-width rule to main page */ |
600 | .path-frontpage .page-header, | |
fa74cee2 | 601 | .path-frontpage .tabs--primary, |
8499d9cd AE |
602 | .path-frontpage .region-content { |
603 | max-width: 2000px; /* high number beyond the max */ | |
604 | } | |
605 | ||
dca6d2ea AE |
606 | .page-node-type-page .page-header { |
607 | margin-bottom: 20px; | |
608 | } | |
609 | ||
e9d294a4 AE |
610 | .path-news h2, |
611 | .block-views-blocknews-news-block article h2 { | |
9f8b2429 AE |
612 | font-size: 25px; |
613 | } | |
614 | ||
615 | .page-node-type-product-announcement .author, | |
616 | .page-node-type-general-news-item .author { | |
617 | margin: 10px 0 20px 0; | |
618 | font-style: oblique; | |
619 | } | |
620 | ||
621 | .page-node-type-product-announcement .field--name-body, | |
622 | .page-node-type-general-news-item .field--name-body { | |
623 | margin-bottom: 20px; | |
624 | } | |
625 | ||
626 | .page-node-type-product-announcement .field--name-field-external-news-link, | |
627 | .page-node-type-general-news-item .field--name-field-external-news-link { | |
628 | margin-bottom: 20px; | |
629 | } | |
630 | ||
631 | .page-node-type-product-announcement .field--name-field-vendor-page, | |
632 | .page-node-type-product-announcement .field--name-field-announced-products { | |
633 | margin-bottom: 20px; | |
634 | } | |
635 | ||
636 | ||
41399eb4 AE |
637 | /* Search Results */ |
638 | ||
639 | ||
640 | @media screen and (max-width: 600px) { | |
f12cbe51 | 641 | .path-search .region-content > ol { |
41399eb4 AE |
642 | width: 300px; |
643 | } | |
644 | } | |
645 | @media screen and (min-width: 601px) and (max-width 1000px) { | |
f12cbe51 | 646 | .path-search .region-content > ol { |
41399eb4 AE |
647 | width: 560px; |
648 | } | |
649 | } | |
650 | @media screen and (min-width: 1001px) { | |
f12cbe51 | 651 | .path-search .region-content > ol { |
41399eb4 AE |
652 | width: 900px; |
653 | } | |
654 | } | |
655 | ||
f12cbe51 | 656 | .path-search .region-content > ol { |
41399eb4 AE |
657 | margin: 0 auto; |
658 | padding-left: 0; | |
659 | overflow: auto; | |
660 | } | |
661 | ||
f12cbe51 | 662 | .path-search .region-content > ol li { |
41399eb4 AE |
663 | width: 280px; |
664 | height: 280px; | |
665 | margin: 0px auto; | |
666 | padding: 10px; | |
667 | ||
668 | float: left; | |
669 | ||
670 | list-style: none; | |
671 | overflow: hidden; | |
672 | } | |
673 | ||
f12cbe51 | 674 | .path-search .region-content > ol li h3 { |
41399eb4 AE |
675 | text-align: center; |
676 | } | |
677 | ||
f12cbe51 | 678 | .path-search .region-content > ol li .search-image { |
41399eb4 AE |
679 | width: 100px; |
680 | height: 100px; | |
681 | ||
682 | margin: 0 auto; | |
683 | ||
684 | display: flex; | |
685 | align-items: center; | |
686 | } | |
687 | ||
f12cbe51 | 688 | .path-search .region-content > ol li img { |
41399eb4 AE |
689 | } |
690 | ||
691 | ||
16670121 VSB |
692 | /* Footer */ |
693 | ||
5235611e | 694 | |
16670121 VSB |
695 | .footer { |
696 | background: #333; | |
697 | color: #FFF; | |
698 | } | |
699 | ||
06d8ab9f | 700 | /* full page width for footer */ |
c900f9d4 | 701 | .footer { |
c900f9d4 AE |
702 | width: 100%; |
703 | } | |
704 | ||
092ce192 | 705 | .footer a { color: #337AB7; } |
16670121 VSB |
706 | |
707 | .footer a:hover { color: #FFF; } | |
708 | ||
709 | .footer h4 { font-weight: bold; } | |
710 | ||
711 | .footer .copyright { font-size: 0.9em; text-align: center; width: 80%; margin-top: 1em; border-top: 1px solid #111; padding: 1em; } | |
712 | ||
0bd91ac3 AE |
713 | #fsf-logo-footer { margin-bottom: 10px; } |
714 | ||
18f8d3b1 AE |
715 | @media print { #fsf-logo-footer { filter: invert(100%) } } |
716 |