Συμμόρφωση PIPEDA

<στυλ> #form-pipeda-edit-account-request, #form-pipeda-data-account-request, #form-pipeda-personal-data-report-request { οθόνη: καμία; } #pipeda_page button { Χρώμα φόντου: διαφανές. περίγραμμα: 0; περίγραμμα-κάτω: 1px συμπαγές μαύρο; padding: 0px; } /* Modal background */ #data-verification-background { οθόνη: καμία; θέση: σταθερή; z-index: 1; padding-top: calc(50vh - 83px); αριστερά: 0; κορυφή: 0; πλάτος: 100%; ύψος: 100%; υπερχείλιση: αυτόματη; χρώμα φόντου: rgb(0, 0, 0); χρώμα φόντου: rgba(0, 0, 0, 0.4); αδιαφάνεια: unset; z-index: 9999; } /* Τροπικό περιεχόμενο */ #data-verification-modal { φόντο-χρώμα: #fefefe; περιθώριο: αυτόματο; padding: 16px; περίγραμμα: 1px στερεό #888; πλάτος: 38%; αδιαφάνεια: 1; } /* Κουμπί Modal Close */ .data-verification-close { χρώμα: #aaaaaa; float: δεξιά; μέγεθος γραμματοσειράς: 28 px; βάρος γραμματοσειράς: έντονη; Ύψος γραμμής: 17 px; } .data-verification-close:hover, .data-verification-close:focus { χρώμα: #000; κείμενο-διακόσμηση: κανένα; δρομέας: δείκτης; } /* Κείμενο πλαισίου ελέγχου */ #data-verification-container p { οθόνη: inline-block; padding: 0; περιθώριο: 0; Ύψος γραμμής: 24 px; padding-αριστερά: 10px; κατακόρυφη ευθυγράμμιση: επάνω; πλάτος: υπολογισμός (100% - 45 px); } #data-verification-container a, #data-verification-container a:hover { κείμενο-διακόσμηση: υπογράμμιση !important; χρώμα: #4285f4; } /* Εικονίδιο πλαισίου ελέγχου */ #data-verification-icon { δρομέας: δείκτης; θέση: σχετική; περιθώριο: αυτόματο; πλάτος: 18 px; ύψος: 18 px; -webkit-tap-highlight-color: διαφανές. transform: translate3d(0, 0, 0); margin-top: 2px; } #data-verification-icon:before { περιεχόμενο: ""; θέση: απόλυτη; κορυφή: -7 px; αριστερά: -7 px; πλάτος: 32 px; ύψος: 32px; ακτίνα συνόρων: 50%; φόντο: rgba(34, 50, 84, 0.03); αδιαφάνεια: 0; μετάβαση: αδιαφάνεια 0,2 δευτ. ευκολία. } #data-verification-icon svg { θέση: σχετική; z-index: 1; γέμισμα: κανένας; stroke-linecap: στρογγυλό; stroke-linejoin: στρογγυλό; εγκεφαλικό επεισόδιο: #c8ccd4; πλάτος διαδρομής: 1,5; transform: translate3d(0, 0, 0); μετάβαση: όλα τα 0,2s ευκολία? } #data-verification-icon διαδρομή svg { stroke-dasharray: 60; stroke-dashoffset: 0; } #data-verification-icon svg polyline { stroke-dasharray: 22; stroke-dashoffset: 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 path { stroke-dashoffset: 60; μετάβαση: όλα τα 0,3 s γραμμικά. } #data-verification-icon.clicked svg polyline { stroke-dashoffset: 42; μετάβαση: όλα τα 0,2 s γραμμικά. μετάβαση-καθυστέρηση: 0,15s; } /* Φόρτωση στοιχείου */ .φόρτωση { οθόνη: καμία; κορυφή: 50vh; αριστερά: 50vw; θέση: σταθερή; } .loading:not(:required):after { περιεχόμενο: ''; οθόνη: μπλοκ; μέγεθος γραμματοσειράς: 10px; πλάτος: 1em; ύψος: 1em; margin-top: -0,5em; -webkit-animation: spinner 1500ms άπειρη γραμμική. -moz-animation: spinner 1500ms άπειρο γραμμικό. -ms-animation: spinner 1500ms άπειρο γραμμικό. -o-animation: spinner 1500ms άπειρο γραμμικό. animation: spinner 1500ms infinite linear? ακτίνα συνόρων: 0,5 εκ. -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, 25) 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, 2 ) -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,50) 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. 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 { μετάβαση: αδιαφάνεια 400ms !σημαντικό; } .hide-isense { αδιαφάνεια: 0 !σημαντικό; μετάβαση: 0,4s ease-out; } /* Τροπικές αλλαγές στην ανάλυση κινητού*/ οθόνη @media μόνο και (μέγιστο πλάτος: 600 pixel) { #data-verification-modal { πλάτος: 90%; } } /* Κινούμενα σχέδια */ @-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); μετασχηματισμός: περιστροφή (360 μοίρες); } } @-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); μετασχηματισμός: περιστροφή (360 μοίρες); } } @-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); μετασχηματισμός: περιστροφή (360 μοίρες); } } @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); μετασχηματισμός: περιστροφή (360 μοίρες); } }