Соответствие PIPEDA

<стиль> #form-pipeda-edit-account-request, #form-pipeda-data-account-request, #form-pipeda-personal-data-report-request { дисплей: нет; } Кнопка #pipeda_page { цвет фона: прозрачный; граница: 0; нижняя граница: 1 пиксель, сплошной черный; отступ: 0 пикселей; } /* Модальный фон */ #data-verification-background { дисплей: нет; положение: фиксированное; z-индекс: 1; отступ-верх: Calc(50vh - 83px); слева: 0; верх: 0; ширина: 100%; высота: 100%; переполнение: авто; цвет фона: RGB (0, 0, 0); цвет фона: rgba(0, 0, 0, 0,4); непрозрачность: не установлена; z-индекс: 9999; } /* Модальное содержимое */ #data-verification-modal { цвет фона: #fefefe; маржа: авто; отступ: 16 пикселей; граница: 1 пиксель, сплошная #888; ширина: 38%; непрозрачность: 1; } /* Модальная кнопка закрытия */ .data-verification-close { цвет: #аааааа; плавать: вправо; размер шрифта: 28 пикселей; начертание шрифта: жирный; высота строки: 17 пикселей; } .data-verification-close:hover, .data-verification-close:focus { цвет: #000; текстовое оформление: нет; курсор: указатель; } /* Текст флажка */ #data-verification-container p { отображение: встроенный блок; заполнение: 0; маржа: 0; высота строки: 24 пикселей; отступ слева: 10 пикселей; вертикальное выравнивание: сверху; ширина: расчет (100 % – 45 пикселей); } #data-verification-container a, #data-verification-container a:hover { оформление текста: подчеркнуть !important; цвет: #4285f4; } /* Значок флажка */ #data-verification-icon { курсор: указатель; положение: относительное; маржа: авто; ширина: 18 пикселей; высота: 18 пикселей; -webkit-tap-highlight-color: прозрачный; трансформировать: Translate3d (0, 0, 0); поле сверху: 2 пикселя; } #data-verification-icon:before { содержание: ""; позиция: абсолютная; верх: -7 пикселей; слева: -7 пикселей; ширина: 32 пикселей; высота: 32 пикселей; радиус границы: 50%; фон: rgba(34, 50, 84, 0,03); непрозрачность: 0; переход: непрозрачность 0,2 с, легкость; } #data-verification-icon svg { положение: относительное; z-индекс: 1; заливка: нет; штрих-линейная крышка: круглая; соединение штрих-линии: круглый; штрих: #c8ccd4; ширина штриха: 1,5; трансформировать: Translate3d (0, 0, 0); переход: все 0,2 секунды легкости; } #data-verification-icon путь SVG { удар-дашаррай: 60; штрих-дашоффсет: 0; } #data-verification-icon svg ломаная { удар-дашаррай: 22; смещение штриха-тире: 66; } #data-verification-icon:hover:before { непрозрачность: 1; } #data-verification-container:hover #data-verification-icon svg { штрих: #4285f4; } #data-verification-icon.clicked svg { штрих: #4285f4; } #data-verification-icon.clicked путь SVG { смещение штриха-тире: 60; переход: все 0,3 с линейные; } #data-verification-icon.clicked ломаная линия svg { смещение штриха-тире: 42; переход: все 0,2 с линейные; задержка перехода: 0,15 с; } /* Загрузка элемента */ .загрузка { дисплей: нет; верх: 50вх; слева: 50vw; положение: фиксированное; } .loading:not(:required):после { содержание: ''; дисплей: блок; размер шрифта: 10 пикселей; ширина: 1эм; высота: 1ем; маржа-верх: -0,5em; -webkit-animation: спиннер 1500 мс, бесконечный линейный; -moz-анимация: спиннер 1500 мс, бесконечная линейная; -ms-анимация: спиннер 1500 мс, бесконечная линейная; -o-анимация: спиннер 1500 мс, бесконечная линейная; анимация: спиннер 1500 мс, бесконечная линейная; радиус границы: 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.1 em -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; } #pipeda_page .list-unstyled li button { курсор: указатель; } .show-isense { переход: непрозрачность 400 мс !важно; } .hide-isense { непрозрачность: 0 !важно; переход: замедление 0,4 с; } /* Модальные изменения мобильного разрешения*/ Только экран @media и (максимальная ширина: 600 пикселей) { #data-verification-modal { ширина: 90%; } } /* Анимация */ @-webkit-keyframes счетчик { 0% { -webkit-transform: поворот (0 градусов); -moz-transform: поворот (0град); -ms-transform: поворот (0град); -o-transform: поворот (0град); преобразование: поворот (0 градусов); } 100% { -webkit-transform: поворот (360 градусов); -moz-transform: поворот (360 градусов); -ms-transform: поворот (360 градусов); -o-transform: поворот (360 градусов); преобразование: поворот (360 градусов); } } @-moz-keyframes счетчик { 0% { -webkit-transform: поворот (0 градусов); -moz-transform: поворот (0град); -ms-transform: поворот (0град); -o-transform: поворот (0град); преобразование: поворот (0 градусов); } 100% { -webkit-transform: поворот (360 градусов); -moz-transform: поворот (360 градусов); -ms-transform: поворот (360 градусов); -o-transform: поворот (360 градусов); преобразование: поворот (360 градусов); } } @-o-keyframes счетчик { 0% { -webkit-transform: поворот (0 градусов); -moz-transform: поворот (0град); -ms-transform: поворот (0град); -o-transform: поворот (0град); преобразование: поворот (0 градусов); } 100% { -webkit-transform: поворот (360 градусов); -moz-transform: поворот (360 градусов); -ms-transform: поворот (360 градусов); -o-transform: поворот (360 градусов); преобразование: поворот (360 градусов); } } @keyframes счетчик { 0% { -webkit-transform: поворот (0 градусов); -moz-transform: поворот (0град); -ms-transform: поворот (0град); -o-transform: поворот (0град); преобразование: поворот (0 градусов); } 100% { -webkit-transform: поворот (360 градусов); -moz-transform: поворот (360 градусов); -ms-transform: поворот (360 градусов); -o-transform: поворот (360 градусов); преобразование: поворот (360 градусов); } }