Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
save_bvnghean.vn
/
wp-content
/
plugins
/
swift-performance
/
includes
/
luv-framework
/
assets
/
css
:
modal.css
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
.luv-modal-btn { cursor: pointer; height: 40px; border: 0; background-color: transparent; color: #fff; transition: background-color 0.3s ease-in-out, fill 0.3s ease-in-out; } .luv-modal { display:none; position: fixed; flex-direction: column; top: 30%; left: 50%; z-index: 2147483647; width: 320px; height: auto; max-width: 90%; max-height: 90%; margin: auto -200px; padding: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow: hidden; border-radius: 3px; background-color: #fff; box-shadow: 4px 8px 16px 0 rgba(0, 0, 0, 0.4); text-align: center; -webkit-animation: swift-show-modal 0.6s ease-in-out both; animation: swift-show-modal 0.6s ease-in-out both; will-change: transform; } .luv-modal__icon { width: 44px; margin-bottom: 15px; } .luv-modal__title { margin: 0 0 8px; padding: 0 10px; font-size: 18px; font-weight: 600; } .luv-modal__text { padding: 0 30px; margin: 0 0 25px; font-size: 14px; } .luv-modal__btn { width: 100%; background-color: #F65656; padding: 10px; font-size: 1.4em; font-weight: 700; } .luv-modal__btn:hover { background-color: #EC3434; } .luv-modal-hide { -webkit-animation-name: swift-hide-modal; animation-name: swift-hide-modal; } @-webkit-keyframes swift-show-modal { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.15); transform: scale(1.15); opacity: 1; } 80% { -webkit-transform: scale(0.85); transform: scale(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes swift-show-modal { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } 60% { -webkit-transform: scale(1.15); transform: scale(1.15); opacity: 1; } 80% { -webkit-transform: scale(0.85); transform: scale(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes swift-hide-modal { 0% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(1.15); transform: scale(1.15); opacity: 1; } 100% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } } @keyframes swift-hide-modal { 0% { -webkit-transform: scale(1); transform: scale(1); } 20% { -webkit-transform: scale(1.15); transform: scale(1.15); opacity: 1; } 100% { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } }