Template:Note: Difference between revisions
From Flexible Survival
Jump to navigationJump to search
m Attempt to fix variables |
Add caution type note |
||
| 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: #ffa270; | |||
} | } | ||
div.note img:first-of-type { | div.note img:first-of-type { | ||
| Line 23: | Line 27: | ||
} | } | ||
</css> | </css> | ||
<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=]] | ||
| Line 34: | Line 37: | ||
<pre> | <pre> | ||
{{Note | {{Note | ||
| Icon = < | | Icon = [<empty>|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 = 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 43: | Line 46: | ||
| Icon = | | Icon = | ||
| 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. | ||
}}[[Category:Templates]] | }} | ||
{{Note | |||
| 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. | |||
}} | |||
[[Category:Templates]] | |||
</noinclude> | </noinclude> | ||
Revision as of 01:02, 1 November 2019
A template for short notes.
Usage
{{Note
| Icon = [<empty>|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.
}}
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.warning {
border-color: #c63f17; background-color: #ffa270;
} div.note img:first-of-type {
position: absolute; width: 2em; height: 2em; left: 2em; top: 0.6em; transform: translatex(-50%); opacity: 60%
} </css>
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.
<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: #ffa270;
} div.note img:first-of-type {
position: absolute; width: 2em; height: 2em; left: 2em; top: 0.6em; transform: translatex(-50%); opacity: 60%
} </css>
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.
