Файл: css/al/video.css
Строк: 572
#video_css {
display: none;
}
.video_layout {
width:
100%;
}
.video_layout .main_panel {
padding: 3px 0px;
vertical-align:
top;
width: 452px;
border-right: 1px solid #DAE1E8;
}
.is_rtl1
.video_layout .main_panel {
border-left: 1px solid
#DAE1E8;
}
.video_layout .side_filter {
width:
auto;
}
#video_section_filter .side_filter {
padding: 4px 9px;
width:
135px;
overflow: hidden;
white-space: nowrap;
text-overflow:
ellipsis;
-o-text-overflow: ellipsis;
}
.video_layout .video_row {
border-top: 1px solid #EDEDED;
padding: 0px;
margin: 10px 15px;
border-spacing: 0px 0px;
}
.video_list {
padding: 0px
0px;
}
.video_info_msg {
padding: 130px 10px;
text-align: center;
font-size: 1.09em;
color: #777777;
word-wrap: break-word;
overflow:
hidden;
text-overflow: ellipsis;
}
.video_comments_msg {
padding: 20px
0px;
color: #777777;
}
.video_info_msg .video_by_search {
display:
none;
}
.video_info_msg .video_empty_album {
display:
none;
}
.video_v_search .video_empty {
display: none;
}
.video_v_search
.video_by_search {
display: block;
}
.video_v_album .video_empty {
display: none;
}
.video_v_album .video_empty_album {
display:
block;
}
.v_search .video_by_search {
display: block;
}
.v_search
.video_empty {
display: none;
}
.video_search {
height: 25px;
background: #F7F7F7;
padding: 10px;
border-bottom: 1px solid #E7EAED;
overflow: hidden;
}
.video_add_new {
width: 150px;
height: 20px;
display: block;
padding: 5px 0px 0px 6px;
*margin-top: 1px;
background: #F7F7F7;
}
.is_rtl1 .video_add_new {
padding: 5px 6px 0px
0px;
}
.video_add_new span {
width: 16px;
height: 14px;
display:
block;
float: left;
margin-top: 1px;
background:
url(/images/profile_icons.gif?4) left -10px
no-repeat;
}
.video_add_new:hover {
background-color: #DAE1E8;
text-decoration: none;
}
.video_search .input_back {
color:
#C0C8D0;
}
.video_search #v_search {
position: absolute;
padding: 5px
20px;
width: 256px;
background: #FFF url(/images/magglass.png)
no-repeat 5px 6px;
outline: none;
}
.is_rtl1 .video_search #v_search {
background: #FFF url(/images/magglass.png) no-repeat 424px
6px;
}
.video_search #v_search::-ms-clear {
display:
none;
}
#video_search_rows {
padding: 0px 0px 0px
10px;
}
#show_search_rows {
padding: 10px;
text-align: center;
display: block;
}
#show_search_rows:hover {
background: #E9EDF1;
border-top: 1px solid #DAE1E8;
text-decoration: none;
margin-top:
-1px;
}
#show_search_rows .show_search_rows {
display:
none;
}
.video_list .show_more a.more {
display: block;
padding: 8px
0px;
text-align: center;
margin: 8px 0px 10px 0px;
border-top: 1px
solid #EDEDED;
}
.video_list .show_more a.more:hover {
text-decoration:
none;
background: #E9EDF1;
border-top: 1px solid #D8E0E6;
}
.video_list
.load_more {
display: block;
height: 31px;
background:
url('/images/upload.gif') center center no-repeat;
}
.video_list .load_more
a.more {
display: none;
}
.video_search .video_loading {
background:
url('/images/upload.gif') center center no-repeat;
width: 32px;
height:
9px;
margin: 7px 0px 0px 401px;
z-index: 95;
position: absolute;
display: none;
}
.video_search .video_loading {
margin: 7px 0px 0px
570px;
}
.is_rtl1 .video_search .video_loading {
margin: 7px 570px 0px
0px;
}
.v_loading .video_loading {
display: block;
}
.video_search
.video_reset_search {
margin: 1px 0px 0px 583px;
display: none;
cursor: pointer;
background: transparent
url(/images/icons/input_clear.gif) 6px 6px no-repeat;
padding: 2px;
width: 19px;
height: 19px;
opacity: 0.6;
filter: alpha(opacity=60);
position: absolute;
z-index: 95;
}
.is_rtl1 .video_search
.video_reset_search {
margin: 1px 419px 0px 0px;
}
.video_search
.video_reset_search_shown {
display: block;
}
.video_addition_options {
padding: 0px 10px 10px 9px;
}
.video_addition_options .checkbox {
padding-top: 2px;
}
.video_addition_options .checkbox div {
margin: 0px
8px 0px 0px;
}
.video_addition_options .radiobtn {
margin: 5px 0px
9px;
}
.video_addition_options .filter_main {
padding: 11px 4px 5px 0;
font-weight: bold;
cursor: default;
color: #555;
margin: 5px 0
4px;
}
.video_addition_options .filter_main:first-child {
padding: 9px
4px 4px 0;
}
.video_addition_options .filter_open div.arrow {
padding:
4px 0 0 6px;
}
.video_addition_options .filter_shut div.arrow {
padding:
5px 0 0 6px;
}
.video_addition_options .filter_open div.arrow_back {
width: 7px;
height: 5px;
background: url(/images/gray_corner.gif) 0px
0px no-repeat;
}
.video_addition_options .filter_shut div.arrow_back {
width: 7px;
height: 5px;
background: url(/images/gray_corner.gif) 0px
-5px no-repeat;
}
.video_addition_options
.filter_open,
.video_addition_options .filter_shut {
padding: 8px 4px 4px
0;
font-weight: bold;
cursor: pointer;
color: #555;
margin: 9px 0
4px;
}
#video_sort_dd {
display: none;
margin: -28px 12px 0px
0px;
}
#video_external_dd_wrap {
display: none;
padding-top:
3px;
}
#video_external_dd {
margin: 0px 12px 0px 0px;
}
#content
.v_loading .video_reset_search,
#content .v_loading
.video_reset_search_shown {
display: none;
}
.video_filter_sep {
margin: 5px 0px 5px 0px;
border-bottom: 1px solid #DAE2E8;
height:
1px;
}
.video_privacy_edit {
padding: 4px 0px 5px
0px;
}
#video_search_summary {
margin: 0px 10px 10px;
padding: 10px 2px
0px;
}
#video_rows {
position: relative;
padding: 10px 0px 0px
10px;
}
#video_rows .wide_loading {
background:
url('/images/progress7.gif') center center no-repeat;
height: 298px;
width: 617px;
}
#video_rows .review_comment {
margin: 0px 0px 10px;
width: 606px;
border-top: 1px solid #EEE;
}
#video_rows
.review_comment_dld {
margin: 10px;
padding: 10px 0px 0px 0px;
width:
421px;
border-top: 1px solid #EEE;
}
#video_rows .review_comment_first {
margin: 0px 0px 10px;
width: 421px;
}
#video_rows .dld {
padding: 10px
20px;
}
.video_comm_dld {
color: #777;
padding: 10px
60px;
}
#video_rows .review_thumb {
width: 50px;
}
#video_rows
.review_comment td {
padding-top: 10px;
vertical-align:
top;
}
#video_rows .video_comment_first {
border-top: none;
}
#video_rows
.video_comment_first td {
padding-top: 0px;
}
#video_rows .review_comm {
padding: 0px 10px;
}
#video_rows .review_commdata {
color: #999;
font-size: 0.9em;
}
#video_rows .review_commtext {
padding: 3px 0px 4px
0px;
word-break: break-word;
}
#video_rows .review_video_thumb {
width:
65px;
}
.video_row_cont {
display: inline-block;
height: 178px;
width: 298px;
padding: 0px 10px 8px 0px;
cursor:
pointer;
}
.video_row_relative {
display: block;
position:
relative;
}
.video_row_inner_cont {
height: 178px;
width:
298px;
}
.video_album_row_inner {
height: 145px;
width: 197px;
position: relative;
}
.video_row_up .video_row_relative {
cursor:
move;
}
.video_row_up .video_row_inner_cont,
.video_row_up
.video_album_row_inner {
position: absolute;
}
.video_image_div {
display: block;
background: #000000 center center no-repeat;
width:
298px;
height: 178px;
}
.video_row_info_line {
position: absolute;
margin-top: 150px;
width: 282px;
padding: 6px 8px;
background:
#000000;
background: rgba(0, 0, 0, 0.5);
color: #FFFFFF;
height:
16px;
}
.video_row_info_line em, .video_album_info em {
background:
#666666;
padding: 1px 2px 2px;
margin: 0px -2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius:
2px;
font-style: normal;
}
.video_raw_info_name {
padding-right: 34px;
white-space: nowrap;
text-overflow: ellipsis;
height: 16px;
overflow: hidden;
line-height: 16px;
}
.video_row_overed
.video_raw_info_name {
height: auto;
white-space:
normal;
}
.video_row_controls, .video_album_controls, .video_row_add {
position: absolute;
right: 6px;
top: 6px;
background: #000000;
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
opacity: 0;
filter:
alpha(opacity=0);
padding: 0px 1px 0px 1px;
cursor: pointer;
display:
none;
}
.video_can_edit .video_row_controls {
display:
block;
}
.video_albums_can_edit .video_album_controls {
display:
block;
}
#video_album_-1 .video_album_controls {
display:
none;
}
.video_row_icon {
width: 14px;
height: 13px;
background:
url('/images/icons/photo_icons.png?2') no-repeat;
}
.video_row_icon_edit,
.video_row_icon_delete {
padding: 6px 3px 6px 5px;
opacity: 0.8;
filter: alpha(opacity=80);
}
.video_row_icon_add {
padding: 6px 3px 6px
4px;
opacity: 0.8;
filter: alpha(opacity=80);
}
.video_row_icon_edit
.video_row_icon {
background-position: 0px
-47px;
}
.video_row_icon_delete .video_row_icon {
background-position:
0px -77px;
}
.video_row_icon_add .video_row_icon {
width: 16px;
background: url(/images/icons/audio_icons.png?4) -92px -51px
no-repeat;
}
.video_row_added .video_row_icon_add .video_row_icon {
background: url(/images/icons/audio_icons.png?4) -184px -51px
no-repeat;
}
.video_row_info_play {
position: absolute;
z-index: 10;
background: url(/images/inline_video_play.png) no-repeat;
margin-left:
126px;
margin-top: 58px;
width: 46px;
height:
46px;
}
.video_row_duration {
position: absolute;
bottom: 7px;
right:
7px;
font-weight: bold;
}
/*
color: white;
font-size: 0.9em;
padding: 1px 4px 2px;
-moz-border-radius: 2px;
-webkit-border-radius:
2px;
border-radius: 2px;
background: rgba(0, 0, 0, 0.5);
cursor:
default;
}*/
#video_rows .video_message_list {
padding: 0px 30px;
margin: 5px;
width: 373px;
font-weight: normal;
}
.video_layout
.video_row .video_message_list {
vertical-align:
middle;
}
#video_delete_tags {
background: #FFF;
border: 1px solid
#CCC;
margin: 20px 0px 10px 0px;
width: 298px;
height:
18px;
}
#video_delete_tags div {
background: #597DA3
url(/images/progress_grad.gif) repeat;
border: 1px solid #45688E;
margin: -1px;
width: 1%;
height: 18px;
}
.video_delete_tags_cont {
padding: 10px 34px;
}
.video_del_void {
margin-top: 10px;
display:
block;
text-align: center;
}
.video_close_wrap {
height: 13px;
width: 17px;
padding-top: 4px;
}
.video_close {
background:
url(/images/pics/statusx_op.gif) no-repeat;
opacity: 0;
filter:
alpha(opacity=0);
cursor: pointer;
height: 17px;
width: 17px;
margin: 2px -6px 0px 0px;
}
.video_row_deleted .video_row_controls,
.video_row_deleted .video_row_info_play, .video_row_deleted
.video_row_info_line {
display: none;
}
.video_row_deleted
.video_image_div {
opacity: 0.35;
filter:
alpha(opacity=35);
}
.video_row_deleted_msg {
-webkit-border-radius:
5px;
-moz-border-radius: 5px;
border-radius: 5px;
z-index: 10;
text-align: center;
background: #FFFFFF;
background: rgba(255, 255,
255, 0.8);
display: block;
padding: 10px;
position: absolute;
width: 238px;
margin-left: 20px;
margin-top: 74px;
color:
#000000;
}
.video_albums_hidden #video_albums_list, .video_no_albums
#video_albums_list {
display: none;
}
.video_main_summary {
margin: 0px
10px;
padding: 13px 0px 0px;
}
.video_albums_hidden .video_main_summary
{
margin: 0px 0px;
padding: 13px 10px 0px;
}
#video_albums_wrap {
position: relative;
}
.video_albums_cont {
padding: 10px 0px 0px
10px;
}
.video_album {
width: 197px;
height: 145px;
display:
inline-block;
*display: inline;
zoom: 1;
margin: 0px 8px 10px
0px;
}
.video_album_info {
position: absolute;
width: 181px;
color:
#FFFFFF;
bottom: 0px;
padding: 8px 8px 4px;
background: #000000;
background: rgba(0, 0, 0, 0.5);
}
.videos_album_move {
position:
absolute;
width: 161px;
color: #FFFFFF;
padding: 8px 8px;
background: #000000;
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:
5px;
margin: 45px 10px;
text-align: center;
}
.video_album_bg {
width: 197px;
height: 145px;
background: #000000 center center
no-repeat;
/*background-size: 196px 146px;*/
}
.video_album_count {
line-height: 100%;
}
.video_album_count_icon {
background-position: 0px
-90px;
position: absolute;
margin-left: -14px;
}
#video_albums_more {
display: none;
}
.video_albums_show_more {
display: block;
background:
#EFF1F3;
margin: 0px 0px 15px;
padding: 10px;
text-align: center;
color: #738392;
margin: 0px 10px 15px
0px;
}
.video_albums_show_more:hover {
text-decoration: none;
background: #E9EDF1;
}
.video_tab_hidden {
display:
none;
}
.videos_album_tags {
position: absolute;
padding: 8px 2px;
background: black;
background: rgba(0, 0, 0, 0.5);
color: white;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius:
6px;
font-size: 25px;
font-weight: lighter;
left: 50%;
top: 50%;
width: 54px;
height: 30px;
text-align: center;
margin: -35px 0px 0px
-25px;
}
.video_tag_label {
position: absolute;
width: 282px;
padding: 7px 8px 8px;
background: black;
background: rgba(0, 0, 0,
0.5);
color: #FFFFFF;
text-align: center;
}
.video_album_edit_header {
color: #36638E;
font-size: 1.09em;
font-weight: bold;
margin-bottom:
10px;
}
#video_album_edit_title {
width: 368px;
padding:
5px;
}
#video_search_controls {
position: absolute;
height: 1px;
width: 607px;
margin-top: 25px;
overflow: hidden;
}
.video_search_cont
{
width: 607px;
padding-top: 10px;
}
.video_length {
display:
inline-block;
*display: block;
zoom: 1;
padding: 3px 8px 4px;
margin: 0px 0px 0px 4px;
font-weight: bold;
color: #45688E;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius:
2px;
}
.video_length:hover {
text-decoration: none;
}
.video_length_sel
{
background: #597DA3;
color: #FFF;
}
.video_checkbox {
margin-top:
4px;
margin-left: 0px;
margin-right: 12px;
}
#video_create_album {
padding-top: 4px;
}
.video_loading_cont {
opacity: 0;
}
#v_search,
.video_search, #video_add_button, #video_search_controls,
.video_loading_cont {
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.video_search_extended #video_add_button
{
margin-right: -180px;
}
.video_search_extended {
height:
55px;
}
.video_search_extended #video_search_controls {
height:
30px;
}
.video_search_extended #v_search {
width:
565px;
}
.video_search_extended .video_loading_cont {
opacity:
1;
}
.video_moder_actions_wrap {
position: absolute;
margin: 6px 0px
0px 6px;
}
.video_moder_actions {
background: #000000;
background:
rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius:
3px;
border-radius: 3px;
color: #FFFFFF;
padding: 4px;
margin-right: 6px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms
linear;
-o-transition: opacity 200ms linear;
transition: opacity 200ms
linear;
}
.video_row_cont:hover .video_moder_actions {
opacity: 1;
filter: alpha(opacity=100);
}
.video_moder_actions:hover {
text-decoration: underline;
}
#video_comments_link {
padding-top:
4px;
}
.video_album_text {
overflow: hidden;
text-overflow: ellipsis;
width: 154px;
height: 16px;
white-space: nowrap;
line-height:
100%;
}
.video_is_private {
display: inline-block;
*display: block;
zoom: 1;
background: url(/images/icons/photo_icons.png?2) 0 -34px
no-repeat;
width: 10px;
height: 12px;
margin-left: 4px;
margin-bottom: -2px;
}
.video_box_label {
color: #36638E;
font-size:
1.09em;
font-weight: bold;
text-align: left;
margin: 10px
auto;
}
input.video_box_disabled {
padding: 7px 7px;
width: 259px;
background: #eef0f2;
margin-bottom: 10px;
height:
14px;
}
textarea.video_box_disabled {
padding: 7px 7px;
background:
#eef0f2;
width: 334px;
height: 46px;
margin-bottom:
2px;
}
.video_share_icon {
display: block;
width: 30px;
height:
30px;
background: url(/images/icons/videoexporticons.png) 0px 0px
no-repeat;
background-size: 30px 60px;
margin-left:
7px;
}
.video_icon_fb {
background-position: 0px
-30px;
}
.video_share_icon {
-webkit-transition: opacity 200ms linear;
-moz-transition: opacity 200ms linear;
-o-transition: opacity 200ms
linear;
transition: opacity 200ms linear;
}
.video_share_icon:hover {
opacity: 0.6;
}