User:Tale glider/sandbox1: Difference between revisions

From VNDev Wiki
m adjust
trying to see if I can make something change depending on the size of the screen it's shown on
Line 1: Line 1:
<noinclude><!-- Copied from [[template:chat message]] so that I can experiment with the copy without breaking anything -->Test page for testing with parameters [[User:Tale glider/sandbox2]]</noinclude><div style="display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap;">
<noinclude>Test page currently for testing CSS. And if I need to include a template, I have a tespage for that at [[User:Tale glider/sandbox2]]</noinclude><div style="@media (width>70em){border: solid thin red;}">Test</div>
<div style="flex-grow: 0; flex-wrap: wrap;"><p style="margin:0;">
{{#switch: {{{name}}}
| Plum = [[File:Plum PFP 2024.png|60px|alt=""]]
| Lemon = [[File:Lemon PFP 2024.png|60px|alt=""]]
| Cherry = [[File:Cherry PFP 2024.png|60px|alt=""]]
| Lime = [[File:Lime PFP 2024.png|60px|alt=""]]
| #default = {{#if:{{{image|}}} | [[{{{image}}}|60px|alt=""]] | }}
}}<noinclude>[[File:Lime PFP 2024.png|60px|alt=""]]</noinclude></p>
</div>
<div style="flex-shrink: 0; flex-grow: 1; flex-wrap: wrap; padding-left: 1em; padding-right: 1em; padding-bottom: 1ex; max-width: 70%;">
<div><p style="margin:0;">
{{#switch: {{{name}}}
| Plum = <span style="color:purple">
| Lemon = <span style="color:gold">
| Cherry = <span style="color:crimson">
| Lime = <span style="color:lightgreen">
| #default = <span style="color:{{{color|}}}">
}}<strong>{{{name|Unknown User}}}</strong></span></p>
</div>
<div>{{{message|}}}<noinclude>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt consectetur dolor non sodales. Sed egestas varius posuere. Aenean id accumsan risus, in aliquam odio. Praesent id nisl mi. Pellentesque eu tellus at diam suscipit accumsan.</noinclude></div>
</div> <!-- end of message block -->
</div><noinclude>Probably add some template documentation here</noinclude>

Revision as of 04:46, 8 December 2024

Test page currently for testing CSS. And if I need to include a template, I have a tespage for that at User:Tale glider/sandbox2

70em){border: solid thin red;}">Test