Template:Notice: Difference between revisions

From MiiWiki
Jump to navigationJump to search
mNo edit summary
mNo edit summary
Line 1: Line 1:
<includeonly><!--
<includeonly><!--
--><div style="background-color: {{{bg|#ffe423}}}; background-image: linear-gradient(transparent, {{#switch:{{{textcolor|#000}}}|#fff|#fffff|#FFF|#FFFFF = rgba(255,255,255,.15)|rgba(0,0,0,.15)}}); border-radius: 15px; max-width: {{{maxwidth|980px}}}; overflow: hidden; margin-bottom: 5px;">
--><div style="background-color: {{{bg|#ffe423}}}; background-image: linear-gradient(transparent, {{#switch:{{{textcolor|#000}}}|#fff|#fffff|#FFF|#FFFFF = rgba(255,255,255,.15)|rgba(0,0,0,.15)}}); border-radius: 15px; max-width: -moz-fit-content; max-width: {{{maxwidth|fit-content}}}; min-width: 300px; overflow: hidden; margin-bottom: 5px;">
<div class="{{#ifeq:{{NAMESPACE}}|{{TALKSPACE}}|{{#ifeq:{{{small|}}}|yes|small|standard}}-talk}} messagebox" style="background: transparent; display: flex; gap: 10px; align-items: center; border-radius: 15px; border: 3px solid rgba(255,255,255,.5); color: {{{textcolor|#000}}}; padding: 5px 10px; margin: 0">
<div class="{{#ifeq:{{NAMESPACE}}|{{TALKSPACE}}|{{#ifeq:{{{small|}}}|yes|small|standard}}-talk}} messagebox" style="background: transparent; display: flex; gap: 10px; align-items: center; border-radius: 15px; border: 3px solid rgba(255,255,255,.5); color: {{{textcolor|#000}}}; padding: 5px 10px; margin: 0">
<div>[[File:{{{image|Needed.png}}}|{{{width|50px}}}|{{{alt-text|}}}]]</div>
<div>[[File:{{{image|Needed.png}}}|{{{width|50px}}}|{{{alt-text|}}}]]</div>
Line 33: Line 33:
| style="text-align: center" | <code>maxwidth</code>
| style="text-align: center" | <code>maxwidth</code>
| Maximum width of the notice. Preferable to avoid percentage-based values.
| Maximum width of the notice. Preferable to avoid percentage-based values.
| style="text-align: center" | <code>980px</code>
| style="text-align: center" | <code>fit-content</code>
|-
|-
| style="text-align: center" | <code>image</code>
| style="text-align: center" | <code>image</code>

Revision as of 23:05, 21 September 2021


Needed.png
Notice: Building
This article or section is under construction. Therefore, please excuse its informal appearance while it's being worked on. We hope to have it completed as soon as possible.

Template parameters

Parameter Description Default
bg The color of the background. This will affect the border color automatically. #ffe423
textcolor The color of the text. Change to #fff (white) if the background is dark. #000
maxwidth Maximum width of the notice. Preferable to avoid percentage-based values. fit-content
image Image of the notice. Needed.png
width Width of the image. 50px
alt-text Alt text of the image. None
header Header of the notice. None
message Message of the notice. None

Color examples

Needed.png
Notice: Building
This article or section is under construction. Therefore, please excuse its informal appearance while it's being worked on. We hope to have it completed as soon as possible.
Needed.png
Notice: Building
This article or section is under construction. Therefore, please excuse its informal appearance while it's being worked on. We hope to have it completed as soon as possible.
Needed.png
Notice: Building
This article or section is under construction. Therefore, please excuse its informal appearance while it's being worked on. We hope to have it completed as soon as possible.
Needed.png
Notice: Building
This article or section is under construction. Therefore, please excuse its informal appearance while it's being worked on. We hope to have it completed as soon as possible.
Needed.png
Notice: Building
This article or section is under construction. Therefore, please excuse its informal appearance while it's being worked on. We hope to have it completed as soon as possible.