Difference between revisions of "User:TheTric/Zetta/Page/Container/Collapsible"

From SpiralKnights

< User:TheTric‎ | Zetta‎ | Page‎ | Container
Jump to: navigation, search
m
Line 1: Line 1:
{| cellpadding="0" cellspacing="0" align="{{{align|*}}}" style=" width: {{{width|100%}}}; border: {{{border-width|5px}}} {{{border-type|solid}}} rgba({{{border-color|0,0,0,{{{border-fade|1}}}}}}); background-color: rgba({{{header background-color|235,201,77}}},{{{header background-fade|1}}}); margin: {{{margin|0px}}}; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; -khtml-border-radius: 14px; -icab-border-radius: 14px; -o-border-radius: 14px;"
+
<!-- OUTSIDE TABLE START --><table cellpadding="0" cellspacing="0" style="{{User:TheTric/Zetta/Page/Header/Style}} width:{{{width|100%}}}; padding:0px; {{{containerStyle|}}}">
|-  
+
<tr><td><!--
|
+
 
{| class="wikitable collapsible collapsed"  cellpadding="0" cellspacing="0" style="vertical-align:middle; width: 100%; background: none; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px;"
+
TABLE HEADER CONTAINER START --><table class="wikitable collapsible"  cellpadding="0" cellspacing="0" style="vertical-align:middle; width: 100%; background: none; font-size:.625em; {{User:TheTric/Zetta/Border-radius|10px;}}">
! style="padding:{{{header padding|10px}}}; Font-size: {{{header font-size|1.25em}}}; Font-weight: {{{header font-weight|bold}}}; color:rgb({{{header font-color|background-color}}});"|
+
<tr><th style="padding:10px;"><!--
<table cellpadding="0" cellspacing="10" style="margin:{{{centering margin|-10px}}}; background: none; color: rgb({{{header font-color|0,0,0}}})"><tr>
+
 
{{#if: {{{icon|}}} | <td vertical-align="middle">{{{icon}}}</td>}}
+
HEADER TABLE START --><table cellpadding="0" cellspacing="{{#if: {{{icon|1}}} | 5em | 10em}}" style="margin:-10px; background: none; font-size:1.6em;">
<td align="left">{{{header|Header}}}</td>
+
<tr>{{#if: {{{icon|1}}} | <td width="{{{iconSize|36}}}" vertical-align="middle"><div style="width: {{{iconSize|36}}}px; height: {{{iconSize|36}}}px; overflow: hidden;">[[Image:{{{icon|Icon-usable.png}}}|{{{iconSize|36}}}x{{{iconSize|36}}}px]]</div></td>}}<td align="left">{{{header|Header}}}</td></tr></table><!--
</tr></table>
+
END OF HEADER TABLE --></th></tr>
|-
+
<tr><td>
| align="center" |
+
<div style="{{User:TheTric/Zetta/Page/Container/Body/Style}}">
<div class="zBody"
+
<div style="font-size:.8em; font-weight:normal; font-style:normal;">{{{contents|Contents}}}</div></div>
style="
+
</td></tr>
border:{{{body border-width|2px}}} {{{border-type|solid}}} rgba({{{body border-color|74,111,140}}},{{{body border-fade|1}}});
+
</table>
border-radius: 10px;
+
</td>
-moz-border-radius: 10px;
+
</tr>
-webkit-border-radius: 10px;
+
</table>
-khtml-border-radius: 10px;
+
-icab-border-radius: 10px;
+
-o-border-radius: 10px;
+
padding:{{{body padding|5px}}};
+
background-color: rgba({{{body background-color|17,66,85}}},{{{body background-fade|1}}});
+
"><div class="ZBodyContents"
+
style="
+
border-radius: 5px;  
+
-moz-border-radius: 5px;  
+
-webkit-border-radius: 5px;  
+
-khtml-border-radius: 5px;
+
-icab-border-radius: 5px;
+
-o-border-radius: 5px;
+
padding:{{{contents padding|5px 10px 5px 10px}}};
+
background-color: rgba({{{contents background-color|199,219,234}}},{{{contents background-fade|1}}});
+
color:rgb({{{contents font-color|background-color}}});
+
">{{{body|Body}}}
+
</div>
+
</div>
+
|}
+
|}
+

Revision as of 02:27, 26 October 2012

Icon-usable.png
Header
Contents
Personal tools