/* * ========================================================= * NUONAT SAFE MODE * Version 1.0.8 * ========================================================= */ body.nuonat-safe-unverified { --nuonat-safe-blur: blur(22px); } /* * ========================================================= * POSTS DES AUTRES MEMBRES * ========================================================= */ body.nuonat-safe-unverified .post.nuonat-other-post a.js_lightbox > img, body.nuonat-safe-unverified .post.nuonat-other-post .js_lightbox img, body.nuonat-safe-unverified .post.nuonat-other-post .pg_wrapper img, body.nuonat-safe-unverified .post.nuonat-other-post .post-media img, body.nuonat-safe-unverified .post.nuonat-other-post .post-image img, body.nuonat-safe-unverified .post.nuonat-other-post .post-images img, body.nuonat-safe-unverified .post.nuonat-other-post .photo-grid img, body.nuonat-safe-unverified .post.nuonat-other-post .photos-grid img { filter: var(--nuonat-safe-blur) !important; -webkit-filter: var(--nuonat-safe-blur) !important; } /* * Background-image des posts */ body.nuonat-safe-unverified .post.nuonat-other-post .pg_1x, body.nuonat-safe-unverified .post.nuonat-other-post .pg_2x, body.nuonat-safe-unverified .post.nuonat-other-post .pg_3x, body.nuonat-safe-unverified .post.nuonat-other-post .pg_4x, body.nuonat-safe-unverified .post.nuonat-other-post .pg_5x, body.nuonat-safe-unverified .post.nuonat-other-post .post-media-image > div { filter: var(--nuonat-safe-blur) !important; -webkit-filter: var(--nuonat-safe-blur) !important; } /* * Vidéos des autres membres */ body.nuonat-safe-unverified .post.nuonat-other-post video, body.nuonat-safe-unverified .post.nuonat-other-post video[poster], body.nuonat-safe-unverified .post.nuonat-other-post .plyr, body.nuonat-safe-unverified .post.nuonat-other-post .plyr__video-wrapper, body.nuonat-safe-unverified .post.nuonat-other-post .plyr__poster { filter: var(--nuonat-safe-blur) !important; -webkit-filter: var(--nuonat-safe-blur) !important; } /* * ========================================================= * POSTS DU MEMBRE CONNECTÉ * ========================================================= */ body.nuonat-safe-unverified .post.nuonat-own-post a.js_lightbox > img, body.nuonat-safe-unverified .post.nuonat-own-post .js_lightbox img, body.nuonat-safe-unverified .post.nuonat-own-post .pg_wrapper img, body.nuonat-safe-unverified .post.nuonat-own-post .post-media img, body.nuonat-safe-unverified .post.nuonat-own-post .post-image img, body.nuonat-safe-unverified .post.nuonat-own-post .post-images img, body.nuonat-safe-unverified .post.nuonat-own-post .photo-grid img, body.nuonat-safe-unverified .post.nuonat-own-post .photos-grid img, body.nuonat-safe-unverified .post.nuonat-own-post .pg_1x, body.nuonat-safe-unverified .post.nuonat-own-post .pg_2x, body.nuonat-safe-unverified .post.nuonat-own-post .pg_3x, body.nuonat-safe-unverified .post.nuonat-own-post .pg_4x, body.nuonat-safe-unverified .post.nuonat-own-post .pg_5x, body.nuonat-safe-unverified .post.nuonat-own-post .post-media-image > div, body.nuonat-safe-unverified .post.nuonat-own-post video, body.nuonat-safe-unverified .post.nuonat-own-post .plyr, body.nuonat-safe-unverified .post.nuonat-own-post .plyr__video-wrapper, body.nuonat-safe-unverified .post.nuonat-own-post .plyr__poster { filter: none !important; -webkit-filter: none !important; } /* * ========================================================= * AVATARS * ========================================================= */ body.nuonat-safe-unverified .post-avatar-picture:not(.nuonat-safe-own-avatar), body.nuonat-safe-unverified .nfw-avatar:not(.nuonat-safe-own-avatar), body.nuonat-safe-unverified .nuonat-home-message-avatar:not(.nuonat-safe-own-avatar) { filter: var(--nuonat-safe-blur) !important; -webkit-filter: var(--nuonat-safe-blur) !important; } body.nuonat-safe-unverified .post-avatar-picture.nuonat-safe-own-avatar, body.nuonat-safe-unverified .nfw-avatar.nuonat-safe-own-avatar, body.nuonat-safe-unverified .nuonat-home-message-avatar.nuonat-safe-own-avatar { filter: none !important; -webkit-filter: none !important; } /* * ========================================================= * WIDGETS SNGINE * Membres / Pages / Groupes / Événements * ========================================================= */ body.nuonat-safe-unverified .data-container .data-avatar:not(.nuonat-safe-own-data-avatar) img { filter: var(--nuonat-safe-blur) !important; -webkit-filter: var(--nuonat-safe-blur) !important; } body.nuonat-safe-unverified .data-container .data-avatar.nuonat-safe-own-data-avatar img { filter: none !important; -webkit-filter: none !important; } /* * ========================================================= * BLOGS * ========================================================= */ body.nuonat-safe-unverified .blog.nuonat-safe-other-blog .blog-image img, body.nuonat-safe-unverified .blog-container.nuonat-safe-other-blog .blog-image img, body.nuonat-safe-unverified .blog.nuonat-safe-other-blog .post-media-image > div, body.nuonat-safe-unverified .blog-container.nuonat-safe-other-blog .post-media-image > div { filter: var(--nuonat-safe-blur) !important; -webkit-filter: var(--nuonat-safe-blur) !important; } body.nuonat-safe-unverified .blog.nuonat-safe-own-blog .blog-image img, body.nuonat-safe-unverified .blog-container.nuonat-safe-own-blog .blog-image img, body.nuonat-safe-unverified .blog.nuonat-safe-own-blog .post-media-image > div, body.nuonat-safe-unverified .blog-container.nuonat-safe-own-blog .post-media-image > div { filter: none !important; -webkit-filter: none !important; } /* * ========================================================= * CARROUSEL BLOGS ACCUEIL * ========================================================= */ body.nuonat-safe-unverified #blogs-carousel .carousel-item.nuonat-safe-other-blog .post-media-image > div, body.nuonat-safe-unverified #blogs-carousel .carousel-item.nuonat-safe-other-blog .post-media-image img { filter: var(--nuonat-safe-blur) !important; -webkit-filter: var(--nuonat-safe-blur) !important; } body.nuonat-safe-unverified #blogs-carousel .carousel-item.nuonat-safe-own-blog .post-media-image > div, body.nuonat-safe-unverified #blogs-carousel .carousel-item.nuonat-safe-own-blog .post-media-image img { filter: none !important; -webkit-filter: none !important; } /* * ========================================================= * REELS AFFICHÉS SUR L'ACCUEIL * ========================================================= * * Le bloc reste visible. * Seul le contenu visuel du Reel est flouté. */ body.nuonat-safe-unverified .reel-box.nuonat-safe-reel video, body.nuonat-safe-unverified .reel-box.nuonat-safe-reel .plyr__video-wrapper, body.nuonat-safe-unverified .reel-box.nuonat-safe-reel .plyr__poster { filter: var(--nuonat-safe-blur) !important; -webkit-filter: var(--nuonat-safe-blur) !important; } /* * On évite que le blur déborde visuellement * autour des cartes du carrousel. */ body.nuonat-safe-unverified .reel-box.nuonat-safe-reel { overflow: hidden; } /* * ========================================================= * ACTIONS LIMITÉES * ========================================================= */ body.nuonat-safe-unverified .js_react-post, body.nuonat-safe-unverified .js_react-photo, body.nuonat-safe-unverified .js_comment, body.nuonat-safe-unverified .js_comment-form, body.nuonat-safe-unverified .js_friend-add, body.nuonat-safe-unverified .js_like-page, body.nuonat-safe-unverified .js_join-group, body.nuonat-safe-unverified .js_interest-event { opacity: .42 !important; } /* * ========================================================= * PAGE DE VÉRIFICATION * ========================================================= */ body.nuonat-safe-verification-page .x-image, body.nuonat-safe-verification-page .x-uploader, body.nuonat-safe-verification-page .js_x-uploader { filter: none !important; -webkit-filter: none !important; opacity: 1 !important; pointer-events: auto !important; } /* * ========================================================= * PAGE VERROUILLÉE * ========================================================= */ body.nuonat-safe-locked-page { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: radial-gradient( circle at top, #f5f7fb, #e9edf5 70% ); color: #172033; } .nuonat-safe-lock-card { width: min(680px, 100%); box-sizing: border-box; background: rgba(255,255,255,.96); border: 1px solid rgba(20,32,55,.08); border-radius: 28px; padding: 42px; box-shadow: 0 24px 70px rgba(31,45,70,.14); text-align: center; } .nuonat-safe-lock-icon { font-size: 42px; } .nuonat-safe-eyebrow { font-size: 12px; font-weight: 800; letter-spacing: .12em; opacity: .55; } .nuonat-safe-lock-card h1 { margin: 12px auto; max-width: 560px; font-size: clamp(26px,5vw,38px); line-height: 1.1; } .nuonat-safe-lead { margin: 0 auto 26px; max-width: 560px; line-height: 1.65; opacity: .75; } .nuonat-safe-benefits { display: grid; gap: 10px; margin: 0 auto 28px; max-width: 460px; text-align: left; } .nuonat-safe-benefits span { padding: 12px 14px; border-radius: 14px; background: #f5f7fb; font-weight: 650; } .nuonat-safe-actions { display: grid; gap: 10px; } .nuonat-safe-actions a { display: block; padding: 14px 18px; border-radius: 14px; text-decoration: none; font-weight: 800; } .nuonat-safe-primary { background: #172033; color: #fff; } .nuonat-safe-secondary { background: #eef1f6; color: #172033; } @media (max-width: 600px) { .nuonat-safe-lock-card { padding: 28px 20px; border-radius: 22px; } }