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 | width: 95%; |
23 | max-width: 1150px; | |
24 | padding: 0; | |
25 | margin: 0 auto; | |
bfc9c2d3 VSB |
26 | border: none; |
27 | overflow: hidden; | |
1e7a45c4 VSB |
28 | } |
29 | ||
67263bd5 | 30 | .navbar-default .navbar-toggle { display: none; } |
bfc9c2d3 | 31 | |
1e7a45c4 VSB |
32 | .navbar-header { |
33 | position: absolute; | |
34 | top: 5px; | |
35 | } | |
36 | ||
67263bd5 | 37 | .navbar-brand { display: none; } |
ccc0e97e VSB |
38 | |
39 | #block-ryf-main-menu .navbar-nav { margin-left: 180px; } | |
40 | ||
0af85f8e | 41 | .navbar-default .navbar-nav > .active > a, |
b4ed810a | 42 | .navbar-default .navbar-nav > .active > a:hover, |
0af85f8e | 43 | .navbar-default .navbar-nav > li > a { |
b4ed810a | 44 | color: #FFF; |
0af85f8e | 45 | background: #000; |
b4ed810a | 46 | border-bottom: 2px solid transparent; |
0af85f8e AE |
47 | padding-bottom: 10px; |
48 | margin-bottom: 5px; | |
b4ed810a VSB |
49 | } |
50 | ||
b4ed810a | 51 | .navbar-default .navbar-nav > .active > a, |
0af85f8e AE |
52 | .navbar-default .navbar-nav > .active > a:hover, |
53 | .navbar-default .navbar-nav > li > a:hover { | |
b4ed810a VSB |
54 | color: #edd400; |
55 | border-bottom: 2px solid #edd400; | |
56 | padding-bottom: 5px; | |
0af85f8e | 57 | margin-bottom: 10px; |
b4ed810a VSB |
58 | } |
59 | ||
cafdcde8 | 60 | .page-header { |
357e6db1 | 61 | border-bottom: 2px solid #000; |
cafdcde8 VSB |
62 | font-size: 2em; |
63 | } | |
64 | ||
2cbded31 VSB |
65 | .region-header .search-block-form { |
66 | width: 300px; | |
67 | float: right; | |
68 | } | |
69 | ||
2f113c95 AE |
70 | @media screen and (min-width: 520px) and (max-width: 599px) { |
71 | .logo img { margin-left: 50px; } | |
72 | #block-ryf-main-menu .navbar-nav { margin-left: 230px; } | |
73 | } | |
aa4eefa7 | 74 | |
2f113c95 AE |
75 | @media screen and (min-width: 600px) and (max-width: 767px) { |
76 | .logo img { margin-left: 100px; } | |
77 | #block-ryf-main-menu .navbar-nav { margin-left: 280px; } | |
78 | } | |
79 | ||
80 | @media screen and (max-width: 767px) { | |
81 | .logo img { height: 150px; margin-top: 25px; } | |
82 | .navbar-default { min-height: 230px; margin-bottom: 30px; } | |
83 | #block-ryf-main-menu .navbar-nav { max-width: 130px; } | |
84 | } | |
85 | ||
81342c63 AE |
86 | @media screen and (min-width: 768px) { |
87 | .navbar-nav { margin-top: 40px; } | |
88 | } | |
89 | ||
cd0efca0 AE |
90 | /* Selectors */ |
91 | ||
92 | @media screen and (min-width: 768px) { | |
93 | .form-inline .form-item .select-wrapper { | |
94 | display: block; | |
95 | } | |
96 | .form-inline .form-actions { | |
97 | margin-top: 21px; | |
98 | } | |
99 | } | |
100 | ||
16670121 | 101 | /* RYF List */ |
b4ed810a | 102 | |
16670121 VSB |
103 | .ryf-list { |
104 | float: left; | |
105 | margin: 0; | |
106 | padding: 0.5em; | |
107 | position:relative; | |
108 | list-style: none; | |
109 | } | |
b4ed810a | 110 | |
16670121 VSB |
111 | .ryf-list article { |
112 | border: 1px solid #ececec; | |
113 | border-radius: 5px; | |
114 | padding: 1em; | |
115 | box-shadow: 2px 2px 5px #ddd; | |
116 | transition: 0.3s; | |
117 | } | |
1e7a45c4 | 118 | |
16670121 VSB |
119 | .ryf-list article:hover { |
120 | box-shadow: 0px 0px 5px #aaa; | |
b4ed810a | 121 | } |
1e7a45c4 | 122 | |
16670121 VSB |
123 | .ryf-list .field--type-image { |
124 | width: 100%; | |
125 | background: #fff; | |
126 | border-radius: 10px; | |
127 | display: flex; | |
128 | justify-content: center; | |
1e7a45c4 | 129 | } |
b4ed810a | 130 | |
16670121 VSB |
131 | .ryf-list img { |
132 | max-width: 150px; | |
b4ed810a | 133 | min-height: 150px; |
16670121 VSB |
134 | overflow: hidden; |
135 | } | |
136 | ||
137 | .ryf-list img:hover { | |
138 | border-radius: 0; | |
ccc0e97e | 139 | } |
b4ed810a | 140 | |
ccc0e97e | 141 | .ryf-list h2 { |
b4ed810a VSB |
142 | text-align: left; |
143 | font-size: 1.5em; | |
144 | font-weight: 500; | |
145 | line-height: 1.2em; | |
16670121 VSB |
146 | margin: 0; |
147 | padding: 0; | |
148 | padding-bottom: 1em; | |
b4ed810a VSB |
149 | } |
150 | ||
151 | .ryf-list a { | |
152 | color: #118991; | |
153 | text-decoration: none; | |
154 | } | |
155 | ||
156 | .ryf-list a:hover { | |
157 | color: #000; | |
158 | } | |
1e7a45c4 | 159 | |
ccc0e97e VSB |
160 | .ryf-list .node-readmore, |
161 | .ryf-list .tags, | |
162 | .ryf-list .supplier { | |
b4ed810a VSB |
163 | width: 100%; |
164 | float: left; | |
165 | font-size: 0.9em; | |
166 | border-top: 1px solid #ccc4c4; | |
167 | margin-top: 5px; | |
168 | padding-top: 5px; | |
169 | color: #afadad; | |
170 | } | |
16670121 VSB |
171 | |
172 | .ryf-list .node-readmore { | |
173 | text-align: right; | |
174 | } | |
175 | ||
176 | ||
177 | /* Footer */ | |
178 | ||
179 | .footer { | |
180 | background: #333; | |
181 | color: #FFF; | |
182 | } | |
183 | ||
06d8ab9f | 184 | /* full page width for footer */ |
c900f9d4 AE |
185 | .footer { |
186 | position: absolute; | |
187 | left: 0; | |
188 | right: 0; | |
189 | width: 100%; | |
190 | } | |
191 | ||
16670121 VSB |
192 | .footer a { color: #edd400; } |
193 | ||
194 | .footer a:hover { color: #FFF; } | |
195 | ||
196 | .footer h4 { font-weight: bold; } | |
197 | ||
198 | .footer .copyright { font-size: 0.9em; text-align: center; width: 80%; margin-top: 1em; border-top: 1px solid #111; padding: 1em; } | |
199 | ||
0bd91ac3 AE |
200 | #fsf-logo-footer { margin-bottom: 10px; } |
201 |