equal
deleted
inserted
replaced
146 text-align: center; line-height: 40px; font-size: 17px; color: #b0b0b0; |
146 text-align: center; line-height: 40px; font-size: 17px; color: #b0b0b0; |
147 font-weight: 700; |
147 font-weight: 700; |
148 } |
148 } |
149 |
149 |
150 .tags { |
150 .tags { |
151 position: absolute; top: 0; left: 0; width: 140px; z-index: 2; font-size: 12px; cursor: pointer; |
151 position: absolute; top: 0; left: 0; width: 180px; z-index: 2; font-size: 12px; |
|
152 } |
|
153 |
|
154 .tags-title-wrap { |
|
155 height: 40px; |
|
156 } |
|
157 |
|
158 .searching .tags-title-wrap { |
|
159 width: 300px; |
152 } |
160 } |
153 |
161 |
154 .tags-title { |
162 .tags-title { |
155 line-height: 40px; padding: 0 15px; font-size: 11px; color: #B8155F; |
163 line-height: 40px; padding: 0 15px; font-size: 11px; color: #B8155F; |
156 font-weight: 700; text-transform: uppercase; |
164 font-weight: 700; text-transform: uppercase; height: 40px; cursor: pointer; |
157 } |
165 } |
158 |
166 |
159 .tags:hover .tags-title { |
167 .searching .tags-title { |
160 background: #404040; color: #ffffff; |
168 text-transform: none; float: left; min-width: 150px; background: #ffffff; |
161 } |
169 } |
162 |
170 |
163 .tags-list { |
171 .tags-list { |
164 background: #303030; |
172 background: #303030; |
165 padding: 10px 0; display: none; |
173 padding: 10px 0; display: none; cursor: pointer; |
166 } |
174 } |
167 |
175 |
168 .tag { |
176 .tag { |
169 color: #cccccc; padding: 5px 15px; |
177 color: #cccccc; padding: 5px 15px; |
170 } |
178 } |
171 |
179 |
172 .tag:hover { |
180 .searching .tag { |
|
181 color: #999999; |
|
182 } |
|
183 |
|
184 .tag.found { |
173 color: #ffffff; background: #202020; |
185 color: #ffffff; background: #202020; |
174 } |
|
175 |
|
176 .tag.found { |
|
177 color: #ffffff; |
|
178 } |
186 } |
179 |
187 |
180 /* Annotation colors */ |
188 /* Annotation colors */ |
181 |
189 |
182 .video { |
190 .video { |
334 .annotation-templates { |
342 .annotation-templates { |
335 display: none; |
343 display: none; |
336 } |
344 } |
337 |
345 |
338 .annotation { |
346 .annotation { |
339 position: absolute; |
347 position: absolute; top: 800px; |
|
348 transition: all 0.5s; -webkit-transition: all 0.5s; |
340 } |
349 } |
341 |
350 |
342 .annotation-title { |
351 .annotation-title { |
343 font-weight: 800; text-align: center; |
352 font-weight: 800; text-align: center; |
344 } |
353 } |
345 |
354 |
346 .close-annotation { |
355 .close-annotation { |
347 float: right; margin: 10px 10px 0 0; width: 11px; height: 10px; background-image: url(../img/sprites.png); |
356 float: right; margin: 10px 10px 0 0; width: 11px; height: 10px; background-image: url(../img/sprites.png); |
348 } |
|
349 |
|
350 .annotation { |
|
351 top: 800px; |
|
352 transition: all 0.5s; -webkit-transition: all 0.5s; |
|
353 } |
357 } |
354 |
358 |
355 .annotation-main:after, .about-collaboration:after { |
359 .annotation-main:after, .about-collaboration:after { |
356 content: "."; visibility: hidden; display: block; height: 0; line-height: 0; clear: both; |
360 content: "."; visibility: hidden; display: block; height: 0; line-height: 0; clear: both; |
357 } |
361 } |