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