芝麻web文件管理V1.00
编辑当前文件:/var/www/cognitio.in/wp-content/plugins/Ultimate_VC_Addons/assets/css/modal.css
.ult-hide { display: none !important } button.overlay-show, button.overlay-show-cornershape, button.overlay-show-genie, button.overlay-show-boxes, img.overlay-show, img.overlay-show-cornershape, img.overlay-show-genie, img.overlay-show-boxes, span.overlay-show, div.ult-overlay-close { cursor: pointer } .btn-modal { display: block; margin: 2px; padding: 8px 13px; font-size: 14px; line-height: 1.5; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.5s; transition:all 0.5s; } .btn-modal-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; -webkit-border-radius: 6px; border-radius: 6px } .btn-modal-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; -webkit-border-radius: 3px; border-radius: 3px } .btn-modal-md { padding: 6px 12px; font-size: 14px; line-height: 1.5; -webkit-border-radius: 3px; border-radius: 3px } .btn-modal-block { display: block; width: 100%; padding-right: 0; padding-left: 0 } .btn-modal:active { -webkit-box-shadow: none; box-shadow: none; outline: 0 } button.ult-align-center { margin: 0 auto; display: block } button.ult-align-left { float: left } button.ult-align-right { float: right } img.ult-modal-img { -webkit-box-shadow: none; box-shadow: none; border: 0; max-width: 100%; display: block } img.ult-modal-inside-img { width: 48px; vertical-align: middle; padding: 5px 0; -webkit-box-shadow: none; box-shadow: none; border: 0 } img.ult-align-center { margin: 0 auto } img.ult-align-left { float: left } img.ult-align-right { float: right } span.ult-align-left { text-align: left } span.ult-align-center { text-align: center; display: table; margin: 0 auto } span.ult-align-right { display: block; text-align: right } .ult-overlay { position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; background: rgba(28, 28, 28, 0.9); z-index: 9999; z-index: 16777271; visibility: hidden } .ult_modal-auto-top.ult-open { display: block; overflow: auto; overflow-y: scroll } .ult-overlay-close { width: 80px; height: 80px; position: fixed; overflow: hidden; border: 0; text-indent: 200%; color: transparent; outline: 0; z-index: 9999 } .ult-overlay-close-inside { width: 100%; height: 100%; background: url('../img/cross.png') no-repeat center center; } .ult-overlay-close.top-right { right: 35px; top: 35px; } .ult-overlay-close.top-left { left: 35px; top: 35px; } .ult-overlay-close.popup-top-right { left: 100%; bottom: 100%; } .ult-overlay-close.popup-top-left { bottom: 100%; right: 100%; } .ult-overlay-close.popup-edge-top-right { left: auto; } .ult-overlay-close.popup-edge-top-left { right: auto; } .ult-overlay .ult-overlay-close:active { -webkit-box-shadow: none !important; box-shadow: none !important; outline: 0 !important } .ult_modal { width: 400px; max-width: 100%; -webkit-transition: all 300ms ease-in; transition: all 300ms ease-in; z-index: 99; display: block; margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-perspective: 1200px; -o-perspective: 1200px; -ms-perspective: 1200px; perspective: 1200px } .ult_modal-auto-top .ult_modal { margin: 35px auto; top: 0; -webkit-transform: translate(0); -ms-transform: translate(0); transform: translate(0) } .ult_modal-content { -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 7px #404040; -o-box-shadow: 0 0 7px #404040; -ms-box-shadow: 0 0 7px #404040; box-shadow: 0 0 7px #404040; overflow: hidden } .ult_modal-header { border-bottom: 1px solid #e5e5e5; font-size: 16px; background: #fff } .ult_modal-header>.modal-icon { font-size: 2em; display: table-cell; vertical-align: middle; padding: 0 0 0 20px } h3.ult_modal-title { color: inherit; display: table-cell; vertical-align: middle; margin: 0; padding: 10px 20px; font-size: 1em; line-height: 1.5em } .ult_modal-body { padding: 15px 20px; background: #fff; max-width: 100%; overflow: hidden; line-height: 1.5em } .ult_modal-body p { margin-bottom: 1em } .ult_modal-body img { max-width: 100% } .ult-overlay iframe, .ult-overlay object { opacity: 0; position: absolute; z-index: -99999; max-width: 100% } .ult-overlay.ult-open iframe, .ult-overlay.ult-open object { opacity: 1; position: relative; z-index: 9999; z-index: 16777271 } .ult_modal.ult-small { width: 35% } .ult_modal.ult-medium { width: 60% } .ult_modal.ult-container { width: 96% } .ult_modal.ult-block { width: auto; max-width: 90%; display: table } .overlay-fade { opacity: 0; visibility: hidden; -webkit-transition: opacity .5s, visibility .5s; transition: opacity .5s, visibility .5s } .overlay-fade.ult-open { opacity: 1; visibility: visible; -webkit-transition: opacity .5s; transition: opacity .5s } .overlay-fade .ult_modal-content { opacity: .4; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .5s, opacity .5s; -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; transition: transform .5s, opacity .5s; transition: transform .5s, opacity .5s, -webkit-transform .5s } .overlay-fade.ult-open .ult_modal-content { opacity: 1 } .overlay-fade.ult-close .ult_modal-content { -webkit-transform: translateY(25%); -ms-transform: translateY(25%); transform: translateY(25%) } .overlay-corner { opacity: 0; visibility: hidden; -webkit-transform: translateY(50px) translateX(50px); -ms-transform: translateY(50px) translateX(50px); transform: translateY(50px) translateX(50px); -webkit-transition: opacity .5s, -webkit-transform .5s, visibility .5s; -webkit-transition: opacity .5s, visibility .5s, -webkit-transform .5s; transition: opacity .5s, visibility .5s, -webkit-transform .5s; transition: opacity .5s, transform .5s, visibility .5s; transition: opacity .5s, transform .5s, visibility .5s, -webkit-transform .5s } .overlay-corner.ult-open { opacity: 1; visibility: visible; -webkit-transform: translateY(0) translateX(0); -ms-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s, -webkit-transform .5s } .overlay-cornerbottomright, .overlay-cornerbottomleft, .overlay-cornertopleft, .overlay-cornertopright { opacity: 0; visibility: hidden; -webkit-transition: opacity .5s, -webkit-transform .5s, visibility .5s; -webkit-transition: opacity .5s, visibility .5s, -webkit-transform .5s; transition: opacity .5s, visibility .5s, -webkit-transform .5s; transition: opacity .5s, transform .5s, visibility .5s; transition: opacity .5s, transform .5s, visibility .5s, -webkit-transform .5s } .overlay-cornerbottomright.ult-open, .overlay-cornerbottomleft.ult-open, .overlay-cornertopleft.ult-open, .overlay-cornertopright.ult-open { opacity: 1; visibility: visible; -webkit-transform: translateY(0) translateX(0); -ms-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, -webkit-transform .5s; transition: opacity .5s, transform .5s; transition: opacity .5s, transform .5s, -webkit-transform .5s } .overlay-cornerbottomright { -webkit-transform: translateY(200px) translateX(200px); -ms-transform: translateY(200px) translateX(200px); transform: translateY(200px) translateX(200px) } .overlay-cornerbottomleft { -webkit-transform: translateY(200px) translateX(-200px); -ms-transform: translateY(200px) translateX(-200px); transform: translateY(200px) translateX(-200px) } .overlay-cornertopleft { -webkit-transform: translateY(-200px) translateX(-200px); -ms-transform: translateY(-200px) translateX(-200px); transform: translateY(-200px) translateX(-200px) } .overlay-cornertopright { -webkit-transform: translateY(-200px) translateX(200px); -ms-transform: translateY(-200px) translateX(200px); transform: translateY(-200px) translateX(200px) } .overlay-slidedown, .overlay-slideup, .overlay-slideleft, .overlay-slideright { visibility: hidden; -webkit-transition: -webkit-transform .4s ease-in-out, visibility .4s; -webkit-transition: visibility .4s, -webkit-transform .4s ease-in-out; transition: visibility .4s, -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out, visibility .4s; transition: transform .4s ease-in-out, visibility .4s, -webkit-transform .4s ease-in-out } .overlay-slidedown.ult-open, .overlay-slideup.ult-open, .overlay-slideleft.ult-open, .overlay-slideright.ult-open { visibility: visible; -webkit-transition: -webkit-transform .4s ease-in-out; transition: -webkit-transform .4s ease-in-out; transition: transform .4s ease-in-out; transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out } .overlay-slidedown { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%) } .overlay-slidedown.ult-open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .overlay-slideup { -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) } .overlay-slideup.ult-open { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .overlay-slideleft { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) } .overlay-slideleft.ult-open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .overlay-slideright { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%) } .overlay-slideright.ult-open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .overlay-zoomin, .overlay-zoomout { visibility: hidden; opacity: 0; -webkit-transition: -webkit-transform .2s, opacity .2s, visibility .2s; -webkit-transition: opacity .2s, visibility .2s, -webkit-transform .2s; transition: opacity .2s, visibility .2s, -webkit-transform .2s; transition: transform .2s, opacity .2s, visibility .2s; transition: transform .2s, opacity .2s, visibility .2s, -webkit-transform .2s } .overlay-zoomin.ult-open, .overlay-zoomout.ult-open { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .4s, opacity .4s; -webkit-transition: opacity .4s, -webkit-transform .4s; transition: opacity .4s, -webkit-transform .4s; transition: transform .4s, opacity .4s; transition: transform .4s, opacity .4s, -webkit-transform .4s } .overlay-zoomin { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5) } .overlay-zoomout { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) } .overlay-doorhorizontal { visibility: hidden; width: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width .5s .3s, visibility .8s; transition: width .5s .3s, visibility .8s } .overlay-doorhorizontal.ult-open { visibility: visible; width: 100%; -webkit-transition: width .5s; transition: width .5s } .overlay-doorhorizontal .ult_modal-content, .overlay-doorhorizontal .ult-overlay-close { opacity: 0; -webkit-transition: opacity .5s; transition: opacity .5s } .overlay-doorhorizontal.ult-open .ult_modal-content, .overlay-doorhorizontal.ult-open .ult-overlay-close { opacity: 1; -webkit-transition-delay: .5s; transition-delay: .5s } .overlay-doorhorizontal.ult-close .ult_modal-content, .overlay-doorhorizontal.ult-close .ult-overlay-close { -webkit-transition-delay: 0; transition-delay: 0 } .overlay-doorvertical { visibility: hidden; width: 100%; height: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: height .5s .3s, visibility .8s; transition: height .5s .3s, visibility .8s } .overlay-doorvertical.ult-open { visibility: visible; height: 100%; -webkit-transition: height .5s; transition: height .5s } .overlay-doorvertical .ult_modal-content, .overlay-doorvertical .ult-overlay-close { opacity: 0; -webkit-transition: opacity .3s .5s; transition: opacity .3s .5s } .overlay-doorvertical.ult-open .ult_modal-content, .overlay-doorvertical.ult-open .ult-overlay-close { opacity: 1; -webkit-transition-delay: .5s; transition-delay: .5s } .overlay-doorvertical.ult-close .ult_modal-content, .overlay-doorvertical.ult-close .ult-overlay-close { -webkit-transition-delay: 0; transition-delay: 0 } .overlay-cornershape { background: transparent; visibility: hidden; -webkit-transition: visibility .5s; transition: visibility .5s } .overlay-cornershape.ult-open { visibility: visible; -webkit-transition: none; transition: none } .overlay-cornershape svg { position: fixed; top: 0; left: 0; width: 100%; height: 100% } .overlay-cornershape .overlay-path { fill: rgba(28, 28, 28, 0.9) } .overlay-cornershape .ult_modal-content, .overlay-cornershape .ult-overlay-close { opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s } .overlay-cornershape.ult-open .ult_modal-content, .overlay-cornershape.ult-open .ult-overlay-close { opacity: 1; -webkit-transition-delay: .4s; transition-delay: .4s } .overlay-cornershape.ult-close .ult_modal-content, .overlay-cornershape.ult-close .ult-overlay-close { -webkit-transition-delay: 0; transition-delay: 0 } .overlay-boxes { background: transparent; visibility: hidden; -webkit-transition: visibility .8s; transition: visibility .8s } .overlay-boxes.ult-open { visibility: visible; -webkit-transition: none; transition: none } .overlay-boxes svg { position: absolute; top: 0; left: 0 } .overlay-boxes svg path { fill: rgba(28, 28, 28, 1); display: none } .overlay-boxes .ult_modal-content, .overlay-boxes .ult-overlay-close { opacity: 0; -webkit-transition: opacity .5s .8s; transition: opacity .5s .8s } .overlay-boxes.ult-open .ult_modal-content, .overlay-boxes.ult-open .ult-overlay-close { opacity: 1; -webkit-transition-delay: .8s; transition-delay: .8s } .overlay-boxes.ult-close .ult_modal-content, .overlay-boxes.ult-close .ult-overlay-close { -webkit-transition-delay: 0; transition-delay: 0 } .overlay-boxes { background: transparent; visibility: hidden; -webkit-transition: visibility .8s; transition: visibility .8s } .overlay-boxes.ult-open { visibility: visible; -webkit-transition: none; transition: none } .overlay-boxes svg { position: absolute; top: 0; left: 0 } .overlay-boxes svg path { fill: rgba(28, 28, 28, 1); display: none } .overlay-boxes .ult-overlay-close { opacity: 0; -webkit-transition: opacity .5s .8s; transition: opacity .5s .8s } .overlay-boxes.ult-open .ult-overlay-close { opacity: 1; -webkit-transition-delay: .8s; transition-delay: .8s } .overlay-boxes.ult-close .ult-overlay-close { -webkit-transition-delay: 0; transition-delay: 0 } .overlay-simplegenie { visibility: hidden; -webkit-transform: translateY(60%) scale(0); -ms-transform: translateY(60%) scale(0); transform: translateY(60%) scale(0); -webkit-transition: -webkit-transform .4s, visibility .4s; -webkit-transition: visibility .4s, -webkit-transform .4s; transition: visibility .4s, -webkit-transform .4s; transition: transform .4s, visibility .4s; transition: transform .4s, visibility .4s, -webkit-transform .4s } .overlay-simplegenie.ult-open { visibility: visible; -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s } .overlay-genie { background: transparent; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s .2s, visibility .6s; transition: opacity .3s .2s, visibility .6s } .overlay-genie.ult-open { visibility: visible; opacity: 1; -webkit-transition: opacity .3s; transition: opacity .3s } .overlay-genie svg { position: fixed; top: 0; left: 0 } .overlay-genie .overlay-path { fill: rgba(28, 28, 28, 0.9) } .overlay-genie .ult_modal-content { opacity: 0; -webkit-transform: scale(0.8) translateY(-48%); -ms-transform: scale(0.8) translateY(-48%); transform: scale(0.8) translateY(-48%); -webkit-transition: opacity .3s .3s, -webkit-transform .3s .3s; transition: opacity .3s .3s, -webkit-transform .3s .3s; transition: opacity .3s .3s, transform .3s .3s; transition: opacity .3s .3s, transform .3s .3s, -webkit-transform .3s .3s } .overlay-genie .ult-overlay-close { opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s } .overlay-genie.ult-open .ult_modal-content, .overlay-genie.ult-open .ult-overlay-close { opacity: 1; -webkit-transition-delay: .3s; transition-delay: .3s } .overlay-genie.ult-open .ult_modal-content { -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0) } .overlay-genie.ult-close .ult_modal-content, .overlay-genie.ult-close .ult-overlay-close { -webkit-transition-delay: 0; transition-delay: 0 } .ult_modal div.ult_modal-body>iframe { display: none } .ult-open>.ult_modal div.ult_modal-body>iframe { display: block } div.ult_modal-body .fluid-width-video-wrapper { padding: 0 !important; } @media(max-width:767px) { .ult_modal.ult-small, .ult_modal.ult-medium, .ult_modal.ult-container { width: 80% } .ult_modal.ult-block { max-width: 80% } .ult-overlay-close { width: 24px; height: 24px; right: 5px; top: 5px } }