wp_blog/wp-content/plugins/revslider/css/edit_layers.css
2020-01-02 23:15:16 +07:00

615 lines
9.5 KiB
CSS

.edit_slide_wrapper .timeline {
width:410px;
height:10px;
background:url(../images/timeline.png) repeat-x 0px 0px;
position:relative;
margin:20px 20px 40px;
z-index:10;
}
.slide_layer .icon_cross{
background-image:url(../images/cross.png);
width:24px;
height:24px;
background-repeat:no-repeat;
position:absolute;
top:0px;
left:0px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0.0;
-khtml-opacity: 0.0;
opacity: 0.0;
}
.layer_selected .icon_cross {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
filter: alpha(opacity=8);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.edit_slide_wrapper .timeline .mintime {
font-color:#777;
font-size:10px;
position:absolute;
top:20px;
left:-20px;
white-space:no-wrap;
width:40px; text-align:center;
}
.edit_slide_wrapper .layertime {
position:absolute;
top:1px;
height:9px;
background:rgba(60,147,154,0.4);
xwidth:300px;left:10px;
display:none;
}
.edit_slide_wrapper .layertime.layertime-error{
background:rgba(157,23,23,0.4);
}
.edit_slide_wrapper .timeline .maxtime {
font-color:#777;
font-size:10px;
position:absolute;
top:20px;
white-space:no-wrap;
width:40px; text-align:center;
right:-20px;
}
.list-settings hr { width:100%;
clear:both;
border-top: 1px solid #DDD;
border-bottom: 1px solid white;
margin-bottom:0px;
}
span.setting_text { line-height:24px;}
span.setting_text_2 { color:#ACA899;
line-height: 10px;
font-size: 11px;
}
.edit_slide_wrapper .attribute_title {
clear:both;padding-bottom:0px !important;
}
/************************************************************/
.edit_layers_left{
width:450px;
float:left;
}
.edit_layers_right{
width:450px;
float:left;
margin-left:20px;
}
#link_slider_settings{
font-size:18px;
padding-left:50px;
}
.edit_slide_wrapper .slide_layers{
border:1px solid black;
overflow:hidden;
background-position:center center;
background-repeat:no-repeat;
position:relative;
float:left;
background-size:cover;
}
.slide_layers.trans_bg{
background-image:url(../images/trans_tile2.png) !important;
background-repeat:repeat !important;
background-size:cover;
background-size:auto !important;
}
.edit_slide_wrapper .caption{
font-weight:bold;
}
.slide_layers .slide_layer{
position:absolute;
white-space:nowrap;
}
/* video layer */
.slide_layer .slide_layer_video{
background-color:black;
position:relative;
background-repeat:no-repeat;
background-position:center center;
}
.slide_layer .video-layer-inner{
height:100%;
width:100%;
background-repeat:no-repeat;
background-position:right bottom;
}
.slide_layer .video-icon-youtube{
background-image:url(../images/icon_youtube.png);
}
.slide_layer .video-icon-vimeo{
background-image:url(../images/icon_vimeo.png);
}
.slide_layer .video-icon-html5{
background-image:url(../images/icon_html5.png);
}
.slide_layer_video .layer-video-title{
color:white;
padding:10px;
text-align:center;
}
.ui-draggable{
cursor:move;
}
.edit_layers_left .area-layer-params{
width:415px;
height:80px;
}
.edit_layers_left .textbox-caption{
width:170px;
}
#layer_captions_down{
margin-top:1px;
width:26px;
height:21px;
float:left;
cursor:pointer;
}
#layer_captions_down span{
margin-top:2px;
margin-left:5px;
}
#button_edit_css{
float:right;
margin-right:10px;
}
.edit_layers_left .setting_text{
min-width:60px;
}
.edit_layers_left .text-disabled{
color:#ACA899;
}
#divLayers .layer_selected{
/* glow on selected */
box-shadow: 0 0 8px #DDE573;
-webkit-box-shadow: 0 0 8px #DDE573;
-moz-box-shadow: 0 0 8px #DDE573;
}
.layer_sortbox{
width:460px;
min-height:266px;
}
.layer_sortbox input.sortbox_time, /* sortbox inputboxes */
.layer_sortbox input.sortbox_depth
{
float:right;
width:40px;
background-color:#EBEBEB;
border:1px solid #E0E0E0;
color:#04076A;
}
.layer_sortbox input.sortbox_depth{
width:28px;
cursor:default;
}
.layer_sortbox .sortbox_eye{
width:20px;
height:14px;
background:url(../images/eyes.png) no-repeat;
float:right;
margin-top:5px;
margin-left:3px;
margin-right:3px;
cursor:pointer;
}
.sortlist li.sortitem-hidden .sortbox_eye{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}
.sortlist li.sortitem-hidden .sortbox_text{
color:#B9A8B9;
}
.sortlist li.sortitem-hidden{
background-image:none;
background-color:#FFF0E6;
}
.sortlist{
padding:0px;
margin:0px;
}
.sortlist li span.ui-icon{
float:right;
margin-top:4px;
}
.sortlist li{
padding-left:4px;
cursor:move;
min-height:17px;
}
.sortlist li .sortbox_text{
display:block;
float:left;
padding-top:4px;
padding-bottom:4px;
}
/* ------ Layer Sorting Button ---- */
#button_sort_visibility{
width:20px;
height:14px;
background:url(../images/eyes.png) no-repeat;
cursor:pointer;
float:right;
margin-top:5px;
margin-right:5px;
margin-left:3px;
}
#button_sort_visibility.e-disabled {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: 0.5;
/* Safari 1.x */
-khtml-opacity: 0.5;
/* Good browsers */
opacity: 0.5;
}
.layer_sortbox .button_sorttype{
width:70px;
float:right;
height:20px;
text-align:center;
margin-right:10px;
margin-top:2px;
}
.layer_sortbox .button_sorttype.ui-state-hover{
cursor:pointer;
}
.layer_sortbox .button_sorttype.ui-state-active{
cursor:default;
}
.layer_sortbox .button_sorttype span{
display:block;
padding:0px;
margin:0px;
float:none;
margin-top:3px;
text-align:center;
}
.slide_update_button_wrapper{
float:left;
width:110px;
}
.slider_update_button_wrapper{
float:left;
width:115px;
margin-top:2px;
}
.slide_update_button_wrapper div{
float:left;
}
#button_save_slide{
display:block;
width:73px;
margin:0px;
float:left;
}
#button_close_slide{
display:block;
float:left;
}
.edit_layers_left .list_settings li .setting_text{
min-width:70px;
}
.setting-disabled{
color:#B9A8B9;
}
#layer_caption.setting-disabled{
color:#B9A8B9;
}
/* ============================================= */
/* Layer Form Position */
/* ============================================= */
#layer_left_row{
float:left;
}
#layer_left_row .setting_text,
#layer_top_row .setting_text{
min-width:10px;
width:10px;
}
#layer_top_row{
float:left;
margin-left:15px;
}
#button_edit_video_row{
float:left;
margin-right:10px;
clear:left;
}
#button_change_image_source_row{
float:left;
margin-right:10px;
clear:both;
}
#button_edit_video{
cursor:pointer;
}
#layer_animation_row{
clear:both;
float:left;
}
#layer_easing_row{
float:right;
margin-right:10px;
}
#layer_easing_row .setting_text{
min-width:50px;
width:50px;
}
#layer_hidden_row{
float:left;
margin-left:0px;
}
#layer_speed_row{
clear:left;
float:left;
}
#layer_slide_link_row{
clear:both;
}
#linkInsertButton{
float:right;
margin-right:8px;
padding:0px;
padding-bottom:2px;
font-size:11px;
text-decoration:none;
cursor:pointer;
}
#linkInsertButton.disabled{
color:#ACA899;
cursor:default;
}
.list-buttons li{
float:left;
margin-left:10px;
}
/* ============================================= */
/* End Params Layer Form Part */
/* ============================================= */
.link_show_params{
margin-left:70px;
}
.link_show_advanced_params{
margin-left:20px;
}
.link_show_params.button-selected{
color:green;
}
#layer_endtime_row{
}
#layer_endanimation_row{
float:left;
}
#layer_endeasing_row{
float:right;
xmargin-right:10px;
}
#layer_endeasing_row .setting_text{
width:50px;
min-width:50px;
}
#layer_endtime_row{
float:left;
margin-left: 78px;
}
#layer_endspeed_row{
float:left;
clear:left;
}
#layer_cornerleft_row{
float:left;
}
#layer_cornerright_row{
float:right;
margin-right:10px;
}
/* ============================================= */
/* Align Table */
/* ============================================= */
.align_table_wrapper{
clear:both;
float:left;
margin-right:20px;
}
.align_table{
table-collapse:collapse;
}
.align_table td{
border:1px solid black;
padding:2px;
}
.align_table td a{
text-decoration:none;
display:block;
width:20px;
height:20px;
background-color:#888;
}
.align_table td a:hover{
background-color:#cfcfcf;
}
.align_table td a.selected{
background-color:#cfcfcf;
cursor:default;
}
.align_table td a.selected:hover{
cursor:default;
background-color:#cfcfcf;
}
.align_table.table_disabled td{
border:1px solid #ACACAC;
}
.align_table.table_disabled td a{
background-color:#ACACAC;
cursor:default;
}
.align_table.table_disabled td a:hover{
background-color:#ACACAC;
}
/******************************
- SPECIALS -
********************************/
.tp-closedatstart { display:none;}
#layer_link_open_in_row { float:left;}
.depthselected .sortbox_time { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.timeselected .sortbox_depth { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.timeselected .sortbox_time,
.depthselected .sortbox_depth { background:#fff !important;}