1/* liScroll styles */ 2 3.tickercontainer { /* the outer div with the black border */ 4 /*border: 0.1px dashed #000;*/ 5 /*border-radius: 20px;*/ 6 /*width: 50%;*/ 7 /*height: 2em;*/ 8 margin: 0; 9 padding: 0; 10 overflow: hidden; 11} 12 13.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ 14 position: relative; 15 left: 10px; 16 top: 8px; 17 width: 95%; 18 overflow: hidden; 19} 20 21ul.newsticker { /* that's your list */ 22 position: relative; 23 left: 70%; 24 list-style-type: none; 25 margin: 0; 26 padding: 0; 27 counter-reset: scrollticker-counter; 28} 29 30ul.newsticker li { 31 float: left; /* important: display inline gives incorrect results when you check for elem's width */ 32 margin: 0; 33 padding: 0; 34 background: #fff; 35} 36 37/*ul.newsticker li::before {*/ 38/*content: counter(scrollticker-counter, lower-roman);*/ 39/*counter-increment: scrollticker-counter;*/ 40/*}*/ 41 42.counter_upper-roman::before { 43 content: counter(scrollticker-counter, upper-roman); 44 counter-increment: scrollticker-counter; 45} 46 47.counter_lower-roman::before { 48 content: counter(scrollticker-counter, lower-roman); 49 counter-increment: scrollticker-counter; 50} 51 52.counter_upper-latin::before { 53 content: counter(scrollticker-counter, upper-latin); 54 counter-increment: scrollticker-counter; 55} 56 57.counter_lower-latin::before { 58 content: counter(scrollticker-counter, lower-latin); 59 counter-increment: scrollticker-counter; 60} 61 62.counter_decimal::before { 63 content: counter(scrollticker-counter, decimal); 64 counter-increment: scrollticker-counter; 65} 66 67.counter_decimal-leading-zero::before { 68 content: counter(scrollticker-counter, decimal-leading-zero); 69 counter-increment: scrollticker-counter; 70} 71 72ul.newsticker div { 73 display: inline; 74} 75