Ticket #2169 - Start based voting cleanup.

template/css/vote.css

@@ -138,20 +138,20 @@ div.bx-vote-slider {
     display: inline-block;
     vertical-align: top;
     height: 16px;
-    height: 1rem;
     width: 16px;
-    width: 1rem;	
     margin: 0;
     padding: 0;
     text-align: center;
 }
 div.bx-vote-underlay i.bx-vote-star,
 div.bx-vote-underlay span.bx-vote-star {
-	color: rgba(255, 204, 102, 1);
+    color: rgba(255, 204, 102, 1);
 }
 div.bx-vote-slider i.bx-vote-star,
-div.bx-vote-slider span.bx-vote-star {
-	color: rgba(255, 100, 0, 1);
+div.bx-vote-slider span.bx-vote-star,
+div.bx-vote-buttons a:hover i.bx-vote-star,
+div.bx-vote-buttons a:hover span.bx-vote-star {
+    color: rgba(255, 100, 0, 1);
 }
 
 div.bx-vote-buttons {

template/vote_do_vote_stars.html

@@ -1,16 +1,16 @@
 <div class="__style_prefix__-element">
-	<div class="__style_prefix__-underlay">
-		<bx_repeat:stars><i class="__style_prefix__-star sys-icon star"></i></bx_repeat:stars>
-	</div>
-	<bx_if:show_legend>
-		<div class="__style_prefix__-legend bx-def-font-small">
-			<bx_repeat:legend><span class="bx-vote-star">__value__</span></bx_repeat:legend>
-		</div>
-	</bx_if:show_legend>
-	<div class="__style_prefix__-slider">
-		<bx_repeat:slider><i class="__style_prefix__-star sys-icon star"></i></bx_repeat:slider>
-	</div>
-	<div class="__style_prefix__-buttons">
-		<bx_repeat:buttons><a class="__style_prefix__-button" href="javascript:void(0);" onmouseover="__js_object__.over(this);" onmouseout="__js_object__.out(this);" onclick="__js_object__.vote(this, __value__)"><i class="__style_prefix__-star sys-icon star"></i></a></bx_repeat:buttons>
-	</div>
+    <div class="__style_prefix__-underlay">
+        <bx_repeat:stars><i class="__style_prefix__-star sys-icon far star"></i></bx_repeat:stars>
+    </div>
+    <bx_if:show_legend>
+        <div class="__style_prefix__-legend bx-def-font-small">
+            <bx_repeat:legend><span class="bx-vote-star">__value__</span></bx_repeat:legend>
+        </div>
+    </bx_if:show_legend>
+    <div class="__style_prefix__-slider">
+        <bx_repeat:slider><i class="__style_prefix__-star sys-icon star"></i></bx_repeat:slider>
+    </div>
+    <div class="__style_prefix__-buttons">
+        <bx_repeat:buttons><a class="__style_prefix__-button" href="javascript:void(0);" onmouseover="__js_object__.over(this);" onmouseout="__js_object__.out(this);" onclick="__js_object__.vote(this, __value__)"><i class="__style_prefix__-star sys-icon star"></i></a></bx_repeat:buttons>
+    </div>
 </div>

template/vote_legend.html

@@ -1,15 +1,15 @@
 <div id="__html_id__" class="__style_prefix__-legend __style_prefix__-legend-__type__ bx-def-margin-top-auto">
-	<bx_repeat:items>
-		<div class="__style_prefix__-legend-item bx-def-margin-thd-topbottom bx-clearfix" bx_vote_item_value="__value__">
-			<div class="bx-vote-element-holder">
-				<div class="__style_prefix__-underlay">
-					<bx_repeat:stars><i class="__style_prefix__-star sys-icon star"></i></bx_repeat:stars>
-				</div>
-				<div class="__style_prefix__-slider">
-					<bx_repeat:slider><i class="__style_prefix__-star sys-icon star"></i></bx_repeat:slider>
-				</div>
-			</div>
-			<div class="bx-vote-counter-holder bx-def-margin-sec-left bx-def-font-grayed">__label__</div>
-		</div>
-	</bx_repeat:items>
+    <bx_repeat:items>
+        <div class="__style_prefix__-legend-item bx-def-margin-thd-topbottom bx-clearfix" bx_vote_item_value="__value__">
+            <div class="bx-vote-element-holder">
+                <div class="__style_prefix__-underlay">
+                    <bx_repeat:stars><i class="__style_prefix__-star sys-icon far star"></i></bx_repeat:stars>
+                </div>
+                <div class="__style_prefix__-slider">
+                    <bx_repeat:slider><i class="__style_prefix__-star sys-icon star"></i></bx_repeat:slider>
+                </div>
+            </div>
+            <div class="bx-vote-counter-holder bx-def-margin-sec-left bx-def-font-grayed">__label__</div>
+        </div>
+    </bx_repeat:items>
 </div>