Template:Notice: Difference between revisions

Line 1:

{{#if: {{{clear|}}} | <div style="clear: both;"></div> }}

<div {{#if:{{{id|}}}|id="{{{id}}}"}} class="notice hide-for-print {{{class|curved}}} {{#if:{{{dismiss|}}}|{{#ifeq:{{{dismiss}}}|no||dismissible-notice}}|dismissible-notice}}" style="width: {{#if:{{{width|}}}{{{width}}}|{{{width}}}|50%}};

{{#if:{{{b|}}}|<div class="notice-main-text" style="font-weight:bold;">{{{b}}}</div>}}

{{#switch:{{{align|center}}}|left=margin: 0.3em 0.3em 0.3em 0;|right=margin: 0.3em 0 0.3em auto;|#default=margin: 0.3em auto;}};

padding: 0.5em; text-align: center; font-size: {{{font-size|1em}}}; {{{style}}};

{{#if: {{{color|}}} | background-color: {{{color}}}; {{#if: {{{border|}}} | border: {{{border}}}; }} | border: 1px solid black; }}

">

{{#if:{{{dismiss|}}}|{{#ifeq:{{{dismiss}}}|no||<div class="dismiss-button" style="position: absolute; top: -12px; right: -3px; cursor: pointer; padding: 5px;">×</div>}}| <div class="dismiss-button" style="position: absolute; top: -12px; right: -3px; cursor: pointer; padding: 5px;">×</div>}}

{{#if:{{{b|}}}|<div class="notice-main-text" style="font-weight:bold;">{{{b}}}</div>}}

</div>

</includeonly><noinclude>

Line 49:

Line 56:

:'''Use <code>clear=yes</code> if the notice is interfering with other elements.

{{test

|b=This is a test

|1=this is also a test

|color=#bdcca1

|align=left

|width=100%

}}{{example

|name=Beth Brower

|image=Beth Brower-2.jpg

|caption=Our Undaunted Author

|profession=Author, Owner of Cat

|titles=''The Right Honorable Beth''

}}

@@ Line 1: / Line 1: @@
 <includeonly>
 {{#if: {{{clear|}}} | <div style="clear: both;"></div> }}
-<div {{#if:{{{id|}}}|id="{{{id}}}"}} class="notice hide-for-print {{{class|curved}}}" style="width: {{#if:{{{width|}}}{{{width}}}|{{{width}}}|50%}}; margin: {{#switch:{{{align|center}}}|left=0 auto 0 0|right=0 0 0 auto|#default=auto}}; padding: 0.5em; text-align: center; font-size: {{{font-size|1em}}}; {{{style}}}; {{#if:{{{border|}}}|border: {{{border|1px solid black}}};}};">
+<div {{#if:{{{id|}}}|id="{{{id}}}"}} class="notice hide-for-print {{{class|curved}}} {{#if:{{{dismiss|}}}|{{#ifeq:{{{dismiss}}}|no||dismissible-notice}}|dismissible-notice}}" style="width: {{#if:{{{width|}}}{{{width}}}|{{{width}}}|50%}};
-  {{#if:{{{b|}}}|<div class="notice-main-text" style="font-weight:bold;">{{{b}}}</div>}}
+  {{#switch:{{{align|center}}}|left=margin: 0.3em 0.3em 0.3em 0;|right=margin: 0.3em 0 0.3em auto;|#default=margin: 0.3em auto;}};
-  <div class="{{#if:{{{b|}}}|hide-for-multinotice|notice-main-text}}" style="white-space: normal;">{{{1}}}</div>
+  padding: 0.5em; text-align: center; font-size: {{{font-size|1em}}}; {{{style}}};
+  {{#if: {{{color|}}} | background-color: {{{color}}}; {{#if: {{{border|}}} | border: {{{border}}}; }} | border: 1px solid black; }}
+">
+  <div style="position: relative;">
+    {{#if:{{{dismiss|}}}|{{#ifeq:{{{dismiss}}}|no||<div class="dismiss-button" style="position: absolute; top: -12px; right: -3px; cursor: pointer; padding: 5px;">×</div>}}| <div class="dismiss-button" style="position: absolute; top: -12px; right: -3px; cursor: pointer; padding: 5px;">×</div>}}
+    {{#if:{{{b|}}}|<div class="notice-main-text" style="font-weight:bold;">{{{b}}}</div>}}
+    <div class="{{#if:{{{b|}}}|hide-for-multinotice|notice-main-text}}" style="white-space: normal;">{{{1}}}</div>
+  </div>
 </div>
 </includeonly><noinclude>
@@ Line 49: / Line 56: @@
 :'''Use <code>clear=yes</code> if the notice is interfering with other elements.
+{{test
+|b=This is a test
+|1=this is also a test
+|color=#bdcca1
+|align=left
+|width=100%
+}}{{example
+|name=Beth Brower
+|image=Beth Brower-2.jpg
+|caption=Our Undaunted Author
+|profession=Author, Owner of Cat
+|titles=''The Right Honorable Beth''
+}}