69 lines
1.3 KiB
CSS
69 lines
1.3 KiB
CSS
.easypack_shipping_statuses.order-preview.disabled.column-easypack_shipping_statuses {
|
|
float: left;
|
|
margin-top: 12px;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
/* Status bar */
|
|
.inpost-pl-status-container {
|
|
margin-top: 8px;
|
|
width: 100%;
|
|
}
|
|
.inpost-pl-status-bar {
|
|
height: 8px;
|
|
background-color: #f0f0f0;
|
|
border-radius: 4px;
|
|
overflow: hidden;
|
|
margin-bottom: 4px;
|
|
}
|
|
|
|
.inpost-pl-status-progress {
|
|
height: 100%;
|
|
transition: width 0.5s ease;
|
|
}
|
|
|
|
.inpost-pl-status-blue {
|
|
background-color: #0073aa;
|
|
}
|
|
|
|
.inpost-pl-status-yellow {
|
|
background-color: #ffba00;
|
|
}
|
|
|
|
.inpost-pl-status-green {
|
|
background-color: #46b450;
|
|
}
|
|
|
|
.inpost-pl-status-red {
|
|
background-color: #dc3232;
|
|
}
|
|
|
|
/* Hide the original tooltip completely */
|
|
.inpost-pl-status-tooltip {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Styling for the dynamically created tooltip */
|
|
.inpost-pl-status-value-tooltip {
|
|
position: absolute;
|
|
background: #333;
|
|
color: #fff;
|
|
padding: 5px 10px;
|
|
border-radius: 3px;
|
|
font-size: 12px;
|
|
z-index: 1000;
|
|
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
|
|
}
|
|
|
|
/* Arrow for the dynamic tooltip */
|
|
.tooltip-arrow {
|
|
position: absolute;
|
|
bottom: -10px;
|
|
left: 15px;
|
|
width: 0;
|
|
height: 0;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
border-top: 5px solid #333;
|
|
}
|
|
/* End status bar */ |