User:Emma/Sandbox: Difference between revisions

Want an adless experience? Log in or Create an account.
Just putting this old project back up. Still not sure what to do with it.
No edit summary
(Just putting this old project back up. Still not sure what to do with it.)
Line 32: Line 32:
|}</div>
|}</div>


== Buttons ==
==Letterhead==
 
Normal table:
{{#vardefine:FiTipID|{{#if:{{#varexists:FiTipID}}|{{#expr:{{#var:FiTipID}}+1}}|1}}}}
{| style="border-collapse: separate; border-spacing: 0; border-width: 0px;"
{| border=1 style="border-radius: 10px; border:1px solid #42acee; background:#8bdee6;"
| style="width: 80px; background-color: transparent; border-width: 2px; padding: 0;"|[[File:Page-corner.png|link=]]
|class="Fi{{#var:FiTipID}}Column0" align=right style="border-radius: 10px; background:#bbffff;"|<span class="_toggler-Fi{{#var:FiTipID}}Column2 _toggler-Fi{{#var:FiTipID}}Column1 _toggler-Fi{{#var:FiTipID}}Column0">[[File:FiIcon.png|link=]]</span>
! style="background-color: #faf9f2; font-style:bold;"| Very Serious Blah
|class="Fi{{#var:FiTipID}}Column1" align=right style="border-top-left-radius: 10px; border-bottom-left-radius: 10px; background:#bbffff; display:none;"|<span class="_toggler-Fi{{#var:FiTipID}}Column0 _toggler-Fi{{#var:FiTipID}}Column2 _toggler-Fi{{#var:FiTipID}}Column1">[[File:FiIcon.png|link=]]</span>
|-
|class="Fi{{#var:FiTipID}}Column2" style="border-top-right-radius: 10px; border-bottom-right-radius: 10px; background:#e6ffff; display:none;"|''{{{1}}}''
| colspan=2 style="padding: 3em 2em; background-color: #faf9f2; font-size:1.2em;"|blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
|}
|}
 
Text area through caption:
{{#vardefine:NaviTipID|{{#if:{{#varexists:NaviTipID}}|{{#expr:{{#var:NaviTipID}}+1}}|1}}}}
{| style="border-collapse: separate; border-spacing: 0; border-width: 0px; width:100%"
{| border=1 style="{{round|normal|10}} border:1px solid #42acee; background:#1a8ed5;"
| style="width: 80px; background-color: transparent; border-width: 2px; padding: 0;"|[[File:Page-corner.png|link=]]
|class="Navi{{#var:NaviTipID}}Column0" align=right style="{{round|normal|10}}; background:#a0f5fe;"|<span class="_toggler-Navi{{#var:NaviTipID}}Column2 _toggler-Navi{{#var:NaviTipID}}Column1 _toggler-Navi{{#var:NaviTipID}}Column0">[[File:NaviIcon.png|link=]]</span>
! style="background-color: #faf9f2; font-style:bold;"| Very Serious Blah
|class="Navi{{#var:NaviTipID}}Column1" align=right style="{{round|left|10}}; background:#a0f5fe; display:none;"|<span class="_toggler-Navi{{#var:NaviTipID}}Column0 _toggler-Navi{{#var:NaviTipID}}Column2 _toggler-Navi{{#var:NaviTipID}}Column1">[[File:NaviIcon.png|link=]]</span>
|+ align="bottom" style="padding: 3em 2em; background-color: #faf9f2; font-size:1.2em; "|blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
|class="Navi{{#var:NaviTipID}}Column2" style="{{round|right|10}}; background:#e2f0fe; display:none;"|''{{{1}}}''
|}
|}


{{#vardefine:CommentBoxID|{{#if:{{#varexists:CommentBoxID}}|{{#expr:CommentBoxID}}+1}}|1}}{| border=1 style="{{round|10}}; border:1px solid {{{bordercolor|#000}}}; background:{{{borderbackground|#5A7EB5}}};"
Through CSS class:
!class="{{#var:CommentBoxID}}Column0 _toggler-{{#var:CommentBoxID}}Column0 _toggler-{{#var:CommentBoxID}}Column1 _toggler-{{#var:CommentBoxID}}Column2" align=right style="{{round|10}}; background:{{{buttonbackground|#F2F2F2}}};"|{{{button1|{{{button}}}}}}
!class="{{#var:CommentBoxID}}Column1 _toggler-{{#var:CommentBoxID}}Column0 _toggler-{{#var:CommentBoxID}}Column1 _toggler-{{#var:CommentBoxID}}Column2" align=right style="{{round|left|10}}; background:{{{buttonbackground|#F2F2F2}}}; display:none;"|{{{button2|{{{button}}}}}}
|class="{{#var:CommentBoxID}}Column2" style="{{round|right|10}}; background:{{{buttonbackground|#FFFFFF}}}; display:none;"|{{{content}}}
|}


{{#vardefine:CommentBoxID|{{#if:{{#varexists:CommentBoxID}}|{{#expr:{{#var:CommentBoxID}}+1}}|1}}}}{| border=1 style="{{round|10}}; border:1px solid {{{bordercolor|#000}}}; background:{{{borderbackground|#5A7EB5}}};"
{| class="letterhead"
!class="{{#var:CommentBoxID}}Column0 _toggler-{{#var:CommentBoxID}}Column0 _toggler-{{#var:CommentBoxID}}Column1 _toggler-{{#var:CommentBoxID}}row" align=right style="{{round|10}}; background:{{{buttonbackground|#F2F2F2}}};"|{{{button1|{{{button}}}}}}
| [[File:TriforceIcon.png|link=]]
!class="{{#var:CommentBoxID}}Column1 _toggler-{{#var:CommentBoxID}}Column0 _toggler-{{#var:CommentBoxID}}Column1 _toggler-{{#var:CommentBoxID}}row" align=right style="{{round|top|10}}; background:{{{buttonbackground|#F2F2F2}}}; display:none;"|{{{button2|{{{button}}}}}}
!  Very Serious Blah
|-class="{{#var:CommentBoxID}}row" style="display:none;"
|style="{{round|bottom|10}}; background:{{{buttonbackground|#FFFFFF}}};"|{{{content}}}
|}
|}
<div class="letterhead">
blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah
</div>