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

From SpiralKnights

< User:TheTric‎ | Zetta‎ | Page
Jump to: navigation, search
("rounding" things out for the zetta pages)
Line 1: Line 1:
<div  
+
<div class="zContainer"
class="tricContainer"
+
 
style="  
 
style="  
margin-bottom:5px;
+
margin:{{{margin|0px 0px 5px 0px}}};
border:2px {{{border-type|outset}}} rgba({{{border-color|125,125,125}}},1);
+
border:{{{border-width|3px}}} {{{border-type|outset}}} rgba({{{border-color|125,125,125}}},1);
background-color: rgba({{{background-color|125,125,125}}},0.3);
+
border-radius: {{{border-radius|15px}}};
"><div  
+
-moz-border-radius: {{{border-radius|15px}}};
class="tricHeader"
+
-webkit-border-radius: {{{border-radius|15px}}};
 +
-khtml-border-radius: {{{border-radius|15px}}};
 +
-icab-border-radius: {{{border-radius|15px}}};
 +
-o-border-radius: {{{border-radius|15px}}};
 +
background-color: rgba({{{background-color|125,125,125}}},{{{fade|.5}}});
 +
color:{{{font-color|rgb(0,0,0)}}}
 +
"><div class="zHeader"
 
style="
 
style="
margin:-2px;
+
margin:-{{{border-width|3px}}};
 
border:inherit;
 
border:inherit;
 +
border-radius: {{{border-radius|15px}}};
 +
-moz-border-radius: {{{border-radius|15px}}};
 +
-webkit-border-radius: {{{border-radius|15px}}};
 +
-khtml-border-radius: {{{border-radius|15px}}};
 +
-icab-border-radius: {{{border-radius|15px}}};
 +
-o-border-radius: {{{border-radius|15px}}};
 +
padding:{{{padding|5px}}};
 
background-color: rgba({{{header-color|125,125,125}}},1);
 
background-color: rgba({{{header-color|125,125,125}}},1);
padding:5px;
+
Font-size: {{{font-size|1.25em}}};
Font-size: 1.25em;
+
Font-weight: {{{font-weight|bold}}};
Font-weight: bold;
+
">{{{icon|[[File:Icon-usable.png|20px]]}}} {{{header|Header}}}
">{{{icon|[[File:Icon-usable.png|16px]]}}} {{{header|Header}}}
+
 
</div>
 
</div>
<div  
+
<div class="zBody"
class="tricBody"
+
 
style="
 
style="
 
padding:5px;
 
padding:5px;
Line 28: Line 38:
 
| content =
 
| content =
 
=== Usage ===
 
=== Usage ===
This template was made in conjuncture with the other elements created by [[User:TheTric|TheTric]]
+
<ul>
 
+
optimized for firefox.
 +
Suggested to be used in conjuncture with other zetta© elements
 +
</ul>
 
=== Parameters ===
 
=== Parameters ===
border-type - standard css values. Default: outset.<br>
+
<ul>
border-color - rgb default: 125,125,125<br>
+
<li>margin</li>
background-color - rgb default: 125,125,125<br>
+
<li>border-width</li>
icon - file name default: Icon-usable.png<br>
+
<li>border-type</li>
title - any value/code etc. default: N/A<br>
+
<li>border-radius</li>
body - any value/code etc. default: N/A<br>
+
 
+
<li>border-color</li>
 +
<li>background-color</li>
 +
<li>header-color</li>
 +
<li>font-color</li>
 +
 
 +
<li>font-size</li>
 +
<li>font-weight</li>
 +
 
 +
<li>padding</li>
 +
<li>fade</li>
 +
 
 +
<li>icon</li>
 +
<li>header</li>
 +
<li>body</li>
 +
</ul>
 
=== Copy Paste ===
 
=== Copy Paste ===
 +
<ul>
 
<pre>
 
<pre>
 
{{User:TheTric/Container
 
{{User:TheTric/Container
| border-type =
+
| border-color =
| border-color =
+
| background-color =
| header-color =
+
| header-color =
| background-color =
+
| font-color =
| icon =  
+
| Icon =
| header =
+
| header =
| body =  
+
| body =
 
}}
 
}}
 
</pre>
 
</pre>
 +
</ul>
 
=== Acknowledgements ===
 
=== Acknowledgements ===
 +
<ul>
 
{{User:TheTric/credit}}
 
{{User:TheTric/credit}}
 +
</ul>
 
}}
 
}}
 
</noinclude>
 
</noinclude>

Revision as of 21:05, 27 October 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-radius
  • border-color
  • background-color
  • header-color
  • font-color
  • font-size
  • font-weight
  • padding
  • fade
  • icon
  • header
  • body

Copy Paste

    {{User:TheTric/Container
    | border-color =
    | background-color =
    | header-color =
    | font-color =
    | Icon =
    | header =
    | body =
    }}
    

Acknowledgements

Personal tools