custom.css
... ...
@@ -241,9 +241,21 @@ pre { background: var(--code-bg) !important; padding: 1rem 1.2rem !important; bo
241 241
/* If the surrounding nav compresses, keep the icon from shrinking */
242 242
nav.actions #minibutton-home { flex: 0 0 auto; }
243 243
244
-.markdown-body h1.page-title {
245
- position: relative;
246
- padding-left: 40px; /* space for icon */
247
- background: url("/images/akret_cover.png") no-repeat left center;
248
- background-size: 28px 28px;
244
+/* Tiny icon beside H1 titles */
245
+.markdown-body h1 img,
246
+h1 img {
247
+ width: 22px;
248
+ height: 22px;
249
+ border-radius: 3px;
250
+ object-fit: contain;
251
+ vertical-align: middle;
252
+ margin-right: 0.5rem;
253
+ box-shadow: 0 0 0 1px var(--border);
254
+}
255
+
256
+/* If the icon comes *after* the text */
257
+.markdown-body h1 img:last-child,
258
+h1 img:last-child {
259
+ margin-left: 0.5rem;
260
+ margin-right: 0;
249 261
}