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; | |
16 | display: flex; | |
17 | flex-direction: column-reverse; | |
18 | align-items: center; | |
19 | margin-bottom: 100px; | |
20 | min-height: 100px; | |
21 | } | |
22 | ||
23 | .navbar-header, #navbar-collapse { | |
1e7a45c4 VSB |
24 | width: 95%; |
25 | max-width: 1150px; | |
26 | padding: 0; | |
27 | margin: 0 auto; | |
bfc9c2d3 VSB |
28 | border: none; |
29 | overflow: hidden; | |
1e7a45c4 VSB |
30 | } |
31 | ||
bfc9c2d3 VSB |
32 | .navbar-default .navbar-toggle { z-index: 999; } |
33 | ||
1e7a45c4 VSB |
34 | .navbar-header { |
35 | position: absolute; | |
36 | top: 5px; | |
37 | } | |
38 | ||
ccc0e97e VSB |
39 | .navbar-brand { text-indent: -1000px; } |
40 | ||
41 | #block-ryf-main-menu .navbar-nav { margin-left: 180px; } | |
42 | ||
b4ed810a VSB |
43 | .navbar-default .navbar-nav > .active > a:hover, |
44 | .navbar-default .navbar-nav>li>a { | |
45 | color: #FFF; | |
46 | border-bottom: 2px solid transparent; | |
47 | } | |
48 | ||
49 | .navbar-default .navbar-nav > .active > a:hover, | |
50 | .navbar-default .navbar-nav > .active > a, | |
51 | .navbar-default .navbar-nav>li>a:hover { | |
52 | color: #edd400; | |
53 | border-bottom: 2px solid #edd400; | |
54 | padding-bottom: 5px; | |
55 | background: #000; | |
56 | margin-bottom: 5px; | |
57 | } | |
58 | ||
59 | #block-bootstrap-main-menu { | |
60 | margin-left: 200px; | |
61 | width: 100%; | |
62 | } | |
1e7a45c4 | 63 | |
cafdcde8 | 64 | .page-header { |
357e6db1 | 65 | border-bottom: 2px solid #000; |
cafdcde8 VSB |
66 | font-size: 2em; |
67 | } | |
68 | ||
2cbded31 VSB |
69 | .region-header .search-block-form { |
70 | width: 300px; | |
71 | float: right; | |
72 | } | |
73 | ||
16670121 | 74 | /* RYF List */ |
b4ed810a | 75 | |
16670121 VSB |
76 | .ryf-list { |
77 | float: left; | |
78 | margin: 0; | |
79 | padding: 0.5em; | |
80 | position:relative; | |
81 | list-style: none; | |
82 | } | |
b4ed810a | 83 | |
16670121 VSB |
84 | .ryf-list article { |
85 | border: 1px solid #ececec; | |
86 | border-radius: 5px; | |
87 | padding: 1em; | |
88 | box-shadow: 2px 2px 5px #ddd; | |
89 | transition: 0.3s; | |
90 | } | |
1e7a45c4 | 91 | |
16670121 VSB |
92 | .ryf-list article:hover { |
93 | box-shadow: 0px 0px 5px #aaa; | |
b4ed810a | 94 | } |
1e7a45c4 | 95 | |
16670121 VSB |
96 | .ryf-list .field--type-image { |
97 | width: 100%; | |
98 | background: #fff; | |
99 | border-radius: 10px; | |
100 | display: flex; | |
101 | justify-content: center; | |
1e7a45c4 | 102 | } |
b4ed810a | 103 | |
16670121 VSB |
104 | .ryf-list img { |
105 | max-width: 150px; | |
b4ed810a | 106 | min-height: 150px; |
16670121 VSB |
107 | overflow: hidden; |
108 | } | |
109 | ||
110 | .ryf-list img:hover { | |
111 | border-radius: 0; | |
ccc0e97e | 112 | } |
b4ed810a | 113 | |
ccc0e97e | 114 | .ryf-list h2 { |
b4ed810a VSB |
115 | text-align: left; |
116 | font-size: 1.5em; | |
117 | font-weight: 500; | |
118 | line-height: 1.2em; | |
16670121 VSB |
119 | margin: 0; |
120 | padding: 0; | |
121 | padding-bottom: 1em; | |
b4ed810a VSB |
122 | } |
123 | ||
124 | .ryf-list a { | |
125 | color: #118991; | |
126 | text-decoration: none; | |
127 | } | |
128 | ||
129 | .ryf-list a:hover { | |
130 | color: #000; | |
131 | } | |
1e7a45c4 | 132 | |
ccc0e97e VSB |
133 | .ryf-list .node-readmore, |
134 | .ryf-list .tags, | |
135 | .ryf-list .supplier { | |
b4ed810a VSB |
136 | width: 100%; |
137 | float: left; | |
138 | font-size: 0.9em; | |
139 | border-top: 1px solid #ccc4c4; | |
140 | margin-top: 5px; | |
141 | padding-top: 5px; | |
142 | color: #afadad; | |
143 | } | |
16670121 VSB |
144 | |
145 | .ryf-list .node-readmore { | |
146 | text-align: right; | |
147 | } | |
148 | ||
149 | ||
150 | /* Footer */ | |
151 | ||
152 | .footer { | |
153 | background: #333; | |
154 | color: #FFF; | |
155 | } | |
156 | ||
157 | .footer a { color: #edd400; } | |
158 | ||
159 | .footer a:hover { color: #FFF; } | |
160 | ||
161 | .footer h4 { font-weight: bold; } | |
162 | ||
163 | .footer .copyright { font-size: 0.9em; text-align: center; width: 80%; margin-top: 1em; border-top: 1px solid #111; padding: 1em; } | |
164 | ||
0bd91ac3 AE |
165 | #fsf-logo-footer { margin-bottom: 10px; } |
166 |