Actions

Template

Difference between revisions of "Gridless"

From Titan's Teeth

 
(9 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
=== Parameters ===
 
=== Parameters ===
 
'''type(required):''' begin / div / end
 
'''type(required):''' begin / div / end
'''width(default 33%):''' column width
+
 
 +
'''cols(default 3):''' number of columns on widest screen
 +
 
 +
'''border(default false):''' whether the box should have a border
 +
 
 +
'''center(default false):''' center the text in the div
  
 
</noinclude><includeonly><!--
 
</noinclude><includeonly><!--
-->{{#vardefine:width|{{{width|33%}}}}}<!--
+
-->{{#vardefine:cols|{{{cols|3}}}}}<!--
 +
-->{{#ifeq: {{#var:cols}}|1|{{#vardefine:width|100%}}{{#vardefine:minwidth|100%}}}}<!--
 +
-->{{#ifeq: {{#var:cols}}|2|{{#vardefine:width|49%}}{{#vardefine:minwidth|350px}}}}<!--
 +
-->{{#ifeq: {{#var:cols}}|3|{{#vardefine:width|32%}}{{#vardefine:minwidth|350px}}}}<!--
 +
-->{{#ifeq: {{#var:cols}}|4|{{#vardefine:width|24%}}{{#vardefine:minwidth|262px}}}}<!--
 +
 
 +
-->{{#if:{{{border|}}}|{{#vardefine:boxstyle|background-color:#ffffff;border:1px solid #DDDDDD;margin:4px;}}|{{#vardefine:boxstyle|}}}}<!--
 +
 
 +
-->{{#if:{{{center|}}}|{{#vardefine:textstyle|text-align:center;padding:20px;}}|{{#vardefine:textstyle|padding:10px;}}}}<!--
  
-->{{#ifeq:{{{type}}}|begin|<div style="display:inline-table;width:{{#var:width}};min-width:330px;max-width:100%;padding:10px;">|}}<!--
+
-->{{#ifeq:{{{type}}}|begin|<div style="display:inline-table;width:{{#var:width}};min-width:{{#var:minwidth}};{{#var:boxstyle}}{{#var:textstyle}}">|}}<!--
-->{{#ifeq:{{{type}}}|div|</div><div style="display:inline-table;width:{{#var:width}};min-width:330px;padding:10px;">|}}<!--
+
-->{{#ifeq:{{{type}}}|div|</div><div style="display:inline-table;width:{{#var:width}};min-width:{{#var:minwidth}};{{#var:boxstyle}}{{#var:textstyle}}">|}}<!--
 
-->{{#ifeq:{{{type}}}|end|</div>|}}
 
-->{{#ifeq:{{{type}}}|end|</div>|}}

Latest revision as of 11:58, 12 January 2020

Parameters

type(required): begin / div / end

cols(default 3): number of columns on widest screen

border(default false): whether the box should have a border

center(default false): center the text in the div