Template:Referendum color scheme/sandbox: Difference between revisions

Content deleted Content added

Inline

Revision as of 21:12, 4 December 2023

**Vote (%)**
Yes
No

This is the template sandbox page for Template:Referendum color scheme (diff).
See also the companion subpage for test cases.

@@ Line 2: / Line 2: @@
 |+{{left|{{small| {{Background color|#EDEDED|'''Vote (%) {{#if:{{{jurisdiction|}}}|by {{{jurisdiction}}}}}'''}}}}}}
 |-
+|<div class="hover-effect">
-|[[File:Check-71-128-204-brightblue.svg|link=|alt=|13x13px]] {{small|Yes}}
+  [[File:Check-71-128-204-brightblue.svg|link=|alt=|13x13px]] {{small|Yes}}
+</div>
 |{{#switch: {{#expr:{{{YesVote|0}}} }}
-  |50={{Color box|#B6C8D9|50+|link=|border=#B6C8D9}}|
+  |50=<div class="hover-effect">{{Color box|#B6C8D9|50+|link=|border=#B6C8D9}}</div>|
-  |60={{Color box|#B6C8D9|50+|link=|border=#B6C8D9}}<div style="width:2px;display:inline-block;"></div>{{Color box|#7D9CBB|60+|link=|border=#7D9CBB}}|
+  |60=<div class="hover-effect">{{Color box|#B6C8D9|50+|link=|border=#B6C8D9}}<div style="width:2px;display:inline-block;"></div>{{Color box|#7D9CBB|60+|link=|border=#7D9CBB}}</div>|
-  |70={{Color box|#B6C8D9|50+|link=|border=#B6C8D9}}<div style="width:2px;display:inline-block;"></div>{{Color box|#7D9CBB|60+|link=|border=#7D9CBB}}<div style="width:2px;display:inline-block;"></div>{{Color box|#47729E|70+|link=|border=#47729E}}|
+  |70=<div class="hover-effect">{{Color box|#B6C8D9|50+|link=|border=#B6C8D9}}<div style="width:2px;display:inline-block;"></div>{{Color box|#7D9CBB|60+|link=|border=#7D9CBB}}<div style="width:2px;display:inline-block;"></div>{{Color box|#47729E|70+|link=|border=#47729E}}</div>|
-  |80={{Color box|#B6C8D9|50+|link=|border=#B6C8D9}}<div style="width:2px;display:inline-block;"></div>{{Color box|#7D9CBB|60+|link=|border=#7D9CBB}}<div style="width:2px;display:inline-block;"></div>{{Color box|#47729E|70+|link=|border=#47729E}}<div style="width:2px;display:inline-block;"></div>{{Color box|#28497C|80+|link=|border=#28497C}}|
+  |80=<div class="hover-effect">{{Color box|#B6C8D9|50+|link=|border=#B6C8D9}}<div style="width:2px;display:inline-block;"></div>{{Color box|#7D9CBB|60+|link=|border=#7D9CBB}}<div style="width:2px;display:inline-block;"></div>{{Color box|#47729E|70+|link=|border=#47729E}}<div style="width:2px;display:inline-block;"></div>{{Color box|#28497C|80+|link=|border=#28497C}}</div>|
-  |90={{Color box|#B6C8D9|50+|link=|border=#B6C8D9}}<div style="width:2px;display:inline-block;"></div>{{Color box|#7D9CBB|60+|link=|border=#7D9CBB}}<div style="width:2px;display:inline-block;"></div>{{Color box|#47729E|70+|link=|border=#47729E}}<div style="width:2px;display:inline-block;"></div>{{Color box|#28497C|80+|link=|border=#28497C}}<div style="width:2px;display:inline-block;"></div>{{Color box|#2B2457|90+|link=|border=#2B2457}}|
+  |90=<div class="hover-effect">{{Color box|#B6C8D9|50+|link=|border=#B6C8D9}}<div style="width:2px;display:inline-block;"></div>{{Color box|#7D9CBB|60+|link=|border=#7D9CBB}}<div style="width:2px;display:inline-block;"></div>{{Color box|#47729E|70+|link=|border=#47729E}}<div style="width:2px;display:inline-block;"></div>{{Color box|#28497C|80+|link=|border=#28497C}}<div style="width:2px;display:inline-block;"></div>{{Color box|#2B2457|90+|link=|border=#2B2457}}</div>|
 }}
 |-
+|<div class="hover-effect">
-|[[File:Light_brown_x.svg|link=|alt=|14x14px]] {{small|No}}
+  [[File:Light_brown_x.svg|link=|alt=|14x14px]] {{small|No}}
+</div>
 |{{#switch: {{#expr:{{{NoVote|0}}} }}
-  |50={{Color box|#DEDEBD|50+|link=|border=#DEDEBD}}|
+  |50=<div class="hover-effect">{{Color box|#DEDEBD|50+|link=|border=#DEDEBD}}</div>|
-  |60={{Color box|#DEDEBD|50+|link=|border=#DEDEBD}}<div style="width:2px;display:inline-block;"></div>{{Color box|#BCBC83|60+|link=|border=#BCBC83}}|
+  |60=<div class="hover-effect">{{Color box|#DEDEBD|50+|link=|border=#DEDEBD}}<div style="width:2px;display:inline-block;"></div>{{Color box|#BCBC83|60+|link=|border=#BCBC83}}</div>|
-  |70={{Color box|#DEDEBD|50+|link=|border=#DEDEBD}}<div style="width:2px;display:inline-block;"></div>{{Color box|#BCBC83|60+|link=|border=#BCBC83}}<div style="width:2px;display:inline-block;"></div>{{Color box|#8B8B54|70+|link=|border=#8B8B54}}|
+  |70=<div class="hover-effect">{{Color box|#DEDEBD|50+|link=|border=#DEDEBD}}<div style="width:2px;display:inline-block;"></div>{{Color box|#BCBC83|60+|link=|border=#BCBC83}}<div style="width:2px;display:inline-block;"></div>{{Color box|#8B8B54|70+|link=|border=#8B8B54}}</div>|
-  |80={{Color box|#DEDEBD|50+|link=|border=#DEDEBD}}<div style="width:2px;display:inline-block;"></div>{{Color box|#BCBC83|60+|link=|border=#BCBC83}}<div style="width:2px;display:inline-block;"></div>{{Color box|#8B8B54|80+|link=|border=#8B8B54}}|
+  |80=<div class="hover-effect">{{Color box|#DEDEBD|50+|link=|border=#DEDEBD}}<div style="width:2px;display:inline-block;"></div>{{Color box|#BCBC83|60+|link=|border=#BCBC83}}<div style="width:2px;display:inline-block;"></div>{{Color box|#8B8B54|80+|link=|border=#8B8B54}}</div>|
-  |90={{Color box|#DEDEBD|50+|link=|border=#DEDEBD}}<div style="width:2px;display:inline-block;"></div>{{Color box|#BCBC83|60+|link=|border=#BCBC83}}<div style="width:2px;display:inline-block;"></div>{{Color box|#8B8B54|70+|link=|border=#8B8B54}}<div style="width:2px;display:inline-block;"></div>{{Color box|#5D5D2D|80+|link=|border=#5D5D2D}}|
+  |90=<div class="hover-effect">{{Color box|#DEDEBD|50+|link=|border=#DEDEBD}}<div style="width:2px;display:inline-block;"></div>{{Color box|#BCBC83|60+|link=|border=#BCBC83}}<div style="width:2px;display:inline-block;"></div>{{Color box|#8B8B54|70+|link=|border=#8B8B54}}</div>|
 }}
 |}
 <noinclude>

Revision as of 21:12, 4 December 2023

Usage