You are here

Home » API reference » Vote Up/Down 5

vote_up_down.css in Vote Up/Down 5

Same filename and directory in other branches
  1. 6 vote_up_down.css
.vote-up-down-widget {
  float: left;
  clear: left;
  padding: 2px;
  margin: 2px 5px 2px 0;
  border: 1px solid #ccc;
}
.vote-up-down-via {
  float: right;
  color: #999;
  padding-left: 3px;
}
.vote-up-act, .vote-up-inact, .vote-down-act, .vote-down-inact, .up-inact, .down-inact {
  display: block;
  text-decoration: none;
  width: 15px;
  height: 16px;
}
a.vote-up-inact, a.vote-down-inact, span.vote-up-inact, span.vote-down-inact {
  cursor: pointer;
}
a.vote-up-act, a.vote-down-act, span.vote-up-act, span.vote-down-act {
  cursor: default;
}
.vote-up-act, .vote-up-inact:hover {
  background: url(a_up_act.png) no-repeat 0px 0px;
}
.vote-up-inact, .up-inact {
  background: url(a_up_inact.png) no-repeat 0px 0px;
}
.vote-down-act, .vote-down-inact:hover {
  background: url(a_down_act.png) no-repeat 0px 0px;
}
.vote-down-inact, .down-inact {
  background: url(a_down_inact.png) no-repeat 0px 0px;
}
.vote-points {
  font-weight: bold;
}

.vote-up-down-widget-alt {
  float: left;
  clear: left;
  padding: 0;
  margin: 2px 5px 2px 0;
  border: 0;
}
.vote-up-down-widget-alt .vote-points {
  background: #ff0;
  font-weight: normal;
  font-size: 1.5em;
  text-align: center;
  padding: 3px;
  margin-bottom: 3px;
}
.vote-up-down-widget-alt .vote-points .vote-points {
  background: transparent;
  font-weight: normal;
  font-size: 1em;
  padding: 0;
  margin-bottom: 0;
}
.vote-up-down-widget-alt .vote-points-label {
  font-size: 0.5em;
  background: transparent;
}
.vote-up-down-widget-alt .vote-up-act,
.vote-up-down-widget-alt .vote-up-inact,
.vote-up-down-widget-alt .up-inact {
  display: block;
  width: auto;
  height: 22px;
}
.vote-up-down-widget-alt span.vote-up-act,
.vote-up-down-widget-alt span.vote-up-inact,
.vote-up-down-widget-alt span.up-inact {
  border: 1px solid #ccc;
}
.vote-up-down-widget-alt .vote-up-act,
.vote-up-down-widget-alt .vote-up-inact:hover {
  background: url(plus_act.png) no-repeat center 3px;
}
.vote-up-down-widget-alt .vote-up-inact,
.vote-up-down-widget-alt .up-inact {
  background: url(plus_inact.png) no-repeat center 3px;
}

.storylink .picture img {
  float: left !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0.3em 0 0.3em 2px !important;
  max-width: 18px !important;
  max-height: 18px !important;
}
.storylink h2.title, 
.storylink .content, 
.storylink .submitted, 
.storylink div.links {
  padding-left: 26px;
}

.storylink-alt .picture {
  display: inline;
}
.storylink-alt .picture img {
  float: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0.3em 0.3em 0 0 !important;
  max-width: 18px !important;
  max-height: 18px !important;
}
.storylink-alt h2.title, 
.storylink-alt .content, 
.storylink-alt .submitted, 
.storylink-alt div.links {
  padding-left: 42px;
}

/* Fixing IE6 bug, the "* html" make other browsers ignore it */

/* Hides from IE-mac \*/
* html .storylink .picture img {
  width: 18px !important;
  height: 18px !important;
}
* html .storylink-alt .picture img {
  width: 18px !important;
  height: 18px !important;
}
* html .vote-up-down-widget-alt .vote-up-act,
* html .vote-up-down-widget-alt .vote-up-inact,
* html .vote-up-down-widget-alt .up-inact {
  width: 55px;
}
* html .content {
  height: 1%;
}
/* End hide from IE-mac */

File

vote_up_down.css
View source 
  1. .vote-up-down-widget {

  2.   float: left;

  3.   clear: left;

  4.   padding: 2px;

  5.   margin: 2px 5px 2px 0;

  6.   border: 1px solid #ccc;

  7. }

  8. .vote-up-down-via {

  9.   float: right;

  10.   color: #999;

  11.   padding-left: 3px;

  12. }

  13. .vote-up-act, .vote-up-inact, .vote-down-act, .vote-down-inact, .up-inact, .down-inact {

  14.   display: block;

  15.   text-decoration: none;

  16.   width: 15px;

  17.   height: 16px;

  18. }

  19. a.vote-up-inact, a.vote-down-inact, span.vote-up-inact, span.vote-down-inact {

  20.   cursor: pointer;

  21. }

  22. a.vote-up-act, a.vote-down-act, span.vote-up-act, span.vote-down-act {

  23.   cursor: default;

  24. }

  25. .vote-up-act, .vote-up-inact:hover {

  26.   background: url(a_up_act.png) no-repeat 0px 0px;

  27. }

  28. .vote-up-inact, .up-inact {

  29.   background: url(a_up_inact.png) no-repeat 0px 0px;

  30. }

  31. .vote-down-act, .vote-down-inact:hover {

  32.   background: url(a_down_act.png) no-repeat 0px 0px;

  33. }

  34. .vote-down-inact, .down-inact {

  35.   background: url(a_down_inact.png) no-repeat 0px 0px;

  36. }

  37. .vote-points {

  38.   font-weight: bold;

  39. }

  40. 

  41. .vote-up-down-widget-alt {

  42.   float: left;

  43.   clear: left;

  44.   padding: 0;

  45.   margin: 2px 5px 2px 0;

  46.   border: 0;

  47. }

  48. .vote-up-down-widget-alt .vote-points {

  49.   background: #ff0;

  50.   font-weight: normal;

  51.   font-size: 1.5em;

  52.   text-align: center;

  53.   padding: 3px;

  54.   margin-bottom: 3px;

  55. }

  56. .vote-up-down-widget-alt .vote-points .vote-points {

  57.   background: transparent;

  58.   font-weight: normal;

  59.   font-size: 1em;

  60.   padding: 0;

  61.   margin-bottom: 0;

  62. }

  63. .vote-up-down-widget-alt .vote-points-label {

  64.   font-size: 0.5em;

  65.   background: transparent;

  66. }

  67. .vote-up-down-widget-alt .vote-up-act,

  68. .vote-up-down-widget-alt .vote-up-inact,

  69. .vote-up-down-widget-alt .up-inact {

  70.   display: block;

  71.   width: auto;

  72.   height: 22px;

  73. }

  74. .vote-up-down-widget-alt span.vote-up-act,

  75. .vote-up-down-widget-alt span.vote-up-inact,

  76. .vote-up-down-widget-alt span.up-inact {

  77.   border: 1px solid #ccc;

  78. }

  79. .vote-up-down-widget-alt .vote-up-act,

  80. .vote-up-down-widget-alt .vote-up-inact:hover {

  81.   background: url(plus_act.png) no-repeat center 3px;

  82. }

  83. .vote-up-down-widget-alt .vote-up-inact,

  84. .vote-up-down-widget-alt .up-inact {

  85.   background: url(plus_inact.png) no-repeat center 3px;

  86. }

  87. 

  88. .storylink .picture img {

  89.   float: left !important;

  90.   border: 0 !important;

  91.   margin: 0 !important;

  92.   padding: 0.3em 0 0.3em 2px !important;

  93.   max-width: 18px !important;

  94.   max-height: 18px !important;

  95. }

  96. .storylink h2.title, 

  97. .storylink .content, 

  98. .storylink .submitted, 

  99. .storylink div.links {

  100.   padding-left: 26px;

  101. }

  102. 

  103. .storylink-alt .picture {

  104.   display: inline;

  105. }

  106. .storylink-alt .picture img {

  107.   float: none !important;

  108.   border: 0 !important;

  109.   margin: 0 !important;

  110.   padding: 0.3em 0.3em 0 0 !important;

  111.   max-width: 18px !important;

  112.   max-height: 18px !important;

  113. }

  114. .storylink-alt h2.title, 

  115. .storylink-alt .content, 

  116. .storylink-alt .submitted, 

  117. .storylink-alt div.links {

  118.   padding-left: 42px;

  119. }

  120. 

  121. /* Fixing IE6 bug, the "* html" make other browsers ignore it */

  122. 

  123. /* Hides from IE-mac \*/

  124. * html .storylink .picture img {

  125.   width: 18px !important;

  126.   height: 18px !important;

  127. }

  128. * html .storylink-alt .picture img {

  129.   width: 18px !important;

  130.   height: 18px !important;

  131. }

  132. * html .vote-up-down-widget-alt .vote-up-act,

  133. * html .vote-up-down-widget-alt .vote-up-inact,

  134. * html .vote-up-down-widget-alt .up-inact {

  135.   width: 55px;

  136. }

  137. * html .content {

  138.   height: 1%;

  139. }

  140. /* End hide from IE-mac */