Template:Note: Difference between revisions

Revision as of 22:56, 7 October 2025

    {{{text}}}

Usage:

{{Note|text=my cool note|type=warn}}

Renders As:

    my cool note

Available types:

Info:

Help:

Warn:

Error:

Idea:

@@ Line 1: / Line 1: @@
 <onlyinclude>
-<div style="margin: 15px; background-color: #202122; border: 1px solid #404244; padding: 10px; vertical-align:middle">
+<div style="margin: 15px; position:relative;>
-{{#switch: {{{type|}}}
+  <div background-color: #202122; border: 1px solid #404244; position:absolute; top:50%; height:10em; margin-top:-5em;>
-    |info=[[File:OOjs_UI_icon_info_big-invert.svg|40px]]
+    {{#switch: {{{type|}}}
-    |help=[[File:OOjs_UI_icon_help-ltr-progressive.svg|40px]]
+        |info=[[File:OOjs_UI_icon_info_big-invert.svg|40px]]
-    |warn=[[File:OOjs_UI_icon_alert-yellow.svg|40px]]
+        |help=[[File:OOjs_UI_icon_help-ltr-progressive.svg|40px]]
-    |error=[[File:OOjs_UI_icon_close-ltr-destructive.svg|40px]]
+        |warn=[[File:OOjs_UI_icon_alert-yellow.svg|40px]]
-    |idea=[[File:OOjs_UI_icon_bulb-progressive.svg|40px]]
+        |error=[[File:OOjs_UI_icon_close-ltr-destructive.svg|40px]]
-    |=[[File:OOjs_UI_icon_info_big-invert.svg|40px]]
+        |idea=[[File:OOjs_UI_icon_bulb-progressive.svg|40px]]
-}}
+        |=[[File:OOjs_UI_icon_info_big-invert.svg|40px]]
-{{{text}}}
+    }} {{{text}}}
+  </div>
 </div>
 </onlyinclude>
-Usage: <pre>{{Note|type=warn|text=my cool note}}</pre>
+Usage: <pre>{{Note|text=my cool note|type=warn}}</pre>
-Renders As: {{Note|text=my cool note|warn}}
+Renders As: {{Note|text=my cool note|type=warn}}
+Available types:
+Info: [[File:OOjs_UI_icon_info_big-invert.svg|40px]]
+Help: [[File:OOjs_UI_icon_help-ltr-progressive.svg|40px]]
+Warn: [[File:OOjs_UI_icon_alert-yellow.svg|40px]]
+Error: [[File:OOjs_UI_icon_close-ltr-destructive.svg|40px]]
+Idea: [[File:OOjs_UI_icon_bulb-progressive.svg|40px]]