Difference between revisions of "Template:Note"

From Flexible Survival
Jump to: navigation, search
m (Attempt to fix variables)
m (Fix CSS)
 
(7 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 {{{icon}}}">
+
[[File:icon_note{{#if: {{{Icon|}}} | _{{lc:{{{Icon}}}}} | }}.png|frameless|link=]]
[[File:icon_note{{#if: {{{icon|}}} | _{{lc:{{{icon}}}}} | }}.png|frameless|link=]]
+
{{{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>
 
</includeonly><noinclude>
 
</includeonly><noinclude>
Line 34: Line 43:
 
<pre>
 
<pre>
 
{{Note
 
{{Note
| Icon = <type>
+
| 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 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 = 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.
}}


Icon note.png This is a note, for information that needs to have attention drawn to it.


Icon note warning.png This is a warning, used to indicate something that may have non-obvious unintended effects.


Icon note lore.png This is a lore note, for noting things about the game's background and IC (in-character) history.