Linux heracles.o2switch.net 4.18.0-553.62.1.lve.el8.x86_64 #1 SMP Mon Jul 21 17:50:35 UTC 2025 x86_64
/
home
/
ophq1335
/
www
/
wp-content
/
plugins
/
divi-modules-pro
/
includes
/
modules
/
CountDownTimer
/
/home/ophq1335/www/wp-content/plugins/divi-modules-pro/includes/modules/CountDownTimer/style.css
.dmpro_countdown .flip_clock .face { display: inline-block; margin: 5px; } .dmpro_countdown .flip_clock .time { border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5); display: inline-block; text-align: center; position: relative; height: 95px; width: 65px; -webkit-perspective: 479px; -moz-perspective: 479px; -ms-perspective: 479px; -o-perspective: 479px; perspective: 479px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .dmpro_countdown .flip_clock .count { /* background: #202020; */ color: #f8f8f8; display: block; font-family: 'Oswald', sans-serif; font-weight: 400; line-height: 2.25em; font-size: 3em; overflow: hidden; position: absolute; text-align: center; /* text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); */ top: 0; width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-transform-style: flat; -moz-transform-style: flat; -ms-transform-style: flat; -o-transform-style: flat; transform-style: flat; } .dmpro_countdown .flip_clock { text-align: center; } .dmpro_countdown .flip_clock .count.top { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-radius: 5px 5px 0 0; height: 50%; -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; } .dmpro_countdown .flip_clock .count.bottom { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.1), transparent); background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.1), transparent); background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.1), transparent); background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), transparent); background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent); border-top: 1px solid #000; border-bottom: 1px solid #000; border-radius: 0 0 5px 5px; line-height: 0 !important; height: 50%; top: 50%; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; } .dmpro_countdown .block_clock .face_wrapper { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .dmpro_countdown .block_clock .face { text-align: center; padding: 20px; margin: 5px; } .dmpro_countdown .block_clock .label { color: #ffffff; font-size: normal; margin-top: 5px; margin-bottom: 5px; word-break: break-all; } .dmpro_countdown .block_clock .time { color: #ffffff; font-size: 4em; line-height: 1; margin-top: 5px; margin-bottom: 5px; } .dmpro_countdown .flip_clock .label { font-size: normal; margin-top: 5px; margin-bottom: 5px; display: block; } /* Animation start */ .dmpro_countdown .flip_clock .count.curr.top { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); z-index: 3; } .dmpro_countdown .flip_clock .count.next.bottom { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); z-index: 2; } /* Animation end */ .dmpro_countdown .flip_clock .flip .count.curr.top { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); } .dmpro_countdown .flip_clock .flip .count.next.bottom { -webkit-transition: all 250ms ease-in-out 250ms; -moz-transition: all 250ms ease-in-out 250ms; -ms-transition: all 250ms ease-in-out 250ms; -o-transition: all 250ms ease-in-out 250ms; transition: all 250ms ease-in-out 250ms; -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .dmpro_countdown .flip_clock .face_wrapper { display: flex; flex-wrap: wrap; justify-content: center; } .dmpro_countdown .forwarding_wrapper { display: none; } .dmpro_countdown .disabled .forwarding_wrapper { display: block; } @media all and (max-width: 767px) { .dmpro_countdown .flip_clock { width: 100%; } .dmpro_countdown .flip_clock .face { margin: 1px; } .dmpro_countdown .flip_clock .time { height: 70px; width: 48px; } .dmpro_countdown .flip_clock .count { font-size: 1.5em; line-height: 68px; } .dmpro_countdown .flip_clock .label { font-size: 0.8em; top: 72px; } .dmpro_countdown .block_clock .face { padding: 2px; margin: 1px; } .dmpro_countdown .block_clock .time { font-size: 2.5em; } } .et_fb_preview_active--responsive_preview--phone_preview .dmpro_countdown .flip_clock { width: 100%; } .et_fb_preview_active--responsive_preview--phone_preview .dmpro_countdown .flip_clock .face { margin: 1px; } .et_fb_preview_active--responsive_preview--phone_preview .dmpro_countdown .flip_clock .time { height: 70px; width: 48px; } .et_fb_preview_active--responsive_preview--phone_preview .dmpro_countdown .flip_clock .count { font-size: 1.5em; line-height: 68px; } .et_fb_preview_active--responsive_preview--phone_preview .dmpro_countdown .flip_clock .label { font-size: 0.8em; top: 72px; } .et_fb_preview_active--responsive_preview--phone_preview .dmpro_countdown .block_clock .face { padding: 2px; margin: 1px; } .et_fb_preview_active--responsive_preview--phone_preview .dmpro_countdown .block_clock .time { font-size: 2.5em; }