Ich habe gerade selbst danach gesucht. Ich wünschte, es gäbe zumindest eine Option, damit Bilder in Beiträgen einen eigenen Wrapper erhalten.
Ich habe einen Anwendungsfall, bei dem eines der verfügbaren Themen dazu dient, zu verschleiern, was man gerade ansieht (am Arbeitsplatz, in der Öffentlichkeit usw. Denken Sie an GhostZilla). Dieses Thema nutzt den Lightbox-Wrapper, um über CSS Bilder in Beiträgen gezielt auszuwählen und zu verstecken, bis man mit der Maus darüber fährt.
a.lightbox img { visibility: hidden; }
a.lightbox { background-color: #eeeeee; }
a.lightbox:hover img { visibility: visible; }
a.lightbox:hover { background-color: transparent; }
a #site-logo { visibility: hidden; }
a:hover #site-logo { visibility: visible; }
header div.title a { background-color: #eeeeee; }
header div.title a:hover { background-color: transparent; }
a.main-avatar img.avatar { visibility: hidden !important; }
a.main-avatar { background-color: #eeeeee !important; }
a.main-avatar:hover img.avatar { visibility: visible !important; }
a.main-avatar:hover { background-color: transparent !important; }
.posters a img.avatar { visibility: hidden !important; }
.posters a { background-color: #eeeeee !important; }
.posters a:hover img.avatar { visibility: visible !important; }
.posters a:hover { background-color: transparent !important; }
.topic-poster a img.avatar { visibility: hidden !important; }
.topic-poster a { background-color: #eeeeee !important; }
.topic-poster a:hover img.avatar { visibility: visible !important; }
.topic-poster a:hover { background-color: transparent !important; }