-
Notifications
You must be signed in to change notification settings - Fork 9
/
talkie.less
68 lines (64 loc) · 1.33 KB
/
talkie.less
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
58
59
60
61
62
63
64
65
66
67
.talkie-slider {
padding: 14px 10px 10px 10px;
background: white;
width: 680px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
position: relative;
left: 25px;
}
.talkie-slider-frame {
width: 100%;
height: 100%;
overflow: hidden;
}
.talkie-slider-panels {
width: 32767px;
height: 100%;
}
.talkie-slider-panel {
height: 100%;
float: left;
}
.talkie-slider-arrowprev {
position: absolute;
left: -24px;
opacity: 0;
border: none;
width: 24px;
height: 43px;
background: url(images/arrow-prev.png);
cursor: pointer;
}
.talkie-slider-arrownext {
position: absolute;
left: 700px;
width: 24px;
height: 43px;
background: url(images/arrow-next.png);
cursor: pointer;
}
.talkie-slider-nav {
text-align: center;
margin: 14px auto 4px;
height: 18px;
.talkie-slider-nav-dot {
background-image: url(images/navdot.png);
width: 12px;
height: 12px;
display: inline-block;
cursor: pointer;
&.talkie-slider-nav-dot-selected { background-position: 0 -12px; }
}
}
.talkie-play-button {
width: 158px;
height: 158px;
position: absolute;
background-image: url(images/play.png);
background-repeat: no-repeat;
cursor: pointer;
&:hover { background-position: 0 -158px; }
}