|
|
(60 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | <div class="zContainer" | + | <noinclude>{{User:TheTric/zNotice}}<ul></noinclude><!-- |
− | style="
| + | |
− | margin:{{{margin|0px 0px 5px 0px}}};
| + | CONTAINER |
− | border:{{{border-width|3px}}} {{{border-type|solid}}} rgba({{{border-color|0,0,0}}},1);
| + | --><div style="{{User:TheTric/Zetta/Page/Header/Style}} padding:0px; {{{style|{{:{{PAGENAME}}/Style}}}}} "><!-- |
− | border-radius: {{{border-radius|15px}}};
| + | |
− | -moz-border-radius: {{{border-radius|15px}}};
| + | HEADER |
− | -webkit-border-radius: {{{border-radius|15px}}};
| + | -->{{User:TheTric/Zetta/LongDetail|{{{header|}}}|{{{icon|Icon-usable.png}}}|{{{stars|}}}| iconSize={{{iconSize|25}}}| style= {{{headerStyle|{{:{{PAGENAME}}/Style/Header}} }}} }}<!-- |
− | -khtml-border-radius: {{{border-radius|15px}}};
| + | |
− | -icab-border-radius: {{{border-radius|15px}}};
| + | BODY |
− | -o-border-radius: {{{border-radius|15px}}};
| + | --><div style="{{User:TheTric/Zetta/Page/Container/Body/Style}} {{#if:{{{header|}}}|border-top: 8px solid rgb(17,66,85); padding-top:0px;|}} {{#if:{{{footer|}}}|border-bottom: 8px solid rgb(17,66,85); padding-bottom:0px;|}} font-size:.5em; font-weight:normal; font-style:normal; {{{bodyStyle|{{:{{PAGENAME}}/Style/Body}} }}}; "> |
− | background-color: rgba({{{header background-color|235,201,77}}},{{{fade|1}}});
| + | {{{body|Body}}}</div><!-- |
− | "><div class="zHeader"
| + | |
− | style="
| + | FOOTER |
− | margin:-{{{border-width|3px}}};
| + | -->{{User:TheTric/Zetta/LongDetail|{{{footer|}}}|{{{icon|Icon-usable.png}}}|{{{stars|}}}| iconSize={{{iconSize|25}}}| style= {{{footerStyle|{{:{{PAGENAME}}/Style/Footer}} }}} }}<!-- |
− | border:{{{header border-width|3px}}} {{{header border-type|solid}}} rgba({{{header border-color|0,0,0}}},0);
| + | |
− | border-radius: {{{header border-radius|15px}}};
| + | |
− | -moz-border-radius: {{{header border-radius|15px}}};
| + | DOC --></div><noinclude></ul>{{User:TheTric/Zetta/Documentation |
− | -webkit-border-radius: {{{header border-radius|15px}}};
| + | | usage = |
− | -khtml-border-radius: {{{header border-radius|15px}}};
| + | |
− | -icab-border-radius: {{{header border-radius|15px}}};
| + | |
− | -o-border-radius: {{{header border-radius|15px}}};
| + | |
− | padding:{{{header padding|5px}}};
| + | |
− | background-color: rgba({{{header background-color|235,201,77}}},0);
| + | |
− | 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:{{{header border-width|2px}}} {{{header border-type|solid}}} rgba({{{header border-color|73,110,139}}},1);
| + | |
− | border-radius: {{{header border-radius|10px}}};
| + | |
− | -moz-border-radius: {{{header border-radius|10px}}};
| + | |
− | -webkit-border-radius: {{{header border-radius|10px}}};
| + | |
− | -khtml-border-radius: {{{header border-radius|10px}}};
| + | |
− | -icab-border-radius: {{{header border-radius|10px}}};
| + | |
− | -o-border-radius: {{{header border-radius|10px}}};
| + | |
− | padding:{{{header padding|5px}}};
| + | |
− | background-color: rgba({{{background-color|17,66,85}}},1);
| + | |
− | color:rgb({{{body font-color|background-color}}});
| + | |
− | "><div class="ZBodyContents"
| + | |
− | style="
| + | |
− | border:{{{header border-width|2px}}} {{{header border-type|solid}}} rgba({{{header border-color|73,110,139}}},0);
| + | |
− | border-radius: {{{header border-radius|5px}}};
| + | |
− | -moz-border-radius: {{{header border-radius|5px}}};
| + | |
− | -webkit-border-radius: {{{header border-radius|5px}}};
| + | |
− | -khtml-border-radius: {{{header border-radius|5px}}};
| + | |
− | -icab-border-radius: {{{header border-radius|5px}}};
| + | |
− | -o-border-radius: {{{header border-radius|5px}}};
| + | |
− | padding:{{{header padding|5px}}};
| + | |
− | background-color: rgba({{{background-color|199,219,234}}},1);
| + | |
− | color:rgb({{{body font-color|background-color}}});
| + | |
− | ">{{{body|Body}}}
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div><noinclude> | + | |
− | __notoc__
| + | |
− | {{Documentation | + | |
− | | content = | + | |
− | === 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 ===
| + | | copyPaste = |
− | <ul>
| + | <pre>{{User:TheTric/Zetta/Page/Container |
− | <li>margin</li>
| + | }}</pre> |
− | <li>border-width</li>
| + | |
− | <li>border-type</li>
| + | |
− | <li>border-color</li>
| + | |
− | <li>border-radius</li>
| + | |
− | <li>background-color</li>
| + | |
− | <li>fade</li>
| + | |
− | <li>header border-width</li>
| + | |
− | <li>header border-type</li>
| + | |
− | <li>header border-color</li>
| + | |
− | <li>header border-radius</li>
| + | |
− | <li>header padding</li>
| + | |
− | <li>header background-color</li>
| + | |
− | <li>header font-size</li>
| + | |
− | <li>header font-weight</li>
| + | |
− | <li>icon</li>
| + | |
− | <li>header</li>
| + | |
− | <li>padding</li>
| + | |
− | <li>body</li>
| + | |
− | </ul>
| + | |
− | === Copy Paste ===
| + | |
− | <ul>
| + | |
− | <pre> | + | |
− | {{User:TheTric/zContainer | + | |
− | | border-color =
| + | |
− | | background-color =
| + | |
− | | header border-color =
| + | |
− | | header background-color =
| + | |
− | | header =
| + | |
− | | body =
| + | |
| }} | | }} |
− | </pre>
| |
− | </ul>
| |
− | === Acknowledgements ===
| |
− | <ul>
| |
− | {{User:TheTric/credit}}
| |
− | </ul>
| |
− | }}
| |
− | </noinclude>
| |