| Altre tabs | .caption-text font-size: 15px; line-height: 1.45; color: #1c1e24;
.sensitive-desc font-size: 12px;
.avatar width: 42px; height: 42px; background: linear-gradient(145deg, #1e3c72, #2b4c8a); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; font-size: 18px; box-shadow: 0 2px 6px rgba(0,0,0,0.05); tumblr sensitive content
/* when revealed – remove blur & brightness */ .sensitive-cover.revealed .media-placeholder filter: blur(0) brightness(1); .caption-text font-size: 15px
.caption-text a:hover text-decoration: underline; .sensitive-desc font-size: 12px
<!-- SENSITIVE CONTENT BLOCK (exactly tumblr style) --> <div class="sensitive-wrapper"> <div class="sensitive-cover" id="sensitiveCover"> <!-- actual sensitive media (image placeholder) --> <img class="media-placeholder" src="https://images.unsplash.com/photo-1542751371-adc38448a05e?w=800&auto=format" alt="sensitive content preview (blurred until click)" loading="lazy" > <!-- overlay text + button --> <div class="sensitive-overlay"> <div class="sensitive-icon"> <span>⚠️</span> sensitive </div> <div class="sensitive-title">Content warning</div> <div class="sensitive-desc"> The following media may contain sensitive material.<br>Tap to reveal. </div> <button class="reveal-button" id="revealBtn">Show anyway →</button> </div> </div> </div>
.post-card:hover box-shadow: 0 20px 32px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.02);