You are here

views.ticker.scroller.css in Views Ticker 6.2

Same filename and directory in other branches
  1. 7.2 views.ticker.scroller.css
  2. 7 views.ticker.scroller.css
/* $Id: views.ticker.scroller.css,v 1.1 2008/04/14 13:11:32 vvn Exp $ */
/* 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: DO NOT EDIT! */
 .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 { /* the outer div with the black border */
/*	border: 1px solid #000; */
/*	background: #fff; */
	width: 738px; 
	height: 27px; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
}

.liScroll-container .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 10px;
	top: 8px;
	width: 718px;
	overflow: hidden;
}

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

ul.liScroll li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	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. /* $Id: views.ticker.scroller.css,v 1.1 2008/04/14 13:11:32 vvn Exp $ */
  2. /* Default styles */
  3. .views-scroller-horizontal-container {
  4. width: 600px;
  5. height: 40px;
  6. overflow: hidden;
  7. }
  8. .views-scroller-horizontal-item {
  9. display:inline;
  10. margin-right: 20px;
  11. }
  12. .views-scroller-vertical-container {
  13. width: 210px;
  14. height: 160px;
  15. overflow: hidden;
  16. }
  17. .views-scroller-vertical-item {
  18. margin-top: 20px;
  19. }
  20. .views-scroller-vertical-item span {
  21. display: block;
  22. }
  23. /* Jscroller styles: DO NOT EDIT! */
  24. .jscroller2_up, .jscroller2_down, .jscroller2_left, .jscroller2_right {
  25. margin: 0;
  26. padding: 0;
  27. }
  28. .jscroller2_left, .jscroller_right, .jscroller2_left_endless, .jscroller2_right_endless {
  29. white-space: nowrap;
  30. }
  31. /* liScroll styles */
  32. .liScroll-container { /* the outer div with the black border */
  33. /* border: 1px solid #000; */
  34. /* background: #fff; */
  35. width: 738px;
  36. height: 27px;
  37. margin: 0;
  38. padding: 0;
  39. overflow: hidden;
  40. }
  41. .liScroll-container .mask { /* that serves as a mask. so you get a sort of padding both left and right */
  42. position: relative;
  43. left: 10px;
  44. top: 8px;
  45. width: 718px;
  46. overflow: hidden;
  47. }
  48. ul.liScroll { /* that's your list */
  49. position: relative;
  50. left: 750px;
  51. font: bold 10px Verdana;
  52. list-style-type: none;
  53. margin: 0;
  54. padding: 0;
  55. }
  56. ul.liScroll li {
  57. float: left; /* important: display inline gives incorrect results when you check for elem's width */
  58. margin: 0;
  59. padding: 0;
  60. }
  61. ul.liScroll a {
  62. white-space: nowrap;
  63. padding: 0;
  64. margin: 0 50px 0 0;
  65. }
  66. ul.liScroll span {
  67. margin: 0 10px 0 0;
  68. }