You are here

Home » API reference » Advanced Poll 7.3

advpoll.css in Advanced Poll 7.3

Same filename and directory in other branches
  1. 7 css/advpoll.css
  2. 7.2 css/advpoll.css
.poll {
  overflow: hidden;
}
.poll .bar {
  height: 1em;
  margin: 1px 0;
  background-color: #ddd;
}

.poll .voted .bar {
  border: 1px solid #111;
}
.poll .bar .foreground {
  background-color: #000;
  height: 1em;
  float: left; /* LTR */
}
.poll .links {
  text-align: center;
}
.poll .percent {
  text-align: right; /* LTR */
}
.poll .total {
  text-align: center;
}
.poll .vote-form {
  text-align: center;
}
.poll .vote-form .choices {
  text-align: left; /* LTR */
  margin: 0 auto;
  display: table;
}
.poll .vote-form .choices .title {
  font-weight: bold;
}

.poll-bar {
  margin-bottom: 2%;
}

.node-form #edit-poll-more {
  margin: 0;
}
.node-form #poll-choice-table .form-text {
  display: inline;
  width: auto;
}
.node-form #poll-choice-table td.choice-flag {
  white-space: nowrap;
  width: 4em;
}
td.poll-chtext {
  width: 80%;
}
td.poll-chvotes .form-text {
  width: 85%;
}

.node-advpoll #message {
    color: #DD0000;
    font-style: italic;
}

.advpoll-write-in {
    position: relative;
    width: 375px;
}

.advpoll-write-in .form-item {
    padding: 0px;
    margin: 0px;
    position: relative;
    top: -18px;
    left: 18px;
}

.advpoll-ranking-wrapper ul.selectable-list {
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
}

.advpoll-ranking-wrapper .advpoll-vote-region {
    float: right;
}

.advpoll-ranking-wrapper #message {
    clear: both;
}

.advpoll-ranking-wrapper .tabledrag-toggle-weight-wrapper {
    display: none;
}

.advpoll-ranking-table-wrapper {
    max-width: 265px;
    margin: 0;
    padding: 0;
    border: 1px solid #ccc;
}

.advpoll-ranking-table-wrapper tbody {
    margin: 5px;
    padding-bottom: 0;
    background-color: #eee;
    text-align: left;

}

.advpoll-ranking-table-wrapper thead th {
    color: #000;
    font-weight: bold;
    text-align: center;
    padding: 5px 0 10px 0;
    background-color: transparent;
    width: 260px;
}

.advpoll-ranking-table-wrapper thead tr {
    background: none transparent;
}

.advpoll-ranking-table-wrapper tfoot td {
    text-align: center;
    padding: 0;
    margin: 0;
    width: 265px;
}

.advpoll-ranking-table-wrapper tfoot tr {
    background: transparent;
}

.advpoll-ranking-table-wrapper tfoot .form-submit {
    margin: 10px 0;
}


.advpoll-ranking-table-wrapper tr .form-item {
    white-space: normal;
}

.advpoll-ranking-table-wrapper td {
  border: none;
  min-height: 20px;
}

.advpoll-ranking-table-wrapper td li {
  display: block;
  width: 198px;
  list-style: none;
  float: right;
}

.advpoll-ranking-table-wrapper td label {
  display: block;
  word-wrap: break-word;
  width: 200px;
}

.advpoll-ranking-table-wrapper td .form-item label {
    display: block;
    padding: 0;
    margin: 0 0 5px 0;
    width: 210px;
    float: right;
}

.advpoll-ranking-wrapper ul.selectable-list label a,
.advpoll-ranking-table-wrapper td .form-item label a {
    float: right;
}

.node-advpoll .run-off-poll {
    margin: 0;
}

.node-advpoll .run-off-poll ol {
   margin: 0;
   padding: 10px 0 10px 30px;
}

.run-off-poll caption {
    text-align: center;
}

File

css/advpoll.css
View source 
  1. 

  2. .poll {

  3.   overflow: hidden;

  4. }

  5. .poll .bar {

  6.   height: 1em;

  7.   margin: 1px 0;

  8.   background-color: #ddd;

  9. }

  10. 

  11. .poll .voted .bar {

  12.   border: 1px solid #111;

  13. }

  14. .poll .bar .foreground {

  15.   background-color: #000;

  16.   height: 1em;

  17.   float: left; /* LTR */

  18. }

  19. .poll .links {

  20.   text-align: center;

  21. }

  22. .poll .percent {

  23.   text-align: right; /* LTR */

  24. }

  25. .poll .total {

  26.   text-align: center;

  27. }

  28. .poll .vote-form {

  29.   text-align: center;

  30. }

  31. .poll .vote-form .choices {

  32.   text-align: left; /* LTR */

  33.   margin: 0 auto;

  34.   display: table;

  35. }

  36. .poll .vote-form .choices .title {

  37.   font-weight: bold;

  38. }

  39. 

  40. .poll-bar {

  41.   margin-bottom: 2%;

  42. }

  43. 

  44. .node-form #edit-poll-more {

  45.   margin: 0;

  46. }

  47. .node-form #poll-choice-table .form-text {

  48.   display: inline;

  49.   width: auto;

  50. }

  51. .node-form #poll-choice-table td.choice-flag {

  52.   white-space: nowrap;

  53.   width: 4em;

  54. }

  55. td.poll-chtext {

  56.   width: 80%;

  57. }

  58. td.poll-chvotes .form-text {

  59.   width: 85%;

  60. }

  61. 

  62. .node-advpoll #message {

  63.     color: #DD0000;

  64.     font-style: italic;

  65. }

  66. 

  67. .advpoll-write-in {

  68.     position: relative;

  69.     width: 375px;

  70. }

  71. 

  72. .advpoll-write-in .form-item {

  73.     padding: 0px;

  74.     margin: 0px;

  75.     position: relative;

  76.     top: -18px;

  77.     left: 18px;

  78. }

  79. 

  80. .advpoll-ranking-wrapper ul.selectable-list {

  81.     margin: 0;

  82.     padding: 0;

  83.     float: left;

  84.     width: 50%;

  85. }

  86. 

  87. .advpoll-ranking-wrapper .advpoll-vote-region {

  88.     float: right;

  89. }

  90. 

  91. .advpoll-ranking-wrapper #message {

  92.     clear: both;

  93. }

  94. 

  95. .advpoll-ranking-wrapper .tabledrag-toggle-weight-wrapper {

  96.     display: none;

  97. }

  98. 

  99. .advpoll-ranking-table-wrapper {

  100.     max-width: 265px;

  101.     margin: 0;

  102.     padding: 0;

  103.     border: 1px solid #ccc;

  104. }

  105. 

  106. .advpoll-ranking-table-wrapper tbody {

  107.     margin: 5px;

  108.     padding-bottom: 0;

  109.     background-color: #eee;

  110.     text-align: left;

  111. 

  112. }

  113. 

  114. .advpoll-ranking-table-wrapper thead th {

  115.     color: #000;

  116.     font-weight: bold;

  117.     text-align: center;

  118.     padding: 5px 0 10px 0;

  119.     background-color: transparent;

  120.     width: 260px;

  121. }

  122. 

  123. .advpoll-ranking-table-wrapper thead tr {

  124.     background: none transparent;

  125. }

  126. 

  127. .advpoll-ranking-table-wrapper tfoot td {

  128.     text-align: center;

  129.     padding: 0;

  130.     margin: 0;

  131.     width: 265px;

  132. }

  133. 

  134. .advpoll-ranking-table-wrapper tfoot tr {

  135.     background: transparent;

  136. }

  137. 

  138. .advpoll-ranking-table-wrapper tfoot .form-submit {

  139.     margin: 10px 0;

  140. }

  141. 

  142. 

  143. .advpoll-ranking-table-wrapper tr .form-item {

  144.     white-space: normal;

  145. }

  146. 

  147. .advpoll-ranking-table-wrapper td {

  148.   border: none;

  149.   min-height: 20px;

  150. }

  151. 

  152. .advpoll-ranking-table-wrapper td li {

  153.   display: block;

  154.   width: 198px;

  155.   list-style: none;

  156.   float: right;

  157. }

  158. 

  159. .advpoll-ranking-table-wrapper td label {

  160.   display: block;

  161.   word-wrap: break-word;

  162.   width: 200px;

  163. }

  164. 

  165. .advpoll-ranking-table-wrapper td .form-item label {

  166.     display: block;

  167.     padding: 0;

  168.     margin: 0 0 5px 0;

  169.     width: 210px;

  170.     float: right;

  171. }

  172. 

  173. .advpoll-ranking-wrapper ul.selectable-list label a,

  174. .advpoll-ranking-table-wrapper td .form-item label a {

  175.     float: right;

  176. }

  177. 

  178. .node-advpoll .run-off-poll {

  179.     margin: 0;

  180. }

  181. 

  182. .node-advpoll .run-off-poll ol {

  183.    margin: 0;

  184.    padding: 10px 0 10px 30px;

  185. }

  186. 

  187. .run-off-poll caption {

  188.     text-align: center;

  189. }