Файл: plugins/photo/static/css/photo_floatbox.css
Строк: 310
.floatbox_canvas.peep_photoview_overlay {
display:
table;
}
.floatbox_canvas.floatbox_overlayBG {
opacity: 1;
background-color: rgba(0,0,0,0.9);
}
.peep_photoview_overlay_pint
.floatbox_container {
border:
none;
}
.peep_photoview_overlay.floatbox_empty .peep_box_cap_icons {
position: absolute;
top: 4px;
right: 4px;
z-index: 1;
}
html
body div.floatbox_empty.peep_photoview_overlay a.peep_ic_delete.close,
html
body div.peep_photoview_overlay_pint a.peep_ic_delete.close {
background-image:
url(../images/photoview_close.png);
background-repeat:no-repeat;
background-position:center
center;
}
.peep_photoview_wrap {
min-height: 400px;
max-width:
100%;
max-height: 100%;
}
.peep_photoview_stage_wrap {
float:
left;
height: auto;
background-color: #000;
text-align:
center;
position: relative;
cursor:
pointer;
}
.peep_photoview_stage_wrap img {
display: inline-block;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin:
auto;
}
.peep_photoview_stage_wrap.peep_photoview_stage_wrap_fullscreen {
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index:
3;
}
.peep_photoview_stage_wrap.peep_photoview_stage_wrap_fullscreen img {
width: auto;
height: auto;
max-height: 100%;
max-width:
100%;
}
.peep_photoview_fullscreen_toolbar_wrap
.peep_user_list_picture{
height:0px
!important;
}
.peep_photoview_fullscreen_toolbar_wrap
.peep_user_list_picture .peep_avatar{
min-width:34px
!important;
max-height:30px
!important;
margin-top:-4px;
border:none;
}
.peep_photoview_fullscreen_toolbar_wrap
.peep_user_list_picture .peep_avatar img{
min-width:34px
!important;
max-height:30px
!important;
margin-top:0px;
border:none;
}
.peep_photoview_fullscreen_toolbar_wrap
.peep_user_list_data{
margin-left:50px;
}
.peep_photoview_stage_wrap.peep_photoview_stage_wrap_fullscreen
.peep_photo_fullscreen_nav {
display:
block;
}
.peep_photoview_info_wrap {
height: 100%;
position:
relative;
overflow: hidden;
}
.peep_photoview_info {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 12px 8px 12px 16px;
min-height:
100%;
}
.peep_photoview_info.peep_photoview_info_onpage {
padding:
0;
}
.peep_photoview_info.peep_photoview_pint_mode {
padding: 8px 0 0
0;
}
.peep_photoview_user {
padding-right: 12px;
border-bottom:1px
solid #ccc;
padding-bottom:30px;
}
.peep_photoview_user
.peep_user_list_picture{
height:0px !important;
}
.peep_photoview_user
.peep_user_list_picture img {
margin-top: 0px;
margin-left: 0px;
height: 60px !important;
min-width: 60px !important;
}
.peep_photoview_user .peep_user_list_data {
padding-top:
2px;
}
.peep_photoview_user .peep_user_list_data a:first-child {
font-weight: bold;
}
.peep_photoview_user .peep_user_list_data
div,
.peep_photoview_user .peep_user_list_data a {
line-height:
16px;
}
.peep_photoview_description {
padding: 0 10px 0
4px;
}
.peep_context_action_block.peep_photo_context_action
.peep_context_action:first-child {
border-left:
none;
}
.peep_photoview_stage_wrap:hover .peep_photo_context_action {
display: block;
opacity: 1;
}
.peep_photo_context_action:hover
.peep_tooltip {
display: block;
}
.peep_photoview_bottom_menu_wrap {
background-color: rgba(0,0,0,0.75);
position: absolute;
bottom:
0;
left: 0;
height: auto;
display: block;
width: 100%;
line-height: 20px;
text-align: left;
padding: 8px 40px 8px 16px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transition: opacity 0.3s ease;
-moz-transition: opacity 0.3s ease;
-webkit-transition: opacity 0.3s
ease;
opacity: 0;
height:
36px;
}
.peep_photoview_stage_wrap_fullscreen
.peep_photoview_bottom_menu_wrap {
padding-right:
70px;
}
.peep_photoview_bottom_menu {
position:
relative;
}
.peep_photoview_stage_wrap:hover
.peep_photoview_bottom_menu_wrap,
.peep_photoview_stage_wrap:hover
.peep_photo_fullscreen_nav,
.peep_photoview_stage_wrap:hover
.peep_photo_fullscreen_nav_right {
opacity: 1;
}
body
a.peep_photoview_albumlink {
color: #fff;
font-size: 11px;
font-weight: bold;
}
.peep_photoview_fullscreen, .peep_photoview_play_btn,
.peep_photoview_slide_settings_btn, .peep_photoview_info_btn {
width:
20px;
height: 20px;
background-position: center center;
background-repeat: no-repeat;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #808080;
cursor:
pointer;
}
.peep_photoview_info_btn {
border: none;
border-radius:
0;
-moz-border-radius: 0;
-webkit-border-radius:
0;
}
.peep_photoview_fullscreen {
margin-right:
-24px;
}
.peep_photoview_info_btn {
margin-right:
-54px;
}
.peep_photoview_play_btn {
margin-right:
10px;
}
.peep_photoview_slide_settings_btn {
margin-right:
12px;
}
.peep_photoview_slide_settings_btn,
.peep_photoview_play_btn,
.peep_photoview_slide_settings_controls,
.peep_photoview_slide_time,
.peep_photoview_slide_settings {
float:
left;
}
.peep_photoview_info_btn,
body .peep_photoview_slide_settings
.peep_photoview_slide_settings_controls {
display:
none;
}
.peep_photoview_slide_settings {
display:
inline-block;
}
.peep_photoview_fullscreen_toolbar_wrap {
position:
absolute;
top: 0px;
left: 15%;
margin-left: auto;
display:
none;
}
.peep_photoview_stage_wrap_fullscreen
.peep_photoview_info_btn,
.peep_photoview_stage_wrap_fullscreen
.peep_photoview_fullscreen_toolbar_wrap {
display:
block;
}
.peep_photoview_slide_time {
width: 48px;
height: 2px;
margin: 9px 12px 9px 0;
background-color: #6b6b6b;
position:
relative;
}
.peep_photoview_slide_time_value {
position: absolute;
height: 2px;
background-color: #acacac;
left: 0;
top:
0;
}
.peep_photoview_slide_time_point {
position: absolute;
width:
6px;
height: 6px;
border-radius: 2px;
-webkit-border-radius:
2px;
-moz-border-radius: 2px;
background-color: #fff;
top:
-2px;
margin-left: -2px;
z-index:
2;
}
.peep_photoview_slide_settings_effects {
border: 1px solid
#808080;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
float:
left;
}
.peep_photoview_slide_settings_effect {
height: 18px;
padding: 0 10px;
display: inline-block;
line-height: 18px;
color: #acacac;
}
.peep_photoview_slide_settings_effect.active {
color:
#fff;
}
.peep_photoview_slide_settings_effect:hover,
.peep_photoview_fullscreen:hover,
.peep_photoview_play_btn:hover,
.peep_photoview_slide_settings:hover
.peep_photoview_slide_settings_btn {
background-color:
rgba(144,144,144, 0.3);
}
.peep_photoview_slide_settings_effect:first-child
{
border-right: 1px solid #808080;
}
.peep_photoview_arrow_left,
.peep_photoview_arrow_right {
display: block;
position: absolute;
width: 44px;
height: 44px;
top: 50%;
margin-top: -22px;
background-repeat: no-repeat;
opacity: 0;
transition: opacity 0.3s
ease;
-moz-transition: opacity 0.3s ease;
-webkit-transition:
opacity 0.3s ease;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
background-color:
rgba(51,51,51,0.3);
}
.peep_photoview_stage_wrap:hover
.peep_photoview_arrow_left,
.peep_photoview_stage_wrap:hover
.peep_photoview_arrow_right {
opacity:
0.75;
}
.peep_photoview_stage_wrap:hover
.peep_photoview_arrow_left:hover,
.peep_photoview_stage_wrap:hover
.peep_photoview_arrow_right:hover {
opacity:
1;
}
.peep_photoview_arrow_left {
left: 32px;
background-position:
14px center;
}
.peep_photoview_arrow_right {
right: 32px;
background-position: 18px center;
}
.peep_feed_btns {
margin-top:
14px;
margin-bottom: 2px;
}
.peep_feed_btn_wrap {
background: none
repeat scroll 0 0 #F5F5F5;
border-radius: 4px;
color: #666666;
display: inline-block;
line-height: 20px;
padding: 2px 9px 2px
2px;
margin-right: 4px;
vertical-align:
middle;
}
.peep_feed_btn_wrap .peep_miniic_control {
margin-right:
5px;
}
.peep_miniic_share a span {
height: 16px;
width:
16px;
}
.peep_feed_btn_wrap .peep_miniic_control .peep_miniic_share {
min-width: 18px;
width: auto;
position: relative;
padding: 0
4px;
line-height: 18px;
}
.peep_miniic_control .peep_tooltip {
position: absolute;
right: 0;
z-index: 1;
}
.peep_miniic_control
.peep_tooltip_tail span {
height: 6px;
margin-bottom: -1px;
width: 19px;
}
.peep_comments_input_wrap textarea.comments_fake_autoclick
{
resize: none;
height: 30px;
padding-right:
28px;
}
.peep_comments_input_wrap .peep_comments_input {
padding-top:
4px;
position: relative;
}
.peep_comments_input_wrap
.peep_comments_input .comments_fake_autoclick {
margin-top:
0;
}
.peep_comments_input .peep_attachment_icons {
position: absolute;
top: 8px;
right: 4px;
}
.peep_attachments
input[type="file"] {
cursor: pointer;
float: right;
opacity: 0;
}
.peep_photoview_info .peep_rates_wrap {
padding-left:
4px;
margin: 6px 0 8px 0;
}
.peep_rates_wrap span {
vertical-align: middle;
}
.peep_rates {
width: 65px;
display:
inline-block;
vertical-align: middle;
margin: 0 2px;
}
.peep_rates
.rates_cont {
position: absolute;
opacity: 0;
transition:
opacity 0.15s;
-moz-transition: opacity 0.15s;
-webkit-transition:
opacity 0.15s;
}
.peep_rates_wrap:hover .rates_cont {
opacity:
1;
}
.peep_photo_preload {
position: absolute;
top: 33px;
z-index: 9999;
}
.peep_photo_page_fullscreen {
overflow:
hidden;
}
.peep_photo_page_fullscreen
#peep-photo-view-page,
.peep_photo_page_fullscreen .peep_photoview_wrap {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
}