Difference between revisions of "Template:Color strip"

From blackwiki
Jump to navigation Jump to search
imported>Plastikspork
m (Protected Template:Color strip: Highly visible template: used in school infoboxes ([edit=autoconfirmed] (indefinite) [move=autoconfirmed] (indefinite)))
imported>Frietjes
(add colour and outer-style)
Line 1: Line 1:
 
{{#if:{{{1|}}}
 
{{#if:{{{1|}}}
 
| <!-- if the first parameter exists, do work -->
 
| <!-- if the first parameter exists, do work -->
{{
+
<span style="{{{outer-style|border:#aaa 1px solid}}}">{{
 
   #if:{{{1|}}}
 
   #if:{{{1|}}}
   |<span style="background:{{{1|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{1|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{2|}}}
 
   #if:{{{2|}}}
   |<span style="background:{{{2|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{2|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{3|}}}
 
   #if:{{{3|}}}
   |<span style="background:{{{3|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{3|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{4|}}}
 
   #if:{{{4|}}}
   |<span style="background:{{{4|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{4|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{5|}}}
 
   #if:{{{5|}}}
   |<span style="background:{{{5|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{5|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{6|}}}
 
   #if:{{{6|}}}
   |<span style="background:{{{6|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{6|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{7|}}}
 
   #if:{{{7|}}}
   |<span style="background:{{{7|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{7|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{8|}}}
 
   #if:{{{8|}}}
   |<span style="background:{{{8|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{8|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{9|}}}
 
   #if:{{{9|}}}
   |<span style="background:{{{9|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{9|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{10|}}}
 
   #if:{{{10|}}}
   |<span style="background:{{{10|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{10|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{11|}}}
 
   #if:{{{11|}}}
   |<span style="background:{{{11|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{11|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{12|}}}
 
   #if:{{{12|}}}
   |<span style="background:{{{12|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{12|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{13|}}}
 
   #if:{{{13|}}}
   |<span style="background:{{{13|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{13|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{14|}}}
 
   #if:{{{14|}}}
   |<span style="background:{{{14|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{14|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{15|}}}
 
   #if:{{{15|}}}
   |<span style="background:{{{15|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{15|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{16|}}}
 
   #if:{{{16|}}}
   |<span style="background:{{{16|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{16|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{17|}}}
 
   #if:{{{17|}}}
   |<span style="background:{{{17|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{17|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{18|}}}
 
   #if:{{{18|}}}
   |<span style="background:{{{18|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{18|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{19|}}}
 
   #if:{{{19|}}}
   |<span style="background:{{{19|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{19|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
 
   }}{{
 
   }}{{
 
   #if:{{{20|}}}
 
   #if:{{{20|}}}
   |<span style="background:{{{20|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|black}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
+
   |<span style="background:{{{20|}}}; border:{{{border|0}}}px {{{border-style|solid}}} {{{border-color|{{{border-colour|#000}}}}}}; vertical-align:{{{align|center}}}; padding-right:{{#if:{{{w|}}}|{{{w|}}}|1}}em; padding-top:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; padding-bottom:{{#if:{{{h|}}}|{{#expr:{{{h}}}/2.0 round 1}}|0}}ex; line-height:{{#if:{{{h|}}}|{{#expr:{{{h}}}*100 round 0}}|100}}%">&nbsp;</span>
}}
+
}}</span>
 
| <!-- if the first parameter does not exist, show syntax -->
 
| <!-- if the first parameter does not exist, show syntax -->
 
   <code><nowiki>{{color strip|color1|color2|...|color20}}</nowiki></code>
 
   <code><nowiki>{{color strip|color1|color2|...|color20}}</nowiki></code>

Revision as of 22:35, 14 March 2013

{{color strip|color1|color2|...|color20}}

Template documentation[view] [edit] [history] [purge]

This is the {{color strip}} template.

It creates a strip of up to twenty colors.

Usage

This template takes one or more parameters. The first twenty unnamed parameters are the names or color codes for the colors displayed in the resulting color strip.

Examples

Code to the left and actual rendering to the right:

{{color strip|red|green|blue}} =    
{{color strip|w=2|red|red|green|blue|green|red|red}} =        
{{color strip|align=top|border=1|border-color=black|border-style=solid|w=2|h=2|red|green|blue}} =    
{{color strip|align=top|border=2|border-color=black|border-style=dotted|w=5|h=5|red|green|blue}} =    

Options

  • w is the width in em units.
  • h is the height in ex units.
  • border is the border thickness in px units.
  • border-color is the border color.
  • border-style is the border style: none, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset.
  • align is the vertical alignment: top, bottom, center.
  • frame is the frame thickness in px units.

See also