.z-custmerform-designer-layout {
|
-moz-user-select: none;
|
-webkit-user-select: none;
|
-ms-user-select: none;
|
-khtml-user-select: none;
|
user-select: none;
|
|
padding:0 0px 0 160px;
|
}
|
.custmerform-designer-layout-left {
|
position: absolute;
|
top: 0;
|
left: 0;
|
height: 100%;
|
width: 150px;
|
border-right: 1px solid #ddd;
|
}
|
.z-custmerform-designer-layout-left .mCustomScrollBox {
|
overflow:initial;
|
}
|
.z-custmerform-designer-layout-left .mCSB_scrollTools_vertical {
|
left:0;
|
}
|
|
.z-custmerform-designer-layout-right {
|
position:absolute;
|
top:0;
|
right:-240px;
|
height:100%;
|
width:240px;
|
border-left:1px solid #ddd;
|
background-color:#fff;
|
padding:6px 6px 0 6px;
|
}
|
|
.z-custmerform-designer-layout-center {
|
position:relative;
|
height:100%;
|
width:100%;
|
padding:0 0 31px 0;
|
}
|
|
.z-custmerform-designer-layout-header {
|
position:absolute;
|
top:0;
|
left:0;
|
width:100%;
|
height:44px;
|
padding: 5px;
|
display:none;
|
}
|
.z-custmerform-designer-layout-center.hasTab .z-custmerform-designer-layout-header {
|
display:block;
|
}
|
.z-custmerform-designer-layout-header .mCS-minimal-dark.mCSB_scrollTools_horizontal {
|
top:32px;
|
}
|
.z-form-tab {
|
white-space: nowrap;
|
}
|
.z-form-tab>li {
|
white-space: nowrap;
|
display: inline-block !important;
|
float: initial;
|
}
|
|
|
|
|
.z-custmerform-designer-layout-footer {
|
position:absolute;
|
bottom:0;
|
left:0;
|
height:31px;
|
width:100%;
|
border-top:1px solid #ddd;
|
z-index: 1;
|
}
|
.z-custmerform-designer-layout-footer-item {
|
position:relative;
|
float:left;
|
height:100%;
|
width:100px;
|
text-align:center;
|
color:#666;
|
cursor:pointer;
|
border-right:1px solid #ddd;
|
line-height:30px;
|
}
|
.z-custmerform-designer-layout-footer-item:hover {
|
background-color: #eee;
|
}
|
.z-custmerform-designer-layout-footer-item i {
|
width:17px;
|
}
|
|
.z-custmerform-designer-layout-center-bg {
|
position:absolute;
|
top:44px;
|
left:0;
|
width:100%;
|
overflow-x:hidden;
|
}
|
/*设计区域*/
|
.z-custmerform-designer-layout-area {
|
position:relative;
|
width:100%;
|
height:100%;
|
z-index:1;
|
}
|
.z-custmerform-designer-layout-area .mCSB_container {
|
position:relative;
|
min-height:100%;
|
width:100%;
|
z-index:1;
|
padding:8px;
|
}
|
.ui-state-highlight {
|
position:relative;
|
width:100%;
|
height:39px;
|
line-height:37px;
|
margin:1px 0 2px 0;
|
background: #FAFAE9!important;
|
border: 2px dotted #d5d5d5;
|
text-align:center;
|
color: #9f9f9f;
|
float:left;
|
}
|
|
.z-compont-item {
|
position: relative;
|
height:40px!important;
|
line-height:38px;
|
border-top: 1px solid #eeecec;
|
border-bottom: 1px solid #eeecec;
|
overflow: hidden;
|
cursor: move;
|
margin-top: -1px;
|
padding-left:110px;
|
float:left;
|
border-right: 1px solid #eeecec;
|
}
|
|
|
.z-compont-title {
|
position:absolute;
|
top:0;
|
left:0;
|
width:110px;
|
height:100%;
|
padding-left:10px;
|
background-color:#f5f5f5;
|
}
|
.z-compont-item.active .z-compont-title{
|
background-color:#3498DB;
|
color:#fff;
|
}
|
.z-compont-remove {
|
position:absolute;
|
top:0;
|
right:4px;
|
z-index:1;
|
cursor:pointer;
|
color:#cf5c60;
|
display:none;
|
}
|
.z-compont-item.active .z-compont-remove {
|
display:block;
|
}
|
|
.z-compont-value {
|
padding-left:10px;
|
color: #9f9f9f;
|
}
|
|
|
|
/*表单设计组件*/
|
.z-custmerform-component {
|
width: 120px;
|
height: 30px;
|
line-height: 28px;
|
border: 1px solid #ddd;
|
border-radius: 5px;
|
cursor: pointer;
|
box-shadow: 2px 1px 1px 1px rgba(0,0,0,.05);
|
z-index:2;
|
margin:12px 0 0 15px;
|
float:left;
|
}
|
.z-custmerform-component i {
|
padding-left: 10px;
|
width:28px;
|
color: #2c3849;
|
opacity: .9;
|
}
|
.z-custmerform-designer-layout-left .z-custmerform-component {
|
margin:10px 0 0 15px;
|
}
|
|
|
|
.z-custmerform-designer-layout-left .z-custmerform-component:hover {
|
color: #333;
|
background-color: #e6e6e6;
|
}
|
|
|
/*组件属性设置*/
|
.z-component-tips{
|
color: #9f9f9f;
|
padding-bottom: 5px;
|
}
|
.z-component-tips i
|
{
|
padding-right: 5px;
|
padding-left: 2px;
|
}
|
.z-component-title
|
{
|
height: 28px;
|
line-height: 28px;
|
}
|
.z-component-title .help
|
{
|
color: #9f9f9f;
|
cursor: help;
|
padding-left: 5px;
|
}
|
