Commit | Line | Data |
---|---|---|
d45eaff6 MW |
1 | #pollOptionContainer .sortableList { |
2 | padding: @wcfGapSmall 0; | |
3 | ||
4 | .sortableNode { | |
5 | margin-top: @wcfGapSmall; | |
6 | ||
7 | .sortableButtonContainer > img { | |
8 | cursor: pointer; | |
9 | margin-right: @wcfGapMedium; | |
10 | } | |
11 | } | |
12 | } | |
13 | ||
14 | .pollContainer { | |
15 | float: left; | |
16 | margin: 0 @wcfGapMedium @wcfGapSmall 0; | |
17 | max-width: 50%; | |
18 | min-width: 300px; | |
19 | ||
20 | > .formSubmit { | |
21 | background-color: @wcfContainerAccentBackgroundColor; | |
22 | border-top: 1px solid @wcfContainerBorderColor; | |
23 | margin: @wcfGapMedium -@wcfGapLarge -@wcfGapMedium -@wcfGapLarge; | |
24 | padding: 10px 0; | |
25 | } | |
26 | } | |
27 | ||
027ecf95 MW |
28 | .pollInnerContainer { |
29 | > p:first-of-type { | |
30 | margin-top: @wcfGapSmall; | |
31 | } | |
32 | } | |
33 | ||
d45eaff6 MW |
34 | .pollResultList { |
35 | li { | |
36 | margin-bottom: 8px; | |
37 | padding: 1px 0; | |
38 | position: relative; | |
39 | z-index: 0; | |
40 | ||
41 | .transition(background-color, .1s); | |
42 | ||
43 | &:last-child { | |
44 | margin-bottom: 0px; | |
45 | } | |
46 | ||
47 | &:hover { | |
48 | background-color: @wcfContainerAccentBackgroundColor; | |
8ce85e3a | 49 | border-radius: 0 5px 5px 0; |
d45eaff6 MW |
50 | } |
51 | ||
52 | .pollMeter { | |
53 | background-color: @wcfContainerHoverBackgroundColor; | |
8ce85e3a | 54 | border-radius: 0 5px 5px 0; |
d45eaff6 MW |
55 | height: 100%; |
56 | left: 0; | |
57 | position: absolute; | |
58 | top: 0; | |
59 | z-index: -1; | |
d45eaff6 MW |
60 | } |
61 | ||
62 | .caption { | |
63 | color: @wcfLinkColor; | |
64 | padding: 2px 0; | |
65 | ||
66 | .optionName { | |
67 | display: inline-block; | |
68 | padding: 0 2.5em 0 @wcfGapSmall; | |
69 | } | |
70 | ||
71 | .relativeVotes { | |
72 | position: absolute; | |
73 | right: 7px; | |
74 | top: 3px; | |
75 | } | |
76 | } | |
77 | } | |
8cdc1b79 MW |
78 | } |
79 | ||
80 | @media only screen and (max-width: 800px) { | |
81 | .pollContainer > .formSubmit { | |
82 | margin: @wcfGapMedium -@wcfGapMedium -@wcfGapSmall -@wcfGapMedium; | |
83 | } | |
d45eaff6 | 84 | } |