Merge branch '2.0'
[GitHub/WoltLab/WCF.git] / wcfsetup / install / files / style / poll.less
CommitLineData
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}