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

From SpiralKnights

< User:TheTric‎ | Zetta‎ | Page
Jump to: navigation, search
(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|3px}}} {{{border-type|solid}}} rgba({{{border-color|0,0,0}}},1);
+
border:{{{border-width|5px}}} {{{border-type|solid}}} rgba({{{border-color|0,0,0}}},1);
border-radius: {{{border-radius|15px}}};  
+
border-radius: {{{border-radius|14px}}};  
-moz-border-radius: {{{border-radius|15px}}};  
+
-moz-border-radius: {{{border-radius|14px}}};  
-webkit-border-radius: {{{border-radius|15px}}};  
+
-webkit-border-radius: {{{border-radius|14px}}};  
-khtml-border-radius: {{{border-radius|15px}}};  
+
-khtml-border-radius: {{{border-radius|14px}}};  
-icab-border-radius: {{{border-radius|15px}}};  
+
-icab-border-radius: {{{border-radius|14px}}};  
-o-border-radius: {{{border-radius|15px}}};
+
-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|3px}}};
+
margin:-{{{border-width|5px}}};
border:{{{header border-width|3px}}} {{{header border-type|solid}}} rgba({{{header border-color|0,0,0}}},0);
+
border:{{{header border-width|5px}}} {{{header border-type|solid}}} rgba({{{header border-color|0,0,0}}},0);
border-radius: {{{header border-radius|15px}}};  
+
border-radius: {{{header border-radius|14px}}};  
-moz-border-radius: {{{header border-radius|15px}}};  
+
-moz-border-radius: {{{header border-radius|14px}}};  
-webkit-border-radius: {{{header border-radius|15px}}};  
+
-webkit-border-radius: {{{header border-radius|14px}}};  
-khtml-border-radius: {{{header border-radius|15px}}};  
+
-khtml-border-radius: {{{header border-radius|14px}}};  
-icab-border-radius: {{{header border-radius|15px}}};  
+
-icab-border-radius: {{{header border-radius|14px}}};  
-o-border-radius: {{{header border-radius|15px}}};
+
-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:{{{header border-width|2px}}} {{{header border-type|solid}}} rgba({{{header border-color|73,110,139}}},1);
+
border:{{{body border-width|2px}}} {{{body border-type|solid}}} rgba({{{body border-color|74,111,140}}},1);
border-radius: {{{header border-radius|10px}}};  
+
border-radius: {{{body border-radius|10px}}};  
-moz-border-radius: {{{header border-radius|10px}}};  
+
-moz-border-radius: {{{body border-radius|10px}}};  
-webkit-border-radius: {{{header border-radius|10px}}};  
+
-webkit-border-radius: {{{body border-radius|10px}}};  
-khtml-border-radius: {{{header border-radius|10px}}};  
+
-khtml-border-radius: {{{body border-radius|10px}}};  
-icab-border-radius: {{{header border-radius|10px}}};  
+
-icab-border-radius: {{{body border-radius|10px}}};  
-o-border-radius: {{{header border-radius|10px}}};
+
-o-border-radius: {{{body border-radius|10px}}};
padding:{{{header padding|5px}}};
+
padding:{{{body padding|5px}}};
background-color: rgba({{{background-color|17,66,85}}},1);
+
background-color: rgba({{{body background-color|17,66,85}}},1);
color:rgb({{{body font-color|background-color}}});
+
 
"><div class="ZBodyContents"
 
"><div class="ZBodyContents"
 
style="
 
style="
border:{{{header border-width|2px}}} {{{header border-type|solid}}} rgba({{{header border-color|73,110,139}}},0);
+
border-radius: {{{contents border-radius|5px}}};  
border-radius: {{{header border-radius|5px}}};  
+
-moz-border-radius: {{{contents border-radius|5px}}};  
-moz-border-radius: {{{header border-radius|5px}}};  
+
-webkit-border-radius: {{{contents border-radius|5px}}};  
-webkit-border-radius: {{{header border-radius|5px}}};  
+
-khtml-border-radius: {{{contents border-radius|5px}}};  
-khtml-border-radius: {{{header border-radius|5px}}};  
+
-icab-border-radius: {{{contents border-radius|5px}}};  
-icab-border-radius: {{{header border-radius|5px}}};  
+
-o-border-radius: {{{contents border-radius|5px}}};
-o-border-radius: {{{header border-radius|5px}}};
+
padding:{{{contents padding|5px 10px 5px 10px}}};
padding:{{{header padding|5px}}};
+
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 font-color|background-color}}});
+
 
">{{{body|Body}}}
 
">{{{body|Body}}}
 
</div>
 
</div>

Revision as of 04:32, 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-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

Personal tools