274 lines
6.7 KiB
CSS
274 lines
6.7 KiB
CSS
.inpost-onepagecheckoutps{
|
|
overflow: hidden;
|
|
width: 98%;
|
|
margin: 0 4px;
|
|
}
|
|
|
|
.inpostship-main{border: 1px solid #999;padding: 15px;background: #fce07b;}
|
|
.inpostship-main a.openmapcodbtn{font-weight: 700;color: #222;}
|
|
.inpostship-main .select2{width: 100% !important;}
|
|
.inpostship-main table{width: 100%;}
|
|
.inpostship-main p.point-info{text-align: center;color: #000;font-size: 13px;margin: 10px 0 0;padding: 0;}
|
|
.inpostship-main small.saveInfo {display: block;width: 100%;text-align: center;}
|
|
|
|
.inpostship-main{border: 1px solid #999;padding: 15px;background: #fce07b;}
|
|
.inpostship-main a.openmapcodbtn{font-weight: 700;color: #222;}
|
|
|
|
.tr-inpost-box .inpostship-main table tbody tr td{border: none;}
|
|
/*.openMap{font-size: 12px;margin-top: 10px;}*/
|
|
.openMapBox{position: absolute;background: #fff;box-shadow: #000 0 0 1000px;z-index: 99999;width: 1200px;max-width: 1200px;height: 600px;overflow: hidden;margin: 20px auto;display: none;}
|
|
.openMapBox .openMapBoxHead{width: 100%;display: block;background: #f7f6f1;padding: 5px 10px;overflow: hidden;}
|
|
.openMapBox .openMapBoxHead span{color: #000;font-weight: 700;font-family: "Open Sans", 'Noto Sans', sans-serif;width: 20px;height: 20px;border-radius: 50%;float: right;
|
|
display: block;font-size: 14px;text-align: center;padding: 5px;cursor: pointer;}
|
|
.openMapBox #easypack-map{height: 96%;}
|
|
.openMapBoxBig{z-index: 99999;position: absolute;width: 70%;margin: 0 auto;background: #fff;box-shadow: #000 0 0 100px;}
|
|
|
|
.easypack-widget {
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
@media (max-width: 1366px) {
|
|
.openMapBox{max-width: 90%;}
|
|
}
|
|
@media (max-width: 992px) {
|
|
.inpostship-main{overflow: hiddenn;width: 100%;}
|
|
.inpostship-main table{width: 100%;}
|
|
.inpostship-main .select2{width: 100% !important;}
|
|
.inpostship-main table tbody tr td{width: 100%;display: block;text-align: center;}
|
|
.inpost-point{width: 100%;}
|
|
.inpostship-main-move{overflow: hidden;width: 100%;}
|
|
.inpostship-main-move table{width: 100%;}
|
|
.inpostship-main-move table tbody tr td{width: 100%;display: block;text-align: center;}
|
|
|
|
.delivery_options div.tr-inpost-box{}
|
|
.delivery_options div.tr-inpost-box table tbody tr td{max-width: 290px;}
|
|
|
|
.openMapBox{width: 83%;}
|
|
}
|
|
|
|
#inpostshipmodal .modal-open {
|
|
overflow: hidden;
|
|
}
|
|
#inpostshipmodal.modal {
|
|
position: fixed;
|
|
top: 10%;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1050;
|
|
display: none;
|
|
overflow: hidden;
|
|
-webkit-overflow-scrolling: touch;
|
|
outline: 0;
|
|
}
|
|
#inpostshipmodal.modal.fade .modal-dialog {
|
|
-webkit-transition: -webkit-transform .3s ease-out;
|
|
-o-transition: -o-transform .3s ease-out;
|
|
transition: transform .3s ease-out;
|
|
-webkit-transform: translate(0, -25%);
|
|
-ms-transform: translate(0, -25%);
|
|
-o-transform: translate(0, -25%);
|
|
transform: translate(0, -25%);
|
|
}
|
|
#inpostshipmodal.modal.in .modal-dialog {
|
|
-webkit-transform: translate(0, 0);
|
|
-ms-transform: translate(0, 0);
|
|
-o-transform: translate(0, 0);
|
|
transform: translate(0, 0);
|
|
}
|
|
#inpostshipmodal .modal-open .modal {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
#inpostshipmodal .modal-dialog {
|
|
position: relative;
|
|
width: auto;
|
|
margin: 10px;
|
|
}
|
|
#inpostshipmodal .modal-content {
|
|
position: relative;
|
|
background-color: #fff;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
border: 1px solid #999;
|
|
border: 1px solid rgba(0, 0, 0, .2);
|
|
border-radius: 6px;
|
|
outline: 0;
|
|
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
|
|
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
|
|
}
|
|
#inpostshipmodal .modal-backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1040;
|
|
background-color: #000;
|
|
}
|
|
#inpostshipmodal .modal-backdrop.fade {
|
|
filter: alpha(opacity=0);
|
|
opacity: 0;
|
|
}
|
|
#inpostshipmodal .modal-backdrop.in {
|
|
filter: alpha(opacity=50);
|
|
opacity: .5;
|
|
}
|
|
#inpostshipmodal .modal-header {
|
|
padding: 15px;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
#inpostshipmodal .modal-header .close {
|
|
margin-top: -2px;
|
|
}
|
|
#inpostshipmodal .modal-title {
|
|
margin: 0;
|
|
line-height: 1.42857143;
|
|
}
|
|
#inpostshipmodal .modal-body {
|
|
position: relative;
|
|
padding: 15px;
|
|
}
|
|
#inpostshipmodal .modal-footer {
|
|
padding: 15px;
|
|
text-align: right;
|
|
border-top: 1px solid #e5e5e5;
|
|
}
|
|
#inpostshipmodal .modal-footer .btn + .btn {
|
|
margin-bottom: 0;
|
|
margin-left: 5px;
|
|
}
|
|
#inpostshipmodal .modal-footer .btn-group .btn + .btn {
|
|
margin-left: -1px;
|
|
}
|
|
#inpostshipmodal .modal-footer .btn-block + .btn-block {
|
|
margin-left: 0;
|
|
}
|
|
#inpostshipmodal .modal-scrollbar-measure {
|
|
position: absolute;
|
|
top: -9999px;
|
|
width: 50px;
|
|
height: 50px;
|
|
overflow: scroll;
|
|
}
|
|
@media (min-width: 768px) {
|
|
#inpostshipmodal .modal-dialog {
|
|
width: 600px;
|
|
margin: 30px auto;
|
|
}
|
|
#inpostshipmodal .modal-content {
|
|
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
|
|
}
|
|
#inpostshipmodal .modal-sm {
|
|
width: 300px;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
#inpostshipmodal .modal-lg {
|
|
width: 900px;
|
|
}
|
|
}
|
|
/* new element */
|
|
.widget-modal{
|
|
box-shadow: #000 0 0 50px;
|
|
background: #ccc;
|
|
}
|
|
.easypack-widget .easypack-dropdown__select{
|
|
background: #fff;
|
|
}
|
|
.inpostship-main span.btn{
|
|
font-size: 14px;margin: 0 5px;
|
|
}
|
|
.inpostship-main table img{
|
|
max-width: 80px;
|
|
}
|
|
|
|
@media (max-width: 992px) {
|
|
.inpostship-main span.btn {
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
}
|
|
#widget-modal{
|
|
width: 92% !important;
|
|
height: 500px !important;
|
|
}
|
|
}
|
|
|
|
.boxCheckout-supercheckout {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
|
|
.inpostNear {
|
|
padding: 15px;
|
|
overflow: hidden;
|
|
}
|
|
.inpostNear h4 {
|
|
text-transform: uppercase;
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
text-align: center;
|
|
}
|
|
.inpostNear .nearInpost {
|
|
border: 1px solid #ffecaf;
|
|
padding: 0 5px 5px;
|
|
font-size: 14px;
|
|
float: left;
|
|
width: 32%;
|
|
margin: 0 5px 5px 0;
|
|
background: #ffecaf;
|
|
min-height: 143px;
|
|
}
|
|
.inpostNear .nearInpost p {
|
|
font-size: 10px;
|
|
text-align: center;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #121212;
|
|
}
|
|
.inpostNear .nearInpost p img {
|
|
display: block;
|
|
margin: 0 auto 5px;
|
|
}
|
|
.inpostNear .nearInpost p b {
|
|
font-size: 14px;
|
|
}
|
|
.inpostNear .nearInpost:hover {
|
|
border-color: #2ca02c;
|
|
cursor: pointer;
|
|
}
|
|
@media (max-width: 992px) {
|
|
.inpostNear .nearInpost {
|
|
width: 31%;
|
|
min-height: 185px;
|
|
}
|
|
}
|
|
|
|
.easypack-widget #map-leaflet .point-wrapper p {
|
|
color: #fff !important;
|
|
}
|
|
|
|
|
|
/* ps 8 */
|
|
.inpostship-content {
|
|
background: #ffcb04;
|
|
padding: 15px;
|
|
margin-bottom: 15px;
|
|
border: 3px solid #ffcb04 !important;
|
|
}
|
|
.inpostship-content .inpostship-main-box .saveInfo {
|
|
padding: 10px;
|
|
text-align: center;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.inpostship-content .inpostship-main-box .openMap {
|
|
margin-bottom: 15px;
|
|
}
|
|
.inpostship-content .inpostship-main-box .inpost-geowidget-box {
|
|
min-height: 500px;
|
|
display: block;
|
|
height: 500px;
|
|
}
|