Differences

This shows you the differences between two versions of the page.

--- user:klay:i_pagecss [2026/08/10 16:25] – created Klay Mu
+++ user:klay:i_pagecss [2026/08/10 20:45] (current) – ↷ Links adapted because of a move operation Klay Mu
@@ Line 1: / Line 1: @@
 #
 <pagecss>
-  div.plugin_include_content:has(style) { margin-bottom: 0; }
+  .gallery > div { display: inline-block; margin: .2em; border-sizing: box; width: 14em; }
-  .wrap_frame_container div { display: inline-block; margin: .2em; }
+  .gallery img { width: 100%; border: .8em ridge tan; }
-  .wrap_frame, .wrap_frame_container > div { border-sizing: box; width: 300px; }
+  .gallery p { margin: 0 }
-  .wrap_frame img, .wrap_frame_container img { width: 100%; border: .8em ridge tan; margin: 0 !important; }
+  .gallery p+p, .gallery span { display: inline-block; margin: .4em; padding: .2em; background: white; }
-  .wrap_frame p+p, .wrap_frame span, .wrap_frame_container span { display: inline-block; margin: .4em; padding: .2em; background: white; }
 </pagecss>
@@ Line 11: / Line 10: @@
 This is a CSS snippet. Include this on your page with `{{page>:user:klay:i_frame_css#}}`.
+# demo
+<div gallery>
+<div>
+{{user:klay:klay-cowpetterz-200px.png?direct|}}
+<span>A *moo*.</span>
+</div>
+<div>
+{{user:klay:klay-cowpetterz-200px.png?direct|}}
+A *second* moo.
+</div>
+</div>
+TODO: thumbnails \\
+{{user:klay:klay-cowpetterz-200px.png?100x50|}}