blob: 6c79aa9e18e0493473ae931392bead8b7ba91e27 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
.content blockquote {
border-left: #689d6a 8px solid;
}
.content blockquote.tidbit {
border-left: #928f74 8px solid;
font-size: 12px;
color: #282828;
}
li p {
margin: 2px;
}
/* OUTER CONTAINER */
.tcontainer {
width: 100%;
overflow: hidden; /* Hide scroll bar */
}
/* MIDDLE CONTAINER */
.ticker-wrap {
width: 100%;
padding-left: 100%; /* Push contents to right side of screen */
background-color: #eee;
}
/* INNER CONTAINER */
@keyframes ticker {
0% { transform: translate3d(0, 0, 0); }
100% { transform: translate3d(-100%, 0, 0); }
}
.ticker-move {
/* Basically move items from right side of screen to left in infinite loop */
display: inline-block;
white-space: nowrap;
padding-right: 100%;
animation-iteration-count: infinite;
animation-timing-function: linear;
animation-name: ticker;
animation-duration: 30s;
}
.ticker-move:hover{
animation-play-state: paused; /* Pause scroll on mouse hover */
}
/* ITEMS */
.ticker-item {
display: inline-block; /* Lay items in a horizontal line */
padding: 0 5px;
}
.ticker-item::before {
content: " ✑ ";
}
|
