/* ========================================================================== */
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:#443723; }
.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:#000;
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:#000;
}
.content_list_item .value a{
color:#000;
}
.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:5px; }
.content_list_item .ft_caption .value { font-size:21px; color:#005d77; 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;
}
.widget_content_list .item .info .bi_rating{
background:#ecf0f1;
}
.widget_content_list .item .info .bar_item {
float:left;
padding: 3px 5px;
height:16px;
line-height:16px;
margin-right:10px;
}
.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;
}
@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;
}
}
