master
1
2.webtickers {
3 padding-bottom: 10px;
4}
5
6.ticker-title {
7 font: bold 14px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
8 height: 30px;
9 width: 100px;
10 text-align: right;
11 display: inline-block;
12 vertical-align: top;
13 line-height: 1.428571428571429;
14 padding-right: 10px;
15}
16
17.tickercontainer { /* the outer div with the black border */
18 width: 1680px;
19 height: 30px;
20 margin: 0;
21 padding: 0;
22 overflow: hidden;
23 display: inline-block;
24 vertical-align: top;
25}
26.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
27 position: relative;
28 top: 1px;
29 height: 30px;
30 /*width: 718px;*/
31 overflow: hidden;
32}
33ul.newsticker { /* that's your list */
34 position: relative;
35 /*left: 750px;*/
36 font: bold 14px 'Open Sans', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
37 list-style-type: none;
38 margin: 0;
39 padding: 0;
40}
41ul.newsticker li {
42 float: left; /* important: display inline gives incorrect results when you check for elem's width */
43 margin: 0;
44 padding-right: 30px;
45 /*background: #fff;*/
46}