test
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

824 lines
16 KiB

#phone-margin{
position: absolute;
top: 0;
left: 300px;
width: calc(100% - 302px - 427px);
overflow-y: scroll;
height: 100%;
}
#footer {
display: none;
}
.nav.nav-tabs.diypage-nav-tabs {
height: 51px;
line-height: 51px;
color: #fff;
padding-right: 27px;
background-color: #273543;
border-bottom: none;
overflow: hidden;
}
.nav.nav-tabs.diypage-nav-tabs li {
margin-left: 15px;
margin-bottom: 0;
float: right;
}
.nav.nav-tabs.diypage-nav-tabs .li-flo-le {
float: left;
}
.nav.nav-tabs.diypage-nav-tabs a {
height: 21px;
line-height: 21px;
color: #fff;
font-size: 14px;
margin: 0;
padding: 15px;
border: none;
box-sizing: initial;
display: inline-block;
}
.nav.nav-tabs.diypage-nav-tabs .diypage-icon-txt {
padding: 15px 10px;
}
.nav.nav-tabs.diypage-nav-tabs .diypage-icon-txt i {
font-size: 16px;
}
.nav.nav-tabs.diypage-nav-tabs a i {
font-size: 20px;
padding-right: 4px;
margin-top: -2px;
float: left;
}
.nav.nav-tabs.diypage-nav-tabs a:hover, .nav.nav-tabs.diypage-nav-tabs a:active, .nav.nav-tabs.diypage-nav-tabs a:focus {
background-color: #272A3B;
}
.nav.nav-tabs.diypage-nav-tabs a:active {
background-color: transparent;
}
.nav.nav-tabs.diypage-nav-tabs .diypage-save-page {
min-width: 80px;
text-align: center;
margin-top: 8px;
margin-left: 15px;
padding: 6px 10px;
background-color: #1ab394;
border-radius: 3px;
}.nav.nav-tabs.diypage-nav-tabs .diypage-save-page i {
height: 24px;
font-size: 17px;
float: none;
vertical-align: -1px;
display: inline-block;
}
.nav.nav-tabs.diypage-nav-tabs .diypage-save-page:hover, .nav.nav-tabs.diypage-nav-tabs .diypage-save-page:active, .nav.nav-tabs.diypage-nav-tabs .diypage-save-page:focus {
background-color: #1ab394;
}
#full-screen i, #exit-screen i {
padding-right: 0;
}
.diy-page {
position: relative;
}
.diy-phone {
width: 375px;
height: auto;
border: 1px solid #ddd;
border-radius: 0;
background: #f6f6f6;
padding: 0;
padding-bottom: 0;
overflow: hidden;
/*margin-bottom: 150px;*/
margin: 25px auto;
box-sizing: initial;
}
.diy-phone .phone-head {
height: 52px;
position: relative;
display: none;
}
.diy-phone .phone-head:before {
content: "";
position: absolute;
top: 17px;
left: 140px;
height: 10px;
width: 10px;
background: #ddd;
border-radius: 8px;
}
.diy-phone .phone-head:after {
content: "";
position: absolute;
top: 18px;
left: 158px;
height: 8px;
width: 50px;
background: #ddd;
border-radius: 8px;
}
.diy-phone .phone-body {
background-color: #fff;
}
.page-content {
width: 100%;
background: #fff;
position: relative;
height: calc(100vh - 51px);
overflow: hidden;
min-height:100px;
}
.page-content .pagediy {
height: 100%;
position: relative;
margin: 0;
}
.diy-phone .phone-title {
height: 42px;
line-height: 42px;
/*background: url("../images/wx-top.png") 0 0 no-repeat;*/
background-size: 100% auto;
background-color: #000;
padding: 0 50px;
font-size: 15px;
color: #fff;
text-align: center;
cursor: default;
overflow: hidden;
display:block;
white-space:nowrap;
text-overflow:ellipsis;
}
.diy-phone .phone-main {
min-height: 557px;
border: none;
border-top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.diy-phone .phone-main p {
margin: 0;
padding: 0;
}
.diy-phone .phone-main .highlight {
height: 50px;
border: 2px dashed #999;
text-align: center;
font-size: 16px;
color: #999;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.diy-phone .phone-main .drag {
position: relative;
/*min-height: 20px;*/
display: block;
overflow: hidden;
}
.diy-phone .phone-main .drag.selected:before,
.diy-phone .phone-main .drag:hover:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px dashed #00a0e9;
cursor: move;
z-index: 10;
}
.diy-phone .phone-main .drag.fixed:before {
cursor: default;
}
.diy-phone .phone-main .drag .btn-edit-del {
height: 16px;
position: absolute;
right: 2px;
bottom: 2px;
display: none;
}
.diy-phone .phone-main .drag .btn-edit-del > div {
width: 32px;
height: 16px;
line-height: 16px;
display: inline-block;
text-align: center;
font-size: 10px;
color: #fff;
background: rgba(0,0,0,.4);
margin-left: 2px;
cursor: pointer;
position: relative;
z-index: 11;
}
.diy-phone .phone-main .drag.selected .btn-edit-del ,
.diy-phone .phone-main .drag:hover .btn-edit-del {
display: block;
}
.diy-phone .phone-main .drag.nodelete .btn-edit-del .btn-del {
display: none;
}
.diy-phone .phone-main a {
color: #337ab7;
}
.diy-phone .phone-foot {
height: 52px;
width: 52px;
margin: 8px auto;
background-color: #fff;
border: 1px solid #ddd;
box-shadow: inset 0 0 1px rgba(0,0,0,.1);
border-radius: 50%;
display: none;
}
.diy-editor {
float: right;
width: 407px;
height: calc(100vh - 51px);
background: #fff;
padding: 0 10px;
border: none;
border-radius: 5px;
display: none;
position: fixed;
top: 55px;
right: 0;
overflow-y: scroll;
box-sizing: initial;
}
.diy-editor .editor-arrow {
height: 0;
position: relative;
}
.diy-editor .editor-arrow:after,
.diy-editor .editor-arrow:before {
position: absolute;
font-family: simsun;
content: "◆";
top: 8px;
left: -21px;
display: block;
width: 9px;
height: 18px;
font-size: 24px;
color: #fdfdfd;
z-index: 111;
}
.diy-editor .editor-arrow:after {
left: -22px;
color: #ddd;
z-index: 11;
}
.diy-editor .form-group {
margin: 20px 0 0 0;
}
.diy-editor .form-group:first-child {
margin: 0;
}
.diy-editor .col-sm-10 .form-group {
margin: 0;
padding: 0;
}
.diy-editor .col-sm-10 .form-group .count span {
padding-left: 5px;
}
.diy-editor .form-group .control-label {
line-height: 16px;
padding: 9px 7px 9px 0;
text-align: left;
font-size: 14px;
min-width: 75px;
}
.input-group .input-group-addon {
color: #666;
background-color: #f3f3f3;
}
.item-form .input-group .input-group-addon {
border-radius: 0;
}
.pagediy .diy-editor .form-group .col-sm-10,.pagediy .diy-editor .form-group .col-sm-4 {
padding-left: 0;
padding-right: 0;
max-width: 300px;
}
.diy-editor .form-group .col-sm-10 .help-block {
color: #999;
font-size: 12px;
margin: 10px 0 0 0;
}
.diy-editor .form-group .form-control {
height: 34px;
padding: 0 5px;
border-color: #e0e0e0;
}
.diy-editor .form-group .noblr {
border-left: 0;
border-right: 0;
}
.diy-editor .color {
padding: 0;
cursor: pointer;
}
.diy-editor .form-group .ui-slider {
margin-top: 11px;
}
.diy-editor .form-group .count {
margin-top: 7px;
}
.diy-editor .form-items {
height: auto;
}
.diy-editor .form-items .btn-outline {
background-color: #fff;
}
.diy-editor .form-items .btn-outline:hover {
background-color: #fff;
border: 1px solid #1ab394;
}
.diy-editor .form-items.indent {
margin: 0;
margin-top: 20px;
}
.diy-editor .form-items.indent:first-child {
margin-top: 0;
}
.diy-editor .form-items .inner {
height: auto;
margin-top: 20px;
}
.diy-editor .form-items .inner:first-child {
margin-top: 0;
}
.diy-editor .form-items .inner .item {
height: auto;
background: #fff;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #e7eaec;
border-radius: 3px;
overflow: hidden;
}
.diy-editor .form-items .inner .highlight {
border: 2px dashed #e7eaec;
margin-bottom: 10px;
text-align: center;
font-size: 16px;
color: #ccc;
}
.diy-editor .form-items .inner .item .btn-del {
height: 0;
width: 100%;
display: block;
position: relative;
}
.diy-editor .form-items .inner .item .btn-del:before {
content: "×";
position: absolute;
height: 16px;
width: 16px;
text-align: center;
line-height: 14px;
color: #fff;
cursor: pointer;
background: rgba(0,0,0,0.3);
border-radius: 16px;
top: -6px;
right: -6px;
z-index: 10;
}
.diy-editor .form-items .inner .item .item-image {
height: 70px;
width: 70px;
min-width: 40px;
max-width: 220px;
background: #eee;
float: left;
margin-right: 10px;
border: 1px solid #e7eaec;
position: relative;
}
.diy-editor .form-items .inner .item .item-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.diy-editor .form-items .inner .item .item-image.square {
width: 70px;
height: 70px;
}
.diy-editor .form-items .inner .item .item-image.square img {
width: 68px;
height: 68px;
}
.diy-editor .form-items .inner .item .item-image .text {
height: 20px;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
color: #fff;
text-align: center;
font-size: 12px;
line-height: 20px;
position: absolute;
cursor: pointer;
}
.diy-editor .form-items .inner .item .item-image.drag-btn {
font-size: 14px;
line-height: 68px;
text-align: center;
cursor: move;
}
.diy-editor .form-items .inner .item .item-image .icon-main {
height: 50px;
width: 68px;
line-height: 50px;
text-align: center;
background: #fff;
}
.diy-editor .form-items .inner .item .item-image .icon-main .icon {
font-size: 30px;
}
.diy-editor .form-items .inner .item .community-item-image{
height: 109px;
width: 83px;
min-width: 40px;
max-width: 220px;
background: #eee;
float: left;
margin-right: 10px;
border: 1px solid #e7eaec;
position: relative;
}
.diy-editor .form-items .inner .item .community-item-image img {
height: 80px;
width: 80px;
object-fit: fill;
display: block;
}
.diy-editor .form-items .inner .item .community-item-image .community-item-button{
height: 30px;
width: 80px;
max-width: 220px;
display: block;
line-height: 30px;
text-align: center;
padding: 0;
}
.diy-editor .form-items .inner .item .item-form {
height: auto;
display: block;
overflow: hidden;
}
.diy-editor .form-items .inner .item .title {
padding-bottom: 10px;
}
.diy-editor .form-items .inner .item .title-child {
padding-bottom: 10px;
padding-top: 10px;
}
.diy-editor .form-items .inner .item .item-body.child {
margin-bottom: 10px;
background: #fff;
}
#page_title{
text-align: center;
font-size: 14px;
background-color: #F2F2F3;
-webkit-border-radius: 50px;
border-radius: 50px;
display: none;
}
#page_title .page_name{
width: 90px;
text-align: center;
display: inline-block;
cursor: pointer;
}
#page_title .active{
color: #fff;
background-color: #1ab394;
-webkit-border-radius: 50px;
border-radius: 50px;
position: relative;
}
.adv_title_page_title {
height: 28px;
line-height: 28px;
padding: 11px 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
box-sizing: initial;
}
#adv_title {
color: #333;
font-size: 15px;
text-align: left;
padding-left: 15px;
}
#adv_title:after {
content: '';
position: absolute;
width: 4px;
height: 16px;
background: #1AB394;
-webkit-border-radius: 30%;
-moz-border-radius: 30%;
border-radius: 30%;
top: 17px;
left: 10px;
}
#diy-editor .inner_content{
width: 407px;
padding: 15px ;
background-color: #fdfdfd;
border: 1px solid #F2F2F3;
border-radius: 4px;
}
.diy-editor .line {
height: 1px;
margin-top: 20px;
padding: 0;
position: relative;
}
.diy-editor .line:before {
content: '';
width: 100%;
height: 0;
border-top: 1px dashed #e0e0e0;
position: absolute;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background: #f7f7f7;
}
/*菜单样式*/
.diy-menu {
float: left;
overflow-y: auto;
height: 100%;
position: relative;
}
.diy-menu:before {
content: "";
width: 1px;
height: 100%;
background-color: #f3f3f3;
position: absolute;
top: 0;
left: 0;
}
.diy-menu:after {
content: "";
width: 1px;
height: 100%;
background-color: #f3f3f3;
position: absolute;
top: 0;
right: 0;
}
.diy-menu .navs {
float: left;
width: 300px;
}
.diy-menu .navs nav {
width: 100px;
padding: 15px 0;
border: 1px solid #f3f3f3;
border-top: none;
border-left: none;
border-radius: 0;
position: relative;
float: left;
}
.diy-menu .navs nav.special {
background: #f4f4f4;
}
.diy-menu .navs nav:hover {
color: #333;
background: #fff;
}
.diy-menu .navs nav:hover:after {
content: "";
width: 100%;
height: 100%;
border: 1px solid #1ab394;
position: absolute;
top: 0;
left: 0;
}
.diy-menu .navs .diy-menu-title {
width: 100%;
height: 35px;
line-height: 35px;
font-size: 14px;
font-weight: 600;
padding: 0 15px;
background-color: #f3f3f3;
float: left;
}
.diy-menu .navs nav .icon-img {
height: 26px;
text-align: center;
}
.diy-menu .navs nav .icon-img-d {
width: 30px!important;
height: 30px!important;
opacity: 0.7;
display: inline-block;
}
.diy-menu .navs .page .icon-img-d {
width: 21px;
padding-top: 3px;
}
.diy-menu .navs .headline .icon-img-d {
width: 25px;
}
.diy-menu .navs .title .icon-img-d {
width: 36px;
margin-top: -3px;
}
.diy-menu .navs .search .icon-img-d {
width: 22px;
padding-top: 3px;
}
.diy-menu .navs .menu .icon-img-d {
width: 34px;
margin-top: -4px;
}
.diy-menu .navs .picture .icon-img-d {
width: 22px;
padding-top: 3px;
}
.diy-menu .navs .richtext .icon-img-d {
width: 23px;
padding-top: 3px;
}
.diy-menu .navs .line .icon-img-d {
width: 30px;
}
.diy-menu .navs .coupon_goods .icon-img-d {
width: 27px;
}
.diy-menu .navs .rush_goods .icon-img-d {
width: 22px;
padding-top: 1px;
}
.diy-menu .navs .groupon_goods .icon-img-d {
width: 24px;
}
.diy-menu .navs .fightgroup_goods .icon-img-d {
width: 25px;
}
.diy-menu .navs .magic_cube .icon-img-d {
width: 23px;
padding-top: 3px;
}
.diy-menu .navs .picturew .icon-img-d {
width: 27px;
padding-top: 1px;
}
.diy-menu .navs .banner .icon-img-d {
width: 23px;
padding-top: 3px;
}
.diy-menu .navs .blank .icon-img-d {
width: 30px;
}
.diy-menu .navs .community .icon-img-d {
width: 32px;
}
.diy-menu .navs .public_goods .icon-img-d {
width: 42px;
margin-top: -8px;
}
.diy-menu .navs nav .icon-img img {
width: 100%;
display: block;
}
.diy-menu .navs nav .icon-txt {
height: 21px;
line-height: 21px;
font-size: 14px;
text-align: center;
margin-top: 7px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.diy-menu .action {
position: fixed;
bottom: 170px;
text-align: center;
left: 200px;
z-index: 9;
}
.diy-menu .action:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 0;
width: 100%;
}
.diy-menu .action nav {
margin-right: 5px;
}
.wb-container.right-panel .diy-menu {
margin-right: -540px;
}
.wb-nav.fold~.wb-subnav~.wb-container .diy-menu {
margin-right: -420px;
}
.wb-nav.fold~.wb-subnav~.wb-container.right-panel .diy-menu {
margin-right: -505px;
}
.wb-nav~.wb-subnav.fold~.wb-container .diy-menu {
margin-right: -400px;
}
.wb-nav~.wb-subnav.fold~.wb-container.right-panel .diy-menu {
margin-right: -485px;
}
.wb-nav.fold~.wb-subnav.fold~.wb-container .diy-menu {
margin-right: -365px;
}
.wb-nav.fold~.wb-subnav.fold~.wb-container.right-panel .diy-menu {
margin-right: -450px;
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
padding-top: 8px;
}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
font-size: 14px;
margin-left: 0;
margin-right: 10px;
}
.radio-inline:first-child, .checkbox-inline:first-child {
font-size: 14px;
margin-right: 10px;
}
.has-error .form-control:focus, .has-error .single-line:focus {
border-color: #ed5565 !important;
}
.w900 {
width: 900px;
margin: auto;
}
/*新建菜单栏目内容样式*/
#menuDiy-menu{
padding:0;
margin:0;
width: 200px;
height: calc(100vh - 152px);
position: relative;
overflow: hidden;
}
#menuDiy-menu .action{
position: absolute;
z-index: 99;
bottom: 10px;
left: 115px;
}
#menuDiy-phone{
float: left;
margin: 0;
position: absolute;
}