This is a documentation for Board Game Arena: play board games online !

Template:Hclue: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
(screen reader accessibility)
No edit summary
 
Line 1: Line 1:
<div title="clue tokens" style="display:inline-block;position:relative;width:calc({{{size|1.5}}}rem * 1.25);height:calc({{{size|1.5}}}rem * 1.25);border:calc({{{size|1.5}}}rem * 0.1875) solid #4B4B4B;border-radius:50%;background:repeating-conic-gradient(#4B4B4B 0deg 24deg,#4FD7FF 26deg 34deg,#4B4B4B 36deg 60deg);color:#fff;font-family:Impact;font-weight:700;text-shadow: 0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;font-size:{{{size|1.5}}}rem;text-align: center;vertical-align:baseline;line-height:calc({{{size|1.5}}}rem * 1.25);"><div style="position:absolute;width:calc({{{size|1.5}}}rem / 3.2);height:calc({{{size|1.5}}}rem / 3.2);top:calc({{{size|1.5}}}rem * 0.46875);left:calc({{{size|1.5}}}rem * 0.46875);border-radius:50%;background:radial-gradient(#4B4B4BB0 0%, #4B4B4B00 100%);"></div><div style="position:absolute;width:calc({{{size|1.5}}}rem * 1.4375);height:calc({{{size|1.5}}}rem * 1.4375);top:calc({{{size|1.5}}}rem * 0.09375 * -1);left:calc({{{size|1.5}}}rem * 0.09375 * -1);border-radius:50%;background:repeating-conic-gradient(#4FD7FF 0deg 6deg,#4B4B4B 8deg 12deg,#fff0 12deg 50deg,#4B4B4B 48deg 52deg,#4FD7FF 54deg 60deg);"></div><div style="position:relative;white-space:nowrap;">{{{1|&ZeroWidthSpace;}}}</div><span style="font-size:0;">clue tokens</span></div><noinclude>
<span title="clue tokens" style="display:inline-block;position:relative;width:calc({{{size|1.5}}}rem * 1.25);height:calc({{{size|1.5}}}rem * 1.25);border:calc({{{size|1.5}}}rem * 0.1875) solid #4B4B4B;border-radius:50%;background:repeating-conic-gradient(#4B4B4B 0deg 24deg,#4FD7FF 26deg 34deg,#4B4B4B 36deg 60deg);color:#fff;font-family:Impact;font-weight:700;text-shadow: 0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000,0 0 2px #000;font-size:{{{size|1.5}}}rem;text-align: center;vertical-align:baseline;line-height:calc({{{size|1.5}}}rem * 1.25);"><span style="position:absolute;width:calc({{{size|1.5}}}rem / 3.2);height:calc({{{size|1.5}}}rem / 3.2);top:calc({{{size|1.5}}}rem * 0.46875);left:calc({{{size|1.5}}}rem * 0.46875);border-radius:50%;background:radial-gradient(#4B4B4BB0 0%, #4B4B4B00 100%);"></span><span style="position:absolute;width:calc({{{size|1.5}}}rem * 1.4375);height:calc({{{size|1.5}}}rem * 1.4375);top:calc({{{size|1.5}}}rem * 0.09375 * -1);left:calc({{{size|1.5}}}rem * 0.09375 * -1);border-radius:50%;background:repeating-conic-gradient(#4FD7FF 0deg 6deg,#4B4B4B 8deg 12deg,#fff0 12deg 50deg,#4B4B4B 48deg 52deg,#4FD7FF 54deg 60deg);"></span><span style="position:relative;white-space:nowrap;">{{{1|&ZeroWidthSpace;}}}</span><span style="font-size:0;">clue tokens</span></span><noinclude>


== Available parameters ==
== Available parameters ==

Latest revision as of 02:13, 3 January 2024

clue tokens

Available parameters

Parameter
Default value
Example
Result
Description
1
&ZeroWidthSpace;
{{Hclue|8}}
8clue tokens
Optional: specify the number of clue tokens e.g. 8.
size
1.5
{{Hclue|size=2}}
clue tokens
Optional: specify the size in rem units.