%PDF- %PDF-
Direktori : /home/t/r/a/tradesc/www/relax/wp-content/plugins/bdthemes-element-pack-lite/dci/assets/css/ |
Current File : /home/t/r/a/tradesc/www/relax/wp-content/plugins/bdthemes-element-pack-lite/dci/assets/css/dci.css |
.dci-global-notice { padding: 0; } .dci-notice { position: relative; height: 100vh; width: 100%; display: flex; justify-content: center; padding: 0px; } .dci-notice-wrapper { position: relative; background: #fff; width: 100%; max-width: 400px; margin: auto; padding: 32px; border: 1.5px solid #ddd; border-radius: 5px; } .dci-notice-wrapper::before { content: ''; background: transparent; height: 100%; width: 100%; position: absolute; z-index: -1; left: -40px; padding: 40px; top: -40px; border: 1.5px solid #cdcccc; border-radius: 5px; } .dci-header { text-align: justify; margin-bottom: 38px; } .dci-title { text-align: center; } .dci-actions { border: 1px solid #ddd; padding: 16px 10px; border-left: unset; border-right: unset; } .dci-actions form { display: flex; justify-content: space-between; margin: 0px; padding: 0px; } .dci-actions button { padding: 6px 16px !important; } .dci-permission { padding: 32px; text-align: center; } .dci-permission p { margin: 0px; font-weight: bold; font-size: 13px; color: #2271b1; } .dci-permission-item { display: flex; align-items: center; column-gap: 16px; } .dci-data-list ul { list-style: none; padding: 0px; margin: 0px; } .dci-data-list li { margin-bottom: 22px; } .dci-data-list li:last-child { margin-bottom: 0px; } .dci-data-list .dci-desc h3 { margin: 0px; margin-bottom: 5px; font-size: 1.2em; } .dci-data-list .dci-desc p { margin: 0px; font-size: 1em; } .dci-data-list .dashicons { font-size: 32px; height: 32px; width: 32px; } .dci-global-notice .dci-button-disallow { border: 0; color: #3e3d41; background-color: #eff0f4; } .dci-global-notice .dci-button-disallow:hover { background-color: #e7e7e9; } .dci-global-notice .bdt-dci-notice-button-wrap button { padding: 10px 16px; border-radius: 3px; cursor: pointer; } .dci-global-notice .dci-global-header { display: flex; align-items: flex-start; gap: 15px; padding: 25px; } .dci-global-notice .dci-global-header img { width: 45px; height: auto; vertical-align: middle; } .bdt-dci-notice-content h3 { margin: 0 0 10px; font-size: 20px; } .bdt-dci-notice-content p { margin: 0; color: #5f6169; max-width: 750px; } .bdt-dci-notice-content p a { color: #2970ee; font-weight: 500; text-decoration: none; } .bdt-dci-notice-content p a:hover { text-decoration: underline; } .bdt-dci-notice-button-wrap { margin-top: 14px; } button.notice-dismiss { padding: 25px; } .dci-global-notice .dci-button-allow { background-color: transparent; color: white; transition: --primaryColor 1s, --secondaryColor 1s; border: none; } .dci-global-notice { border-color: #e2e2e5; z-index: 99; box-shadow: none; } .dci-global-notice .dci-button-skip { border: 0; } /** * Start Deactivate CSS * Change the class - .dci-notice-data */ .dci-feedback-wrapper { position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); display: none; box-sizing: border-box; overflow: scroll; display: block; } .dci-feedback-card { background: #fff; max-width: 850px; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 56px; border-radius: 10px; box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1); } .dci-feedback-card h2 { margin: 0; margin-bottom: 10px; font-size: 1.6rem; font-weight: 600; } .dci-feedback-card p { font-size: 1rem; font-weight: 500; margin-bottom: 1.5em; } .dci-feedback-card .dci-feedback-comments { padding: 1em 0em; } .dci-feedback-card .dci-feedback-comments label { display: block; margin-bottom: 0.5em; } .dci-feedback-card .dci-feedback-comments textarea { display: block; min-width: 100%; max-width: 100%; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .dci-feedback-card .dci-feedback-comments textarea::focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .dci-feedback-tabs { margin-bottom: 0.6em; } .dci-feedback-tabs .checkbox-group { display: flex; user-select: none; gap: 0.8em; } .dci-feedback-tabs .checkbox-group-legend { font-size: 1.5rem; font-weight: 700; color: #9c9c9c; text-align: center; line-height: 1.125; margin-bottom: 1.25rem; } .dci-feedback-tabs .checkbox-input { clip: rect(0 0 0 0); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .dci-feedback-tabs .checkbox-input:checked+.checkbox-tile { border-color: #2260ff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); color: #2260ff; } .dci-feedback-tabs .checkbox-input:checked+.checkbox-tile:before { transform: scale(1); opacity: 1; background-color: #2260ff; border-color: #2260ff; } .dci-feedback-tabs .checkbox-input:checked+.checkbox-tile .checkbox-icon, .dci-feedback-tabs .checkbox-input:checked+.checkbox-tile .checkbox-label { color: #2260ff; } .dci-feedback-tabs .checkbox-input:focus+.checkbox-tile { border-color: #2260ff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc; } .dci-feedback-tabs .checkbox-input:focus+.checkbox-tile:before { transform: scale(1); opacity: 1; } .dci-feedback-tabs .checkbox-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 7rem; min-height: 7rem; border-radius: 0.5rem; border: 2px solid #b5bfd9; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); transition: 0.15s ease; cursor: pointer; position: relative; } .dci-feedback-tabs .checkbox-tile:before { content: ""; position: absolute; display: block; width: 1.25rem; height: 1.25rem; border: 2px solid #b5bfd9; background-color: #fff; border-radius: 50%; top: 0.25rem; left: 0.25rem; opacity: 0; transform: scale(0); transition: 0.25s ease; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E"); background-size: 12px; background-repeat: no-repeat; background-position: 50% 50%; } .dci-feedback-tabs .checkbox-tile:hover { border-color: #2260ff; } .dci-feedback-tabs .checkbox-tile:hover:before { transform: scale(1); opacity: 1; } .dci-feedback-tabs .checkbox-icon { transition: 0.375s ease; color: #494949; } .dci-feedback-tabs .checkbox-icon svg { width: 2rem; height: 2rem; } .dci-feedback-tabs .checkbox-label { color: #707070; transition: 0.375s ease; text-align: center; font-size: 14px; } .dci-feedback-actions { margin-top: 0.6em; display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; width: 100%; } .dci-feedback-actions .button { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; user-select: none; border: 1px solid transparent; padding: 0.7rem 0.75rem; font-size: .9rem; line-height: 1; border-radius: 0.25rem; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .dci-feedback-actions .button { color: #000; border: none; background: #f6f7f7; } .dci-feedback-actions .button:hover { color: #000; background: #e9ecef; } .dci-feedback-actions .dci-feedback-submit-btn { color: #fff; background-color: #007bff; border-color: #007bff; } .dci-feedback-actions .dci-feedback-submit-btn:hover { color: #fff; background-color: #007bff; border-color: #007bff; opacity: 0.8; } .dci-feedback-actions div { display: flex; gap: 10px; } @media screen and (max-width: 767px) { .dci-feedback-tabs { margin-bottom: 0.6em; } .dci-feedback-tabs .checkbox-group { flex-wrap: wrap; } } /** * End Deactivate CSS */ /** * Start Element Pack Pro */ .dci-global-notice.dci_element_pack_pro .dci-button-allow { --primaryColor: #08AEEC; --secondaryColor: #20E2AD; background: linear-gradient(313deg, var(--primaryColor), var(--secondaryColor) 100%); } .dci-global-notice.dci_element_pack_pro .dci-button-allow:hover { --primaryColor: #20E2AD; ; --secondaryColor: #08AEEC; } .dci-global-notice.dci_element_pack_pro { border-left-color: #46d8bb; } .dci-global-notice.dci_element_pack_pro .dci-button-skip { background-color: #e0f5ff; } .dci-global-notice.dci_element_pack_pro .dci-button-skip:hover { background-color: #d9f1fd; } .dci-global-notice.dci_element_pack_lite .dci-button-allow { --primaryColor: #08AEEC; --secondaryColor: #20E2AD; background: linear-gradient(313deg, var(--primaryColor), var(--secondaryColor) 100%); } .dci-global-notice.dci_element_pack_lite .dci-button-allow:hover { --primaryColor: #20E2AD; ; --secondaryColor: #08AEEC; } .dci-global-notice.dci_element_pack_lite { border-left-color: #46d8bb; } .dci-global-notice.dci_element_pack_lite .dci-button-skip { background-color: #e0f5ff; } .dci-global-notice.dci_element_pack_lite .dci-button-skip:hover { background-color: #d9f1fd; } /** * Start Ultimate Post Kit */ .dci-global-notice.dci_ultimate_post_kit .dci-button-allow { --primaryColor: #60DF54; --secondaryColor: #08C972; background: linear-gradient(313deg, var(--primaryColor), var(--secondaryColor) 100%); } .dci-global-notice.dci_ultimate_post_kit .dci-button-allow:hover { --primaryColor: #08C972; --secondaryColor: #60DF54; } .dci-global-notice.dci_ultimate_post_kit { border-left-color: #60DF54; } .dci-global-notice.dci_ultimate_post_kit .dci-button-skip { background-color: rgba(86, 220, 88, 0.212); } .dci-global-notice.dci_ultimate_post_kit .dci-button-skip:hover { background-color: rgba(86, 220, 88, 0.348); } /** * Start Prime Slider */ .dci-global-notice.dci_prime_slider .dci-button-allow { --primaryColor: #FE506C; --secondaryColor: #FC6A2A; background: linear-gradient(313deg, var(--primaryColor), var(--secondaryColor) 100%); } .dci-global-notice.dci_prime_slider .dci-button-allow:hover { --primaryColor: #FC6A2A; --secondaryColor: #FE506C; } .dci-global-notice.dci_prime_slider { border-left-color: #FC6A2A; } .dci-global-notice.dci_prime_slider .dci-button-skip { background-color: rgba(252, 142, 108, 0.322); } .dci-global-notice.dci_prime_slider .dci-button-skip:hover { background-color: rgba(252, 142, 108, 0.422); }