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

From SpiralKnights

< User:TheTric‎ | Zetta‎ | Page
Jump to: navigation, search
m
Line 1: Line 1:
−
<noinclude>{{User:TheTric/zNotice}}</noinclude><div class="zContainer"
+
<noinclude>{{User:TheTric/zNotice}}</noinclude>
−
style="
+
<!-- CONTAINER -->
−
margin:{{{margin|0px 0px 5px 0px}}};
+
<div style="{{User:TheTric/Zetta/Page/Header/Style}} margin: 0px 0px 6px 0px; padding:0px; font-size:1.25em; font-weight:bold; {{{headerStyle|}}}">
−
border:{{{border-width|5px}}} {{{border-type|solid}}} rgba({{{border-color|0,0,0}}},{{{border-fade|1}}});
+
<!-- HEADER -->
−
border-radius: 14px;
+
<div style="position:relative; margin:6px;">[[File:{{{icon|Icon-usable.png}}}|20px]]
−
-moz-border-radius: 14px;
+
<div style="position:absolute; left:26px; bottom:0px;">
−
-webkit-border-radius: 14px;
+
{{{header|Header}}}</div></div>
−
-khtml-border-radius: 14px;
+
<!-- BODY -->
−
-icab-border-radius: 14px;
+
<div style="{{User:TheTric/Zetta/Page/Body/Style}} {{{bodyStyle|}}}">
−
-o-border-radius: 14px;
+
<!-- CONTENTS -->
−
background-color: rgba({{{header background-color|235,201,77}}},{{{header background-fade|1}}});
+
<div style="{{User:TheTric/Zetta/Page/Contents/Style}} {{{contentsStyle|}}}">
−
"><div class="zHeader"
+
{{{body|Body}}}</div></div></div><noinclude>
−
style="
+
−
margin:-{{{border-width|5px}}};
+
−
border:{{{border-width|5px}}} {{{border-type|solid}}} rgba(0,0,0,0);
+
−
border-radius: 14px;  
+
−
-moz-border-radius: 14px;
+
−
-webkit-border-radius: 14px;
+
−
-khtml-border-radius: 14px;
+
−
-icab-border-radius: 14px;
+
−
-o-border-radius: 14px;
+
−
padding:{{{header padding|5px}}};
+
−
Font-size: {{{header font-size|1.25em}}};
+
−
Font-weight: {{{header font-weight|bold}}};
+
−
color:rgb({{{header font-color|background-color}}});
+
−
">{{{icon|[[File:Icon-usable.png|20px]]}}} {{{header|Header}}}
+
−
</div>
+
−
<div class="zBody"
+
−
style="
+
−
border:{{{body border-width|2px}}} {{{border-type|solid}}} rgba({{{body border-color|74,111,140}}},{{{body border-fade|1}}});
+
−
border-radius: 10px;
+
−
-moz-border-radius: 10px;
+
−
-webkit-border-radius: 10px;
+
−
-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>
+
−
</div><noinclude>
+
 
__notoc__
 
__notoc__
−
{{Documentation
+
{{User:TheTric/Zetta/Documentation
−
| content =
+
| usage =
−
=== Usage ===
+
−
<ul>
+
 
optimized for firefox.
 
optimized for firefox.
 
Suggested to be used in conjuncture with other zetta"©" elements
 
Suggested to be used in conjuncture with other zetta"©" elements
−
</ul>
+
| parameters =
−
=== Parameters ===
+
; headerStyle: {{VarOptional}}
−
<ul>
+
; header: {{VarRecommended}}
−
<li>margin</li>
+
; bodyStyle: {{VarOptional}}
−
<li>border-width</li>
+
; contentsStyle: {{VarOptional}}
−
<li>border-type</li>
+
; contents: {{VarRecommended}}
−
<li>border-color</li>
+
| copyPaste =
−
<li>border-fade</li>
+
<pre>{{User:TheTric/Zetta/Container
−
 
+
| headerStyle =  
−
<li>header background-color</li>
+
| header =
−
<li>header background-fade</li>
+
| bodyStyle =
−
<li>header padding</li>
+
| contentsStyle =
−
<li>header font-size</li>
+
| contents =
−
<li>header font-weight</li>
+
}}</pre>
−
<li>header font-color</li>
+
−
<li>icon</li>
+
−
<li>header</li>
+
−
 
+
−
<li>body border-width</li>
+
−
<li>body border-color</li>
+
−
<li>body border-fade</li>
+
−
<li>body padding</li>
+
−
<li>body background-color</li>
+
−
<li>body background-fade</li>
+
−
<li>body</li>
+
−
 
+
−
<li>contents padding</li>
+
−
<li>contents background-color</li>
+
−
<li>contents background-fade</li>
+
−
<li>contents font-color</li>
+
−
</ul>
+
−
=== Copy Paste ===
+
−
<ul>
+
−
<pre>
+
−
{{User:TheTric/zContainer
+
−
| margin =
+
−
| border-width =
+
−
| border-type =
+
−
| border-color =
+
−
| border-fade =  
+
−
| header background-color =  
+
−
| header background-fade =  
+
−
| header padding =
+
−
| header font-size =
+
−
| header font-weight =
+
−
| header font-color =
+
−
| icon =
+
−
| header =
+
−
| body border-width =
+
−
| body border-color =
+
−
| body border-fade =
+
−
| body padding =
+
−
| body background-color =
+
−
| body background-fade =  
+
−
| contents padding =  
+
−
| contents background-color =
+
−
| contents background-fade =
+
−
| contents font-color =
+
−
| body =
+
 
}}
 
}}
−
</pre>
 
−
</ul>
 
−
=== Acknowledgements ===
 
−
<ul>
 
−
{{User:TheTric/credit}}
 
−
</ul>
 
−
}}
 
−
</noinclude>
 

Revision as of 16:50, 21 October 2012

User:TheTric/zNotice

Icon-usable.png
Header
Body


Documentation

Usage

    optimized for firefox. Suggested to be used in conjuncture with other zetta"©" elements

Parameters

    headerStyle
    Optional.
    header
    Recommended.
    bodyStyle
    Optional.
    contentsStyle
    Optional.
    contents
    Recommended.

Copy Paste

    {{User:TheTric/Zetta/Container
| headerStyle = 
| header =
| bodyStyle =
| contentsStyle =
| contents =
}}
Retrieved from "https://wiki.spiralknights.com/index.php?title=User:TheTric/Zetta/Page/Container&oldid=105276"
Personal tools