equal
deleted
inserted
replaced
14 .play-head h1 { |
14 .play-head h1 { |
15 font-size: 28px; line-height: 30px; |
15 font-size: 28px; line-height: 30px; |
16 } |
16 } |
17 |
17 |
18 .play-block { |
18 .play-block { |
19 width: 248px; height: 30px; |
19 width: 402px; height: 30px; |
20 } |
20 } |
21 |
21 |
22 .play-button { |
22 .play-button, .next-button { |
23 float: left; margin: 5px; font-size: 18px; |
23 float: left; width: 30px; margin: 5px; font-size: 18px; |
24 line-height: 20px; |
24 line-height: 20px; height: 20px; cursor: pointer; |
25 } |
25 } |
26 |
26 |
27 .duration { |
27 .duration, .time-separator, .current-time { |
28 float: right; font-size: 20px; margin: 0 8px; line-height: 30px; |
28 float: left; height: 30px; |
|
29 font-size: 20px; line-height: 30px; |
|
30 } |
|
31 |
|
32 .time-separator { |
|
33 width: 10px; text-align: center; |
|
34 } |
|
35 .duration, .current-time { |
|
36 width: 140px; margin: 0 8px; |
|
37 } |
|
38 .current-time { |
|
39 text-align: right; color: #CCCCCC; |
29 } |
40 } |
30 |
41 |
31 .explain-block { |
42 .explain-block { |
32 width: 494px; height: 30px; padding: 0 5px; |
43 width: 340px; height: 30px; padding: 0 5px; |
33 } |
44 } |
34 |
45 |
35 .keyword-search { |
46 .keyword-search { |
36 line-height: 20px; padding: 0 5px; margin-top: 4px; border: 1px solid #000000; width: 300px; font-size: 18px; |
47 line-height: 20px; padding: 0 5px; margin-top: 4px; border: 1px solid #000000; width: 300px; font-size: 18px; |
37 background: #666666; |
48 background: #666666; |
48 .shadow-block { |
59 .shadow-block { |
49 float: left; background: #333333; /*box-shadow: 1px 1px 2px #000;*/ margin: 0 8px 8px 0; |
60 float: left; background: #333333; /*box-shadow: 1px 1px 2px #000;*/ margin: 0 8px 8px 0; |
50 } |
61 } |
51 |
62 |
52 .play-bottom { |
63 .play-bottom { |
53 position: absolute; top: 86px; bottom: 8px; overflow: hidden; width: 100%; |
64 position: absolute; left: 8px; top: 86px; bottom: 8px; right: 8px; overflow: hidden; |
54 } |
|
55 |
|
56 .play-dataviz { |
|
57 float: left; height: 672px; width: 100%; position: relative; margin-left: 8px; overflow: hidden; |
|
58 } |
65 } |
59 |
66 |
60 .play-svg { |
67 .play-svg { |
61 position: absolute; left: 0; top: 0; width: 100%; height: 100%; |
68 position: absolute; left: 0; top: 0; width: 100%; height: 100%; |
62 } |
69 } |
127 |
134 |
128 .play-tagcloud li:nth-child(3n) { |
135 .play-tagcloud li:nth-child(3n) { |
129 margin-top: 10px; |
136 margin-top: 10px; |
130 } |
137 } |
131 |
138 |
|
139 .local-position, .global-position { |
|
140 position: absolute; height: 1px; |
|
141 background: #FF00FC; |
|
142 } |
|
143 |
|
144 .global-position { |
|
145 left: 0; width: 125px; |
|
146 } |
|
147 |
|
148 .local-position { |
|
149 left: 155px; width: 215px; |
|
150 } |