Difference between revisions of "Template:Notice"

From A3! Wiki
m
m
Line 5: Line 5:
 
<includeonly>
 
<includeonly>
 
{{#css:
 
{{#css:
 +
.notice {
 +
    padding: .75rem 1.25rem;
 +
    margin: 0 auto 1rem auto;
 +
    border: 1px solid transparent;
 +
    border-radius: .25rem;
 +
    display: inline-block;
 +
    text-align: center;
 +
}
 +
 
.noticeInfo {
 
.noticeInfo {
 
     color: #0c5460;
 
     color: #0c5460;
Line 15: Line 24:
 
     background-color: #fff3cd;
 
     background-color: #fff3cd;
 
     border-color: #ffeeba;
 
     border-color: #ffeeba;
}
 
 
.notice {
 
    padding: .75rem 1.25rem;
 
    margin: 0 auto 1rem auto;
 
    border: 1px solid transparent;
 
    border-radius: .25rem;
 
    display: inline-block;
 
    text-align: center;
 
 
}
 
}
 
}}
 
}}
 
<div style="text-align: center"><div class="notice {{#if: {{{1|}}}|{{#switch: {{{1}}}|Spoiler|spoiler=noticeSpoiler|#default=noticeInfo}}|}}">{{#switch: {{{1}}}|Spoiler|spoiler=<b>Warning!</b> The following text may contain spoilers for aspects of the story. Proceed with caution.|#default={{{1}}} }}</div></div>
 
<div style="text-align: center"><div class="notice {{#if: {{{1|}}}|{{#switch: {{{1}}}|Spoiler|spoiler=noticeSpoiler|#default=noticeInfo}}|}}">{{#switch: {{{1}}}|Spoiler|spoiler=<b>Warning!</b> The following text may contain spoilers for aspects of the story. Proceed with caution.|#default={{{1}}} }}</div></div>
 
</includeonly>
 
</includeonly>

Revision as of 09:29, 18 January 2018


Creates 1 of 3 types of Notice boxes: general (blue), spoiler (yellow), and warning (red). Note that at the moment, all 3 Notice types will appear as the same yellow to users with the A3! Wiki Dark Mode Theme™️ enabled.

How to Use

Click the respective header links to see live examples of each Notice box.

General

{{Notice|Whatever is here will be the notice text. There is no need to state a 'type', unlike for the other 2 Notice boxes.}}

would generate this:


Whatever is here will be the notice text. There is no need to state a 'type', unlike for the other 2 Notice boxes.


Spoiler

{{Notice|spoiler}}

would automatically generate this standard spoiler tag:


Warning! The following text may contain spoilers for aspects of the story. Proceed with caution.


Warning

{{Notice|warning|<b>Trigger warning</b>: A section of the performance in this episode depicts [insert topics here]. Reader discretion is advised.}}

would generate this:


warning

Note that the use of this box is not restricted to trigger warnings only, and may be used for any other important warnings for story readers or wiki visitors.