wcfsetup/install/files/style/poll.less

   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
  28 .pollResultList {
  29         li {
  30                 margin-bottom: 8px;
  31                 padding: 1px 0;
  32                 position: relative;
  33                 z-index: 0;
  34
  35                 .transition(background-color, .1s);
  36
  37                 &:last-child {
  38                         margin-bottom: 0px;
  39                 }
  40
  41                 &:hover {
  42                         background-color: @wcfContainerAccentBackgroundColor;
  43                         border-radius: 0 5px 5px 0;
  44                 }
  45
  46                 .pollMeter {
  47                         background-color: @wcfContainerHoverBackgroundColor;
  48                         border-radius: 0 5px 5px 0;
  49                         height: 100%;
  50                         left: 0;
  51                         position: absolute;
  52                         top: 0;
  53                         z-index: -1;
  54                 }
  55
  56                 .caption {
  57                         color: @wcfLinkColor;
  58                         padding: 2px 0;
  59
  60                         .optionName {
  61                                 display: inline-block;
  62                                 padding: 0 2.5em 0 @wcfGapSmall;
  63                         }
  64
  65                         .relativeVotes {
  66                                 position: absolute;
  67                                 right: 7px;
  68                                 top: 3px;
  69                         }
  70                 }
  71         }
  72 }
  73
  74 @media only screen and (max-width: 800px) {
  75         .pollContainer > .formSubmit {
  76                 margin: @wcfGapMedium -@wcfGapMedium -@wcfGapSmall -@wcfGapMedium;
  77         }
  78 }