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