Template:Note: Difference between revisions
From Flexible Survival
Jump to navigationJump to search
Tidy up CSS and correct variable names |
m Attempt to fix variables |
||
| Line 25: | Line 25: | ||
<div class="note {{{icon}}}"> | <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> | ||
Revision as of 18:10, 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
<css> div.note {
position: relative; 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; align-items: center; box-shadow: 0 12px 18px -12px #373737; background-color:#efefef
} div.note img:first-of-type {
position: absolute; width: 2em; height: 2em; left: 2em; top: 0.6em; transform: translatex(-50%); opacity: 60%
} </css>
{{{content}}}
