Template:Notice: Difference between revisions

Line 59:

| {{notice|text=A left aligned notice.|align=left}}{{notice|text=A right aligned notice.|align=right}}

|-

! colspan="2" style="text-align: center;" | Adjust Color <div style="text-align: left;">By default, the notice will have a light gray background with a gray border. You can adjust its background color by passing <code>color=</code> with a color value in one of three forms: 1. A [https://htmlcolorcodes.com/color-names/ Named HTML Color] (e.g., <code>red</code>) 2. A [https://www.color-hex.com hex color code] (e.g., <code>#ff0000</code>) 3. An [https://rgbcolorpicker.com RGB/RGBA value] (e.g., <code>rgb(255, 0, 0)</code>) Please select a shade of color light enough that the black text remains legible. '''Note:''' By adding a color value, the border is removed.</div>

! colspan="2" style="text-align: center;" | Adjust Color <div style="text-align: left;">By default, the notice will have a light gray background with a gray border. You can adjust its background color by passing <code>color=</code> with a color value in one of three forms: 1. A [https://htmlcolorcodes.com/color-names/ Named HTML Color] (e.g., <code>red</code>) 2. A [https://www.color-hex.com hex color code] (e.g., <code>#ff0000</code>) 3. An [https://rgbcolorpicker.com RGB/RGBA value] (e.g., <code>rgb(255, 0, 0)</code>) Adding a value not following one of the forms above will cause the background color to be transparent. Please select a shade of color light enough that the black text remains legible. '''Note:''' By adding a color value, the border is removed.</div>

|-

! width=30%|You Type

@@ Line 59: / Line 59: @@
 | {{notice|text=A left aligned notice.|align=left}}{{notice|text=A right aligned notice.|align=right}}
 |-
-! colspan="2" style="text-align: center;" | <span style="font-size: 125%;">Adjust Color</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, the notice will have a light gray background with a gray border. You can adjust its background color by passing <code>color=</code> with a color value in one of three forms:<br>1. A [https://htmlcolorcodes.com/color-names/ Named HTML Color] (e.g., <code>red</code>)<br>2. A [https://www.color-hex.com hex color code] (e.g., <code>#ff0000</code>)<br>3. An [https://rgbcolorpicker.com RGB/RGBA value] (e.g., <code>rgb(255, 0, 0)</code>)<br><br>Please select a shade of color light enough that the black text remains legible.<span style="font-size: 90%;"><br><br>'''Note:''' By adding a color value, the border is removed.<span></span></div>
+! colspan="2" style="text-align: center;" | <span style="font-size: 125%;">Adjust Color</span><br><div style="text-align: left;"><span style="font-weight: normal;">By default, the notice will have a light gray background with a gray border. You can adjust its background color by passing <code>color=</code> with a color value in one of three forms:<br>1. A [https://htmlcolorcodes.com/color-names/ Named HTML Color] (e.g., <code>red</code>)<br>2. A [https://www.color-hex.com hex color code] (e.g., <code>#ff0000</code>)<br>3. An [https://rgbcolorpicker.com RGB/RGBA value] (e.g., <code>rgb(255, 0, 0)</code>)<br><br>Adding a value not following one of the forms above will cause the background color to be transparent. Please select a shade of color light enough that the black text remains legible.<span style="font-size: 90%;"><br><br>'''Note:''' By adding a color value, the border is removed.<span></span></div>
 |-
 ! width=30%|You Type