Difference between revisions of "User:TheTric/Zetta/Page/Container"
From SpiralKnights
< User:TheTric | Zetta | Page
(refinement into sk style) |
|||
Line 2: | Line 2: | ||
style=" | style=" | ||
margin:{{{margin|0px 0px 5px 0px}}}; | margin:{{{margin|0px 0px 5px 0px}}}; | ||
− | border:{{{border-width| | + | border:{{{border-width|5px}}} {{{border-type|solid}}} rgba({{{border-color|0,0,0}}},1); |
− | border-radius: {{{border-radius| | + | border-radius: {{{border-radius|14px}}}; |
− | -moz-border-radius: {{{border-radius| | + | -moz-border-radius: {{{border-radius|14px}}}; |
− | -webkit-border-radius: {{{border-radius| | + | -webkit-border-radius: {{{border-radius|14px}}}; |
− | -khtml-border-radius: {{{border-radius| | + | -khtml-border-radius: {{{border-radius|14px}}}; |
− | -icab-border-radius: {{{border-radius| | + | -icab-border-radius: {{{border-radius|14px}}}; |
− | -o-border-radius: {{{border-radius| | + | -o-border-radius: {{{border-radius|14px}}}; |
background-color: rgba({{{header background-color|235,201,77}}},{{{fade|1}}}); | background-color: rgba({{{header background-color|235,201,77}}},{{{fade|1}}}); | ||
"><div class="zHeader" | "><div class="zHeader" | ||
style=" | style=" | ||
− | margin:-{{{border-width| | + | margin:-{{{border-width|5px}}}; |
− | border:{{{header border-width| | + | border:{{{header border-width|5px}}} {{{header border-type|solid}}} rgba({{{header border-color|0,0,0}}},0); |
− | border-radius: {{{header border-radius| | + | border-radius: {{{header border-radius|14px}}}; |
− | -moz-border-radius: {{{header border-radius| | + | -moz-border-radius: {{{header border-radius|14px}}}; |
− | -webkit-border-radius: {{{header border-radius| | + | -webkit-border-radius: {{{header border-radius|14px}}}; |
− | -khtml-border-radius: {{{header border-radius| | + | -khtml-border-radius: {{{header border-radius|14px}}}; |
− | -icab-border-radius: {{{header border-radius| | + | -icab-border-radius: {{{header border-radius|14px}}}; |
− | -o-border-radius: {{{header border-radius| | + | -o-border-radius: {{{header border-radius|14px}}}; |
padding:{{{header padding|5px}}}; | padding:{{{header padding|5px}}}; | ||
background-color: rgba({{{header background-color|235,201,77}}},0); | background-color: rgba({{{header background-color|235,201,77}}},0); | ||
Line 29: | Line 29: | ||
<div class="zBody" | <div class="zBody" | ||
style=" | style=" | ||
− | border:{{{ | + | border:{{{body border-width|2px}}} {{{body border-type|solid}}} rgba({{{body border-color|74,111,140}}},1); |
− | border-radius: {{{ | + | border-radius: {{{body border-radius|10px}}}; |
− | -moz-border-radius: {{{ | + | -moz-border-radius: {{{body border-radius|10px}}}; |
− | -webkit-border-radius: {{{ | + | -webkit-border-radius: {{{body border-radius|10px}}}; |
− | -khtml-border-radius: {{{ | + | -khtml-border-radius: {{{body border-radius|10px}}}; |
− | -icab-border-radius: {{{ | + | -icab-border-radius: {{{body border-radius|10px}}}; |
− | -o-border-radius: {{{ | + | -o-border-radius: {{{body border-radius|10px}}}; |
− | padding:{{{ | + | padding:{{{body padding|5px}}}; |
− | background-color: rgba({{{background-color|17,66,85}}},1 | + | background-color: rgba({{{body background-color|17,66,85}}},1); |
− | + | ||
"><div class="ZBodyContents" | "><div class="ZBodyContents" | ||
style=" | style=" | ||
− | + | border-radius: {{{contents border-radius|5px}}}; | |
− | border-radius: {{{ | + | -moz-border-radius: {{{contents border-radius|5px}}}; |
− | -moz-border-radius: {{{ | + | -webkit-border-radius: {{{contents border-radius|5px}}}; |
− | -webkit-border-radius: {{{ | + | -khtml-border-radius: {{{contents border-radius|5px}}}; |
− | -khtml-border-radius: {{{ | + | -icab-border-radius: {{{contents border-radius|5px}}}; |
− | -icab-border-radius: {{{ | + | -o-border-radius: {{{contents border-radius|5px}}}; |
− | -o-border-radius: {{{ | + | padding:{{{contents padding|5px 10px 5px 10px}}}; |
− | padding:{{{ | + | background-color: rgba({{{contents background-color|199,219,234}}},1); |
− | background-color: rgba({{{background-color|199,219,234}}},1); | + | color:rgb({{{contents font-color|background-color}}}); |
− | color:rgb({{{ | + | |
">{{{body|Body}}} | ">{{{body|Body}}} | ||
</div> | </div> |
Revision as of 04:32, 5 December 2011
Documentation
Usage
-
optimized for firefox.
Suggested to be used in conjuncture with other zetta"©" elements
Parameters
- margin
- border-width
- border-type
- border-color
- border-radius
- background-color
- fade
- header border-width
- header border-type
- header border-color
- header border-radius
- header padding
- header background-color
- header font-size
- header font-weight
- icon
- header
- padding
- body
Copy Paste
{{User:TheTric/zContainer | border-color = | background-color = | header border-color = | header background-color = | header = | body = }}
Acknowledgements
Editors can experiment in this template's sandbox (create) and testcases (create) pages. Subpages of this page. |