/* ========================================================================== */ h1 + .content_datasets { margin-top:-15px; } .content_datasets ul { margin-left:-1px; } .content_datasets ul li { font-size:14px; height:20px; line-height:20px; padding:0; border-radius: 0; background:none; } .content_datasets ul li a { color:#95a5a6; } .content_datasets ul li a:hover { text-decoration:underline; color:#D35400; } .content_datasets ul .active { background:none; color:#34495e; padding:0; } /* ========================================================================== */ .content_categories + .filter-panel { margin-top: -21px; } .content_categories { padding:10px 15px; margin-top: 0; } article div.content_categories:last-child { margin:0; } .content_categories ul, .content_categories li { margin:0; padding:0; } .content_categories li { display: inline-block; height: 32px; line-height: 32px; font-size: 18px; padding-left: 20px; background: url("../images/icons/folder.png") no-repeat left center; margin-right: 10px; } .content_categories li a { color:#68809B; } .content_categories li a:hover { color:#d35400; } .content_categories.categories_small li { font-size:14px; height: 24px; line-height: 24px; } /* ========================================================================== */ .content_item_parent_title{ margin:0; font-weight: normal; } .content_item_parent_title a { color:#BDC3C7; } .content_item_parent_title a:hover { color:#d35400; } .content_item, .f_photos > .value { clear:both; overflow: hidden; } .content_item .field{ margin-bottom: 15px; overflow:hidden; color:#555; box-sizing: border-box; } .content_item .field.left_field{ float: left; margin-right: 15px; } .content_item .field.right_field{ float: right; margin-left: 15px; } .content_item .field.auto_field{ overflow: visible; } .content_item .field.none_field{ float: none; clear: both; } .private_field_hint { color: #95a5a6; } .content_item .field .title_left, .content_item .field .title_top, .content_list .field .title_left, .content_list .field .title_top { font-weight: bold; color:#34495E; } .content_item .field .title_left, .content_list .field .title_left { float:left; margin-right: 10px; } .content_item .field .title_top, .content_list .field .title_top { margin-bottom:5px; } /* ========================================================================== */ .content_item .fields_group:first-child .group_title { margin-top: 0; } .content_item .fields_group { overflow: hidden; clear: both; } .content_item .fields_group .field { margin: 0 0 5px 0; } .content_item .fields_group + .field { padding: 15px 0 0; } /* ========================================================================== */ .content_item .ft_text { clear:both; } .content_item .ft_text .value, .content_item .ft_html .value { line-height:20px; } .content_item .ft_html .value table, .redactor-editor table { border-collapse: collapse; } .content_item .ft_html .value table th, .content_item .ft_html .value table td, .redactor-editor table td, .redactor-editor table th { padding: 10px; border:solid 1px #CCC; } .content_list_item .ft_html a.read-more { display: block; margin:5px 0; } .ft_file .value .size { margin-left:5px; font-size:12px; color:#999; } .ft_date .value .time { padding-left:16px; background:url("../images/icons/clock-small.png") no-repeat left center; } .ft_color .color-block, .content_item_props .value .color-block { display:inline-block; width:32px; height:16px; border:solid 1px #000; } /* ========================================================================== */ .content_item_props { padding:10px; margin-bottom:15px; background: #F4F8FD; border: solid 1px #B8D6FB; color:#34495E; } .content_item_props table { border-collapse: collapse; width:100%; } .content_item_props table tr td{ padding:4px 0; border-bottom: solid 1px #B3C2C9; } .content_item_props table tr:last-child td{ border-bottom:none; } .content_item_props table tr:hover td.title, .content_item_props table tr:hover td.value{ color:#c0392b; } .content_item_props table .heading{ font-weight: bold; text-align: center; } .content_item_props table .title{ padding-right: 10px; width:50%; color:#68809B; } .content_item_props table .value{ color:#7f8c8d; padding-left: 10px; text-align: right; } /* ========================================================================== */ #trash_content_pills { margin-bottom: 30px; } .content_list_item { overflow: hidden; position: relative; margin-bottom:15px; color:#666; } .content_list_item:last-child, .content_list_item:last-child .info_bar { margin-bottom: 0; } .content_list_item .photo{ float:left; margin-right: 10px; } .content_list_item .field { margin-bottom: 6px; } .content_list_item .ft_caption { margin-bottom:10px; } .content_list_item .ft_caption .value { font-size:21px; color:#2c3e50; margin: 0; } .content_list_item .ft_caption a { color:inherit; text-decoration: none; } .content_list_item .ft_caption a:hover { text-decoration: underline; } .content_list_item .ft_caption a.parent_title { color:#7f8c8d; } .content_list_item .ft_caption a.parent_title:hover { color:#d35400; } .content_list_item .ft_caption h1 { font-size:16px; font-weight: bold; margin:0; padding:2px 0; } .content_list_item .f_date_pub { color:#999; font-size:11px; padding-top:1px; padding-right: 10px; float:right; margin-top: -20px; } .content_item .ft_html p:last-child, .content_list_item .ft_html p:last-child { margin-bottom: 0; } .content_list_item .ft_user a { color:#BDC3C7; } .content_list_item .ft_user a:hover { color:#d35400; } .content_item .ft_listmultiple ul, .content_list_item .ft_listmultiple ul { clear:both; } .content_item .ft_listmultiple ul li, .content_list_item .ft_listmultiple ul li { } .content_item .tags_bar, .content_list_item .tags_bar { margin:10px 0; overflow: hidden; font-size: 12px; padding-left:20px; background:url("../images/icons/tag.png") no-repeat left center; line-height: 16px; clear: both; } .content_item .tags_bar a , .content_list_item .tags_bar a { color:#7f8c8d; } .content_item .tags_bar a:hover , .content_list_item .tags_bar a:hover { color:#d35400; } .content_item .info_bar, .content_list_item .info_bar { margin:5px 0; overflow: hidden; font-size: 11px; color:#95a5a6; clear: both; } .content_item .info_bar .bar_item, .content_list_item .info_bar .bar_item { float:left; padding: 3px 5px; height:18px; line-height:18px; } .content_item .info_bar .bar_item a, .content_list_item .info_bar .bar_item a { color:#7f8c8d; } .content_item .info_bar .bar_item a:hover, .content_list_item .info_bar .bar_item a:hover { color:#d35400; } .content_item .info_bar .bi_rating, .content_list_item .info_bar .bi_rating{ background:#ecf0f1; } .content_list_item .info_bar .bi_count{ font-weight: bold; } .content_list_item .info_bar .bi_user, .content_item .info_bar .bi_user{ padding-left:25px; background: url("../images/icons/user-small.png") no-repeat 5px center; } .content_item .info_bar .bi_hits, .content_list_item .info_bar .bi_hits{ padding-left:22px; background: url("../images/icons/eye-small.png") no-repeat 5px center; } .content_list_item .info_bar .bi_comments{ padding-left:25px; background: url("../images/icons/comment-small.png") no-repeat 5px center; } .content_item .info_bar .bi_folder, .content_list_item .info_bar .bi_folder{ padding-left:25px; background: url("../images/icons/folder-small.png") no-repeat 5px center; } .content_list_item .info_bar .bi_not_approved, .content_item .info_bar .bi_not_approved{ color:#c0392b; } .content_list_item .info_bar .bi_not_pub, .content_item .info_bar .bi_not_pub{ color:#d35400; } /* ========================================================================== */ .content_list_rss_icon{ float:right; } .content_list_rss_icon a { width:16px; height:16px; display: block; overflow:hidden; text-indent: 20px; background:url("../images/icons/rss.png") no-repeat left center; } /* ========================================================================== */ .content_list { overflow:hidden; } .content_list .is_vip { background: #ffffd3; } .content_list .is_vip a, .content_list .is_vip .title_left, .content_list .is_vip .title_top { color:#59492a; } .content_list.featured .first{ padding:15px; background:#ecf0f1; } .content_list.featured .first .ft_caption a{ font-size:24px; } .content_list.featured .first .fields { float:left; width:48%; } .content_list.featured .first .photo { float:right; width:48%; margin:0; } .content_list.featured .first > .photo img, .content_list_item > .photo img { width:100%; display: block; } .content_list.featured .first .f_title{ } .content_list .info_bar{ display: inline-block; } .content_list.featured .first .info_bar .bar_item:first-child{ padding-left:0; } .content_list.tiled.albums_list { margin-bottom: -20px; } /* ========================================================================== */ .content_list.table table { width:100%; border-collapse: collapse; } .content_list.table table th { text-align:left; background:#ecf0f1; color:#34495e; } .content_list.table table th, .content_list.table table td{ padding: 10px; } .content_list.table table td{ border-bottom: solid 1px #ecf0f1; } .content_list.table table tbody tr:last-child td{ border-bottom: none; } .content_list.table table tr.is_vip td { background: #ffffd3; } .content_list.table table tr.is_vip td a { color:#352c19; } .content_list.table table tr.is_vip td a:hover { color:#F60; } .content_list.table table td.photo { width: 64px; } .content_list.table table td.photo a { display:block; width: 64px; height:64px; background:url("../images/nophoto.png") no-repeat center; } .content_list.table table td.ft_number { width:100px; } .content_list.table table td.ft_caption h2 { font-size: 16px; margin: 0; } /* ========================================================================== */ .content_list.tiled { margin: 0 auto; } .content_list.tiled .clear { clear:both; } .content_list.tiled .tile { width:33.33333%; float:left; margin-bottom:20px; padding-right: 10px; box-sizing: border-box; } .content_list.tiled .tile:nth-child(3) { padding-right: 0; } .content_list.tiled .tile .photo { display: block; width:100%; height:120px; overflow:hidden; margin-bottom: 10px; position:relative; background:#bdc3c7; } .content_list.tiled .tile .photo .note{ position: absolute; padding:3px 6px; background:rgba(0,0,0,0.75); color:#FFF; font-size:12px; left:0; bottom:0; z-index: 1; } .content_list.tiled .tile .photo .note span { color:#f1c40f; } .content_list.tiled .tile .ft_caption, .content_list.tiled .tile .ft_caption h2 { font-size: 16px; margin: 0; } .content_list.tiled .tile .ft_caption .value { color: #2c3e50; font-weight: bold; } .content_list.tiled .tile .ft_caption a { color: inherit; text-decoration: none; } .content_list.tiled .tile .ft_caption a:hover { text-decoration: underline; } .content_list.tiled .tile .ft_caption a.title{ display: block; } .content_list.tiled .tile .ft_caption a.parent_title{ font-size:14px; font-weight: normal; color:#7f8c8d; } .content_list.tiled .tile .field { margin-bottom: 10px; } .content_list.tiled .info_bar { font-size: 12px; color: #7f8c8d; opacity: 0; transition: all 0.5s ease; } .content_list.tiled .tile:hover .info_bar { opacity: 1; } .content_list.tiled .info_bar .bar_item { float:left; margin-right: 5px; height:18px; line-height: 18px; } .content_list.tiled .info_bar .bar_item:last-child { margin-right: 0; } .content_list.tiled .info_bar .bi_comments{ padding-left:25px; background: url("../images/icons/comment-small.png") no-repeat 5px center; } .content_list.tiled .info_bar .bi_not_approved{ color:#BF0000; } .content_list.tiled .tags_bar { margin:10px 0; overflow: hidden; font-size: 12px; padding-left:20px; background:url("../images/icons/tag.png") no-repeat left center; height:18px; line-height:18px; } .content_list.tiled .tags_bar a { color:#BDC3C7; } .content_list.tiled .tags_bar a:hover { color:#d35400; } .content_list.tiled .info_bar .bi_date{ padding-left:25px; background: url("../images/icons/clock-small.png") no-repeat 5px center; } /* ========================================================================== */ .content_item { position: relative; } .content_item .ft_image { max-width: 100%; } .content_item .ft_image img, .ft_html img { display: block; margin:0; max-width:100%; } .ft_images img { display: block; margin: 0; width: 100%; } .content_item .ft_images { margin: 0 0 5px; } .first_type_images, .second_type_images { margin: 0 10px 10px 0; float: left; position: relative; overflow: hidden; max-width: 40%; } .second_type_images { max-width: 100%; } .hover_image { position: relative; display: inline-block; } .first_type_images:after,.second_type_images:after,.hover_image:after { content: ''; background: #000; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all 0.5s ease; opacity: 0; 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=); background-repeat: no-repeat; background-position: center center; } .first_type_images:hover:after,.second_type_images:hover:after,.hover_image:hover:after { opacity: 0.4; } .first_type_images:not(:first-child) { margin-bottom: 10px; } /* ========================================================================== */ .content_moderation_notice{ color:#666666; padding-left:20px; background-position: left center; background-repeat: no-repeat; float:right; margin-top:-26px; } .content_moderator_info{ font-size:12px; color:#666; font-style: italic; } /* ========================================================================== */ #content_bind_form { padding:15px; } #content_bind_form #item-find-field { width:20%; } #content_bind_form #item-find-input { width:70%; min-width:300px; } #content_bind_form .find { overflow:hidden; margin:0; } #content_bind_form .find .field { float:left; margin-right:10px; } #content_bind_form .loading-icon { float: left; margin-top: 5px; } #content_bind_form .filter-tabs { margin-top: 10px; } #content_bind_form .filter-tabs ul { margin-bottom: 10px; } #content_bind_form .filter-tabs li { font-size:12px; padding: 4px 6px; height:16px; line-height:16px; margin-right: 2px; } #content_bind_form .result-pane { height:180px; border: solid 1px #ECECEC; padding:2px; overflow-x: hidden; overflow-y: auto; position: relative; } #content_bind_form .result-pane .loading { position:absolute; left:0; top:0; width:100%; height:100%; background:url("../images/loader24.gif") no-repeat center center rgba(255,255,255,0.75); } #content_bind_form .result-pane ul, #content_bind_form .result-pane ul li { list-style: none; margin:0; padding:0; } #content_bind_form .result-pane ul li { padding:10px; border-bottom: solid 1px #EFEFEF; position:relative; } #content_bind_form .result-pane ul li:last-child { border-bottom: none; } #content_bind_form .result-pane ul li .title { font-size:14px; font-weight:bold; margin-bottom:4px; } #content_bind_form .result-pane ul li .details, #content_bind_form .result-pane ul li .details a { font-size:11px; color:#888; } #content_bind_form .result-pane ul li .details a:hover { color:#444; } #content_bind_form .result-pane ul li .details .user { margin-right:4px; background: url(../images/icons/user-small.png) no-repeat left center; padding-left:18px; display:inline-block; height:16px; line-height:16px; } #content_bind_form .result-pane ul li .add { position: absolute; right:10px; top:10px; } #content_bind_form .buttons { margin-top:10px; visibility: hidden; } /* ========================================================================== */ .video_frame { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .video_wrap { height: 0; position: relative; padding-bottom: 56.25%; overflow:hidden; } .content_item_props .value ul { margin: 0; list-style: none; } .content_item_props .value ul li { display: inline-block; padding: 0 3px 0 0; } .content_item_props .value ul li:after { content: ', '; } .content_item_props .value ul li:last-child:after { content: ''; } .content_item_props .value ul li:last-child { padding-right: 0; } a.hashtag { text-decoration: none; } .spoiler > input + label:before { content: '+'; float: left; font-weight: bold; width: 15px; } .spoiler > input:checked + label:before { content: '-'; } .spoiler > input, .spoiler > input + label + .spoiler_body { display:none; } .spoiler > input + label , .spoiler > .spoiler_body { background:#ecf0f1; padding:5px 10px; overflow:hidden; width:100%; box-sizing: border-box; display: block; } .spoiler > input + label { cursor: pointer; } .spoiler > input:checked + label + .spoiler_body{ display: block; } .spoiler > .spoiler_body { border: 2px solid #ecf0f1; border-top: none; background-color: transparent; } @media screen and (max-width: 980px) { .share .ya-share2__container_size_s .ya-share2__item { margin-right: 10px; } } @media screen and (max-width: 800px) { .content_list.tiled .tile { width: 50%; } .content_list.tiled .tile:nth-child(3) { padding-right: 10px; } .content_list.tiled .tile:nth-child(2) { padding-right: 0; } } @media screen and (max-width: 640px) { .content_list.tiled .tile { width: 100%; } .content_list.tiled .tile:nth-child(3) { padding-right: 0; } .content_list.tiled .tile:nth-child(2) { padding-right: 0; } .content_item .field.left_field, .content_item .field.right_field { float: none; margin-right: 0; margin-left: 0; width: 100% !important; } }