160 } |
160 } |
161 |
161 |
162 .add-segment { |
162 .add-segment { |
163 position: absolute; right: 10px; bottom: 10px; |
163 position: absolute; right: 10px; bottom: 10px; |
164 } |
164 } |
|
165 |
|
166 |
165 .media-segments h2{ |
167 .media-segments h2{ |
166 color: #30036d; |
168 color: #30036d; |
167 font-size: 14px; |
169 font-size: 14px; |
168 font-weight: 600; |
170 font-weight: 600; |
169 margin: 10px 8px 2px; |
171 margin: 10px 8px 2px; |
170 } |
172 } |
171 |
173 |
172 .media-segment { |
174 .media-segment-list { |
173 height: 8px; |
175 margin: 8px 5px 0 6px; |
174 margin: 8px 6px 0; |
176 padding-bottom: 1px; |
175 background-color: #b6b8b8; |
|
176 position: relative; |
177 position: relative; |
177 } |
178 } |
178 .media-section { |
179 |
179 position: absolute; |
180 .media-found-segments { |
180 } |
181 clear: both; padding-top: 5px; |
|
182 } |
|
183 |
|
184 .media-found-segments .media-segment-list { |
|
185 margin: 0; |
|
186 } |
|
187 |
|
188 .media-found-list { |
|
189 padding-bottom: 1px; position: relative; |
|
190 } |
|
191 |
|
192 .media-segment-list-inner { |
|
193 position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url(../img/bg-segments.png); |
|
194 } |
|
195 |
181 .media-segment-section { |
196 .media-segment-section { |
182 top: 0; height: 8px; |
197 position: absolute; height: 8px; |
183 } |
198 } |
184 |
199 |
185 .media-current-section { |
200 .media-current-section { |
186 background: url(../img/pinstripe-purple.png); |
201 background: url(../img/pinstripe-purple.png); |
187 top: -2px; height: 2px; |
202 top: -2px; bottom: -2px; margin-left: -1px; padding: 2px 1px; |
188 } |
203 position: absolute; |
189 |
204 } |
190 .media-current-section-inner { |
205 |
191 background: url(../img/pinstripe-purple.png); |
206 .media-segment-popin .pointer{ |
192 margin-top: 10px; height: 2px; |
|
193 } |
|
194 .media-segment .pointer{ |
|
195 margin-left: 140px |
207 margin-left: 140px |
196 } |
208 } |
197 .media-segment-popin { |
209 .media-segment-popin { |
198 padding-top: 12px; overflow: hidden; |
210 padding-top: 12px; overflow: hidden; |
199 top: 2px; width: 300px; margin-left: -151px; |
211 top: 2px; width: 300px; margin-left: -151px; |
200 display: none; |
212 display: none; |
201 } |
213 } |
202 .media-segment-popin h3{ |
214 .media-segment-popin h3, .media-found-popin h3{ |
203 padding: 0; |
215 padding: 0; |
204 color: #de2500; |
216 color: #de2500; |
205 margin-bottom: 4px; |
217 margin-bottom: 4px; |
206 font-weight: 600; |
218 font-weight: 600; |
207 } |
219 } |