153 lines
2.6 KiB
CSS

@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes layer-slide-down {
from {
transform: translate3d(0, -100%, 0)
}
to {
transform: translate3d(0, 0, 0)
}
}
@keyframes layer-slide-down-out {
from {
transform: translate3d(0, 0, 0)
}
to {
transform: translate3d(0, -100%, 0)
}
}
.layer-anim-slide-down {
animation-name: layer-slide-down
}
.layer-anim-slide-down-out {
animation-name: layer-slide-down-out
}
@keyframes layer-slide-left {
from {
transform: translate3d(100%, 0, 0)
}
to {
transform: translate3d(0, 0, 0)
}
}
@keyframes layer-slide-left-out {
from {
transform: translate3d(0, 0, 0)
}
to {
transform: translate3d(100%, 0, 0)
}
}
.layer-anim-slide-left {
animation-name: layer-slide-left
}
.layer-anim-slide-left-out {
animation-name: layer-slide-left-out
}
@keyframes layer-slide-up {
from {
transform: translate3d(0, 100%, 0)
}
to {
transform: translate3d(0, 0, 0)
}
}
@keyframes layer-slide-up-out {
from {
transform: translate3d(0, 0, 0)
}
to {
transform: translate3d(0, 100%, 0)
}
}
.layer-anim-slide-up {
animation-name: layer-slide-up
}
.layer-anim-slide-up-out {
animation-name: layer-slide-up-out
}
@keyframes layer-slide-right {
from {
transform: translate3d(-100%, 0, 0)
}
to {
transform: translate3d(0, 0, 0)
}
}
@keyframes layer-slide-right-out {
from {
transform: translate3d(0, 0, 0)
}
to {
transform: translate3d(-100%, 0, 0)
}
}
.layer-anim-slide-right {
animation-name: layer-slide-right
}
.layer-anim-slide-right-out {
animation-name: layer-slide-right-out
}
.layer-anim-slide-down-custom.layer-anim-close {
animation-name: layer-slide-down-out;
}
.layer-anim-slide-up-custom.layer-anim-close {
animation-name: layer-slide-up-out;
}
.layer-anim-slide-left-custom.layer-anim-close {
animation-name: layer-slide-left-out;
}
.layer-anim-slide-right-custom.layer-anim-close {
animation-name: layer-slide-right-out;
}
.form-group.required-before > .control-label::before,table tr.required-before > td:first-child::before {
color: red;
content: '*';
margin-right: 4px;
margin-left: 4px;
vertical-align: middle;
}
.form-group.required-after > .control-label::after,table tr.required-after > td:first-child::after {
color: red;
content: '*';
margin-right: 4px;
margin-left: 4px;
vertical-align: middle;
}