807 lines
26 KiB
CSS
807 lines
26 KiB
CSS
|
|
/*兼容微擎新版图片选择器*/
|
|
.modal-open {
|
|
overflow: inherit;
|
|
padding: 0 !important
|
|
}
|
|
|
|
.modal.fade .modal-dialog {
|
|
-webkit-transform: translate(0, -75%);
|
|
-ms-transform: translate(0, -75%);
|
|
-o-transform: translate(0, -75%);
|
|
transform: translate(0, -75%)
|
|
}
|
|
|
|
.modal.in .modal-dialog {
|
|
-webkit-transform: translate(0, -50%);
|
|
-ms-transform: translate(0, -50%);
|
|
-o-transform: translate(0, -50%);
|
|
transform: translate(0, -50%)
|
|
}
|
|
#newUploaderImg .modal-dialog, .uploader-modal .modal-dialog {
|
|
width: 1088px
|
|
}
|
|
|
|
#newUploaderImg .modal-header, .uploader-modal .modal-header {
|
|
padding: 15px 20px
|
|
}
|
|
|
|
#newUploaderImg .modal-header .modal-title, .uploader-modal .modal-header .modal-title {
|
|
font-size: 16px
|
|
}
|
|
|
|
#newUploaderImg .modal-footer .count, .uploader-modal .modal-footer .count {
|
|
display: inline-block;
|
|
height: 34px;
|
|
line-height: 34px
|
|
}
|
|
|
|
#newUploaderImg .modal-footer .btn-default.disabled, .uploader-modal .modal-footer .btn-default.disabled {
|
|
background-color: #E7E7EB
|
|
}
|
|
|
|
#newUploaderImg .modal-body, .uploader-modal .modal-body {
|
|
padding: 0;
|
|
min-height: 595px;
|
|
max-height: auto !important;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
#newUploaderImg .modal-body .nav.nav-pills, .uploader-modal .modal-body .nav.nav-pills {
|
|
float: left;
|
|
width: 150px;
|
|
border-right: 1px solid #e7e7eb;
|
|
margin-bottom: -999px;
|
|
padding-bottom: 999px
|
|
}
|
|
|
|
#newUploaderImg .modal-body .nav.nav-pills li, .uploader-modal .modal-body .nav.nav-pills li {
|
|
height: 34px;
|
|
line-height: 34px;
|
|
margin: 0;
|
|
padding-left: 15px
|
|
}
|
|
|
|
#newUploaderImg .modal-body .nav.nav-pills li a, .uploader-modal .modal-body .nav.nav-pills li a {
|
|
color: #252424
|
|
}
|
|
|
|
#newUploaderImg .modal-body .nav.nav-pills li.active, #newUploaderImg .modal-body .nav.nav-pills .head .navbar-left > li:hover, .head #newUploaderImg .modal-body .nav.nav-pills .navbar-left > li:hover, #newUploaderImg .modal-body .nav.nav-pills .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu #newUploaderImg .modal-body .nav.nav-pills li.list-group-item:not(.list-group-more):hover, #newUploaderImg .modal-body .nav.nav-pills li:hover, .uploader-modal .modal-body .nav.nav-pills li.active, .uploader-modal .modal-body .nav.nav-pills .head .navbar-left > li:hover, .head .uploader-modal .modal-body .nav.nav-pills .navbar-left > li:hover, .uploader-modal .modal-body .nav.nav-pills .panel-menu li.list-group-item:not(.list-group-more):hover, .panel-menu .uploader-modal .modal-body .nav.nav-pills li.list-group-item:not(.list-group-more):hover, .uploader-modal .modal-body .nav.nav-pills li:hover {
|
|
background-color: #f4f5f9
|
|
}
|
|
|
|
#newUploaderImg .modal-body .material-body, .uploader-modal .modal-body .material-body {
|
|
border: none
|
|
}
|
|
|
|
#newUploaderImg .modal-body .row, .uploader-modal .modal-body .row {
|
|
margin: -10px
|
|
}
|
|
|
|
#newUploaderImg .modal-body .col-sm-2, #newUploaderImg .modal-body .col-sm-3, #newUploaderImg .modal-body .col-sm-4, .uploader-modal .modal-body .col-sm-2, .uploader-modal .modal-body .col-sm-3, .uploader-modal .modal-body .col-sm-4 {
|
|
padding: 10px;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
cursor: pointer
|
|
}
|
|
|
|
#newUploaderImg .modal-body .col-sm-2.input-group, #newUploaderImg .modal-body .col-sm-3.input-group, #newUploaderImg .modal-body .col-sm-4.input-group, .uploader-modal .modal-body .col-sm-2.input-group, .uploader-modal .modal-body .col-sm-3.input-group, .uploader-modal .modal-body .col-sm-4.input-group {
|
|
padding: 0 20px 0 0
|
|
}
|
|
|
|
#newUploaderImg .tab-content, .uploader-modal .tab-content {
|
|
width: 935px;
|
|
height: 100%;
|
|
float: left
|
|
}
|
|
|
|
#newUploaderImg.news .tab-content, .uploader-modal.news .tab-content {
|
|
height: 370px;
|
|
overflow: hidden
|
|
}
|
|
|
|
#newUploaderImg.news .material-appmsg-item, .uploader-modal.news .material-appmsg-item {
|
|
width: 100%
|
|
}
|
|
|
|
#newUploaderImg.news #material-list-pager, .uploader-modal.news #material-list-pager {
|
|
float: right;
|
|
height: 64px;
|
|
padding-bottom: 15px;
|
|
padding-right: 15px
|
|
}
|
|
|
|
#newUploaderImg.basic .modal-body textarea, .uploader-modal.basic .modal-body textarea {
|
|
margin-top: 15px
|
|
}
|
|
|
|
#newUploaderImg.basic .modal-body .tab-content, .uploader-modal.basic .modal-body .tab-content {
|
|
width: 100%;
|
|
float: none;
|
|
margin-top: 1px
|
|
}
|
|
|
|
#newUploaderImg.basic .modal-body .tab-content textarea, .uploader-modal.basic .modal-body .tab-content textarea {
|
|
width: 100%
|
|
}
|
|
|
|
#newUploaderImg.music .modal-body, .uploader-modal.music .modal-body {
|
|
padding: 30px
|
|
}
|
|
|
|
#newUploaderImg.voice .tab-content, #newUploaderImg.video .tab-content, #newUploaderImg.image .tab-content, #newUploaderImg.module .tab-content, .uploader-modal.voice .tab-content, .uploader-modal.video .tab-content, .uploader-modal.image .tab-content, .uploader-modal.module .tab-content {
|
|
width: 100%;
|
|
padding: 15px;
|
|
float: none
|
|
}
|
|
|
|
#newUploaderImg.voice #material-list-pager, #newUploaderImg.video #material-list-pager, #newUploaderImg.image #material-list-pager, #newUploaderImg.module #material-list-pager, .uploader-modal.voice #material-list-pager, .uploader-modal.video #material-list-pager, .uploader-modal.image #material-list-pager, .uploader-modal.module #material-list-pager {
|
|
float: right;
|
|
height: 64px;
|
|
padding-bottom: 15px;
|
|
padding-right: 15px
|
|
}
|
|
|
|
#newUploaderImg.image .tab-content, .uploader-modal.image .tab-content {
|
|
height: 460px;
|
|
padding: 15px 7px
|
|
}
|
|
|
|
#newUploaderImg.image .tab-content .history .img-list, .uploader-modal.image .tab-content .history .img-list {
|
|
margin: 0
|
|
}
|
|
|
|
#newUploaderImg.image .col-sm-2 .item, .uploader-modal.image .col-sm-2 .item {
|
|
position: relative;
|
|
width: 100%;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
background-color: #eee;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%
|
|
}
|
|
|
|
#newUploaderImg.image .col-sm-2 .item:before, .uploader-modal.image .col-sm-2 .item:before {
|
|
content: "";
|
|
display: inline-block;
|
|
padding-bottom: 100%;
|
|
width: .1px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
#newUploaderImg.image .col-sm-2 .item .name, .uploader-modal.image .col-sm-2 .item .name {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
line-height: 34px;
|
|
background: rgba(0, 0, 0, .5);
|
|
color: #fff;
|
|
padding: 0 20px;
|
|
text-align: left;
|
|
z-index: 2
|
|
}
|
|
|
|
#newUploaderImg.image .img-net, .uploader-modal.image .img-net {
|
|
font-size: 18px
|
|
}
|
|
|
|
#newUploaderImg.image .img-net .img, .uploader-modal.image .img-net .img {
|
|
width: auto;
|
|
min-width: 150px;
|
|
height: 150px;
|
|
background-color: #eee;
|
|
margin: 50px 0 20px 0
|
|
}
|
|
|
|
#newUploaderImg.image .img-net input, .uploader-modal.image .img-net input {
|
|
width: 500px;
|
|
margin: 10px auto
|
|
}
|
|
|
|
#newUploaderImg.image .img-net .btn, .uploader-modal.image .img-net .btn {
|
|
width: 120px;
|
|
margin: 10px 0
|
|
}
|
|
|
|
#newUploaderImg.keyword .tab-content, .uploader-modal.keyword .tab-content {
|
|
width: 100%;
|
|
height: 310px;
|
|
padding: 15px;
|
|
float: none
|
|
}
|
|
|
|
#newUploaderImg.keyword .material-content, .uploader-modal.keyword .material-content {
|
|
padding: 0
|
|
}
|
|
|
|
#newUploaderImg.keyword .row, .uploader-modal.keyword .row {
|
|
margin: -10px
|
|
}
|
|
|
|
#newUploaderImg.keyword .col-sm-2, .uploader-modal.keyword .col-sm-2 {
|
|
padding: 10px;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
cursor: pointer
|
|
}
|
|
|
|
#newUploaderImg.keyword .col-sm-2 a, .uploader-modal.keyword .col-sm-2 a {
|
|
display: block;
|
|
width: 100%;
|
|
height: 75px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
border: 1px solid #e7e7eb;
|
|
text-align: center
|
|
}
|
|
|
|
#newUploaderImg.keyword .col-sm-2 a span, .uploader-modal.keyword .col-sm-2 a span {
|
|
display: inline-block;
|
|
width: 94%;
|
|
padding: 0 3%;
|
|
max-height: 54px;
|
|
line-height: 18px;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
white-space: normal;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-o-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%)
|
|
}
|
|
|
|
#newUploaderImg.keyword .col-sm-2.active a, #newUploaderImg.keyword .head .navbar-left > li.col-sm-2:hover a, .head #newUploaderImg.keyword .navbar-left > li.col-sm-2:hover a, #newUploaderImg.keyword .panel-menu .col-sm-2.list-group-item:not(.list-group-more):hover a, .panel-menu #newUploaderImg.keyword .col-sm-2.list-group-item:not(.list-group-more):hover a, #newUploaderImg.keyword .col-sm-2:hover a, .uploader-modal.keyword .col-sm-2.active a, .uploader-modal.keyword .head .navbar-left > li.col-sm-2:hover a, .head .uploader-modal.keyword .navbar-left > li.col-sm-2:hover a, .uploader-modal.keyword .panel-menu .col-sm-2.list-group-item:not(.list-group-more):hover a, .panel-menu .uploader-modal.keyword .col-sm-2.list-group-item:not(.list-group-more):hover a, .uploader-modal.keyword .col-sm-2:hover a {
|
|
background-color: #f4f6f9;
|
|
color: #428bca
|
|
}
|
|
|
|
#newUploaderImg.module .tab-content, .uploader-modal.module .tab-content {
|
|
padding: 15px 7px
|
|
}
|
|
|
|
#newUploaderImg.module .img-list, .uploader-modal.module .img-list {
|
|
margin: 0
|
|
}
|
|
|
|
#newUploaderImg.module .img-list img, .uploader-modal.module .img-list img {
|
|
margin: 17px 0 4px 0
|
|
}
|
|
|
|
#newUploaderImg.module .col-sm-2 .item, .uploader-modal.module .col-sm-2 .item {
|
|
position: relative;
|
|
width: 100%;
|
|
text-align: center;
|
|
border: 1px solid #e7e7eb
|
|
}
|
|
|
|
#newUploaderImg.module .col-sm-2 .item:before, .uploader-modal.module .col-sm-2 .item:before {
|
|
content: "";
|
|
display: inline-block;
|
|
padding-bottom: 100%;
|
|
width: .1px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
#newUploaderImg.module .col-sm-2 .item .icon, .uploader-modal.module .col-sm-2 .item .icon {
|
|
width: 80px;
|
|
height: 80px;
|
|
border-radius: 10px;
|
|
vertical-align: middle
|
|
}
|
|
|
|
#newUploaderImg.module .col-sm-2 .item .name, .uploader-modal.module .col-sm-2 .item .name {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
line-height: 34px;
|
|
background: rgba(0, 0, 0, .5);
|
|
color: #fff;
|
|
padding: 0 20px;
|
|
text-align: left;
|
|
z-index: 2
|
|
}
|
|
|
|
#newUploaderImg.video .col-sm-3 .item, #newUploaderImg.voice .col-sm-3 .item, #newUploaderImg.music .voice-content .col-sm-3 .item, .uploader-modal.video .col-sm-3 .item, .uploader-modal.voice .col-sm-3 .item, .uploader-modal.music .voice-content .col-sm-3 .item {
|
|
position: relative;
|
|
width: 100%;
|
|
height: 150px;
|
|
text-align: center;
|
|
border: 1px solid #e7e7eb
|
|
}
|
|
|
|
#newUploaderImg.video .col-sm-3 .item .icon, #newUploaderImg.voice .col-sm-3 .item .icon, #newUploaderImg.music .voice-content .col-sm-3 .item .icon, .uploader-modal.video .col-sm-3 .item .icon, .uploader-modal.voice .col-sm-3 .item .icon, .uploader-modal.music .voice-content .col-sm-3 .item .icon {
|
|
width: 60px;
|
|
height: 60px;
|
|
margin-top: 18px
|
|
}
|
|
|
|
#newUploaderImg.video .col-sm-3 .item .time, #newUploaderImg.voice .col-sm-3 .item .time, #newUploaderImg.music .voice-content .col-sm-3 .item .time, .uploader-modal.video .col-sm-3 .item .time, .uploader-modal.voice .col-sm-3 .item .time, .uploader-modal.music .voice-content .col-sm-3 .item .time {
|
|
color: #999;
|
|
line-height: 34px
|
|
}
|
|
|
|
#newUploaderImg.video .col-sm-3 .item .name, #newUploaderImg.voice .col-sm-3 .item .name, #newUploaderImg.music .voice-content .col-sm-3 .item .name, .uploader-modal.video .col-sm-3 .item .name, .uploader-modal.voice .col-sm-3 .item .name, .uploader-modal.music .voice-content .col-sm-3 .item .name {
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
line-height: 34px;
|
|
background: rgba(0, 0, 0, .5);
|
|
color: #fff;
|
|
padding: 0 20px;
|
|
text-align: left;
|
|
z-index: 2
|
|
}
|
|
|
|
#newUploaderImg .modal-body.image, #newUploaderImg .modal-body.thumb {
|
|
height: 459px
|
|
}
|
|
|
|
#newUploaderImg .modal-body #wx .tablepanel-top, #newUploaderImg .modal-body #local .tablepanel-top {
|
|
padding: 10px 15px;
|
|
line-height: 34px;
|
|
border-bottom: 1px solid #e7e7eb
|
|
}
|
|
|
|
#newUploaderImg .modal-body #wx .tablepanel-top span, #newUploaderImg .modal-body #local .tablepanel-top span {
|
|
color: #999;
|
|
display: inline-block;
|
|
margin-right: 20px
|
|
}
|
|
|
|
#newUploaderImg .modal-body #wx .tablepanel-con, #newUploaderImg .modal-body #local .tablepanel-con {
|
|
padding: 15px
|
|
}
|
|
|
|
#newUploaderImg .modal-body #wx .tablepanel-con input[type=text].form-control, #newUploaderImg .modal-body #local .tablepanel-con input[type=text].form-control {
|
|
border-radius: 4px
|
|
}
|
|
|
|
#newUploaderImg .modal-body #wx .tablepanel-con .empty, #newUploaderImg .modal-body #local .tablepanel-con .empty {
|
|
height: 330px;
|
|
line-height: 330px;
|
|
text-align: center;
|
|
font-size: 18px
|
|
}
|
|
|
|
#newUploaderImg .modal-body #wx .tablepanel-con .fa, #newUploaderImg .modal-body #local .tablepanel-con .fa {
|
|
margin: 0
|
|
}
|
|
|
|
#newUploaderImg .modal-body #wx .tablepanel-con .item, #newUploaderImg .modal-body #local .tablepanel-con .item {
|
|
float: left;
|
|
border: 1px solid #e7e7eb;
|
|
width: 120px;
|
|
height: 150px;
|
|
margin: 0 15px 15px 0
|
|
}
|
|
|
|
#newUploaderImg .modal-body #wx .tablepanel-con .item .img, #newUploaderImg .modal-body #local .tablepanel-con .item .img {
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 114px;
|
|
text-align: center;
|
|
background-color: #f4f5f9;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
cursor: pointer
|
|
}
|
|
|
|
#newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: center;
|
|
line-height: 114px;
|
|
background: rgba(0, 0, 0, .6);
|
|
color: #fff
|
|
}
|
|
|
|
#newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .wi, #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #wx .tablepanel-con .item .img .cover .item.apply-show:before, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .wi, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #local .tablepanel-con .item .img .cover .item.apply-show:before {
|
|
font-size: 48px
|
|
}
|
|
|
|
#newUploaderImg .modal-body #wx .tablepanel-con .item .img-title, #newUploaderImg .modal-body #local .tablepanel-con .item .img-title {
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
#newUploaderImg .modal-body #wx .tablepanel-con .item.selected .cover, #newUploaderImg .modal-body #wx .tablepanel-con .site-template .item.lock .cover, .site-template #newUploaderImg .modal-body #wx .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #wx .tablepanel-con .system-template .item.lock .cover, .system-template #newUploaderImg .modal-body #wx .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #local .tablepanel-con .item.selected .cover, #newUploaderImg .modal-body #local .tablepanel-con .site-template .item.lock .cover, .site-template #newUploaderImg .modal-body #local .tablepanel-con .item.lock .cover, #newUploaderImg .modal-body #local .tablepanel-con .system-template .item.lock .cover, .system-template #newUploaderImg .modal-body #local .tablepanel-con .item.lock .cover {
|
|
display: block
|
|
}
|
|
|
|
#newUploaderImg .modal-body #link {
|
|
padding: 30px
|
|
}
|
|
|
|
#newUploaderImg .modal-body #link .item {
|
|
border: 1px solid #e7e7eb;
|
|
width: 120px;
|
|
height: 150px;
|
|
margin-right: 30px;
|
|
float: left
|
|
}
|
|
|
|
#newUploaderImg .modal-body #link .item .img {
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 114px;
|
|
text-align: center;
|
|
background-color: #f4f5f9;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%
|
|
}
|
|
|
|
#newUploaderImg .modal-body #link .item .img .cover {
|
|
display: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
text-align: center;
|
|
line-height: 114px;
|
|
background: rgba(0, 0, 0, .6);
|
|
color: #fff
|
|
}
|
|
|
|
#newUploaderImg .modal-body #link .item .img .cover .wi, #newUploaderImg .modal-body #link .item .img .cover .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list #newUploaderImg .modal-body #link .item .img .cover .ext-apply-item.apply-show:before, #newUploaderImg .modal-body #link .item .img .cover .cut-list .item.apply-show:before, .cut-list #newUploaderImg .modal-body #link .item .img .cover .item.apply-show:before {
|
|
font-size: 48px
|
|
}
|
|
|
|
#newUploaderImg .modal-body #link .item .img-title {
|
|
text-align: center;
|
|
width: 100%;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
#newUploaderImg .modal-body #link .link {
|
|
float: left;
|
|
width: 450px
|
|
}
|
|
|
|
#newUploaderImg .modal-body #link .link .state {
|
|
font-size: 18px;
|
|
color: #999;
|
|
margin: 15px 0
|
|
}
|
|
|
|
#newUploaderImg .modal-body #link .link button {
|
|
min-width: 105px;
|
|
margin: 15px 0
|
|
}
|
|
.we7-modal-dialog, .modal-dialog {
|
|
min-width: 720px !important;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
top: 50%
|
|
}
|
|
|
|
.we7-modal-dialog .modal-content, .modal-dialog .modal-content {
|
|
border-radius: 0
|
|
}
|
|
|
|
.we7-modal-dialog .modal-header, .modal-dialog .modal-header {
|
|
background-color: #f4f5f9;
|
|
border-bottom: 0
|
|
}
|
|
|
|
.we7-modal-dialog .modal-header .modal-title, .we7-modal-dialog .modal-header h3, .modal-dialog .modal-header .modal-title, .modal-dialog .modal-header h3 {
|
|
font-size: 14px
|
|
}
|
|
|
|
.we7-modal-dialog .modal-header h3, .modal-dialog .modal-header h3 {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.we7-modal-dialog .modal-body, .modal-dialog .modal-body {
|
|
padding: 30px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
max-height: 600px;
|
|
}
|
|
|
|
.we7-modal-dialog .modal-footer, .modal-dialog .modal-footer {
|
|
background-color: #f4f5f9;
|
|
border-top: 0;
|
|
text-align: center
|
|
}
|
|
|
|
.we7-modal-dialog .modal-footer .btn, .modal-dialog .modal-footer .btn {
|
|
display: inline-block;
|
|
min-width: 105px
|
|
}
|
|
|
|
.we7-modal-dialog .nav-pills > li.active > a, .we7-modal-dialog .head .navbar-left.nav-pills > li:hover > a, .head .we7-modal-dialog .navbar-left.nav-pills > li:hover > a, .we7-modal-dialog .panel-menu .nav-pills > li.list-group-item:not(.list-group-more):hover > a, .panel-menu .we7-modal-dialog .nav-pills > li.list-group-item:not(.list-group-more):hover > a, .modal-dialog .nav-pills > li.active > a, .modal-dialog .head .navbar-left.nav-pills > li:hover > a, .head .modal-dialog .navbar-left.nav-pills > li:hover > a, .modal-dialog .panel-menu .nav-pills > li.list-group-item:not(.list-group-more):hover > a, .panel-menu .modal-dialog .nav-pills > li.list-group-item:not(.list-group-more):hover > a {
|
|
padding: 0;
|
|
color: #428bca;
|
|
background-color: transparent
|
|
}
|
|
|
|
.we7-modal-dialog .nav-pills > li > a, .modal-dialog .nav-pills > li > a {
|
|
padding: 0;
|
|
background-color: transparent;
|
|
color: #333
|
|
}
|
|
|
|
.we7-modal-dialog .nav-pills > li > a:hover, .modal-dialog .nav-pills > li > a:hover {
|
|
background-color: transparent;
|
|
color: #428bca
|
|
}
|
|
|
|
.we7-modal-dialog .nav-pills > li + li, .modal-dialog .nav-pills > li + li {
|
|
margin-left: 10px
|
|
}
|
|
|
|
.we7-modal-dialog .we7-select, .modal-dialog .we7-select {
|
|
width: 100%
|
|
}
|
|
|
|
.we7-modal-dialog .wi, .we7-modal-dialog .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .we7-modal-dialog .ext-apply-item.apply-show:before, .we7-modal-dialog .cut-list .item.apply-show:before, .cut-list .we7-modal-dialog .item.apply-show:before, .we7-modal-dialog .fa, .modal-dialog .wi, .modal-dialog .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .modal-dialog .ext-apply-item.apply-show:before, .modal-dialog .cut-list .item.apply-show:before, .cut-list .modal-dialog .item.apply-show:before, .modal-dialog .fa {
|
|
font-size: 22px;
|
|
vertical-align: middle;
|
|
margin-right: 3px
|
|
}
|
|
|
|
.we7-modal-dialog .text-info, .modal-dialog .text-info {
|
|
color: #428bca
|
|
}
|
|
|
|
.modal-success {
|
|
top: 50%;
|
|
left: 50%;
|
|
right: auto;
|
|
bottom: auto;
|
|
margin: 0 auto;
|
|
transform: translate(-50%, -50%)
|
|
}
|
|
|
|
.modal-success.in .modal-dialog {
|
|
min-width: 250px !important;
|
|
width: auto;
|
|
position: relative;
|
|
left: auto;
|
|
right: auto;
|
|
top: 0;
|
|
-webkit-transform: translate(0, 0);
|
|
-ms-transform: translate(0, 0);
|
|
-o-transform: translate(0, 0);
|
|
transform: translate(0, 0)
|
|
}
|
|
|
|
.modal-success .modal-content {
|
|
padding: 10px 30px;
|
|
background-color: #51A351;
|
|
color: #fff;
|
|
border-color: #51a351;
|
|
font-size: 14px;
|
|
vertical-align: middle;
|
|
border-radius: 3px;
|
|
box-shadow: 0 0 0
|
|
}
|
|
|
|
.modal-success .modal-body {
|
|
padding: 6px
|
|
}
|
|
|
|
.modal-success .wi, .modal-success .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .modal-success .ext-apply-item.apply-show:before, .modal-success .cut-list .item.apply-show:before, .cut-list .modal-success .item.apply-show:before, .modal-success .fa {
|
|
color: #fff !important
|
|
}
|
|
|
|
.material-content .material-head {
|
|
padding: 15px 20px;
|
|
border-bottom: 1px solid #e7e7eb;
|
|
clear: both;
|
|
box-sizing: border-box
|
|
}
|
|
|
|
.material-content .material-head .wi-search {
|
|
font-size: 18px;
|
|
margin: 0
|
|
}
|
|
|
|
.material-content .material-head .filter {
|
|
width: 450px
|
|
}
|
|
|
|
.material-content .material-head .filter .we7-select {
|
|
width: 200px
|
|
}
|
|
|
|
.material-content .material-head .filter .we7-select + .we7-select {
|
|
margin-left: -1px
|
|
}
|
|
|
|
.material-content .material-nav {
|
|
border-bottom: 1px solid #e7e7eb;
|
|
padding: 0 20px
|
|
}
|
|
|
|
.material-content .material-nav a {
|
|
display: inline-block;
|
|
padding: 0 30px;
|
|
line-height: 42px;
|
|
font-size: 16px;
|
|
color: #999;
|
|
border-bottom: 3px solid transparent
|
|
}
|
|
|
|
.material-content .material-nav a:hover, .material-content .material-nav a.active, .material-content .material-nav .panel-menu a.list-group-item:not(.list-group-more):hover, .panel-menu .material-content .material-nav a.list-group-item:not(.list-group-more):hover {
|
|
color: #428bca;
|
|
border-color: #428bca
|
|
}
|
|
|
|
.material-content .material-body {
|
|
padding: 20px;
|
|
height: 460px;
|
|
overflow-y: auto;
|
|
border-bottom: 1px solid #e7e7eb
|
|
}
|
|
|
|
.material-content .material-body .item {
|
|
position: relative
|
|
}
|
|
|
|
.material-content .material-body .item:hover {
|
|
outline: 2px solid #428bca
|
|
}
|
|
|
|
.material-content .material-body .item.active .mask, .material-content .material-body .head .navbar-left > li.item:hover .mask, .head .material-content .material-body .navbar-left > li.item:hover .mask, .material-content .material-body .panel-menu .item.list-group-item:not(.list-group-more):hover .mask, .panel-menu .material-content .material-body .item.list-group-item:not(.list-group-more):hover .mask {
|
|
display: block
|
|
}
|
|
|
|
.material-content .material-body .mask {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 5;
|
|
background-color: rgba(0, 0, 0, .5);
|
|
text-align: center;
|
|
display: none
|
|
}
|
|
|
|
.material-content .material-body .mask .wi, .material-content .material-body .mask .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .material-content .material-body .mask .ext-apply-item.apply-show:before, .material-content .material-body .mask .cut-list .item.apply-show:before, .cut-list .material-content .material-body .mask .item.apply-show:before {
|
|
color: #fff;
|
|
font-size: 32px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
-webkit-transform: translate(-50%, -50%);
|
|
-moz-transform: translate(-50%, -50%);
|
|
transform: translate(-50%, -50%)
|
|
}
|
|
|
|
.material-content .material-body .del {
|
|
position: absolute;
|
|
width: 34px;
|
|
line-height: 34px;
|
|
text-align: center;
|
|
background-color: #428bca;
|
|
cursor: pointer;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: 6;
|
|
display: none
|
|
}
|
|
|
|
.material-content .material-body .item:hover .del {
|
|
display: block
|
|
}
|
|
|
|
.material-content .material-body .del .wi, .material-content .material-body .del .ext-apply-list .ext-apply-item.apply-show:before, .ext-apply-list .material-content .material-body .del .ext-apply-item.apply-show:before, .material-content .material-body .del .cut-list .item.apply-show:before, .cut-list .material-content .material-body .del .item.apply-show:before {
|
|
color: #fff
|
|
}
|
|
|
|
.material-content .material-pager {
|
|
padding: 20px;
|
|
height: 79px
|
|
}
|
|
|
|
.material-content .tab-content {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
height: 310px
|
|
}
|
|
|
|
select.we7-select {
|
|
height: 34px;
|
|
padding: 0 10px;
|
|
color: #252424;
|
|
border-color: #e7e7eb !important;
|
|
border-style: solid;
|
|
border-width: 1px;
|
|
box-shadow: 0 0 0 !important;
|
|
outline: 0;
|
|
border-radius: 0;
|
|
appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
background: url(../images/select-arrow.png) #fff no-repeat right !important;
|
|
padding-right: 35px
|
|
}
|
|
|
|
select.we7-select:focus {
|
|
border-color: #e7e7eb !important
|
|
}
|
|
|
|
select.we7-select:hover {
|
|
border-color: #e7e7eb !important
|
|
}
|
|
|
|
select.we7-select:active {
|
|
border-color: #e7e7eb !important
|
|
}
|
|
|
|
select.we7-select + .we7-select, select + .we7-select {
|
|
margin-left: 10px
|
|
}
|
|
|
|
select.we7-select[multiple=multiple], select[multiple=multiple] {
|
|
height: auto !important;
|
|
background: none !important
|
|
}
|
|
|
|
|
|
@font-face {
|
|
font-family: we7icon;
|
|
src: url(../../../../web/resource/fonts/we7icon.eot?ceg6l3);
|
|
src: url(../../../../web/resource/fonts/we7icon.eot?ceg6l3#iefix) format("embedded-opentype"), url(../../../../web/resource/fonts/we7icon.ttf?ceg6l3) format("truetype"), url(../../../../web/resource/fonts/we7icon.woff?ceg6l3) format("woff"), url(../../../../web/resource/fonts/we7icon.svg?ceg6l3#we7icon) format("svg");
|
|
font-weight: 400;
|
|
font-style: normal
|
|
}
|
|
|
|
.wi, .ext-apply-list .ext-apply-item.apply-show:before, .cut-list .item.apply-show:before {
|
|
font-family: we7icon !important;
|
|
display: inline-block;
|
|
speak: none;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale
|
|
}
|
|
|
|
|
|
.wi-search:before {
|
|
content: "\e911"
|
|
}
|
|
.wi-right:before {
|
|
content: "\e955"
|
|
}
|
|
|
|
.wi-delete2:before {
|
|
content: "\e913"
|
|
}
|
|
|
|
.modal.uploader-modal {
|
|
z-index: 2060 !important;
|
|
}
|