1 .Ldt-Social a { |
|
2 display: inline-block; width: 24px; height: 24px; margin: 2px 0 0 2px; background: url(img/socialbuttons.png); |
|
3 } |
|
4 |
|
5 .Ldt-Social-Url-Container { |
|
6 display: inline-block; width: 24px; height: 24px; margin: 2px 0 0 2px; position: relative; |
|
7 } |
|
8 |
|
9 a.Ldt-Social-Url { |
|
10 margin: 0; background-position: -96px 0; |
|
11 } |
|
12 |
|
13 a.Ldt-Social-Url:hover { |
|
14 background-position: -96px -24px; |
|
15 } |
|
16 |
|
17 .Ldt-Social-UrlPop { |
|
18 position: absolute; left: 20px; top: -2px; background: url(img/socialcopy.png); |
|
19 padding: 3px 0 0 12px; width: 218px; height: 27px; |
|
20 display: none; |
|
21 } |
|
22 |
|
23 .Ldt-Social-Input, .Ldt-Social-CopyBtn { |
|
24 font-size: 11px; margin: 1px; border: 1px solid #ccc; height: 16px; |
|
25 padding: 1px; border-radius: 2px; display: inline-block; |
|
26 } |
|
27 |
|
28 .Ldt-Social-Input:hover, .Ldt-Social-CopyBtn.hover { |
|
29 border-color: #8080ff; |
|
30 } |
|
31 |
|
32 .Ldt-Social-Input { |
|
33 width: 200px; |
|
34 } |
|
35 |
|
36 .Ldt-Social-CopyBtn { |
|
37 font-weight: bold; width: 50px; text-align: center; background: #f0f0ff; |
|
38 } |
|
39 |
|
40 .Ldt-Social-CopyBtn.hover { |
|
41 background: #ffe0a0; |
|
42 } |
|
43 |
|
44 .Ldt-Social-CopyBtn.active { |
|
45 background: #ff8000; |
|
46 } |
|
47 |
|
48 a.Ldt-Social-Twitter { |
|
49 background-position: 0 0; |
|
50 } |
|
51 |
|
52 a.Ldt-Social-Twitter:hover { |
|
53 background-position: 0 -24px; |
|
54 } |
|
55 |
|
56 a.Ldt-Social-Fb { |
|
57 background-position: -24px 0; |
|
58 } |
|
59 |
|
60 a.Ldt-Social-Fb:hover { |
|
61 background-position: -24px -24px; |
|
62 } |
|
63 |
|
64 a.Ldt-Social-Gplus { |
|
65 background-position: -48px 0; |
|
66 } |
|
67 |
|
68 a.Ldt-Social-Gplus:hover { |
|
69 background-position: -48px -24px; |
|
70 } |
|
71 |
|
72 a.Ldt-Social-Mail { |
|
73 background-position: -72px 0; |
|
74 } |
|
75 |
|
76 a.Ldt-Social-Mail:hover { |
|
77 background-position: -72px -24px; |
|
78 } |
|