openvibers/openvibe.wiki Commits
Section headings flow beside a tall infobox again (no clear: both); a picture right under a heading starts at its top (#105)
Changes
@@@ -156,7 +156,7 @@ main .wk-h-group h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap.ov-media img { display: block; width: 100%; height: auto; border-radius: 8px; }.ov-media figcaption { padding: 6px 4px; font-size: 13px; line-height: 1.45; color: var(--wk-muted); }.wk-content .ov-media { float: right; clear: right; width: min(300px, 46%); margin: 4px 0 12px 18px; }--.wk-content h2 { clear: both; }++.wk-content h2 + .ov-media, .wk-content h3 + .ov-media { margin-top: 0; }.wk-media .ov-media { display: inline-block; vertical-align: top; width: min(240px, 100%); margin: 0 12px 12px 0; }@media (max-width: 640px) { .wk-content .ov-media { float: none; width: 100%; margin: 8px 0 12px; } }.wk-vibe-panel .wk-h-stats { margin-top: 14px; }
@@ -156,7 +156,7 @@ main .wk-h-group h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap
@@ -156,7 +156,7 @@ main .wk-h-group h3 { display: flex; flex-wrap: wrap; align-items: baseline; gap
.ov-media img { display: block; width: 100%; height: auto; border-radius: 8px; }
.ov-media img { display: block; width: 100%; height: auto; border-radius: 8px; }
.ov-media figcaption { padding: 6px 4px; font-size: 13px; line-height: 1.45; color: var(--wk-muted); }
.ov-media figcaption { padding: 6px 4px; font-size: 13px; line-height: 1.45; color: var(--wk-muted); }
.wk-content .ov-media { float: right; clear: right; width: min(300px, 46%); margin: 4px 0 12px 18px; }
.wk-content .ov-media { float: right; clear: right; width: min(300px, 46%); margin: 4px 0 12px 18px; }
-.wk-content h2 { clear: both; }
+.wk-content h2 + .ov-media, .wk-content h3 + .ov-media { margin-top: 0; }
.wk-media .ov-media { display: inline-block; vertical-align: top; width: min(240px, 100%); margin: 0 12px 12px 0; }
.wk-media .ov-media { display: inline-block; vertical-align: top; width: min(240px, 100%); margin: 0 12px 12px 0; }
@media (max-width: 640px) { .wk-content .ov-media { float: none; width: 100%; margin: 8px 0 12px; } }
@media (max-width: 640px) { .wk-content .ov-media { float: none; width: 100%; margin: 8px 0 12px; } }
.wk-vibe-panel .wk-h-stats { margin-top: 14px; }
.wk-vibe-panel .wk-h-stats { margin-top: 14px; }