You are here

Home » API reference » Views Ticker 7.2

views.ticker.scroller.css in Views Ticker 7.2

Same filename and directory in other branches
  1. 6.2 views.ticker.scroller.css
  2. 7 views.ticker.scroller.css
/*
 * Default styles
 */
.views-scroller-horizontal-container {
  width: 600px;
  height: 40px;
  overflow: hidden;
}

.views-scroller-horizontal-item {
  display: inline;
  margin-right: 20px;
}

.views-scroller-vertical-container {
  width: 210px;
  height: 160px;
  overflow: hidden;
}

.views-scroller-vertical-item {
  margin-top: 20px;
}
.views-scroller-vertical-item span {
  display: block;
}

/*
 * Jscroller styles
 */
.jscroller2_up,
.jscroller2_down,
.jscroller2_left,
.jscroller2_right {
  margin: 0;
  padding: 0;
}

.jscroller2_left,
.jscroller_right,
.jscroller2_left_endless,
.jscroller2_right_endless {
  white-space: nowrap;
}

/*
 * liScroll styles
 */
.liScroll-container {
  width: 738px;
  height: 27px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/* This providing a sort of padding both left and right. */
.liScroll-container .mask {
  position: relative;
  left: 10px;
  top: 8px;
  width: 718px;
  overflow: hidden;
}

/* That's your list */
ul.liScroll {
  position: relative;
  left: 750px;
  font: bold 10px Verdana;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/*
 * Important: display inline gives incorrect results
 * when you check for the width of the element.
 */
ul.liScroll li {
  float: left;
  margin: 0;
  padding: 0;
}

ul.liScroll a {
  white-space: nowrap;
  padding: 0;
  margin: 0 50px 0 0;
}

ul.liScroll span {
  margin: 0 10px 0 0;
}

File

views.ticker.scroller.css
View source 
  1. /*

  2.  * Default styles

  3.  */

  4. .views-scroller-horizontal-container {

  5.   width: 600px;

  6.   height: 40px;

  7.   overflow: hidden;

  8. }

  9. 

  10. .views-scroller-horizontal-item {

  11.   display: inline;

  12.   margin-right: 20px;

  13. }

  14. 

  15. .views-scroller-vertical-container {

  16.   width: 210px;

  17.   height: 160px;

  18.   overflow: hidden;

  19. }

  20. 

  21. .views-scroller-vertical-item {

  22.   margin-top: 20px;

  23. }

  24. .views-scroller-vertical-item span {

  25.   display: block;

  26. }

  27. 

  28. /*

  29.  * Jscroller styles

  30.  */

  31. .jscroller2_up,

  32. .jscroller2_down,

  33. .jscroller2_left,

  34. .jscroller2_right {

  35.   margin: 0;

  36.   padding: 0;

  37. }

  38. 

  39. .jscroller2_left,

  40. .jscroller_right,

  41. .jscroller2_left_endless,

  42. .jscroller2_right_endless {

  43.   white-space: nowrap;

  44. }

  45. 

  46. /*

  47.  * liScroll styles

  48.  */

  49. .liScroll-container {

  50.   width: 738px;

  51.   height: 27px;

  52.   margin: 0;

  53.   padding: 0;

  54.   overflow: hidden;

  55. }

  56. 

  57. /* This providing a sort of padding both left and right. */

  58. .liScroll-container .mask {

  59.   position: relative;

  60.   left: 10px;

  61.   top: 8px;

  62.   width: 718px;

  63.   overflow: hidden;

  64. }

  65. 

  66. /* That's your list */

  67. ul.liScroll {

  68.   position: relative;

  69.   left: 750px;

  70.   font: bold 10px Verdana;

  71.   list-style-type: none;

  72.   margin: 0;

  73.   padding: 0;

  74. }

  75. 

  76. /*

  77.  * Important: display inline gives incorrect results

  78.  * when you check for the width of the element.

  79.  */

  80. ul.liScroll li {

  81.   float: left;

  82.   margin: 0;

  83.   padding: 0;

  84. }

  85. 

  86. ul.liScroll a {

  87.   white-space: nowrap;

  88.   padding: 0;

  89.   margin: 0 50px 0 0;

  90. }

  91. 

  92. ul.liScroll span {

  93.   margin: 0 10px 0 0;

  94. }