الامتثال لـ PIPEDA

<نمط> #form-pipeda-edit-account-request, #form-pipeda-data-account-request، #form-pipeda-personal-data-report-request { العرض: لا شيء؛ } زر #pipeda_page { لون الخلفية: شفاف؛ الحدود: 0؛ الحد السفلي: 1 بكسل أسود خالص؛ الحشو: 0 بكسل؛ } /* خلفية مشروطة */ # خلفية التحقق من البيانات { العرض: لا شيء؛ الموقف: ثابت؛ مؤشر z: 1؛ الحشو العلوي: كالك (50vh - 83px)؛ اليسار: 0؛ أعلى: 0؛ العرض: 100%؛ الارتفاع: 100%؛ الفائض: تلقائي؛ لون الخلفية: rgb(0, 0, 0); لون الخلفية: rgba(0, 0, 0, 0.4); العتامة: غير محدد؛ مؤشر z: 9999؛ } /* محتوى مشروط */ #التحقق من البيانات-مشروط { لون الخلفية: #fefefe؛ الهامش: تلقائي؛ الحشو: 16 بكسل؛ الحدود: 1 بكسل صلب #888؛ العرض: 38%؛ العتامة: 1؛ } /* زر الإغلاق المشروط */ .التحقق من البيانات-إغلاق { اللون: #aaaaaa؛ تعويم: حق؛ حجم الخط: 28 بكسل؛ وزن الخط: غامق؛ ارتفاع الخط: 17 بكسل؛ } .التحقق من البيانات-إغلاق:تحويم، .التحقق من البيانات-إغلاق:التركيز { اللون: #000؛ زخرفة النص: لا شيء؛ المؤشر: المؤشر؛ } /* نص خانة الاختيار */ #حاوية التحقق من البيانات ص { العرض: كتلة مضمنة؛ الحشو: 0؛ الهامش: 0; ارتفاع الخط: 24 بكسل؛ المساحة المتروكة لليسار: 10 بكسل؛ محاذاة رأسية: أعلى؛ العرض: كالك (100% - 45 بكسل)؛ } # حاوية التحقق من البيانات أ، #حاوية التحقق من البيانات أ:hover { زخرفة النص: ضع خطًا! مهم؛ اللون: #4285f4؛ } /* أيقونة خانة الاختيار */ #رمز التحقق من البيانات { المؤشر: المؤشر؛ الموقف: نسبي؛ الهامش: تلقائي؛ العرض: 18 بكسل؛ الارتفاع: 18 بكسل؛ -webkit-tap-highlight-color: شفاف؛ تحويل: ترجمة3d(0, 0, 0); الهامش العلوي: 2 بكسل؛ } # أيقونة التحقق من البيانات: قبل { محتوى: ""؛ الموقف: مطلق؛ أعلى: -7px؛ اليسار: -7 بكسل؛ العرض: 32 بكسل؛ الارتفاع: 32 بكسل؛ نصف قطر الحدود: 50%؛ الخلفية: رغبا (34، 50، 84، 0.03)؛ العتامة: 0؛ الانتقال: العتامة 0.2 ثانية سهولة؛ } #رمز التحقق من البيانات svg { الموقف: نسبي؛ مؤشر z: 1؛ ملء: لا شيء؛ السكتة الدماغية: مستديرة؛ السكتة الدماغية-خط الانضمام: جولة؛ السكتة الدماغية: #c8ccd4؛ عرض السكتة الدماغية: 1.5؛ تحويل: ترجمة3d(0, 0, 0); الانتقال: كل 0.2 ثانية سهولة؛ } # مسار رمز التحقق من البيانات svg { السكتة الدماغية-داشاراي: 60؛ إزاحة السكتة الدماغية: 0؛ } #رمز التحقق من البيانات svg متعدد الخطوط { السكتة الدماغية-dasharray: 22؛ إزاحة السكتة الدماغية: 66؛ } # أيقونة التحقق من البيانات: تحوم: قبل { العتامة: 1؛ } #حاوية التحقق من البيانات:تحوم #رمز التحقق من البيانات svg { السكتة الدماغية: #4285f4؛ } #data-verification-icon.clicked svg { السكتة الدماغية: #4285f4؛ } #data-verification-icon.clicked svg path { إزاحة السكتة الدماغية: 60؛ الانتقال: كل 0.3 ثانية خطية؛ } #data-verification-icon.clicked svg polyline { إزاحة السكتة الدماغية: 42؛ الانتقال: كل 0.2 ثانية خطية؛ تأخير الانتقال: 0.15 ثانية؛ } /* تحميل العنصر */ .تحميل { العرض: لا شيء؛ أعلى: 50vh. اليسار: 50 فولت. الموقف: ثابت؛ } .loading:not(:required):بعد { محتوى: ''؛ عرض: كتلة؛ حجم الخط: 10 بكسل؛ العرض: 1 م؛ الارتفاع: 1م؛ الهامش العلوي: -0.5em؛ -webkit-animation: الدوار 1500 مللي ثانية خطي لا نهائي ؛ -moz-animation: Spinner 1500ms خطي لا نهائي؛ -ms-animation: Spinner 1500ms خطي لا نهائي؛ -o-animation: Spinner 1500ms خطي لا نهائي؛ الرسوم المتحركة: سبينر 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; ظل الصندوق: 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 م -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 { المؤشر: المؤشر؛ } .show-isense { الانتقال: العتامة 400 مللي ثانية! مهم؛ } .إخفاء المعنى { العتامة: 0! مهم؛ الانتقال: 0.4 ثانية سهولة الخروج؛ } /* تغييرات مشروطة على دقة الهاتف المحمول*/ شاشة الوسائط فقط و (الحد الأقصى للعرض: 600 بكسل) { #التحقق من البيانات-مشروط { العرض: 90%; } } /* الرسوم المتحركة */ @-webkit-keyframes الدوار { 0% { -تحويل webkit: تدوير (0deg)؛ -moz-transform: Rotate(0deg); -ms-transform: Rotate(0deg); - تحويل: تدوير (0 درجة)؛ تحويل: تدوير (0 درجة)؛ } 100% { -تحويل webkit: تدوير (360 درجة) ؛ -تحويل moz: تدوير (360 درجة)؛ -ms-transform: Rotate(360deg); - تحويل: تدوير (360 درجة)؛ تحويل: تدوير (360 درجة)؛ } } @-moz-keyframes الدوار { 0% { -تحويل webkit: تدوير (0deg)؛ -moz-transform: Rotate(0deg); -ms-transform: Rotate(0deg); - تحويل: تدوير (0 درجة)؛ تحويل: تدوير (0 درجة)؛ } 100% { -تحويل webkit: تدوير (360 درجة) ؛ -تحويل moz: تدوير (360 درجة)؛ -ms-transform: Rotate(360deg); - تحويل: تدوير (360 درجة)؛ تحويل: تدوير (360 درجة)؛ } } @-o-الإطارات الرئيسية الدوار { 0% { -تحويل webkit: تدوير (0deg)؛ -moz-transform: Rotate(0deg); -ms-transform: Rotate(0deg); - تحويل: تدوير (0 درجة)؛ تحويل: تدوير (0 درجة)؛ } 100% { -تحويل webkit: تدوير (360 درجة) ؛ -تحويل moz: تدوير (360 درجة)؛ -ms-transform: Rotate(360deg); - تحويل: تدوير (360 درجة)؛ تحويل: تدوير (360 درجة)؛ } } @keyframes الدوار { 0% { -تحويل webkit: تدوير (0deg)؛ -moz-transform: Rotate(0deg); -ms-transform: Rotate(0deg); - تحويل: تدوير (0 درجة)؛ تحويل: تدوير (0 درجة)؛ } 100% { -تحويل webkit: تدوير (360 درجة) ؛ -تحويل moz: تدوير (360 درجة)؛ -ms-transform: Rotate(360deg); - تحويل: تدوير (360 درجة)؛ تحويل: تدوير (360 درجة)؛ } }