Current Path : /var/www/u0635749/data/www/hobbyclick.ru/public/www/bitrix/panel/sale/ |
Current File : /var/www/u0635749/data/www/hobbyclick.ru/public/www/bitrix/panel/sale/preset.css |
.sale-discount-wrapper{ counter-reset: list; background: #f5f9f9; border:1px solid #dce7ed; padding:12px 33px; } .sale-discount-container-box { position: relative; padding: 25px 18px 12px; border: 1px solid #bac9cc; border-radius: 2px; background: #f5f9f9; margin-bottom: 30px; } .sale-discount-wrapper input, .sale-discount-wrapper select{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*title*/ .sale-discount-title-container { position: absolute; height: 28px; left: 10px; top: -14px; } .sale-discount-title-num { background: #fff; line-height: 26px; vertical-align: middle; height: 26px; border: 1px solid #bac9cc; border-radius: 2px; float: left; font-size: 12px; color: #607d8b; padding: 0 11px; margin-right: 10px; } .sale-discount-title-text { line-height: 28px; vertical-align: middle; background: #f5f9f9; color: #607d8b; font-size: 16px; float: left; padding: 0 5px; font-weight: bold; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; } /* NOTE */ .sale-discount-notifier { border: 1px solid #ecdfd1; margin: 10px 0; padding: 10px 15px; line-height: 17px; font-size: 13px; border-radius: 2px; color: #756454; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; background: #faf7de; } .sale-discount-btn-container { padding-top:10px; color: #72848a; font-size:14px; } /* */ .sale-discount-detail-content-sale-table { margin: 0 auto; border-collapse: collapse; } .sale-discount-detail-content-sale-cell { padding: 13px 5px 14px; } .sale-discount-detail-content-sale-table.bdrb .sale-discount-detail-content-sale-cell { border-bottom: 1px solid #e4ebed; } .sale-discount-detail-content-sale-table tr:last-child .sale-discount-detail-content-sale-cell { border-bottom: none; } .sale-discount-detail-content-sale-cell-remover { opacity: .8; width: 14px; height: 14px; display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAABGdBTUEAALGPC/xhBQAAADxQTFRF/z0A/z0A/z0A/z0A/z0A/z0A/z0A/z0A/z0A/z0A/z0A/z0A/z0A/z0A/z0A/z0A/z0A/z0AAAAA/z0AywhNUgAAABN0Uk5TnqhemJuXWqClAZ1hYFwDWV38ANUmfHYAAABkSURBVAjXRc/bDgIxCATQ0XXtxS2lw///qwI12wfgJGRIQemT8UYVQoqt8Fj2EHSz8E9mFZ8V1mhPMB1FCfLyMeXcdgU1+U7qf3k6xx01iZTuezh2SuQB7ZWZ7iJgOzW/cHXhFzGUDJuv3y80AAAAAElFTkSuQmCC) no-repeat center; } .sale-discount-content-sale-cell-remover:hover { opacity: 1; cursor: pointer; } /* L */ .sale-discount-detail-content-sale-table { margin: 0 auto; border-collapse: collapse; } .sale-discount-tree-item, .sale-discount-tree-subitem { padding-top: 2px; height: 35px; position: relative; } .sale-discount-tree-subitem { padding-left: 30px; } .sale-discount-tree-item .sale-discount-bus-select { width:300px; } .sale-discount-tree-subitem .sale-discount-bus-select { width:270px; } .sale-discount-tree-item-line { position: absolute; border-left: 1px solid #dae0e0; border-bottom: 1px solid #dae0e0; margin-left: 7px; width: 17px; height: 35px; left: 0; bottom: 21px; } .sale-discount-tree-item-line.first { height: 21px; } /*img*/ .sale-discount-detail-container-sale-img { background: #fff; border: 1px solid #e1e6e8; padding: 5px; max-width: 140px; height: auto; display: inline-block; } /* LIST */ /* BLOCK */ .sale-discount-list-container{position:relative;} .sale-discount-list-container.products .sale-discount-list-title-container{ border-top:1px solid #52a2e4; border-radius:3px; background: #278bdd; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3OGJkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjYyY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-linear-gradient(#278bdd 0%, #1b62ca 100%); background: -o-linear-gradient(#278bdd 0%, #1b62ca 100%); background: linear-gradient(#278bdd 0%, #1b62ca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#278bdd', endColorstr='#1b62ca',GradientType=0 ); box-shadow:0 1px 1px 0 rgba(0,0,0,.2); } .sale-discount-list-container.payment .sale-discount-list-title-container{ border-top:1px solid #bfd459; border-radius:3px; background: #afc92f; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmYzkyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4MmFiMjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -webkit-linear-gradient(#afc92f 0%, #82ab21 100%); background: -o-linear-gradient(#afc92f 0%, #82ab21 100%); background: linear-gradient(#afc92f 0%, #82ab21 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afc92f', endColorstr='#82ab21',GradientType=0 ); box-shadow:0 1px 1px 0 rgba(0,0,0,.2); } .sale-discount-list-container.delivery .sale-discount-list-title-container{ border-top:1px solid #76d4e5; border-radius:3px; background: #4cc1da; background: -webkit-linear-gradient(#54c9df 0%, #3eb2d1 100%); background: -o-linear-gradient(#54c9df 0%, #3eb2d1 100%); background: linear-gradient(#54c9df 0%, #3eb2d1 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54c9df', endColorstr='#3eb2d1',GradientType=0 ); box-shadow:0 1px 1px 0 rgba(0,0,0,.2); } .sale-discount-list-container.others .sale-discount-list-title-container{ border-top:1px solid #b5b9c1; border-radius:3px; background: #939aa4; background: -webkit-linear-gradient(#a2a8b1 0%, #7a8390 100%); background: -o-linear-gradient(#a2a8b1 0%, #7a8390 100%); background: linear-gradient(#a2a8b1 0%, #7a8390 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a8b1', endColorstr='#7a8390',GradientType=0 ); box-shadow:0 1px 1px 0 rgba(0,0,0,.2); } /** BLOCK TITLE container */ /** BLOCK TITLE*/ .sale-discount-list-title-container{ position:relative; z-index:50; height:50px; margin-top:10px; /*cursor: pointer;*/ padding-left:80px; white-space:nowrap; text-shadow:0 -1px 0 rgba(0,0,0,.35); } h2.sale-discount-list-title{ font-size:21px; line-height:50px; display:inline-block; overflow:hidden; max-width:82%; height:50px; margin:0; vertical-align:middle; white-space:nowrap; -ms-text-overflow:ellipsis; text-overflow:ellipsis; color:#fff; } /** BLOCK TITLE action */ .sale-discount-list-action{ line-height:50px; float:right; height:50px; width: 20px; position: relative; } .sale-discount-list-action span{ display:inline-block; width:14px; height:8px; right: 20px; position: absolute; top: 50%; margin-top: -5px; background:url(images/sprite.png) no-repeat -48px -10px; } .sale-discount-list-container.close .sale-discount-list-action span{background-position:-48px 0;} /** BLOCK TITLE line **/ /**BLOCK TITLE icon **/ .sale-discount-list-title-icon{ line-height:35px; position:absolute; top:50%; left:20px; width: 35px; height:35px; margin-top:-17.5px; vertical-align:middle; background:url(images/sprite.png) no-repeat; } .sale-discount-list-container.products .sale-discount-list-title-icon{background-position:0 0;} .sale-discount-list-container.payment .sale-discount-list-title-icon{background-position:0 -48px;} .sale-discount-list-container.delivery .sale-discount-list-title-icon{background-position:0 -96px;} .sale-discount-list-container.others .sale-discount-list-title-icon{background-position:0 -144px;} /** BLOCK TITLE line **/ /*BLOCK CONTENT*/ .sale-discount-list-content-container{ margin-bottom:40px; overflow: hidden; border: 1px solid #e1e6e8; background: #eef5f5; } .sale-discount-list-container.close .sale-discount-list-content-container{ overflow:hidden; height:0; } /* BLOCK CONTENT blocks */ .sale-discount-list-content-container-blocks{ padding:15px 10px; } /* BLOCK CONTENT Sale block */ .sale-discount-list-content-container-blocks .sale-discount-list-responsive-block{ float: left; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 9px 15px; position: relative; } @media (min-width: 1366px){ .sale-discount-list-content-container-blocks .sale-discount-list-responsive-block:nth-child(5n+1){clear: both;} } @media (max-width: 1365px) and (min-width: 1199px){ .sale-discount-list-content-container-blocks .sale-discount-list-responsive-block{width: 25%} .sale-discount-list-content-container-blocks .sale-discount-list-responsive-block:nth-child(4n+1){clear: both;} } @media (max-width: 1200px){ .sale-discount-list-content-container-blocks .sale-discount-list-responsive-block{width: 33%} .sale-discount-list-content-container-blocks .sale-discount-list-responsive-block:nth-child(3n+1){clear: both;} } .sale-discount-list-content-container-blocks .sale-discount-list-responsive-block.label_1c:after{ position: absolute; content: ' '; width: 46px; height:30px; top: 3px; right:7px; background:url(images/sprite.png) no-repeat 0 -192px; } /* BLOCK CONTENT Sale block Content*/ .sale-discount-list-block{ height: 60px; background: #fff; padding: 50px 12px 15px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.3); border-radius: 1px; position: relative; } .sale-discount-list-block-title{ position: absolute; top: 10px; left: 12px; right: 12px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; padding-bottom: 18px; } .sale-discount-list-block-info{} .sale-discount-list-block-info dl{} .sale-discount-list-block-info dl dt{ display: inline-block; color: #b8b8b8; margin: 0; float: left; clear: both; } .sale-discount-list-block-info dl dd{ display: inline; color: #737373; margin-left: 0; margin-bottom: 3px; float: left; max-width: 100%; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sale-discount-list-block-btn{ position: absolute; bottom: 11px; left: 12px; right:12px; white-space: nowrap; } .sale-discount-list-block-btn a{ color: #3b7ac1; display: inline-block; height:23px; font-size: 12px; font-weight: bold; line-height: 23px; border: 1px solid #a9d7e8; text-decoration: none; border-radius: 3px; padding: 0 10px; -webkit-transition:border .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease; -moz-transition:border .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease; -ms-transition:border .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease; -o-transition:border .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease; transition:border .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease; } .sale-discount-list-block-btn a:hover{ border-top-color: #31a8e3; border-right-color: #1d9bd2; border-left-color: #1d9bd2; border-bottom-color:#028abd; background-color: #31a6df; color: #fff; box-shadow: inset 0 1px 0 0 #39c3d8, 0 1px 1px 0 rgba(0,0,0,.14) } /*BLOCK CONTENT container body*/ /*BLOCK CONTENT container body task*/