From c31183bf754f9d8cd5a9f98c5ce1e3f7a3d3a995 Mon Sep 17 00:00:00 2001 From: Alexander Ebert Date: Wed, 12 Sep 2012 01:53:21 +0200 Subject: [PATCH] Updated CSS for com.woltlab.wcf.poll --- wcfsetup/install/files/style/poll.less | 67 +++++++++++++------------- 1 file changed, 33 insertions(+), 34 deletions(-) diff --git a/wcfsetup/install/files/style/poll.less b/wcfsetup/install/files/style/poll.less index d1d3c2666c..f3d6c98086 100644 --- 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 -- 2.20.1