equal
deleted
inserted
replaced
1 |
1 |
2 .play-head, .play-second-line { |
2 .play-head, .play-second-line { |
3 clear: both; |
3 clear: both; |
|
4 } |
|
5 |
|
6 .play-second-line { |
|
7 position: relative; |
4 } |
8 } |
5 |
9 |
6 .play-head { |
10 .play-head { |
7 margin-top: 8px; |
11 margin-top: 8px; |
8 } |
12 } |
67 .play-svg { |
71 .play-svg { |
68 position: absolute; left: 0; top: 0; width: 100%; height: 100%; |
72 position: absolute; left: 0; top: 0; width: 100%; height: 100%; |
69 } |
73 } |
70 |
74 |
71 .topics-block { |
75 .topics-block { |
72 float: left; clear: both; width: 10000px; padding-left: 8px; height: 40px; |
76 float: left; clear: both; width: 10000px; padding-left: 8px; height: 40px; left: 0; |
73 } |
77 } |
74 |
78 |
75 .topic { |
79 .topic { |
76 float: left; padding: 6px; cursor: pointer; background: #333333; |
80 float: left; padding: 6px; cursor: pointer; background: #333333; |
77 } |
81 } |
78 |
82 |
79 .topic-words li { |
83 .topic-words li { |
80 display: inline-block; color: #fff; padding: 0 4px; |
84 display: inline-block; color: #fff; padding: 0 4px; |
81 font-size: 14px; line-height: 16px; |
85 font-size: 14px; line-height: 16px; |
|
86 } |
|
87 |
|
88 .left-arrow, .right-arrow { |
|
89 position: absolute; top: 0; width: 9px; height: 20px; width: 9px; background: url(../img/arrows.png); margin: 5px; cursor: pointer; |
|
90 } |
|
91 |
|
92 .left-arrow { |
|
93 left: 0; |
|
94 } |
|
95 |
|
96 .right-arrow { |
|
97 right: 0; background-position: -9px 0; |
82 } |
98 } |
83 |
99 |
84 .highlight { |
100 .highlight { |
85 color: #333333; background: #ffff00; |
101 color: #333333; background: #ffff00; |
86 } |
102 } |
98 position: absolute; |
114 position: absolute; |
99 z-index: 2; |
115 z-index: 2; |
100 } |
116 } |
101 |
117 |
102 .play-localtweets .tweet { |
118 .play-localtweets .tweet { |
103 width: 320px; background: #666666; font-size: 12px; padding: 4px; |
119 width: 320px; background: #666666; padding: 4px; |
104 } |
120 } |
105 |
121 |
106 .play-localtweets img { |
122 .tweet img { |
107 width: 20px; height: 20px; float: left; |
123 width: 20px; height: 20px; float: left; |
108 } |
124 } |
109 |
125 |
110 .play-localtweets p { |
126 .tweet p { |
111 margin-left: 24px; |
127 margin-left: 24px; font-size: 12px; |
|
128 } |
|
129 |
|
130 .tweet a { |
|
131 color: #ffffc0; |
112 } |
132 } |
113 |
133 |
114 .play-tagcloud { |
134 .play-tagcloud { |
115 left: 720px; |
135 left: 720px; |
116 top: 5px; |
136 top: 5px; |
146 } |
166 } |
147 |
167 |
148 .local-position { |
168 .local-position { |
149 left: 155px; width: 215px; |
169 left: 155px; width: 215px; |
150 } |
170 } |
|
171 |
|
172 .user-tweets { |
|
173 position: absolute; left: 730px; top: 300px; bottom: 0; right: 0; display: none; |
|
174 } |
|
175 |
|
176 .user-tweets-head { |
|
177 font-size: 14px; text-align: center; |
|
178 } |
|
179 |
|
180 .user-tweets-list { |
|
181 position: absolute; left: 0; top: 20px; bottom: 0; right: 0; overflow: auto; |
|
182 } |
|
183 |
|
184 .user-tweets-list .tweet { |
|
185 background: #666666; font-size: 12px; padding: 4px; margin: 5px 0; |
|
186 } |
|
187 |
|
188 .user-name { |
|
189 font-weight: bold; |
|
190 } |