You are here

plain.css in Vote Up/Down 6.3

.vud-widget-plain {
  float: left;
  clear: left;
  padding: 2px;
  margin: 2px 5px 0 0;
  border: 1px solid #ccc;
  width: 15px;
  height: 32px;
}

.vud-widget-plain .up-active,
.vud-widget-plain .up-inactive,
.vud-widget-plain .down-active,
.vud-widget-plain .down-inactive {
  display: block;
  text-decoration: none;
  width: 15px;
  height: 16px;
  background-image: url('arrows.png');
}

.vud-widget-plain a.up-inactive,
.vud-widget-plain a.down-inactive,
.vud-widget-plain span.up-inactive,
.vud-widget-plain span.down-inactive {
  cursor: pointer;
}

.vud-widget-plain a.up-active,
.vud-widget-plain a.down-active,
.vud-widget-plain span.up-active,
.vud-widget-plain span.down-active {
  cursor: default;
}

.vud-widget-plain .up-active,
.vud-widget-plain .up-inactive:hover {
  background-position: -10px -10px;
  float: left;
}

.vud-widget-plain .up-inactive {
  background-position: -10px -82px;
  float: left;
}

.vud-widget-plain .down-active,
.vud-widget-plain .down-inactive:hover {
  background-position: -10px -118px;
  float: right;
}

.vud-widget-plain .down-inactive {
  background-position: -10px -46px;
  float: right;
}

.total-votes-plain {
  font-weight: bold;
  color: #494949;
}

.vud-term-table {
  border: 1px solid #D3E7F4;
  float: right;
  width: 40em;
  margin: 0.5em 0 0.5em 1em;
}

.vud-widget-plain .ctools-ajaxing {
  padding-right: 0 !important;
  display: block;
  width: 15px;
  height: 16px;
  background-position: center;
  float: left;
}

.vud-widget-plain .ctools-ajaxing.plain-click-up {
  margin-right: 3px;
}

.vud-widget-plain .ctools-ajaxing.plain-click-down {
  margin-left: 3px;
}

.vud-widget-plain .ctools-ajaxing span {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen-readers.
 *
 * Used for information required for screen-reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user. Must
 * not be used for focusable elements (such as links and form elements) as this
 * causes issues for keyboard only or voice recognition users. "!important" is
 * used to prevent unintentional overrides.
 */
.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

File

widgets/plain/plain.css
View source
  1. .vud-widget-plain {
  2. float: left;
  3. clear: left;
  4. padding: 2px;
  5. margin: 2px 5px 0 0;
  6. border: 1px solid #ccc;
  7. width: 15px;
  8. height: 32px;
  9. }
  10. .vud-widget-plain .up-active,
  11. .vud-widget-plain .up-inactive,
  12. .vud-widget-plain .down-active,
  13. .vud-widget-plain .down-inactive {
  14. display: block;
  15. text-decoration: none;
  16. width: 15px;
  17. height: 16px;
  18. background-image: url('arrows.png');
  19. }
  20. .vud-widget-plain a.up-inactive,
  21. .vud-widget-plain a.down-inactive,
  22. .vud-widget-plain span.up-inactive,
  23. .vud-widget-plain span.down-inactive {
  24. cursor: pointer;
  25. }
  26. .vud-widget-plain a.up-active,
  27. .vud-widget-plain a.down-active,
  28. .vud-widget-plain span.up-active,
  29. .vud-widget-plain span.down-active {
  30. cursor: default;
  31. }
  32. .vud-widget-plain .up-active,
  33. .vud-widget-plain .up-inactive:hover {
  34. background-position: -10px -10px;
  35. float: left;
  36. }
  37. .vud-widget-plain .up-inactive {
  38. background-position: -10px -82px;
  39. float: left;
  40. }
  41. .vud-widget-plain .down-active,
  42. .vud-widget-plain .down-inactive:hover {
  43. background-position: -10px -118px;
  44. float: right;
  45. }
  46. .vud-widget-plain .down-inactive {
  47. background-position: -10px -46px;
  48. float: right;
  49. }
  50. .total-votes-plain {
  51. font-weight: bold;
  52. color: #494949;
  53. }
  54. .vud-term-table {
  55. border: 1px solid #D3E7F4;
  56. float: right;
  57. width: 40em;
  58. margin: 0.5em 0 0.5em 1em;
  59. }
  60. .vud-widget-plain .ctools-ajaxing {
  61. padding-right: 0 !important;
  62. display: block;
  63. width: 15px;
  64. height: 16px;
  65. background-position: center;
  66. float: left;
  67. }
  68. .vud-widget-plain .ctools-ajaxing.plain-click-up {
  69. margin-right: 3px;
  70. }
  71. .vud-widget-plain .ctools-ajaxing.plain-click-down {
  72. margin-left: 3px;
  73. }
  74. .vud-widget-plain .ctools-ajaxing span {
  75. display: none;
  76. }
  77. /**
  78. * Hide elements visually, but keep them available for screen-readers.
  79. *
  80. * Used for information required for screen-reader users to understand and use
  81. * the site where visual display is undesirable. Information provided in this
  82. * manner should be kept concise, to avoid unnecessary burden on the user. Must
  83. * not be used for focusable elements (such as links and form elements) as this
  84. * causes issues for keyboard only or voice recognition users. "!important" is
  85. * used to prevent unintentional overrides.
  86. */
  87. .element-invisible {
  88. position: absolute !important;
  89. clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  90. clip: rect(1px, 1px, 1px, 1px);
  91. }