Updated CSS for com.woltlab.wcf.poll

diff --git a/wcfsetup/install/files/style/poll.less b/wcfsetup/install/files/style/poll.less
index d1d3c2666c6d482c69b89350faa06e38ab3f7289..f3d6c98086e96f2b864e73e4f1aee65bfbf38de7 100644 (file)
--- a/wcfsetup/install/files/style/poll.less
+++ b/wcfsetup/install/files/style/poll.less
@@ -20,45 +20,44 @@
 
 .pollResultList {
        li {
+               margin-bottom: 8px;
+               padding: 1px 0;
                position: relative;
-
-               &:not(:last-child) {
-                       margin-bottom: @wcfGapTiny;
+               z-index: 0;
+               
+               .transition(background-color, .1s);
+               
+               &:last-child {
+                       margin-bottom: 0px;
                }
                
-               .pollResultItem {
-                       overflow: hidden;
-                       line-height: 80%;
-                       width: 80%;
-                       
-                       .pollMeter {
-                               display: inline-block;
-                               margin: 2px 0;
-                               
-                               .borderRadius(0, 5px, 5px, 0);
-                       }
+               &:hover {
+                       background-color: @wcfContainerAccentBackgroundColor;
                }
                
-               .relativeVotes {
+               .pollMeter {
+                       background-color: @wcfContainerHoverBackgroundColor;
+                       height: 1.5em;
+                       left: 0;
                        position: absolute;
-                       right: 0;
-                       top: 0;
+                       top: 1px;
+                       z-index: -1;
+                       
+                       .borderRadius(0, 5px, 5px, 0);
+               }
+               
+               .caption {
+                       color: @wcfLinkColor;
+                       
+                       .optionName {
+                               padding: 0 2.5em 0 @wcfGapTiny;
+                       }
+                       
+                       .relativeVotes {
+                               position: absolute;
+                               right: 0;
+                               top: 3px;
+                       }
                }
        }
-}
-
-.pollMeterColored(@lighterColor, @darkerColor) {
-       .boxShadow(0, 0, lighten(@lighterColor, 10%));
-       .linearGradient(@lighterColor, @lighterColor, @darkerColor);
-}
-
-.pollMeter0 { .pollMeterColored(#93befe, #468ffc); }   // blue
-.pollMeter1 { .pollMeterColored(#6be8ff, #02c4e7); }   // light blue
-.pollMeter2 { .pollMeterColored(#b8fb82, #30ff00); }   // light green
-.pollMeter3 { .pollMeterColored(#f6ff00, #ede502); }   // yellow
-.pollMeter4 { .pollMeterColored(#ffc676, #ff9600); }   // orange
-.pollMeter5 { .pollMeterColored(#fe9595, #fe4747); }   // red
-.pollMeter6 { .pollMeterColored(#ff99ff, #ff66ff); }   // pink
-.pollMeter7 { .pollMeterColored(#c7a2e7, #a56dd5); }   // violet
-.pollMeter8 { .pollMeterColored(#e1bb84, #ca8a2f); }   // brown
-.pollMeter9 { .pollMeterColored(#c3bbbb, #967e7e); }   // charcoal
\ No newline at end of file
+}
\ No newline at end of file