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

From SpiralKnights

< User:TheTric‎ | Zetta‎ | Page
Jump to: navigation, search
(refinement)
Line 2: Line 2:
 
style="  
 
style="  
 
margin:{{{margin|0px 0px 5px 0px}}};
 
margin:{{{margin|0px 0px 5px 0px}}};
−
border:{{{border-width|5px}}} {{{border-type|solid}}} rgba({{{border-color|0,0,0}}},1);
+
border:{{{border-width|5px}}} {{{border-type|solid}}} rgba({{{border-color|0,0,0}}},{{{border-fade|1}}});
−
border-radius: {{{border-radius|14px}}};  
+
border-radius: 14px;  
−
-moz-border-radius: {{{border-radius|14px}}};  
+
-moz-border-radius: 14px;  
−
-webkit-border-radius: {{{border-radius|14px}}};  
+
-webkit-border-radius: 14px;  
−
-khtml-border-radius: {{{border-radius|14px}}};  
+
-khtml-border-radius: 14px;  
−
-icab-border-radius: {{{border-radius|14px}}};  
+
-icab-border-radius: 14px;  
−
-o-border-radius: {{{border-radius|14px}}};
+
-o-border-radius: 14px;
−
background-color: rgba({{{header background-color|235,201,77}}},{{{fade|1}}});
+
background-color: rgba({{{header background-color|235,201,77}}},{{{header background-fade|1}}});
 
"><div class="zHeader"
 
"><div class="zHeader"
 
style="
 
style="
 
margin:-{{{border-width|5px}}};
 
margin:-{{{border-width|5px}}};
−
border:{{{header border-width|5px}}} {{{header border-type|solid}}} rgba({{{header border-color|0,0,0}}},0);
+
border:{{{border-width|5px}}} {{{border-type|solid}}} rgba(0,0,0,0);
−
border-radius: {{{header border-radius|14px}}};  
+
border-radius: 14px;  
−
-moz-border-radius: {{{header border-radius|14px}}};  
+
-moz-border-radius: 14px;  
−
-webkit-border-radius: {{{header border-radius|14px}}};  
+
-webkit-border-radius: 14px;  
−
-khtml-border-radius: {{{header border-radius|14px}}};  
+
-khtml-border-radius: 14px;  
−
-icab-border-radius: {{{header border-radius|14px}}};  
+
-icab-border-radius: 14px;  
−
-o-border-radius: {{{header border-radius|14px}}};
+
-o-border-radius: 14px;
 
padding:{{{header padding|5px}}};
 
padding:{{{header padding|5px}}};
−
background-color: rgba({{{header background-color|235,201,77}}},0);
 
 
Font-size: {{{header font-size|1.25em}}};
 
Font-size: {{{header font-size|1.25em}}};
 
Font-weight: {{{header font-weight|bold}}};
 
Font-weight: {{{header font-weight|bold}}};
Line 29: Line 28:
 
<div class="zBody"
 
<div class="zBody"
 
style="
 
style="
−
border:{{{body border-width|2px}}} {{{body border-type|solid}}} rgba({{{body border-color|74,111,140}}},1);
+
border:{{{body border-width|2px}}} {{{border-type|solid}}} rgba({{{body border-color|74,111,140}}},{{{body border-fade|1}}});
−
border-radius: {{{body border-radius|10px}}};  
+
border-radius: 10px;  
−
-moz-border-radius: {{{body border-radius|10px}}};  
+
-moz-border-radius: 10px;  
−
-webkit-border-radius: {{{body border-radius|10px}}};  
+
-webkit-border-radius: 10px;  
−
-khtml-border-radius: {{{body border-radius|10px}}};  
+
-khtml-border-radius: 10px;  
−
-icab-border-radius: {{{body border-radius|10px}}};  
+
-icab-border-radius: 10px;  
−
-o-border-radius: {{{body border-radius|10px}}};
+
-o-border-radius: 10px;
 
padding:{{{body padding|5px}}};
 
padding:{{{body padding|5px}}};
−
background-color: rgba({{{body background-color|17,66,85}}},1);
+
background-color: rgba({{{body background-color|17,66,85}}},{{{body background-fade|1}}});
 
"><div class="ZBodyContents"
 
"><div class="ZBodyContents"
 
style="
 
style="
−
border-radius: {{{contents border-radius|5px}}};  
+
border-radius: 5px;  
−
-moz-border-radius: {{{contents border-radius|5px}}};  
+
-moz-border-radius: 5px;  
−
-webkit-border-radius: {{{contents border-radius|5px}}};  
+
-webkit-border-radius: 5px;  
−
-khtml-border-radius: {{{contents border-radius|5px}}};  
+
-khtml-border-radius: 5px;  
−
-icab-border-radius: {{{contents border-radius|5px}}};  
+
-icab-border-radius: 5px;  
−
-o-border-radius: {{{contents border-radius|5px}}};
+
-o-border-radius: 5px;
 
padding:{{{contents padding|5px 10px 5px 10px}}};
 
padding:{{{contents padding|5px 10px 5px 10px}}};
−
background-color: rgba({{{contents background-color|199,219,234}}},1);
+
background-color: rgba({{{contents background-color|199,219,234}}},{{{contents background-fade|1}}});
 
color:rgb({{{contents font-color|background-color}}});
 
color:rgb({{{contents font-color|background-color}}});
 
">{{{body|Body}}}
 
">{{{body|Body}}}
Line 67: Line 66:
 
<li>border-type</li>
 
<li>border-type</li>
 
<li>border-color</li>
 
<li>border-color</li>
−
<li>border-radius</li>
+
<li>border-fade</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 background-color</li>
 +
<li>header background-fade</li>
 +
<li>header padding</li>
 
<li>header font-size</li>
 
<li>header font-size</li>
 
<li>header font-weight</li>
 
<li>header font-weight</li>
 +
<li>header font-color</li>
 
<li>icon</li>
 
<li>icon</li>
 
<li>header</li>
 
<li>header</li>
−
<li>padding</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>body</li>
 +
 +
<li>contents padding</li>
 +
<li>contents background-color</li>
 +
<li>contents background-fade</li>
 +
<li>contents font-color</li>
 
</ul>
 
</ul>
 
=== Copy Paste ===
 
=== Copy Paste ===
Line 87: Line 94:
 
<pre>
 
<pre>
 
{{User:TheTric/zContainer
 
{{User:TheTric/zContainer
−
| border-color =
+
| margin =
−
| background-color =
+
| border-width =
−
| header border-color =
+
| border-type =
−
| header background-color =
+
| border-color =  
−
| header =
+
| border-fade =
−
| body =
+
| 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>
 
</pre>

Revision as of 05:19, 5 December 2011

Icon-usable.png Header
Body
Documentation

Usage

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

Parameters

  • 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
  • body
  • contents padding
  • contents background-color
  • contents background-fade
  • contents font-color

Copy Paste

    {{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 = 
}}

Acknowledgements

Retrieved from "https://wiki.spiralknights.com/index.php?title=User:TheTric/Zetta/Page/Container&oldid=54467"
Personal tools