Issues:
1/* ========================================================================== */
2
3h1 + .content_datasets {
4 margin-top:-15px;
5}
6
7.content_datasets ul {
8 margin-left:-1px;
9}
10
11.content_datasets ul li {
12 font-size:14px;
13 height:20px;
14 line-height:20px;
15 padding:0;
16 border-radius: 0;
17 background:none;
18}
19
20.content_datasets ul li a { color:#95a5a6; }
21.content_datasets ul li a:hover { text-decoration:underline; color:#D35400; }
22
23.content_datasets ul .active {
24 background:none;
25 color:#34495e;
26 padding:0;
27}
28
29/* ========================================================================== */
30
31.content_categories + .filter-panel {
32 margin-top: -21px;
33}
34.content_categories {
35 padding:10px 15px;
36 margin-top: 0;
37}
38
39article div.content_categories:last-child {
40 margin:0;
41}
42
43.content_categories ul,
44.content_categories li { margin:0; padding:0; }
45
46.content_categories li {
47 display: inline-block;
48 height: 32px;
49 line-height: 32px;
50 font-size: 18px;
51 padding-left: 20px;
52 background: url("../images/icons/folder.png") no-repeat left center;
53 margin-right: 10px;
54}
55
56.content_categories li a { color:#68809B; }
57.content_categories li a:hover { color:#d35400; }
58
59.content_categories.categories_small li {
60 font-size:14px;
61 height: 24px;
62 line-height: 24px;
63}
64
65/* ========================================================================== */
66
67.content_item_parent_title{
68 margin:0;
69 font-weight: normal;
70}
71
72.content_item_parent_title a { color:#BDC3C7; }
73.content_item_parent_title a:hover { color:#d35400; }
74
75.content_item, .f_photos > .value {
76 clear:both;
77 overflow: hidden;
78}
79
80.content_item .field{
81 margin-bottom: 15px;
82 overflow:hidden;
83 color:#555;
84 box-sizing: border-box;
85}
86.content_item .field.left_field{
87 float: left;
88 margin-right: 15px;
89}
90.content_item .field.right_field{
91 float: right;
92 margin-left: 15px;
93}
94.content_item .field.auto_field{
95 overflow: visible;
96}
97.content_item .field.none_field{
98 float: none;
99 clear: both;
100}
101
102.private_field_hint {
103 color: #95a5a6;
104}
105
106.content_item .field .title_left,
107.content_item .field .title_top,
108.content_list .field .title_left,
109.content_list .field .title_top
110{ font-weight: bold; color:#34495E; }
111
112.content_item .field .title_left,
113.content_list .field .title_left
114{ float:left; margin-right: 10px; }
115
116.content_item .field .title_top,
117.content_list .field .title_top
118{ margin-bottom:5px; }
119
120.ft_listbitmask > .value > ul {
121 margin: 0;
122 overflow: hidden;
123}
124.ft_listbitmask > .value > ul > li {
125 margin: 0 0 0 20px;
126 padding: 0;
127}
128.ft_listbitmask > .value > ul.multiple_tags_list {
129 margin-bottom: -5px;
130}
131.ft_listbitmask > .value > ul.multiple_tags_list li {
132 display: inline-block;
133 margin: 0 5px 5px 0;
134 padding: 4px 8px;
135 color: #68809B;
136 background: #F4F8FD;
137 border: solid 1px #B8D6FB;
138 border-radius: 4px;
139}
140.ft_listbitmask > .value > ul.multiple_tags_list li > a {
141 text-decoration: none;
142 color: inherit;
143 display: block;
144 margin: -4px -8px;
145 padding: inherit;
146}
147.ft_listbitmask > .value > ul.multiple_tags_list li > a:hover {
148 background: #deebfb;
149}
150/* ========================================================================== */
151
152.content_item .fields_group:first-child .group_title {
153 margin-top: 0;
154}
155
156.content_item .fields_group {
157 overflow: hidden;
158 clear: both;
159}
160.content_item .fields_group .field {
161 margin: 0 0 5px 0;
162}
163.content_item .fields_group + .field {
164 padding: 15px 0 0;
165}
166
167/* ========================================================================== */
168
169.content_item .ft_text {
170 clear:both;
171}
172
173.content_item .ft_text .value,
174.content_item .ft_html .value {
175 line-height:20px;
176}
177
178.content_item .ft_html .value table, .redactor-editor table {
179 border-collapse: collapse;
180}
181
182.content_item .ft_html .value table th,
183.content_item .ft_html .value table td,
184.redactor-editor table td,
185.redactor-editor table th {
186 padding: 10px;
187 border:solid 1px #CCC;
188}
189
190.content_list_item .ft_html a.read-more {
191 display: block;
192 margin:5px 0;
193}
194
195.ft_file .value .size {
196 margin-left:5px;
197 font-size:12px;
198 color:#999;
199}
200
201.ft_date .value .time {
202 padding-left:16px;
203 background:url("../images/icons/clock-small.png") no-repeat left center;
204}
205
206.ft_color .color-block, .content_item_props .value .color-block {
207 display:inline-block;
208 width:32px;
209 height:16px;
210 border:solid 1px #000;
211}
212
213/* ========================================================================== */
214
215.content_item_props {
216 padding:10px;
217 margin-bottom:15px;
218 background: #F4F8FD;
219 border: solid 1px #B8D6FB;
220 color:#34495E;
221}
222
223.content_item_props table {
224 border-collapse: collapse;
225 width:100%;
226}
227
228.content_item_props table tr td{
229 padding:4px 0;
230 border-bottom: solid 1px #B3C2C9;
231}
232
233.content_item_props table tr:last-child td{
234 border-bottom:none;
235}
236
237.content_item_props table tr:hover td.title,
238.content_item_props table tr:hover td.value{
239 color:#c0392b;
240}
241
242.content_item_props table .heading{
243 font-weight: bold;
244 text-align: center;
245}
246
247.content_item_props table .title{
248 padding-right: 10px;
249 width:50%;
250 color:#68809B;
251}
252
253.content_item_props table .value{
254 color:#7f8c8d;
255 padding-left: 10px;
256 text-align: right;
257}
258
259/* ========================================================================== */
260#trash_content_pills { margin-bottom: 30px; }
261.content_list_item {
262 box-sizing: border-box;
263 display: inline-block;
264 width: 100%;
265 clear: both;
266 position: relative;
267 margin-bottom:15px; color:#666;
268}
269.content_list_item:last-child, .content_list_item:last-child > div:last-child {
270 margin-bottom: 0;
271}
272
273.content_list_item .photo{
274 float:left;
275 margin-right: 10px;
276}
277
278.content_list_item .field { margin-bottom: 6px; }
279.content_list_item .ft_caption { margin-bottom:10px; }
280.content_list_item .ft_caption .value { font-size:21px; color:#2c3e50; margin: 0; }
281.content_list_item .ft_caption a { color:inherit; text-decoration: none; }
282.content_list_item .ft_caption a:hover { text-decoration: underline; }
283.content_list_item .ft_caption a.parent_title { color:#7f8c8d; }
284.content_list_item .ft_caption a.parent_title:hover { color:#d35400; }
285.content_list_item .ft_caption h1 { font-size:16px; font-weight: bold; margin:0; padding:2px 0; }
286.content_list_item .f_date_pub {
287 color:#999; font-size:11px;
288 padding-top:1px;
289 padding-right: 10px;
290 float:right;
291 margin-top: -20px;
292}
293
294.content_item .ft_html p:last-child,
295.content_list_item .ft_html p:last-child { margin-bottom: 0; }
296
297.content_list_item .ft_user a { color:#BDC3C7; }
298.content_list_item .ft_user a:hover { color:#d35400; }
299
300.content_item .ft_listmultiple ul,
301.content_list_item .ft_listmultiple ul {
302 clear:both;
303}
304.content_item .ft_listmultiple ul li,
305.content_list_item .ft_listmultiple ul li {
306}
307
308.content_item .tags_bar,
309.content_list_item .tags_bar {
310 margin:10px 0;
311 overflow: hidden;
312 font-size: 12px;
313 padding-left:20px;
314 background:url("../images/icons/tag.png") no-repeat left center;
315 line-height: 16px;
316 clear: both;
317}
318
319.content_item .tags_bar a ,
320.content_list_item .tags_bar a {
321 color:#7f8c8d;
322}
323
324.content_item .tags_bar a:hover ,
325.content_list_item .tags_bar a:hover {
326 color:#d35400;
327}
328
329.content_item .info_bar,
330.content_list_item .info_bar {
331 margin:5px 0;
332 overflow: hidden;
333 font-size: 11px;
334 color:#95a5a6;
335 clear: both;
336}
337
338.content_item .info_bar .bar_item,
339.content_list_item .info_bar .bar_item {
340 float:left;
341 padding: 3px 5px;
342 height:18px;
343 line-height:18px;
344}
345
346.content_item .info_bar .bar_item a,
347.content_list_item .info_bar .bar_item a {
348 color:#7f8c8d;
349}
350
351.content_item .info_bar .bar_item a:hover,
352.content_list_item .info_bar .bar_item a:hover {
353 color:#d35400;
354}
355
356.content_item .info_bar .bi_rating,
357.content_list_item .info_bar .bi_rating{
358 background:#ecf0f1;
359}
360
361.content_list_item .info_bar .bi_count{
362 font-weight: bold;
363}
364
365.content_list_item .info_bar .bi_user, .content_item .info_bar .bi_user, .content_list .info_bar .bi_user {
366 padding-left:25px;
367 background: url("../images/icons/user-small.png") no-repeat 5px center;
368}
369
370.content_item .info_bar .bi_hits,
371.content_list_item .info_bar .bi_hits,
372.content_list .info_bar .bi_hits{
373 padding-left:22px;
374 background: url("../images/icons/eye-small.png") no-repeat 5px center;
375}
376
377.content_list_item .info_bar .bi_comments {
378 padding-left:25px;
379 background: url("../images/icons/comment-small.png") no-repeat 5px center;
380}
381
382.content_item .info_bar .bi_folder,
383.content_list_item .info_bar .bi_folder{
384 padding-left:25px;
385 background: url("../images/icons/folder-small.png") no-repeat 5px center;
386}
387
388.content_list_item .info_bar .bi_not_approved,
389.content_item .info_bar .bi_not_approved{
390 color:#c0392b;
391}
392
393.content_list_item .info_bar .bi_not_pub,
394.content_item .info_bar .bi_not_pub{
395 color:#d35400;
396}
397.bar_item.bi_not_approved.is_edit_item {
398 color: #e67e22;
399 font-weight: bold;
400}
401/* ========================================================================== */
402
403.content_list_rss_icon, .content_list_styles { float:right; }
404
405.content_list_rss_icon a, .inline_rss_icon {
406 width:16px;
407 height:16px;
408 display: block;
409 overflow:hidden;
410 text-indent: 20px;
411 background:url("../images/icons/rss.png") no-repeat left center;
412}
413.inline_rss_icon {
414 display: inline-block;
415}
416#comments_widget .content_list_rss_icon {
417 margin: 6px 0 0 15px;
418}
419.content_list_styles .style_switch {
420 display: inline-block;
421 height: 32px;
422 min-width: 32px;
423 background-image: url("../images/icons32/list_switch.png");
424 background-repeat: no-repeat;
425 background-position: left top;
426 padding: 0 4px 0 34px;
427 line-height: 32px;
428 text-decoration: none;
429 color: #839aa4;
430}
431.content_list_styles .style_switch:hover, .content_list_styles .style_switch.active {
432 background-color: #ecf0f1;
433}
434.content_list_styles .style_switch.featured {
435 background-position: left -96px;
436}
437.content_list_styles .style_switch.tiles {
438 background-position: left -64px;
439}
440.content_list_styles .style_switch.table {
441 background-position: left -32px;
442}
443/* ========================================================================== */
444
445.content_list {
446 box-sizing: border-box;
447 display: inline-block;
448 width: 100%;
449 clear: both;
450}
451
452.content_list .is_vip { background: #ffffd3; }
453.content_list .is_vip a,
454.content_list .is_vip .title_left,
455.content_list .is_vip .title_top { color:#59492a; }
456
457.content_list.featured .first{
458 padding:15px;
459 background:#ecf0f1;
460}
461.content_list.featured .first .ft_caption a{
462 font-size:24px;
463}
464.content_list.featured .first .fields {
465 float:left;
466 width:48%;
467}
468.content_list.featured .first .photo {
469 float:right;
470 width:48%;
471 margin:0;
472}
473.content_list.featured .first > .photo img, .content_list_item > .photo img {
474 width:100%;
475 display: block;
476}
477.content_list.featured .first .f_title{
478}
479.content_list .info_bar{
480 display: inline-block;
481}
482.content_list.featured .first .info_bar .bar_item:first-child{
483 padding-left:0;
484}
485.content_list.tiled.albums_list {
486 margin-bottom: -20px;
487}
488/* ========================================================================== */
489
490.content_list.table table { width:100%; border-collapse: collapse; }
491
492.content_list.table table th { text-align:left; background:#ecf0f1; color:#34495e; }
493
494.content_list.table table th,
495.content_list.table table td{ padding: 10px; }
496
497.content_list.table table td{ border-bottom: solid 1px #ecf0f1; }
498.content_list.table table tbody tr:last-child td{ border-bottom: none; }
499
500.content_list.table table tr.is_vip td { background: #ffffd3; }
501.content_list.table table tr.is_vip td a { color:#352c19; }
502.content_list.table table tr.is_vip td a:hover { color:#F60; }
503
504.content_list.table table td.photo {
505 width: 64px;
506}
507
508.content_list.table table td.photo a {
509 display:block;
510 width: 64px; height:64px;
511 background:url("../images/nophoto.png") no-repeat center;
512}
513
514.content_list.table table td.ft_number {
515 width:100px;
516}
517.content_list.table table td.ft_caption h2 {
518 font-size: 16px;
519 margin: 0;
520}
521
522/* ========================================================================== */
523
524.content_list.tiled { margin: 0 auto; }
525
526.content_list.tiled .clear { clear:both; }
527
528.content_list.tiled .tile { width:33.33333%; float:left; margin-bottom:20px; padding-right: 10px; box-sizing: border-box; clear: none; }
529.content_list.tiled .tile:nth-child(3) { padding-right: 0; }
530
531.content_list.tiled .tile .photo {
532 display: block;
533 width:100%;
534 height:140px;
535 overflow:hidden;
536 margin-bottom: 10px;
537 position:relative;
538 background-color: #bdc3c7;
539 background-size: cover;
540 background-repeat: no-repeat;
541 background-position: center 0;
542}
543.content_list.tiled .tile .photo .note{
544 position: absolute;
545 padding:3px 6px;
546 background:rgba(0,0,0,0.75);
547 color:#FFF;
548 font-size:12px;
549 left:0;
550 bottom:0;
551 z-index: 1;
552}
553.content_list.tiled .tile .photo a > img {
554 display: none;
555}
556.content_list.tiled .tile .photo a {
557 position: absolute;
558 top: 0;
559 left: 0;
560 width: 100%;
561 height: 100%;
562}
563.content_list.tiled .tile .photo .note span { color:#f1c40f; }
564
565.content_list.tiled .tile .ft_caption, .content_list.tiled .tile .ft_caption h2 {
566 font-size: 16px; margin: 0;
567}
568.content_list.tiled .tile .ft_caption .value { color: #2c3e50; font-weight: bold; }
569.content_list.tiled .tile .ft_caption a { color: inherit; text-decoration: none; }
570.content_list.tiled .tile .ft_caption a:hover { text-decoration: underline; }
571.content_list.tiled .tile .ft_caption a.parent_title{ font-size:14px; font-weight: normal; color:#7f8c8d; }
572
573.content_list.tiled .tile .field { margin-bottom: 10px; }
574
575.content_list.tiled .info_bar { font-size: 12px; color: #7f8c8d; opacity: 0; transition: all 0.5s ease; }
576.content_list.tiled .tile:hover .info_bar { opacity: 1; }
577.content_list.tiled .info_bar .bar_item { float:left; margin-right: 5px; height:18px; line-height: 18px; }
578.content_list.tiled .info_bar .bar_item:last-child { margin-right: 0; }
579.content_list.tiled .info_bar .bi_comments{
580 padding-left:25px;
581 background: url("../images/icons/comment-small.png") no-repeat 5px center;
582}
583
584.content_list.tiled .info_bar .bi_not_approved{
585 color:#BF0000;
586}
587
588.content_list.tiled .tags_bar {
589 margin:10px 0;
590 overflow: hidden;
591 font-size: 12px;
592 padding-left:20px;
593 background:url("../images/icons/tag.png") no-repeat left center;
594 height:18px;
595 line-height:18px;
596}
597
598.content_list.tiled .tags_bar a {
599 color:#BDC3C7;
600}
601
602.content_list.tiled .tags_bar a:hover {
603 color:#d35400;
604}
605.content_list.tiled .info_bar .bi_date{
606 padding-left:25px;
607 background: url("../images/icons/clock-small.png") no-repeat 5px center;
608}
609/* ========================================================================== */
610
611.content_item { position: relative; }
612
613.content_item .ft_image {
614 max-width: 100%;
615}
616.content_item .ft_image img, .ft_html img {
617 display: block;
618 margin:0;
619 max-width:100%;
620}
621.ft_images img {
622 display: block;
623 margin: 0;
624 width: 100%;
625}
626.content_item .ft_images {
627 margin: 0 0 5px;
628}
629.first_type_images, .second_type_images {
630 margin: 0 10px 10px 0;
631 float: left;
632 position: relative;
633 overflow: hidden;
634 max-width: 40%;
635}
636.second_type_images {
637 max-width: 100%;
638}
639.hover_image {
640 position: relative; display: inline-block;
641}
642.first_type_images:after,.second_type_images:after,.hover_image:after {
643 content: '';
644 background: #000;
645 position: absolute;
646 width: 100%;
647 height: 100%;
648 top: 0;
649 left: 0;
650 transition: all 0.5s ease;
651 opacity: 0;
652 background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8cGF0aCBkPSJNNDk3LjkzOCw0MzAuMDYzbC0xMTItMTEyYy0wLjMxMy0wLjMxMy0wLjYzNy0wLjYwNy0wLjk1NS0wLjkwOUM0MDQuNjM2LDI4NS40MDMsNDE2LDI0OC4wMDYsNDE2LDIwOCAgIEM0MTYsOTMuMzEzLDMyMi42OTUsMCwyMDgsMFMwLDkzLjMxMywwLDIwOHM5My4zMDUsMjA4LDIwOCwyMDhjNDAuMDA3LDAsNzcuNDA0LTExLjM2NCwxMDkuMTU0LTMxLjAxOCAgIGMwLjMwMiwwLjMxOSwwLjU5NiwwLjY0MywwLjkwOSwwLjk1NWwxMTIsMTEyQzQzOS40Myw1MDcuMzEzLDQ1MS43MTksNTEyLDQ2NCw1MTJjMTIuMjgxLDAsMjQuNTctNC42ODgsMzMuOTM4LTE0LjA2MyAgIEM1MTYuNjg4LDQ3OS4yMDMsNTE2LjY4OCw0NDguNzk3LDQ5Ny45MzgsNDMwLjA2M3ogTTY0LDIwOGMwLTc5LjQwNiw2NC42MDItMTQ0LDE0NC0xNDRzMTQ0LDY0LjU5NCwxNDQsMTQ0ICAgYzAsNzkuNDA2LTY0LjYwMiwxNDQtMTQ0LDE0NFM2NCwyODcuNDA2LDY0LDIwOHoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik0yNzIsMTc2aC0zMnYtMzJjMC0xNy42NzItMTQuMzI4LTMyLTMyLTMycy0zMiwxNC4zMjgtMzIsMzJ2MzJoLTMyYy0xNy42NzIsMC0zMiwxNC4zMjgtMzIsMzJzMTQuMzI4LDMyLDMyLDMyaDMydjMyICAgYzAsMTcuNjcyLDE0LjMyOCwzMiwzMiwzMnMzMi0xNC4zMjgsMzItMzJ2LTMyaDMyYzE3LjY3MiwwLDMyLTE0LjMyOCwzMi0zMlMyODkuNjcyLDE3NiwyNzIsMTc2eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
653 background-repeat: no-repeat;
654 background-position: center center;
655}
656.first_type_images:hover:after,.second_type_images:hover:after,.hover_image:hover:after {
657 opacity: 0.4;
658}
659.first_type_images:not(:first-child) {
660 margin-bottom: 10px;
661}
662/* ========================================================================== */
663
664.content_moderation_notice{
665 color:#666666;
666 padding-left:20px;
667 background-position: left center;
668 background-repeat: no-repeat;
669 float:right;
670 margin-top:-26px;
671}
672
673.content_moderator_info{
674 font-size:12px;
675 color:#666;
676 font-style: italic;
677}
678
679/* ========================================================================== */
680
681#content_bind_form {
682 padding:15px;
683}
684#content_bind_form #item-find-field {
685 width:35%;
686 float: left;
687}
688#content_bind_form #item-find-input {
689 width:65%;
690 float: left;
691 border-left: none;
692 min-width: 300px;
693}
694#content_bind_form .find {
695 overflow:hidden;
696 margin:0;
697}
698#content_bind_form .filter-tabs {
699 margin-top: 10px;
700}
701#content_bind_form .filter-tabs ul {
702 margin-bottom: 10px;
703}
704#content_bind_form .filter-tabs li {
705 font-size:12px;
706 padding: 4px 6px;
707 height:16px;
708 line-height:16px;
709 margin-right: 2px;
710}
711#content_bind_form .result-pane {
712 height:180px;
713 border: solid 1px #ECECEC;
714 padding:2px;
715 overflow-x: hidden;
716 overflow-y: auto;
717 position: relative;
718}
719#content_bind_form .spinner {
720 display: none;
721}
722#content_bind_form .spinner.show {
723 display: block;
724}
725#content_bind_form .spinner.show + .result-pane {
726
-webkit-filter:blur(1px);
727
-moz-filter:blur(1px);
728
-ms-filter:blur(1px);
729
-o-filter:blur(1px);
730
filter:blur(1px);
731}
732#content_bind_form .result-pane ul,
733#content_bind_form .result-pane ul li {
734 list-style: none;
735 margin:0; padding:0;
736}
737#content_bind_form .result-pane ul li {
738 padding:10px;
739 border-bottom: solid 1px #EFEFEF;
740 position:relative;
741}
742#content_bind_form .result-pane ul li:last-child {
743 border-bottom: none;
744}
745#content_bind_form .result-pane ul li .title {
746 font-size:14px;
747 font-weight:bold;
748 margin-bottom:4px;
749}
750#content_bind_form .result-pane ul li .details,
751#content_bind_form .result-pane ul li .details a {
752 font-size:11px;
753 color:#888;
754}
755#content_bind_form .result-pane ul li .details a:hover {
756 color:#444;
757}
758#content_bind_form .result-pane ul li .details .user {
759 margin-right:4px;
760 background: url(../images/icons/user-small.png) no-repeat left center;
761 padding-left:18px;
762 display:inline-block;
763 height:16px;
764 line-height:16px;
765}
766#content_bind_form .result-pane ul li .add {
767 position: absolute;
768 right:10px;
769 top:10px;
770}
771#content_bind_form .buttons {
772 margin-top:10px;
773 visibility: hidden;
774}
775/* ========================================================================== */
776
777.video_frame {
778 position: absolute;
779 width: 100%;
780 height: 100%;
781 top: 0;
782 left: 0;
783}
784.video_wrap {
785 height: 0;
786 position: relative;
787 padding-bottom: 56.25%;
788 overflow:hidden;
789}
790
791.content_item_props .value ul {
792 margin: 0;
793 list-style: none;
794}
795.content_item_props .value ul li {
796 display: inline-block;
797 padding: 0 3px 0 0;
798}
799.content_item_props .value ul li:after {
800 content: ', ';
801}
802.content_item_props .value ul li:last-child:after {
803 content: '';
804}
805.content_item_props .value ul li:last-child {
806 padding-right: 0;
807}
808a.hashtag {
809 text-decoration: none;
810}
811.spoiler > input + label:before {
812 content: '+';
813 float: left;
814 font-weight: bold;
815 width: 15px;
816}
817.spoiler > input:checked + label:before {
818 content: '-';
819}
820.spoiler > input, .spoiler > input + label + .spoiler_body { display:none; }
821.spoiler > input + label , .spoiler > .spoiler_body {
822 background:#ecf0f1;
823 padding:5px 10px;
824 overflow:hidden;
825 width:100%;
826 box-sizing: border-box;
827 display: block;
828}
829.spoiler > input + label { cursor: pointer; }
830.spoiler > input:checked + label + .spoiler_body{ display: block; }
831.spoiler > .spoiler_body {
832 border: 2px solid #ecf0f1;
833 border-top: none;
834 background-color: transparent;
835}
836@media screen and (max-width: 980px) {
837 .share .ya-share2__container_size_s .ya-share2__item {
838 margin-right: 10px;
839 }
840}
841@media screen and (max-width: 800px) {
842 .content_list.tiled .tile {
843 width: 50%;
844 }
845 .content_list.tiled > .clear {
846 display: none;
847 }
848 .content_list.tiled .tile:nth-child(3) {
849 padding-right: 10px;
850 }
851 .content_list.tiled .tile:nth-child(2) {
852 padding-right: 0;
853 }
854}
855@media screen and (max-width: 640px) {
856 .content_list.tiled .tile {
857 width: 100%;
858 }
859 .content_list.tiled .tile:nth-child(3) {
860 padding-right: 0;
861 }
862 .content_list.tiled .tile:nth-child(2) {
863 padding-right: 0;
864 }
865 .content_item .field.left_field, .content_item .field.right_field {
866 float: none;
867 margin-right: 0;
868 margin-left: 0;
869 width: 100% !important;
870 }
871 .content_list.tiled .tile .photo {
872 height:180px;
873 }
874}