Difference between revisions of "Template:Note"

From Flexible Survival
Jump to: navigation, search
m (Change parameter names)
(Tidy up CSS and correct variable names)
Line 4: Line 4:
 
     position: relative;
 
     position: relative;
 
     min-height: 3.1em;
 
     min-height: 3.1em;
 +
    margin:0.5em 5em;
 +
    padding:0.1em 1em 0.1em 4em;
 +
    border:1px solid #8d8d8d;
 +
    border-radius:0.5em;
 
     display: flex;
 
     display: flex;
 
     align-items: center;
 
     align-items: center;
 
     box-shadow: 0 12px 18px -12px #373737;
 
     box-shadow: 0 12px 18px -12px #373737;
 +
    background-color:#efefef
 
}
 
}
 
div.note img:first-of-type {
 
div.note img:first-of-type {
Line 19: Line 24:
 
</css>
 
</css>
  
<div class="note {{icon}}" style="margin:0.5em 5em;padding:0.1em 1em 0.1em 4em;border:1px solid #8d8d8d;border-radius:0.5em;background-color:#efefef">
+
<div class="note {{{icon}}}">
[[File:icon_note{{#if: {{icon}} | _{{lc:{{icon}}}} | }}.png|frameless|link=]]
+
[[File:icon_note{{#if: {{{icon}}} | _{{lc:{{{icon}}}}} | }}.png|frameless|link=]]
{{content}}
+
{{{content}}}
 
</div>
 
</div>
 
</includeonly><noinclude>
 
</includeonly><noinclude>

Revision as of 17:17, 31 October 2019

A template for short notes.

Usage

{{Note
| Icon = <type>
| Content = Content of the note, which can be as long as you like really, but this template is intended for notes of a few sentences in length really.
}}

Examples

Icon note.png Content of the note, which can be as long as you like really, but this template is intended for notes of a few sentences in length really.