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 | ||
658e30ec | 6 | body { margin: 0; min-width: 320px; } |
1e7a45c4 | 7 | |
b4ed810a VSB |
8 | a { transition: 0.3s; } |
9 | ||
1e7a45c4 VSB |
10 | .navbar-default { |
11 | background: #000; | |
12 | color: #FFF; | |
13 | border: none; | |
14 | border-radius: 0px; | |
15 | box-sizing: content-box; | |
1e7a45c4 VSB |
16 | align-items: center; |
17 | margin-bottom: 100px; | |
18 | min-height: 100px; | |
19 | } | |
20 | ||
21 | .navbar-header, #navbar-collapse { | |
1e7a45c4 VSB |
22 | max-width: 1150px; |
23 | padding: 0; | |
24 | margin: 0 auto; | |
bfc9c2d3 VSB |
25 | border: none; |
26 | overflow: hidden; | |
1e7a45c4 VSB |
27 | } |
28 | ||
67263bd5 | 29 | .navbar-default .navbar-toggle { display: none; } |
bfc9c2d3 | 30 | |
1e7a45c4 VSB |
31 | .navbar-header { |
32 | position: absolute; | |
33 | top: 5px; | |
34 | } | |
35 | ||
67263bd5 | 36 | .navbar-brand { display: none; } |
ccc0e97e VSB |
37 | |
38 | #block-ryf-main-menu .navbar-nav { margin-left: 180px; } | |
39 | ||
0af85f8e | 40 | .navbar-default .navbar-nav > .active > a, |
b4ed810a | 41 | .navbar-default .navbar-nav > .active > a:hover, |
0af85f8e | 42 | .navbar-default .navbar-nav > li > a { |
b4ed810a | 43 | color: #FFF; |
0af85f8e | 44 | background: #000; |
b4ed810a | 45 | border-bottom: 2px solid transparent; |
0af85f8e AE |
46 | padding-bottom: 10px; |
47 | margin-bottom: 5px; | |
b4ed810a VSB |
48 | } |
49 | ||
b4ed810a | 50 | .navbar-default .navbar-nav > .active > a, |
0af85f8e AE |
51 | .navbar-default .navbar-nav > .active > a:hover, |
52 | .navbar-default .navbar-nav > li > a:hover { | |
b4ed810a VSB |
53 | color: #edd400; |
54 | border-bottom: 2px solid #edd400; | |
55 | padding-bottom: 5px; | |
0af85f8e | 56 | margin-bottom: 10px; |
b4ed810a VSB |
57 | } |
58 | ||
cafdcde8 | 59 | .page-header { |
357e6db1 | 60 | border-bottom: 2px solid #000; |
cafdcde8 VSB |
61 | font-size: 2em; |
62 | } | |
63 | ||
2cbded31 VSB |
64 | .region-header .search-block-form { |
65 | width: 300px; | |
66 | float: right; | |
67 | } | |
68 | ||
2f113c95 AE |
69 | @media screen and (min-width: 520px) and (max-width: 599px) { |
70 | .logo img { margin-left: 50px; } | |
71 | #block-ryf-main-menu .navbar-nav { margin-left: 230px; } | |
72 | } | |
aa4eefa7 | 73 | |
2f113c95 AE |
74 | @media screen and (min-width: 600px) and (max-width: 767px) { |
75 | .logo img { margin-left: 100px; } | |
76 | #block-ryf-main-menu .navbar-nav { margin-left: 280px; } | |
77 | } | |
78 | ||
79 | @media screen and (max-width: 767px) { | |
80 | .logo img { height: 150px; margin-top: 25px; } | |
81 | .navbar-default { min-height: 230px; margin-bottom: 30px; } | |
82 | #block-ryf-main-menu .navbar-nav { max-width: 130px; } | |
83 | } | |
84 | ||
81342c63 AE |
85 | @media screen and (min-width: 768px) { |
86 | .navbar-nav { margin-top: 40px; } | |
87 | } | |
88 | ||
cd0efca0 AE |
89 | /* Selectors */ |
90 | ||
91 | @media screen and (min-width: 768px) { | |
92 | .form-inline .form-item .select-wrapper { | |
93 | display: block; | |
94 | } | |
95 | .form-inline .form-actions { | |
96 | margin-top: 21px; | |
97 | } | |
98 | } | |
99 | ||
16670121 | 100 | /* RYF List */ |
b4ed810a | 101 | |
16670121 VSB |
102 | .ryf-list { |
103 | float: left; | |
104 | margin: 0; | |
105 | padding: 0.5em; | |
106 | position:relative; | |
107 | list-style: none; | |
108 | } | |
b4ed810a | 109 | |
16670121 VSB |
110 | .ryf-list article { |
111 | border: 1px solid #ececec; | |
112 | border-radius: 5px; | |
113 | padding: 1em; | |
114 | box-shadow: 2px 2px 5px #ddd; | |
115 | transition: 0.3s; | |
116 | } | |
1e7a45c4 | 117 | |
16670121 VSB |
118 | .ryf-list article:hover { |
119 | box-shadow: 0px 0px 5px #aaa; | |
b4ed810a | 120 | } |
1e7a45c4 | 121 | |
16670121 | 122 | .ryf-list .field--type-image { |
c51f46de | 123 | width: 150px; |
de63e943 | 124 | height: 150px; |
16670121 VSB |
125 | background: #fff; |
126 | border-radius: 10px; | |
127 | display: flex; | |
c51f46de AE |
128 | align-items: center; |
129 | } | |
130 | ||
131 | .ryf-list .field--name-field-image { | |
132 | margin: 0 auto; | |
1e7a45c4 | 133 | } |
b4ed810a | 134 | |
16670121 VSB |
135 | .ryf-list img { |
136 | max-width: 150px; | |
16670121 VSB |
137 | overflow: hidden; |
138 | } | |
139 | ||
140 | .ryf-list img:hover { | |
141 | border-radius: 0; | |
ccc0e97e | 142 | } |
b4ed810a | 143 | |
ccc0e97e | 144 | .ryf-list h2 { |
b4ed810a VSB |
145 | text-align: left; |
146 | font-size: 1.5em; | |
147 | font-weight: 500; | |
148 | line-height: 1.2em; | |
16670121 VSB |
149 | margin: 0; |
150 | padding: 0; | |
151 | padding-bottom: 1em; | |
b4ed810a VSB |
152 | } |
153 | ||
154 | .ryf-list a { | |
155 | color: #118991; | |
156 | text-decoration: none; | |
157 | } | |
158 | ||
159 | .ryf-list a:hover { | |
160 | color: #000; | |
161 | } | |
1e7a45c4 | 162 | |
ccc0e97e VSB |
163 | .ryf-list .node-readmore, |
164 | .ryf-list .tags, | |
165 | .ryf-list .supplier { | |
b4ed810a VSB |
166 | width: 100%; |
167 | float: left; | |
168 | font-size: 0.9em; | |
169 | border-top: 1px solid #ccc4c4; | |
170 | margin-top: 5px; | |
171 | padding-top: 5px; | |
172 | color: #afadad; | |
173 | } | |
16670121 VSB |
174 | |
175 | .ryf-list .node-readmore { | |
176 | text-align: right; | |
177 | } | |
178 | ||
179 | ||
dbd9476a AE |
180 | /* Vendors list */ |
181 | ||
182 | @media screen and (max-width: 767px) { | |
183 | .vendors-list-row { | |
184 | margin: 0px auto; | |
185 | } | |
186 | ||
187 | .vendors-list { | |
188 | margin-bottom: 40px; | |
189 | list-style: none; | |
190 | } | |
191 | ||
192 | .vendors-list .views-field-field-icon { | |
193 | width: 220px; | |
194 | ||
195 | margin: 0px auto 20px auto; | |
196 | } | |
197 | ||
198 | .vendors-list .views-field-field-icon img { | |
199 | margin: 0 auto; | |
200 | } | |
201 | ||
202 | .vendors-list .views-field-name, .vendors-list .views-field-description__value { | |
203 | max-width: 300px; | |
204 | margin: 0 auto 10px auto; | |
205 | } | |
206 | ||
207 | .vendors-list .views-field-name { | |
208 | font-weight: bold; | |
209 | font-size: 18px; | |
210 | text-align: center; | |
211 | } | |
212 | ||
213 | } | |
214 | ||
215 | @media screen and (min-width: 768px) { | |
216 | .vendors-list-row { | |
217 | width: 600px; | |
218 | margin: 0px auto; | |
219 | } | |
220 | ||
221 | .vendors-list { | |
222 | list-style: none; | |
223 | clear: left; | |
224 | } | |
225 | ||
226 | .vendors-list .views-field-field-icon { | |
227 | width: 220px; | |
228 | height: 220px; | |
229 | ||
230 | margin-bottom: 40px; | |
231 | ||
232 | float: left; | |
233 | } | |
234 | ||
235 | .vendors-list .views-field-field-icon img { | |
236 | margin: 0 auto; | |
237 | } | |
238 | ||
239 | .vendors-list .views-field-name, .vendors-list .views-field-description__value { | |
240 | margin-left: 300px; | |
241 | } | |
242 | ||
243 | .vendors-list .views-field-name { | |
244 | margin-bottom: 10px; | |
245 | font-weight: bold; | |
246 | font-size: 18px; | |
247 | } | |
248 | } | |
249 | ||
250 | ||
f39cdbbc AE |
251 | /* Sidebars */ |
252 | ||
253 | ||
254 | @media screen and (max-width: 767px) { | |
255 | .path-products #block-views-block-categories-categories-block { display: none; } | |
256 | } | |
257 | ||
258 | ||
4d7da022 AE |
259 | /* Product */ |
260 | ||
d679ca4e AE |
261 | @media screen and (max-width: 767px) { |
262 | .page-node-type-product .product { | |
263 | max-width: 382px; | |
264 | margin: 0 auto; | |
265 | } | |
266 | } | |
267 | ||
21d9e444 AE |
268 | @media screen and (min-width: 768px) and (max-width: 991px) { |
269 | .page-node-type-product .product { | |
270 | width: 700px; | |
271 | margin: 0 auto; | |
272 | } | |
4d7da022 AE |
273 | } |
274 | ||
21d9e444 AE |
275 | @media screen and (min-width: 992px) { |
276 | .page-node-type-product .product { | |
277 | width: 800px; | |
278 | margin: 0 auto; | |
279 | } | |
280 | } | |
4d7da022 | 281 | |
d679ca4e AE |
282 | .page-node-type-product .product .field--name-field-image { |
283 | padding: 10px; | |
4d7da022 | 284 | |
d679ca4e AE |
285 | display: flex; |
286 | align-items: center; | |
4d7da022 | 287 | |
d679ca4e AE |
288 | border: 1px solid #888; |
289 | border-radius: 10px; | |
290 | } | |
4d7da022 | 291 | |
d679ca4e AE |
292 | .page-node-type-product .product .field--name-field-extra-images { |
293 | padding: 5px; | |
4d7da022 | 294 | |
d679ca4e AE |
295 | display: flex; |
296 | align-items: center; | |
4d7da022 | 297 | |
d679ca4e AE |
298 | border: 1px solid #888; |
299 | border-radius: 10px; | |
300 | } | |
4d7da022 | 301 | |
d679ca4e AE |
302 | .page-node-type-product .product .field--name-field-extra-images .field--item { |
303 | display: inline-block; | |
304 | margin: auto; | |
305 | padding: 5px; | |
306 | } | |
4d7da022 | 307 | |
d679ca4e AE |
308 | .page-node-type-product .product .field--name-field-categories, .page-node-type-product .product .field--name-field-vendor { |
309 | margin: 10px 10px 20px 0px; | |
310 | padding: 10px; | |
311 | border: 1px solid #888; | |
312 | border-radius: 10px; | |
313 | } | |
314 | ||
315 | @media screen and (max-width: 767px) { | |
316 | .page-node-type-product .product .field--name-field-extra-images { | |
317 | margin: 10px auto 0px auto; | |
21d9e444 | 318 | } |
4d7da022 | 319 | |
21d9e444 AE |
320 | .page-node-type-product .product .field--name-body, .page-node-type-product .product .field--name-field-vendor-product-link, .page-node-type-product .product .field--name-field-certification-details, .page-node-type-product .product .field--name-field-certification-date, .page-node-type-product .product .field--name-field-source-code-links { |
321 | margin-bottom: 20px; | |
322 | } | |
4d7da022 | 323 | |
21d9e444 AE |
324 | .page-node-type-product .product .field--name-field-categories, .page-node-type-product .product .field--name-field-vendor { |
325 | float: left; | |
21d9e444 | 326 | } |
4d7da022 | 327 | |
21d9e444 AE |
328 | .page-node-type-product .product .field--name-body { |
329 | clear: both; | |
330 | } | |
4d7da022 AE |
331 | } |
332 | ||
21d9e444 AE |
333 | |
334 | @media screen and (min-width: 768px) { | |
335 | .page-node-type-product .product .field--name-field-image { | |
336 | width: 382px; | |
21d9e444 | 337 | float: left; |
21d9e444 AE |
338 | } |
339 | ||
340 | .page-node-type-product .product .field--name-field-extra-images { | |
341 | float: left; | |
342 | clear: left; | |
343 | ||
344 | width: 382px; | |
21d9e444 | 345 | margin-top: 10px; |
21d9e444 AE |
346 | } |
347 | ||
348 | .page-node-type-product .product .field--name-body, .page-node-type-product .product .field--name-field-vendor-product-link, .page-node-type-product .product .field--name-field-certification-details, .page-node-type-product .product .field--name-field-certification-date, .page-node-type-product .product .field--name-field-source-code-links { | |
349 | margin-left: 400px; | |
350 | margin-bottom: 20px; | |
351 | } | |
352 | ||
353 | .page-node-type-product .product .field--name-field-categories { | |
354 | float: left; | |
355 | clear: left; | |
356 | } | |
357 | ||
358 | .page-node-type-product .product .field--name-field-vendor { | |
359 | float: left; | |
360 | } | |
361 | ||
4d7da022 AE |
362 | } |
363 | ||
364 | ||
16670121 VSB |
365 | /* Footer */ |
366 | ||
367 | .footer { | |
368 | background: #333; | |
369 | color: #FFF; | |
370 | } | |
371 | ||
06d8ab9f | 372 | /* full page width for footer */ |
c900f9d4 | 373 | .footer { |
c900f9d4 AE |
374 | width: 100%; |
375 | } | |
376 | ||
16670121 VSB |
377 | .footer a { color: #edd400; } |
378 | ||
379 | .footer a:hover { color: #FFF; } | |
380 | ||
381 | .footer h4 { font-weight: bold; } | |
382 | ||
383 | .footer .copyright { font-size: 0.9em; text-align: center; width: 80%; margin-top: 1em; border-top: 1px solid #111; padding: 1em; } | |
384 | ||
0bd91ac3 AE |
385 | #fsf-logo-footer { margin-bottom: 10px; } |
386 | ||
18f8d3b1 AE |
387 | @media print { #fsf-logo-footer { filter: invert(100%) } } |
388 |