You are here

Home » API reference » Vote Up/Down 6.3

updown.css in Vote Up/Down 6.3

Same filename and directory in other branches
  1. 8 widgets/updown/updown.css
  2. 6.2 widgets/updown/updown.css
  3. 7.2 widgets/updown/updown.css
  4. 7 widgets/updown/updown.css
.vud-widget-updown {
  width: 50px;
  float: left;
  padding: 0 0.7em 0 0;
}

.vud-widget-updown a:hover {
  text-decoration: none;
}

.vud-widget-updown .updown-score {
  border: 1px solid #ccc;
  color: #000;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  margin-bottom: 6px;

}

.vud-widget-updown .updown-score .updown-current-score {
  display: block;
  font-size: 20px;
}

.vud-widget-updown .up-inactive,
.vud-widget-updown .down-inactive {
  display: block;
  color: #999999;
  border: 1px solid #ccc;
  width: 20px;
  font-size: 15px;
  height: 22px;
  font-weight: bold;
  text-align: center;
}

.vud-widget-updown .up-inactive:hover,
.vud-widget-updown .down-inactive:hover {
  font-size: 20px;
}

.vud-widget-updown div.updown-up {
  float: left;
  margin-right: 3px;
}

.vud-widget-updown div.updown-down {
  float: left;
  margin-left: 3px;
}

.vud-widget-updown .up-active,
.vud-widget-updown .down-active {
  display: block;
  color: #000000;
  border: 1px solid #ccc;
  width: 20px;
  font-size: 20px;
  height: 22px;
  font-weight: bold;
  text-align: center;
  cursor: default;
}

.vud-widget-updown .ctools-ajaxing {
  border: 1px solid #ccc;
  padding-right: 0 !important;
  display: block;
  width: 20px;
  height: 22px;
  background-position: center;
  float: left;
}

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

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

.vud-widget-updown .ctools-ajaxing div {
  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/updown/updown.css
View source 
  1. 

  2. .vud-widget-updown {

  3.   width: 50px;

  4.   float: left;

  5.   padding: 0 0.7em 0 0;

  6. }

  7. 

  8. .vud-widget-updown a:hover {

  9.   text-decoration: none;

  10. }

  11. 

  12. .vud-widget-updown .updown-score {

  13.   border: 1px solid #ccc;

  14.   color: #000;

  15.   font-size: 10px;

  16.   font-weight: bold;

  17.   text-align: center;

  18.   padding-top: 5px;

  19.   margin-bottom: 6px;

  20. 

  21. }

  22. 

  23. .vud-widget-updown .updown-score .updown-current-score {

  24.   display: block;

  25.   font-size: 20px;

  26. }

  27. 

  28. .vud-widget-updown .up-inactive,

  29. .vud-widget-updown .down-inactive {

  30.   display: block;

  31.   color: #999999;

  32.   border: 1px solid #ccc;

  33.   width: 20px;

  34.   font-size: 15px;

  35.   height: 22px;

  36.   font-weight: bold;

  37.   text-align: center;

  38. }

  39. 

  40. .vud-widget-updown .up-inactive:hover,

  41. .vud-widget-updown .down-inactive:hover {

  42.   font-size: 20px;

  43. }

  44. 

  45. .vud-widget-updown div.updown-up {

  46.   float: left;

  47.   margin-right: 3px;

  48. }

  49. 

  50. .vud-widget-updown div.updown-down {

  51.   float: left;

  52.   margin-left: 3px;

  53. }

  54. 

  55. .vud-widget-updown .up-active,

  56. .vud-widget-updown .down-active {

  57.   display: block;

  58.   color: #000000;

  59.   border: 1px solid #ccc;

  60.   width: 20px;

  61.   font-size: 20px;

  62.   height: 22px;

  63.   font-weight: bold;

  64.   text-align: center;

  65.   cursor: default;

  66. }

  67. 

  68. .vud-widget-updown .ctools-ajaxing {

  69.   border: 1px solid #ccc;

  70.   padding-right: 0 !important;

  71.   display: block;

  72.   width: 20px;

  73.   height: 22px;

  74.   background-position: center;

  75.   float: left;

  76. }

  77. 

  78. .vud-widget-updown .ctools-ajaxing.updown-click-up {

  79.   margin-right: 3px;

  80. }

  81. 

  82. .vud-widget-updown .ctools-ajaxing.updown-click-down {

  83.   margin-left: 3px;

  84. }

  85. 

  86. .vud-widget-updown .ctools-ajaxing div {

  87.   display: none;

  88. }

  89. 

  90. /**

  91.  * Hide elements visually, but keep them available for screen-readers.

  92.  *

  93.  * Used for information required for screen-reader users to understand and use

  94.  * the site where visual display is undesirable. Information provided in this

  95.  * manner should be kept concise, to avoid unnecessary burden on the user. Must

  96.  * not be used for focusable elements (such as links and form elements) as this

  97.  * causes issues for keyboard only or voice recognition users. "!important" is

  98.  * used to prevent unintentional overrides.

  99.  */

  100. .element-invisible {

  101.   position: absolute !important;

  102.   clip: rect(1px 1px 1px 1px); /* IE6, IE7 */

  103.   clip: rect(1px, 1px, 1px, 1px);

  104. }