vr-shopxo-source/public/static/admin/default/css/goods.css

234 lines
4.6 KiB
CSS
Executable File

/**
* 详情
*/
.dl-content img {
max-width: 100%;
}
.am-panel .am-form-group:last-child,
.am-panel .business-form-group:last-child {
border-bottom: 0;
}
.edui-default .edui-editor,
.edui-default .edui-editor-iframeholder {
width: 100% !important;
}
/**
* 滚动导航
*/
.goods-nav {
background:#f5f5f5;
top:100px;
right:0;
width:80px;
position:fixed;
z-index:1000;
border:1px solid #eee;
border-right:0px;
}
.goods-nav ul {
margin:0;
padding:0;
}
.goods-nav li {
display:inline-block;
border-bottom:1px solid #eee;
width:100%;
}
.goods-nav li:last-child {
border-bottom:0px;
}
.goods-nav li a {
color:#666;
padding:10px 15px;
display:inline-block;
width:100%;
}
.goods-nav li a:hover,.goods-nav-active {
color:#333;
background:#eee;
}
.goods-nav li.nav-shrink-submit {
background: #dadada;
cursor: pointer;
}
.goods-nav-retract .nav-shrink-submit {
position: absolute;
}
/**
* 区域分割
*/
.division-block {
margin-bottom:30px;
}
.division-block .nav-detail-title {
border-bottom:3px ridge #c7c7c7;
padding:8px 5px 5px 5px;
margin-bottom:10px;
background:#f3f3f3;
font-weight:bold;
}
/**
* 规格
*/
.specifications-table .title-nav th input {
width: calc(100% - 25px);
}
.specifications-table .title-nav-remove {
position: absolute;
top: 0px;
right: 0px;
z-index: 2;
}
.specifications-table th {
min-width: 100px;
}
.specifications-table th.operation-btn {
min-width: 150px;
}
.specifications-table th.extend-btn {
min-width: 45px;
}
#goods-nav-operations {
position: relative;
}
.spec-images-list .am-alert-warning {
margin-bottom: 10px;
}
.spec-images-list {
border: 1px solid #eee;
padding: 10px;
margin-top: 15px;
}
.spec-images-list li {
display: inline-block;
width: 100px;
margin: 5px 10px 10px 0;
}
.specifications-container {
border: 1px solid #ddd;
}
.specifications-table {
border: 0;
}
.specifications-table thead tr > th:first-child,
.specifications-table tbody tr > td:first-child {
border-left: 0;
}
.specifications-table thead th i {
cursor: pointer;
}
.specifications-line-images-auto-add input {
width: 30px !important;
padding: 1px !important;
}
.specifications-table thead tr > th:nth-last-child(-n+2),
.specifications-table tbody tr > td:nth-last-child(-n+2) {
position: sticky;
text-align: center;
z-index: 1;
right: 0;
background: #fff;
}
.specifications-table thead tr > th:nth-last-child(-n+2) {
background: #f5f7fa;
}
.specifications-table thead tr > th:nth-last-child(2),
.specifications-table tbody tr > td:nth-last-child(2) {
right: 150px;
-webkit-box-shadow: 0px 0px 1px #ddd;
-moz-box-shadow: 0px 0px 1px #ddd;
box-shadow: 0px 0px 1px #ddd;
-webkit-box-shadow: -5px 0px 10px rgba(136, 136, 136, 0.3);
-moz-box-shadow: -5px 0px 10px rgba(136, 136, 136, 0.3);
box-shadow: -5px 0px 10px rgba(136, 136, 136, 0.3);
}
/**
* app详情
*/
i.drag-sort-submit {
margin-left:30px;
}
ul {
margin:0px;
padding:0px;
overflow:hidden;
}
.content-app-items > li {
border:3px dashed #eee;
padding:10px;
}
ul li {
list-style-type:none;
}
/**
* app详情
*/
.content-app-left,.content-app-right {
border-bottom:0 !important;
}
.content-app-items li {
padding-bottom:10px;
margin-bottom:20px;
overflow:hidden;
}
.content-app-left,.content-app-right {
width:45% !important;
display:inline-table;
margin-bottom:5px;
padding-right:5px !important;
}
/**
* 规格快捷添加
*/
.spec-quick table td,
.spec-quick table td.spec-quick-td-value .value-item {
position: relative;
}
.spec-quick table td.am-text-middle {
padding-right: 25px;
}
.spec-quick-td-value .value-item input {
width: calc(100% - 23px) !important;
}
.spec-quick table td.am-text-middle i.quick-title-remove,
.spec-quick table td.spec-quick-td-value i.quick-value-remove {
position: absolute;
top: 0px;
right: 0px;
z-index: 2;
}
.spec-quick table td.spec-quick-td-value i.quick-value-remove {
top: 2px;
}
.spec-quick .goods-specifications {
border-bottom: 0;
padding-bottom: 0;
}
@media only screen and (min-width: 641px) {
.spec-quick-th-title {
width: 150px;
}
.spec-quick-td-value .value-item {
width: calc(30% - 12px) !important;
}
}
@media only screen and (min-width: 1025px) {
.spec-quick-td-value .value-item {
width: calc(20% - 12px) !important;
}
}
@media only screen and (max-width: 641px) {
.spec-quick-th-title {
width: 20%;
}
.spec-quick-td-value .value-item {
width: calc(50% - 12px) !important;
}
}