Съответствие с CCPA

<стил> #form-ccpa-edit-account-request, #form-ccpa-data-account-request, #form-ccpa-personal-data-report-request, #form-ccpa-delete-account-request, #form-ccpa-do-not-sell-request { display:none; } #ccpa_page button { background-color: transparent; border: 0; border-bottom: 1px solid black; padding: 0px; } /* Модален фон */ #data-verification-background { display:none; position: fixed; z-index: 1; padding-top: calc(50vh - 83px); left: 0; top: 0; width: 100%; height: 100%; overflow: auto; цвят на фона: rgb(0,0,0); цвят на фона: rgba(0,0,0,0.4); непрозрачност: неустановена; z-index: 9999; } /* Модално съдържание */ #data-verification-modal { цвят на фона: #fefefe; марж: автоматично; отстъп: 16px; граница: 1px солидна #888; ширина: 38%; } /* Бутон за затваряне на модалния прозорец */ .data-verification-close { цвят: #aaaaaa; float: вдясно; размер на шрифта: 28px; тегло на шрифта: болд; височина на линията: 17px; } .data-verification-close: задържане на курсора, .data-verification-close: фокус { цвят: #000; декорация на текста: няма; курсор: пойнтер; } /* Текст на полето за отметка */ #data-verification-container p{ display: inline-block; padding-left: 5px; vertical-align: top; width: calc(100% - 45px); курсор: пойнтер; } #data-verification-container a, #data-verification-container a:hover{ text-decoration: underline!important; color: #4285f4; } /* Икона на полето за отметка */ #data-verification-icon { курсор: пойнтер; позиция: относителна; марж: автоматичен; ширина: 18px; височина: 18px; -webkit-tap-highlight-color: прозрачен; transform: translate3d(0, 0, 0); margin-top: 2px; } #data-verification-icon:before { thrilled: ""; position: absolute; top: -7px; left: -7px; width: 32px; height: 32px; border-radius: 50%; background: rgba(34,50,84,0.03); opacity: 0; transition: opacity 0.2s ease; } #data-verification-icon svg { position: relative; z-index: 1; fill:none; stroke-linecap: round; stroke-linejoin: round; stroke: #c8ccd4; stroke-width: 1.5; transform: translate3d(0, 0, 0); transition: all 0.2s ease; } #data-verification-icon svg път { stroke-dasharray: 60; stroke-dashoffset: 0; } #data-verification-icon svg полилиния { stroke-dasharray: 22; stroke-dashoffset: 66; } #data-verification-icon:hover:before { непрозрачност: 1; } #data-verification-container:hover #data-verification-icon svg { stroke: #4285f4; } #data-verification-icon.clicked svg { stroke: #4285f4; } #data-verification-icon.clicked svg път { stroke-dashoffset: 60; преход: всички 0.3s линейни; } #data-verification-icon.clicked svg полилиния { stroke-dashoffset: 42; transition: всички 0.2s linear; transition-delay: 0.15s; } /* Промени в модалния режим при мобилна резолюция*/ @media само екран и (max-width: 600px) { #data-verification-modal { width: 90%; } } /* Зареждане на елемент */ .loading { display:none; top:50vh; left:50vw; position:fixed; } .loading:not(:required):after { thrilled: ''; display:block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms безкрайно линейно; -moz-animation: spinner 1500ms безкрайно линейно; -ms-animation: spinner 1500ms безкрайно линейно; -o-animation: spinner 1500ms безкрайно линейно; animation: spinner 1500ms безкрайно линейно; border-radius: 0.5em; -webkit-box-shadow: rgba(255,255,255, 1) 1.5em 0 0 0, rgba(255,255,255, 1) 1.1em 1.1em 0 0, rgba(255,255,255, 1) 0 1.5em 0 0, rgba(255,255,255, 1) -1.1em 1.1em 0 0, rgba(255,255,255, 1) -1.5em 0 0 0, rgba(255,255,255, 1) -1.1em -1.1em 0 0, rgba(255,255,255, 1) 0 -1.5em 0 0, rgba(255,255,255, 1) 1.1em -1.1em 0 0; box-shadow: rgba(255,255,255, 1) 1.5em 0 0 0, rgba(255,255,255, 1) 1.1em 1.1em 0 0, rgba(255,255,255, 1) 0 1.5em 0 0, rgba(255,255,255, 1) -1.1em 1.1em 0 0, rgba(255,255,255, 1) -1.5em 0 0 0, rgba(255,255,255, 1) -1.1em -1.1em 0 0, rgba(255,255,255, 1) 0 -1.5em 0 0, rgba(255,255,255, 1) 1.1em -1.1em 0 0; } /* Анимация */ @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform:rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform:rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform:rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform:rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }