Tumblr Sensitive Content ❲iPad LIMITED❳
/ subtle background for sensitive wrapper / .sensitive-wrapper background: #0b0d10;
/* when revealed -> hide overlay completely */ .sensitive-cover.revealed .sensitive-overlay opacity: 0; visibility: hidden; pointer-events: none; backdrop-filter: blur(0px); background: transparent; tumblr sensitive content
/* action bar (like notes) */ .post-actions display: flex; gap: 24px; padding: 12px 20px 18px 20px; border-top: 1px solid #efefef; color: #6c6f7c; font-size: 13px; / subtle background for sensitive wrapper /
.tag font-size: 13px; color: #0077cc; background: #f0f2f5; padding: 4px 12px; border-radius: 30px; letter-spacing: -0.2px; ❤️ 892 notes<
<!-- another sensitive cover - different media but consistent style --> <div class="sensitive-wrapper"> <div class="sensitive-cover" id="sensitiveCoverTwo"> <img class="media-placeholder" src="https://images.unsplash.com/photo-1516574187841-cb9cc2ca948b?w=800&auto=format" alt="sensitive image: dark abstract" loading="lazy" > <div class="sensitive-overlay"> <div class="sensitive-icon"> <span>🔞</span> mature </div> <div class="sensitive-title">Content warning: graphic / sensitive</div> <div class="sensitive-desc"> This post contains sensitive artistic imagery.<br>Click to view. </div> <button class="reveal-button" id="revealBtnTwo">Show anyway →</button> </div> </div> </div> <div class="post-caption"> <div class="caption-text"> something about the fear of being watched. photography series exploring intrusive thoughts & existential dread. </div> <div class="tags"> <span class="tag">#sensitive content</span> <span class="tag">#artistic nudity</span> <span class="tag">#mental health</span> </div> </div> <div class="post-actions"> <div class="action">❤️ 892 notes</div> <div class="action">💬 43 replies</div> </div> </div>
</style> </head> <body>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>Tumblr · sensitive content cover</title> <style> * margin: 0; padding: 0; box-sizing: border-box; body background: #faf9f8; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, system-ui, 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 2rem 1rem;