Difference between revisions of "Template:Note"
From Flexible Survival
m (Attempt to fix variables) |
m (Fix CSS) |
||
(6 intermediate revisions by the same user not shown) | |||
Line 4: | Line 4: | ||
position: relative; | position: relative; | ||
min-height: 3.1em; | min-height: 3.1em; | ||
− | margin:0.5em 5em; | + | margin: 0.5em 5em; |
− | padding:0.1em 1em 0.1em 4em; | + | padding: 0.1em 1em 0.1em 4em; |
− | border:1px solid #8d8d8d; | + | border: 1px solid #8d8d8d; |
− | border-radius:0.5em; | + | 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 | + | background-color: #efefef; |
+ | } | ||
+ | div.note-warning { | ||
+ | border-color: #c63f17; | ||
+ | background-color: #ffab91; | ||
+ | box-shadow: 0 12px 18px -12px #c63f17; | ||
+ | } | ||
+ | div.note-lore { | ||
+ | border-color: #6b9b37; | ||
+ | background-color: #cfff95; | ||
+ | box-shadow: 0 12px 18px -12px #6b9b37; | ||
} | } | ||
div.note img:first-of-type { | div.note img:first-of-type { | ||
Line 23: | Line 33: | ||
} | } | ||
</css> | </css> | ||
− | + | <div class="note note-{{lc:{{{Icon}}}}}"> | |
− | <div class="note {{{ | + | [[File:icon_note{{#if: {{{Icon|}}} | _{{lc:{{{Icon}}}}} | }}.png|frameless|link=]] |
− | [[File:icon_note{{#if: {{{ | ||
{{{Content|There's an interesting note you should probably be aware of here, but whoever added this note forgot to fill it in.}}} | {{{Content|There's an interesting note you should probably be aware of here, but whoever added this note forgot to fill it in.}}} | ||
</div> | </div> | ||
Line 34: | Line 43: | ||
<pre> | <pre> | ||
{{Note | {{Note | ||
− | | Icon = < | + | | Icon = [<empty>|Warning|Lore] |
| 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. | | 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. | ||
}} | }} | ||
Line 40: | Line 49: | ||
== Examples == | == Examples == | ||
+ | <pre> | ||
+ | {{Note | ||
+ | | Content = This is a note, for information that needs to have attention drawn to it. | ||
+ | }} | ||
+ | |||
+ | {{Note | ||
+ | | Icon = Warning | ||
+ | | Content = This is a warning, used to indicate something that may have non-obvious unintended effects. | ||
+ | }} | ||
+ | |||
+ | {{Note | ||
+ | | Icon = Lore | ||
+ | | Content = This is a lore note, for noting things about the game's background and IC (in-character) history. | ||
+ | }} | ||
+ | </pre> | ||
+ | |||
+ | {{Note | ||
+ | | Content = This is a note, for information that needs to have attention drawn to it. | ||
+ | }} | ||
{{Note | {{Note | ||
− | | Icon = | + | | Icon = Warning |
− | | Content = Content | + | | Content = This is a warning, used to indicate something that may have non-obvious unintended effects. |
− | }}[[Category:Templates]] | + | }} |
+ | {{Note | ||
+ | | Icon = Lore | ||
+ | | Content = This is a lore note, for noting things about the game's background and IC (in-character) history. | ||
+ | }} | ||
+ | [[Category:Templates]] | ||
</noinclude> | </noinclude> |
Latest revision as of 01:47, 1 November 2019
A template for short notes.
Usage
{{Note | Icon = [<empty>|Warning|Lore] | 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
{{Note | Content = This is a note, for information that needs to have attention drawn to it. }} {{Note | Icon = Warning | Content = This is a warning, used to indicate something that may have non-obvious unintended effects. }} {{Note | Icon = Lore | Content = This is a lore note, for noting things about the game's background and IC (in-character) history. }}
This is a note, for information that needs to have attention drawn to it.
This is a warning, used to indicate something that may have non-obvious unintended effects.
This is a lore note, for noting things about the game's background and IC (in-character) history.