Actions

Template

Difference between revisions of "MDPalette"

From Sonic Retro

(Created page with "{{#tag:style| @keyframes colour_change { from { background-color: blue; } to { background-color: red; } } }} {{#vardefine:size|24}} {| style="max-width:{{#expr:{{#var:size}...")
 
(a little nicer on the eye)
Line 1: Line 1:
{{#tag:style|
+
<includeonly>{{#vardefine:rawdata|{{#replace:{{{1|}}}| }}}}{{#if:{{{size|}}}|{{#vardefine:colw|{{{size|}}}}}{{#vardefine:colh|{{{size|}}}}}|
@keyframes colour_change {
+
{{#if:{{{width|}}}|{{#vardefine:colw|{{{width|}}}}}|{{#vardefine:colw|24}}}}{{#if:{{{height|}}}|{{#vardefine:colw|{{{height|}}}}}|{{#vardefine:colh|24}}}}
from { background-color: blue; }
+
}}<div style="max-width:{{#expr:{{#var:colw}}*16}}px;">{{#fornumargs: i
to { background-color: red; }
+
| value
}
+
| <div style="display:inline-block; background-color:#{{MDHex2HTMLHex|{{#sub:{{#var:value}}|1|3}}}}; width:{{#var:colw}}px; hei<!-- -->ght:{{#var:colh}}px;">&nbsp;</div>
 +
}}</div></includeonly><noinclude>
 +
<pre>
 +
{{MDPalette
 +
|0800|0000|0242|0464|0686|08C8|0EEE|0AAA|0888|0444|08EA|046A|00EE|0088|0044|000E
 +
|0E80|0002|0EEE|0026|0048|006C|008E|00CE|0A86|0E86|0EA8|0ECA|0040|0060|00A4|00E8
 +
|0C82|0A02|0C42|0E86|0ECA|0EEC|0EEE|0EAC|0E8A|0E68|00E8|00A4|0002|0026|006C|00CE
 
}}
 
}}
 +
</pre>
  
{{#vardefine:size|24}}
+
returns:
{| style="max-width:{{#expr:{{#var:size}} * 16}}px"
 
|style="background-color:#FF0000;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#FFAA00;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#FFFF00;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#00FF00;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#00AAFF;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#0000FF;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#AA00FF;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#FF00FF;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#FF0000;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#FFAA00;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#FFFF00;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#00FF00;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#00AAFF;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#0000FF;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#AA00FF;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|style="background-color:#FF00FF; animation-name: colour_change; animation-duration: 1s; animation-iteration-count: infinite; animation-direction: alternate;" width="{{#var:size}}px" height="{{#var:size}}px"|
 
|}
 
  
Mediawiki blocks <style> tags, so if you want rotating palettes you're going to have to do something clever with common.css (or common.js) -[[User:Black Squirrel|Black Squirrel]] ([[User talk:Black Squirrel|talk]]) 15:03, 18 April 2018 (CDT)
+
{{MDPalette
 +
|0800|0000|0242|0464|0686|08C8|0EEE|0AAA|0888|0444|08EA|046A|00EE|0088|0044|000E
 +
|0E80|0002|0EEE|0026|0048|006C|008E|00CE|0A86|0E86|0EA8|0ECA|0040|0060|00A4|00E8
 +
|0C82|0A02|0C42|0E86|0ECA|0EEC|0EEE|0EAC|0E8A|0E68|00E8|00A4|0002|0026|006C|00CE
 +
}}
  
<includeonly>[[Category:Sonic Retro templates]]</includeonly>
+
</noinclude>

Revision as of 15:51, 20 April 2018

{{MDPalette
|0800|0000|0242|0464|0686|08C8|0EEE|0AAA|0888|0444|08EA|046A|00EE|0088|0044|000E
|0E80|0002|0EEE|0026|0048|006C|008E|00CE|0A86|0E86|0EA8|0ECA|0040|0060|00A4|00E8
|0C82|0A02|0C42|0E86|0ECA|0EEC|0EEE|0EAC|0E8A|0E68|00E8|00A4|0002|0026|006C|00CE
}}

returns: