Template:Note: Difference between revisions
From Flexible Survival
Jump to navigationJump to search
m Adjust warning colour |
Add lore note and update documentation |
||
| Line 17: | Line 17: | ||
background-color: #ffab91; | background-color: #ffab91; | ||
box-shadow: 0 12px 18px -12px #c63f17; | box-shadow: 0 12px 18px -12px #c63f17; | ||
} | |||
div.note-warning { | |||
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 38: | Line 43: | ||
<pre> | <pre> | ||
{{Note | {{Note | ||
| Icon = [<empty>|Warning] | | 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 44: | Line 49: | ||
== Examples == | == Examples == | ||
<pre> | |||
{{Note | {{Note | ||
| Content = This is a note, for information that needs to have attention drawn to it. | |||
| Content = | |||
}} | }} | ||
{{Note | {{Note | ||
| Icon = Warning | | Icon = Warning | ||
| Content = Content | | 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 = Warning | | Icon = Warning | ||
| Content = Content | | 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. | |||
}} | }} | ||
[[Category:Templates]] | [[Category:Templates]] | ||
</noinclude> | </noinclude> | ||
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.
}}
<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-warning {
border-color: #c63f17; background-color: #ffab91; box-shadow: 0 12px 18px -12px #c63f17;
} div.note-warning {
border-color: #6b9b37; background-color: #cfff95; box-shadow: 0 12px 18px -12px #6b9b37;
} div.note img:first-of-type {
position: absolute; width: 2em; height: 2em; left: 2em; top: 0.6em; transform: translatex(-50%); opacity: 60%
} </css>
This is a note, for information that needs to have attention drawn to it.
<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-warning {
border-color: #c63f17; background-color: #ffab91; box-shadow: 0 12px 18px -12px #c63f17;
} div.note-warning {
border-color: #6b9b37; background-color: #cfff95; box-shadow: 0 12px 18px -12px #6b9b37;
} div.note img:first-of-type {
position: absolute; width: 2em; height: 2em; left: 2em; top: 0.6em; transform: translatex(-50%); opacity: 60%
} </css>
This is a warning, used to indicate something that may have non-obvious unintended effects.
<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-warning {
border-color: #c63f17; background-color: #ffab91; box-shadow: 0 12px 18px -12px #c63f17;
} div.note-warning {
border-color: #6b9b37; background-color: #cfff95; box-shadow: 0 12px 18px -12px #6b9b37;
} div.note img:first-of-type {
position: absolute; width: 2em; height: 2em; left: 2em; top: 0.6em; transform: translatex(-50%); opacity: 60%
} </css>
This is a lore note, for noting things about the game's background and IC (in-character) history.
