61 lines
888 B
CSS
61 lines
888 B
CSS
.inbox-btn {
|
|
background-color: #F14743;
|
|
color: white;
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
|
|
.inbox-btn:hover {
|
|
background-color: #f72a25;
|
|
}
|
|
|
|
.btn-primary {
|
|
color: white;
|
|
background-color: #4361ee;
|
|
}
|
|
|
|
.btn-warning {
|
|
color: white;
|
|
background-color: #e2a03f;
|
|
}
|
|
.btn-success {
|
|
background-color: #00AB55;
|
|
color: white;
|
|
}
|
|
.inbox-list {
|
|
margin-bottom: 10px;
|
|
}
|
|
.inbox-new {
|
|
background-color: #00AB55;
|
|
}
|
|
|
|
.iframe-min-height {
|
|
min-height: 70vh;
|
|
}
|
|
@keyframes slide-in {
|
|
from {
|
|
transform: translateY(-1rem);
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
transform: translateY(0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes progress {
|
|
from {
|
|
width: 100%;
|
|
}
|
|
to {
|
|
width: 0%;
|
|
}
|
|
}
|
|
|
|
.animate-slide-in {
|
|
animation: slide-in 0.3s ease-out;
|
|
}
|
|
|
|
.animate-progress {
|
|
animation: progress 4s linear forwards;
|
|
}
|