108 lines
2.0 KiB
CSS
108 lines
2.0 KiB
CSS
html body .dlm-upgrade-db-notice {
|
|
background: 0 0;
|
|
padding: 0;
|
|
border: 0;
|
|
box-shadow: none
|
|
}
|
|
|
|
.dlm-notice-logo {
|
|
width: auto;
|
|
max-height: 35px;
|
|
max-width: 35px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.dlm-yellow-band-notice {
|
|
background: #DB942A33;
|
|
border: 1px solid #DB942A;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
padding: 3px 15px;
|
|
}
|
|
|
|
.dlm-upgrade-db-notice .main {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-content: center;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
background: #fff;
|
|
padding: 0 15px;
|
|
border: 1px solid #c3c4c7
|
|
}
|
|
|
|
.dlm-upgrade-db-notice #dlm_progress-bar {
|
|
display: none
|
|
}
|
|
|
|
.dlm-upgrade-db-notice.started #dlm_progress-bar {
|
|
display: block;
|
|
position: relative;
|
|
border-radius: 0;
|
|
border: 0;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 5px
|
|
}
|
|
|
|
.dlm-upgrade-db-notice .dlm-progress-label {
|
|
display: none
|
|
}
|
|
|
|
.dlm-upgrade-db-notice.started .dlm-progress-label {
|
|
display: block;
|
|
position: relative;
|
|
top: 4px;
|
|
text-align: center;
|
|
padding: 10px 0;
|
|
color: #954ce9;
|
|
font-weight: 700;
|
|
z-index: 99
|
|
}
|
|
|
|
.dlm-upgrade-db-notice.started #dlm_progress-bar .ui-progressbar-value {
|
|
border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
position: relative;
|
|
background: 0 0
|
|
}
|
|
|
|
.dlm-upgrade-db-notice.started #dlm_progress-bar .ui-progressbar-value::after {
|
|
background: #2ecc71;
|
|
width: auto;
|
|
transition: 1s ease-in;
|
|
height: 100%;
|
|
content: "";
|
|
display: block
|
|
}
|
|
|
|
.dlm-upgrade-db-notice.started #dlm_progress-bar:not(.completed)::before {
|
|
content: "";
|
|
display: block;
|
|
height: 100%;
|
|
width: 150px;
|
|
position: absolute;
|
|
background: #954ce9;
|
|
z-index: 9;
|
|
animation: dlm_loading 3s infinite linear;
|
|
box-shadow: 0 0 15px #3498db;
|
|
border-radius: 20px
|
|
}
|
|
|
|
.dlm-upgrade-db-notice h3 {
|
|
margin: 0
|
|
}
|
|
|
|
p.dlm-upgrade-notice {
|
|
color:red;
|
|
}
|
|
|
|
@keyframes dlm_loading {
|
|
0% {
|
|
left: -150px
|
|
}
|
|
|
|
100% {
|
|
left: 100%
|
|
}
|
|
} |