API tools faq
paste
Hormold

VK Change (#1377868509)

Hormold
Aug 30th, 2013
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 115.31 KB | None | 0 0
raw download clone embed print report
  1. Файл - pads.js (Старый размер - 47161 | Новый - 44686):
  2. 39.  -   decr: function(id, toZero) {
  3. 40.  +   decr: function(id) {
  4. 43.  -     handlePageCount(id, toZero ? 0 : (vk.counts[id] - 1), mp[id], 1);
  5. 44.  +     handlePageCount(id, (vk.counts[id] - 1), mp[id], 1);
  6. 65.  -     var d = Pads.coords[id], c = _pads.cache[id], el = Pads.getEl(id), xy = getXY(el, true),
  7. 66.  -         barHeight = getXY('page_layout')[1], topOffset = 33 + barHeight;
  8. 67.  +     var d = Pads.coords[id], c = _pads.cache[id], el = Pads.getEl(id), xy = getXY(el, true);
  9. 71.  -           fixed = (posStyle == 'fixed' || posStyle != 'fixed' && y >= topOffset && isVisible(gp) || reverse || !ge('head_play_btn')), l, r, t, b;
  10. 72.  +           fixed = (posStyle == 'fixed' || posStyle != 'fixed' && y >= 33 && isVisible(gp) || reverse || !ge('head_play_btn')), l, r, t, b;
  11. 81.  -       t = reverse ? 'auto' : ((y >= topOffset && isVisible(gp) || !playBtn) ? 12 : 46) + barHeight;
  12. 82.  +       t = reverse ? 'auto' : ((y >= 33 && isVisible(gp) || !playBtn) ? 12 : 46);
  13. 88.  -       toggleClass(_pads.arrow, 'head', (y < topOffset || !isVisible(gp)) && playBtn && !_pads.gpClicked);
  14. 89.  -       toggleClass(gp, 'head', (y < topOffset || !isVisible(gp)) && playBtn && !_pads.gpClicked);
  15. 90.  -       toggleClass(_pads.arrow, 'right', (y >= topOffset && isVisible(gp) || !playBtn) && !hasClass(gp, 'reverse'));
  16. 91.  -       toggleClass(_pads.arrow, 'left', (y >= topOffset && isVisible(gp) || !playBtn) && hasClass(gp, 'reverse'));
  17. 92.  -       var toup = (y < topOffset || !isVisible(gp)) && playBtn && !_pads.gpClicked;
  18. 93.  +       toggleClass(_pads.arrow, 'head', (y < 33 || !isVisible(gp)) && playBtn && !_pads.gpClicked);
  19. 94.  +       toggleClass(gp, 'head', (y < 33 || !isVisible(gp)) && playBtn && !_pads.gpClicked);
  20. 95.  +       toggleClass(_pads.arrow, 'right', (y >= 33 && isVisible(gp) || !playBtn) && !hasClass(gp, 'reverse'));
  21. 96.  +       toggleClass(_pads.arrow, 'left', (y >= 33 && isVisible(gp) || !playBtn) && hasClass(gp, 'reverse'));
  22. 97.  +       var toup = (y < 33 || !isVisible(gp)) && playBtn && !_pads.gpClicked;
  23. 137.  -         cntr -= 46 + barHeight;
  24. 138.  +         cntr -= 46;
  25. 141.  -         _pads.wrap.style.top = (46 + barHeight) + 'px';
  26. 142.  +         _pads.wrap.style.top = 46 + 'px';
  27. 159.  -     var y = scrollGetY(), barHeight = getXY('page_layout')[1], topOffset = 33 + barHeight;
  28. 160.  +     var y = scrollGetY();
  29. 171.  -         setStyle(_pads.wrap, {bottom: fixed ? '15px' : 'auto', top: fixed ? 'auto' : 46 + barHeight});
  30. 172.  +         setStyle(_pads.wrap, {bottom: fixed ? '15px' : 'auto', top: fixed ? 'auto' : '46px'});
  31. 175.  -       } else if (y >= topOffset && isVisible(gp) && !fixed || !playBtn) {
  32. 176.  +       } else if (y >= 33 && isVisible(gp) && !fixed || !playBtn) {
  33. 196.  -         setStyle(_pads.wrap, {top: 46 + barHeight, bottom: 'auto'});
  34. 197.  +         setStyle(_pads.wrap, {top: '46px', bottom: 'auto'});
  35. 314.  -       var topOffset = 33 + getXY('page_layout')[1];
  36. 315.  -       toggleClass(ge('gp'), 'head', id == 'mus' && scrollGetY() < topOffset && !hasClass(ge('gp'), 'reverse') && !_pads.gpClicked);
  37. 316.  +       toggleClass(ge('gp'), 'head', id == 'mus' && scrollGetY() < 33 && !hasClass(ge('gp'), 'reverse') && !_pads.gpClicked);
  38. 446.  -     if (_pads.shown == 'mus') {
  39. 447.  -       if (ge('gp')) {
  40. 448.  -         removeClass(ge('gp').firstChild, 'active');
  41. 449.  -         _pads.gpClicked = false;
  42. 450.  -       }
  43. 451.  -       if (window.audioPlayer && audioPlayer.controls && audioPlayer.controls.pd && audioPlayer.controls.pd.status && audioPlayer.controls.pd.status.tt) {
  44. 452.  -         hide(audioPlayer.controls.pd.status.tt.container);
  45. 453.  -       }
  46. 454.  +     if (_pads.shown == 'mus' && ge('gp')) {
  47. 455.  +       removeClass(ge('gp').firstChild, 'active');
  48. 456.  +       _pads.gpClicked = false;
  49. 523.  -     ajax.post('pads.php', {act: 'pad', offset: _pads.cur.offset, pad_id: _pads.shown, pad_section: _pads.cur.sect || 0}, {
  50. 524.  +     ajax.post('pads.php', {act: 'pad', offset: _pads.cur.offset, pad_id: _pads.shown}, {
  51. 723.  -       var barHeight = getXY('page_layout')[1];
  52. 724.  -       if (lh) wh = Math.max(Math.min(wh, lh - 104 - (hasClass(_pads.arrow, 'right') ? 12 : 46) + barHeight), 200);
  53. 725.  +       if (lh) wh = Math.max(Math.min(wh, lh - 104 - (hasClass(_pads.arrow, 'right') ? 12 : 46)), 200);
  54. 989.  -   grDone: function(gid, fail, res, block, text) {
  55. 990.  +   grDone: function(gid, fail, text) {
  56. 995.  -       }
  57. 996.  -     } else {
  58. 997.  -       if (_pads.cur.processed[gid] > 0 && vk.counts.gr >= _pads.cur.savedcnts[gid]) {
  59. 998.  -         Pads.decr('gr');
  60. 999.  -         for (var i in _pads.cur.savedcnts) {
  61. 1000.  -           --_pads.cur.savedcnts[i];
  62. 1001.  -         }
  63. 1003.  -       if (block > 0) {
  64. 1004.  -         text = '<div class="pads_gr_clubinv_block">' + text.replace('{club}', '<b>' + val(domPS(ge('pads_clubinv' + gid))) + '</b>') + '</div>';
  65. 1005.  -         text += '<div class="pads_gr_clubinv_block"><a onclick="Pads.grProcess(this, ' + gid + ', -2, -1)">' + getLang('global_cancel') + '</a></div>';
  66. 1006.  -       } else if (!block && res < 0 && ge('pads_clubinv' + gid)) {
  67. 1007.  -         text += '<div class="pads_gr_clubinv_block"><a onclick="Pads.grProcess(this, ' + gid + ', -2, 1)">' + val('groups_block_clubinv').replace('{club}', '<b>' + val(domPS(ge('pads_clubinv' + gid))) + '</b>') + '</a></div>';
  68. 1008.  +     } else if (_pads.cur.processed[gid] > 0 && vk.counts.gr >= _pads.cur.savedcnts[gid]) {
  69. 1009.  +       Pads.decr('gr');
  70. 1010.  +       for (var i in _pads.cur.savedcnts) {
  71. 1011.  +         --_pads.cur.savedcnts[i];
  72. 1017.  -     if (!fail && block < 0) {
  73. 1018.  -       text = btns.oldtext;
  74. 1019.  -     }
  75. 1022.  -       className: 'pad_gr_result',
  76. 1023.  -       oldtext: val(btns)
  77. 1024.  +       className: 'pad_gr_result'
  78. 1028.  -   grProcess: function(el, gid, res, block) {
  79. 1029.  +   grProcess: function(el, gid, res) {
  80. 1040.  -     ajax.post('al_groups.php', {act: act, gid: gid, from: 'pad', context: context, hash: _pads.hash, block: block}, {
  81. 1041.  -       onDone: Pads.grDone.pbind(gid, false, res, block),
  82. 1042.  -       onFail: Pads.grDone.pbind(gid, true, res, block),
  83. 1043.  +     ajax.post('al_groups.php', {act: act, gid: gid, from: 'pad', context: context, hash: _pads.hash}, {
  84. 1044.  +       onDone: Pads.grDone.pbind(gid, false),
  85. 1045.  +       onFail: Pads.grDone.pbind(gid, true),
  86. 1060.  -       }
  87. 1061.  -       if (trim((
  88. 1062.  -         window.getSelection && window.getSelection() ||
  89. 1063.  -         document.getSelection && document.getSelection() ||
  90. 1064.  -         document.selection && document.selection.createRange().text || ''
  91. 1065.  -       ).toString()).length) {
  92. 1066.  -         return;
  93. 1192.  -     var op = _pads.editing[nws], t = ge('pad_nws_field' + nws), d = val('pad_nwsd' + nws).split('/'), el = ge('pad_nws' + nws);
  94. 1193.  +     var t = ge('pad_nws_field' + nws), d = val('pad_nwsd' + nws).split('/'), el = ge('pad_nws' + nws);
  95. 1195.  -       if (!op) return;
  96. 1196.  +       if (!t) return;
  97. 1201.  -       }
  98. 1202.  -       if (trim((
  99. 1203.  -         window.getSelection && window.getSelection() ||
  100. 1204.  -         document.getSelection && document.getSelection() ||
  101. 1205.  -         document.selection && document.selection.createRange().text || ''
  102. 1206.  -       ).toString()).length) {
  103. 1207.  -         return;
  104. 1210.  -     if (op) {
  105. 1211.  +     if (t) {
  106. 1213.  -         var v = t ? val(t) : '';
  107. 1214.  -         if (trim(v) && op.greet.indexOf(v) !== 0) return (ev === true) ? true : elfocus(t);
  108. 1215.  +         var v = val(t);
  109. 1216.  +         if (trim(v) && _pads.editing[nws].greet.indexOf(v) !== 0) return (ev === true) ? true : elfocus(t);
  110. 1218.  -       if (t) cleanElems(t);
  111. 1219.  +       cleanElems(t);
  112. 1234.  -       addClass(el, 'pad_nws_reply');
  113. 1235.  -       _pads.editing[nws] = opts;
  114. 1236.  -       if (opts.disabled) {
  115. 1237.  -         var c = geByClass1('pad_nws_cont', el).appendChild(ce('div', {
  116. 1238.  -           className: 'pad_nwsa pad_nwsr',
  117. 1239.  -           innerHTML: val('pad_nws_dis_tpl').replace('{text}', opts.disabled)
  118. 1240.  -         }));
  119. 1241.  -       } else {
  120. 1242.  -         var c = geByClass1('pad_nws_cont', el).appendChild(ce('div', {
  121. 1243.  -           className: 'pad_nwsa pad_nwsr',
  122. 1244.  -           innerHTML: val('pad_nws_reply_tpl').replace('{field}', '\
  123. 1245.  +       var c = geByClass1('pad_nws_cont', el).appendChild(ce('div', {
  124. 1246.  +         className: 'pad_nwsa pad_nwsr',
  125. 1247.  +         innerHTML: val('pad_nws_reply_tpl').replace('{field}', '\
  126. 1254.  -         }));
  127. 1255.  -         t = ge('pad_nws_field' + nws);
  128. 1256.  -         placeholderSetup(t, {back: true});
  129. 1257.  -         autosizeSetup(t, {minHeight: 31, onResize: Pads.update});
  130. 1258.  -       }
  131. 1259.  +       }));
  132. 1260.  +       t = ge('pad_nws_field' + nws);
  133. 1261.  +       addClass(el, 'pad_nws_reply');
  134. 1262.  +       placeholderSetup(t, {back: true});
  135. 1263.  +       autosizeSetup(t, {minHeight: 31, onResize: Pads.update});
  136. 1264.  +       _pads.editing[nws] = opts;
  137. 1265.  +
  138. 1281.  -         if (t) elfocus(t);
  139. 1282.  +         elfocus(t);
  140. 1360.  -     if (!post.indexOf('topic_comment')) {
  141. 1361.  +     if (!post.indexOf('topic_post')) {
  142. 1363.  -       post = post.replace('topic_comment', '');
  143. 1364.  +       post = post.replace('topic_post', '');
  144. 1427.  -   },
  145. 1428.  -   apRemoveAll: function(hash) {
  146. 1429.  -     ajax.post('apps', {act: 'a_remove_all_notifies', hash: hash, requests: 1}, {
  147. 1430.  -       onDone: function() {
  148. 1431.  -         Pads.decr('ap', true);
  149. 1432.  -       }
  150. 1433.  -     });
  151. ------
  152. Файл - pads.css (Старый размер - 31495 | Новый - 0):
  153. 0.  - #pads_css {
  154. 1.  -   display: none;
  155. 2.  - }
  156. 3.  -
  157. 4.  - #pad_rows {
  158. 5.  -   overflow: hidden;
  159. 6.  - }
  160. 7.  - .pad_no_fixed {
  161. 8.  -   position: absolute;
  162. 9.  - }
  163. 10.  - #pad_wrap {
  164. 11.  -   z-index: 400;
  165. 12.  -   -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
  166. 13.  -   -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
  167. 14.  -   box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
  168. 15.  - }
  169. 16.  - #pad_cont {
  170. 17.  -   background: #FFF;
  171. 18.  -   overflow: hidden;
  172. 19.  -   position: relative;
  173. 20.  - }
  174. 21.  - #pad_cont.pad_loading {
  175. 22.  -   background: #FFF url(/images/upload.gif) no-repeat center center;
  176. 23.  -   height: 100px;
  177. 24.  -   border: 1px solid #ADBAC7;
  178. 25.  - }
  179. 26.  - #pad_title_wrap {
  180. 27.  -   background-color: #597DA3;
  181. 28.  -   border: 1px solid;
  182. 29.  -   border-color: #45688E #43658A;
  183. 30.  -   padding: 0px;
  184. 31.  -   color: #FFF;
  185. 32.  -   font-size: 1.18em;
  186. 33.  -   font-weight: bold;
  187. 34.  - }
  188. 35.  - #pad_title {
  189. 36.  -   border-top: 1px solid #648CB7;
  190. 37.  -   padding: 6px 10px 8px 10px;
  191. 38.  - }
  192. 39.  - #pad_title_right {
  193. 40.  -   font-size: 0.847em;
  194. 41.  -   color: #FFF;
  195. 42.  -   font-weight: normal;
  196. 43.  -   line-height: 13px;
  197. 44.  -   padding: 9px 10px;
  198. 45.  -   color: #C7D7E9;
  199. 46.  -   -webkit-transition: color 100ms linear;
  200. 47.  -   -moz-transition: color 100ms linear;
  201. 48.  -   -o-transition: color 100ms linear;
  202. 49.  -   transition: color 100ms linear;
  203. 50.  - }
  204. 51.  - #pad_title_right:hover {
  205. 52.  -   color: #FFF;
  206. 53.  -   text-decoration: none;
  207. 54.  - }
  208. 55.  - #pad_content {
  209. 56.  -   position: relative;
  210. 57.  -   overflow: hidden;
  211. 58.  -   border: 1px solid #ADBAC7;
  212. 59.  -   border-width: 0px 1px;
  213. 60.  - }
  214. 61.  - #pad_controls {
  215. 62.  -   border: 1px solid #ADBAC7;
  216. 63.  -   border-width: 1px 1px 0px;
  217. 64.  - }
  218. 65.  - #pad_footer_wrap {
  219. 66.  -   border: 1px solid #999;
  220. 67.  -   border-top: 0px;
  221. 68.  - }
  222. 69.  - #pad_footer_wrap.music {
  223. 70.  -   border-color: #ADBAC7;
  224. 71.  - }
  225. 72.  - #pad_footer {
  226. 73.  -   padding: 8px 5px 7px;
  227. 74.  -   height: 30px;
  228. 75.  -   background-color: #F2F2F2;
  229. 76.  -   border-top: 1px solid #DAE1E8;
  230. 77.  - }
  231. 78.  - #pad_footer_text {
  232. 79.  -   padding: 8px 8px 0px;
  233. 80.  - }
  234. 81.  - .pad_close_btn {
  235. 82.  -   margin: 2px 5px;
  236. 83.  - }
  237. 84.  - .pad_none {
  238. 85.  -   color: #777;
  239. 86.  -   font-size: 12px;
  240. 87.  -   text-align: center;
  241. 88.  -   line-height: 160%;
  242. 89.  -   padding: 30px 0px;
  243. 90.  -   border: 1px solid #ADBAC7;
  244. 91.  - }
  245. 92.  - div.pad_btn_prg {
  246. 93.  -   background: url(/images/upload.gif) no-repeat center center;
  247. 94.  -   cursor: default;
  248. 95.  - }
  249. 96.  - div.pad_btn_prg .button {
  250. 97.  -   visibility: hidden;
  251. 98.  - }
  252. 99.  -
  253. 100.  - #pad_layer_bg {
  254. 101.  -   top: 0;
  255. 102.  -   left: 0;
  256. 103.  -   width: 100%;
  257. 104.  -   height: 100%;
  258. 105.  -   overflow: hidden;
  259. 106.  -   background: #000;
  260. 107.  -   opacity: 0.2;
  261. 108.  -   filter: alpha(opacity=20);
  262. 109.  -   z-index: 350;
  263. 110.  - }
  264. 111.  - @-moz-document url-prefix() {
  265. 112.  -   #pad_layer_bg {
  266. 113.  -     background: url(/images/layer_bg_lite.png);
  267. 114.  -     opacity: 1 !important;
  268. 115.  -   }
  269. 116.  - }
  270. 117.  -
  271. 118.  - #pad_arrow {
  272. 119.  -   position: absolute;
  273. 120.  -   left: -10px;
  274. 121.  -   top: 43px;
  275. 122.  -   z-index: 410;
  276. 123.  -   width: 12px;
  277. 124.  -   height: 17px;
  278. 125.  -   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEBSURBVHjaYvj//z8DNgwETEDMDKVZ1+46/h8EAAIIxCEEmJE5AAHEgk0FIyMjzHQ2IAZZxwiTAwggdGeAFLECMTsQcwCxIBALrdt75j8MAAQQupthirlBCoFYAlkxCAAEELIGdMVS6IpBACCAkBWzElIMAgABhKyBC4gFgFgSl2IQAAggZA0g04XxKQYBgABCDhmwBiCWw6cJIIAwbABiWSBWwaUJIICQbYD7AYgVgFgdmyaAAEKOMA6kUJIGYkVsNgEEEAMWW5A1yaH7CSCAcCULLlhMA7E4EIvAUitAALEgpam/QOovMOGBNP1DS49wPkAAYUutMMmfKKkUCgACDAApwDnZIBTuSQAAAABJRU5ErkJggg==) no-repeat;
  279. 126.  - }
  280. 127.  - #pad_arrow.head {
  281. 128.  -   width: 17px;
  282. 129.  -   height: 12px;
  283. 130.  -   left: auto;
  284. 131.  -   right: 124px;
  285. 132.  -   top: -10px;
  286. 133.  -   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAsUlEQVR42pWRUQrCMAyGy8rY6F5mFeYURUHw8HoAwee9eJreoEskKSG0uhU+ysqfjywxJn+sulcdS9QFFgkw2AIO6AROiKpfkloU98BW0NN7Qzlb6qChoAdG4AScn+9PpG+vRFmJo+ARuAA3FIQQIokOSlRpiRRcgTsLGCVqxXy+Mv6FPbYvO9CQCHMbquNtJsnAM8gJlMiLjaVOcPq7fwIl6tLaH68pMksEjKwzawpLzG2yBJvr9mIGAAAAAElFTkSuQmCC) no-repeat;
  287. 134.  - }
  288. 135.  - #pad_arrow.head.no_data {
  289. 136.  -   width: 17px;
  290. 137.  -   height: 12px;
  291. 138.  -   left: auto;
  292. 139.  -   right: 124px;
  293. 140.  -   top: -10px;
  294. 141.  -   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAsElEQVR42pWR0QrCMAxFy8rY6F5mFeYURUHw4/UDBJ/34j+VLpGkhNDqVjiUlZtDlhiTP1bdq44l6gKLBBhsAQd0AidE1S9JLYp7YCvo6b2hnC110FDQAyNwAs7P9yfSt1eirMRR8AhcgBsKQgiRRAclqrRECq7AnQWMErViPl8Z/8Ie25cdaEiEuQ3V8TaTZOAZ5ARK5MXGUic4/d0/gRJ1ae2P1xSZJQJG1pk1hSVmRScMrgyoQyAAAAAASUVORK5CYII%3D) no-repeat;
  295. 142.  - }
  296. 143.  - #pad_arrow.right {
  297. 144.  -   width: 12px;
  298. 145.  -   height: 17px;
  299. 146.  -   left: auto;
  300. 147.  -   right: -10px;
  301. 148.  -   top: 17px;
  302. 149.  -   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAArUlEQVR42pWSTQrCQAyFQ4eh4mz8A6uiKAgeXg8guHbjaeYGbQYivkkTxcK3e9880oRyzv31/uyJKAEBqD8QZsxCmDJRcIUVs2Y6kFqRQiUUbo9XkQ7CTqQEbaESQDozJyVNTAGkC3NkNjLbp0ULqmnPLKUlmg3GTCgEVwDprwY9A32bYQt/KbqCEW6rjRvhzgg33qZLcC6LGp+FuqX3GaTRq44Q4UU7bAjNL2EAU9kEmwVnt3EAAAAASUVORK5CYII%3D) no-repeat;
  303. 150.  - }
  304. 151.  - #pad_arrow.left {
  305. 152.  -   width: 12px;
  306. 153.  -   height: 17px;
  307. 154.  -   left: -10px;
  308. 155.  -   right: auto;
  309. 156.  -   top: auto;
  310. 157.  -   bottom: 15px;
  311. 158.  -   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAr0lEQVR42pWSTQoCMQxGS0NROpuxCv7hoCB4eD2A4NqNp+kNZr5KAyHYMA48uvleMmnqXPvzgOoZ7s/3mHMe3QwhzBF8DXYglrMlcMUFWIIVSI/X5xvWghfhUjmBnQxrQYcPOiyFIP65GdZCGa4H+1ZYC6X62gqzQFIAw18dwAlcrRlIzwDO4GbdEtVF8S0dweVXJ73hqKRBz9R6FpE3DbZgYz2+ILqlSm8JJOgYFiaDlASbG44/fAAAAABJRU5ErkJggg%3D%3D) no-repeat;
  312. 159.  - }
  313. 160.  - #pad_arrow.blue {
  314. 161.  -   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNqMksEJwkAQAC/nqecVIAr+BC3EAqwiFdiFYAVWYTkKPnwZfPg8TxKNu7ILS8hqAvO6mWyySWb0qwcMCbPKt/fxZGqcImcU9Cmo+cApsqUzlAfASwtYxjt7wq03+0sI/itYRQ6EB/nMsgza5ADyUcocdJblBF7hCNFkOYHXiC940mQOagJXVx12+SLG9DMwJD+BBwLRUot4whsogchoEU/oHMkP1xYliOYyso2JMkoELmJ2K67qz8dRRYuw//5WI9ZcNp/iI8AAlvJWguL+p+oAAAAASUVORK5CYII=);
  315. 162.  - }
  316. 163.  -
  317. 164.  - /* scrollbars */
  318. 165.  - .pad_scrollbar_cont {
  319. 166.  -   width: 9px;
  320. 167.  -   height: 100%;
  321. 168.  -   margin-top: 0px;
  322. 169.  -   position: absolute;
  323. 170.  -   background: rgba(200, 200, 200, 0);
  324. 171.  -   -webkit-transition: all 150ms linear;
  325. 172.  -   -moz-transition: all 150ms linear;
  326. 173.  -   -o-transition: all 150ms linear;
  327. 174.  -   transition: all 150ms linear;
  328. 175.  -   z-index: 500;
  329. 176.  -   cursor: pointer;
  330. 177.  - }
  331. 178.  - .pad_scrollbar_cont.scrollbar_c_overed {
  332. 179.  -   background: rgba(235, 235, 245, 0.4);
  333. 180.  -   width: 11px;
  334. 181.  - }
  335. 182.  - .pad_scrollbar_inner {
  336. 183.  -   background: #DAE1E8;
  337. 184.  -   width: 6px;
  338. 185.  -   height: 26px;
  339. 186.  -   margin-left: 1px;
  340. 187.  -   -webkit-border-radius: 3px;
  341. 188.  -   -moz-border-radius: 3px;
  342. 189.  -   border-radius: 3px;
  343. 190.  -   cursor: pointer;
  344. 191.  -   -webkit-transition: width 150ms linear, background-color 200ms linear;
  345. 192.  -   -moz-transition: width 150ms linear,  background-color 200ms linear;
  346. 193.  -   -o-transition: width 150ms linear,  background-color 200ms linear;
  347. 194.  -   transition: width 150ms linear,  background-color 200ms linear;
  348. 195.  - }
  349. 196.  - .scrollbar_c_overed .pad_scrollbar_inner {
  350. 197.  -   width: 8px;
  351. 198.  -   -webkit-border-radius: 4px;
  352. 199.  -   -moz-border-radius: 4px;
  353. 200.  -   border-radius: 4px;
  354. 201.  - }
  355. 202.  - .pad_scrollbar_inner:hover,
  356. 203.  - .pad_scrollbar_hovered {
  357. 204.  -   background: #BEC8D3;
  358. 205.  - }
  359. 206.  - .pad_scrollbar_top {
  360. 207.  -   position: absolute;
  361. 208.  -   height: 3px;
  362. 209.  -   margin-top: -1px;
  363. 210.  -   background: #555555;
  364. 211.  -   opacity: 0.12;
  365. 212.  -   filter: alpha(opacity=12);
  366. 213.  -   display: none;
  367. 214.  -   z-index: 20;
  368. 215.  - }
  369. 216.  - .pad_scrollbar_bottom {
  370. 217.  -   position: absolute;
  371. 218.  -   height: 3px;
  372. 219.  -   margin-top: -2px;
  373. 220.  -   background: #555555;
  374. 221.  -   opacity: 0.12;
  375. 222.  -   filter: alpha(opacity=12);
  376. 223.  -   z-index: 20;
  377. 224.  - }
  378. 225.  - #pad_more {
  379. 226.  -   background: #EFF1F3;
  380. 227.  -   display: block;
  381. 228.  -   text-align: center;
  382. 229.  -   color: #738392;
  383. 230.  -   padding: 8px;
  384. 231.  -   margin: 0 10px 10px;
  385. 232.  - }
  386. 233.  - #pad_more:hover {
  387. 234.  -   text-decoration: none;
  388. 235.  -   background: #E9EDF1;
  389. 236.  - }
  390. 237.  - .pad_more_arrow {
  391. 238.  -   width: 10px;
  392. 239.  -   height: 10px;
  393. 240.  -   padding: 2px 0px 0px 4px;
  394. 241.  -   background: url('/images/icons/wall_fixed_more_arrows.gif') 1px 2px no-repeat;
  395. 242.  - }
  396. 243.  - .pad_error {
  397. 244.  -   color: #800;
  398. 245.  - }
  399. 246.  - .pad_decl {
  400. 247.  -   margin-left: 10px;
  401. 248.  - }
  402. 249.  - .pad_mini_friend {
  403. 250.  -   width: 32px;
  404. 251.  - }
  405. 252.  -
  406. 253.  - .pad_fr_rows,
  407. 254.  - .pad_ph_rows,
  408. 255.  - .pad_vid_rows {
  409. 256.  -   width: 376px;
  410. 257.  - }
  411. 258.  - .pad_fr_addinfo,
  412. 259.  - .pad_gr_addinfo,
  413. 260.  - .pad_ap_addinfo {
  414. 261.  -   padding-top: 7px;
  415. 262.  -   color: #777;
  416. 263.  - }
  417. 264.  - .pad_fr_done {
  418. 265.  -   padding-top: 9px;
  419. 266.  - }
  420. 267.  - .add_fr_one,
  421. 268.  - .add_ap_one {
  422. 269.  -   padding-bottom: 5px;
  423. 270.  - }
  424. 271.  - .pad_fr_img,
  425. 272.  - .pad_ap_img {
  426. 273.  -   width: 75px;
  427. 274.  - }
  428. 275.  - .pad_ap_list_img {
  429. 276.  -   width: 50px;
  430. 277.  -   -webkit-border-radius: 5px;
  431. 278.  -   -moz-border-radius: 5px;
  432. 279.  -   border-radius: 5px;
  433. 280.  - }
  434. 281.  - .pad_fr_msg,
  435. 282.  - .pad_ap_msg {
  436. 283.  -   padding-top: 5px;
  437. 284.  -   overflow: hidden;
  438. 285.  -   -o-text-overflow: ellipsis;
  439. 286.  -   text-overflow: ellipsis;
  440. 287.  - }
  441. 288.  - .pad_ap_msg {
  442. 289.  -   padding: 7px 0px 5px;
  443. 290.  - }
  444. 291.  - .pad_fr_common,
  445. 292.  - .pad_gr_friends,
  446. 293.  - .pad_ap_friends {
  447. 294.  -   padding-top: 8px;
  448. 295.  -   height: 32px;
  449. 296.  -   overflow: hidden;
  450. 297.  - }
  451. 298.  - .pad_fr,
  452. 299.  - .pad_gr,
  453. 300.  - .pad_ap {
  454. 301.  -   padding: 10px 0px;
  455. 302.  -   margin: 0px 12px;
  456. 303.  -   border-bottom: 1px solid #E4E8ED;
  457. 304.  - }
  458. 305.  - .pad_fr:last-child,
  459. 306.  - .pad_gr:last-child,
  460. 307.  - .pad_ap:last-child {
  461. 308.  -   border-bottom: 0px;
  462. 309.  - }
  463. 310.  - .pad_fr_phwrap,
  464. 311.  - .pad_gr_phwrap,
  465. 312.  - .pad_ap_phwrap {
  466. 313.  -   height: 75px;
  467. 314.  -   overflow: hidden;
  468. 315.  -   position: relative;
  469. 316.  - }
  470. 317.  - .pad_ap_list_phwrap {
  471. 318.  -   height: 50px;
  472. 319.  -   overflow: hidden;
  473. 320.  -   -webkit-border-radius: 5px;
  474. 321.  -   -moz-border-radius: 5px;
  475. 322.  -   border-radius: 5px;
  476. 323.  - }
  477. 324.  - .pad_gr_phwrap {
  478. 325.  -   height: 100px;
  479. 326.  - }
  480. 327.  - .pad_fr_info,
  481. 328.  - .pad_ap_info {
  482. 329.  -   margin-left: 85px;
  483. 330.  -   width: 265px;
  484. 331.  - }
  485. 332.  - .pad_ap_list_info {
  486. 333.  -   margin-left: 60px;
  487. 334.  -   width: 265px;
  488. 335.  -   color: #777777;
  489. 336.  - }
  490. 337.  - .pad_gr_info {
  491. 338.  -   margin-left: 110px;
  492. 339.  -   width: 335px;
  493. 340.  - }
  494. 341.  - .pad_fr_name,
  495. 342.  - .pad_ap_name {
  496. 343.  -   padding-top: 2px;
  497. 344.  - }
  498. 345.  - .pad_ap_list_name {
  499. 346.  -   padding: 2px 0px 4px;
  500. 347.  - }
  501. 348.  - .pad_fr_lnk,
  502. 349.  - .pad_gr_lnk,
  503. 350.  - .pad_ap_lnk {
  504. 351.  -   font-weight: bold;
  505. 352.  -   color: #45688E;
  506. 353.  - }
  507. 354.  - .pad_fr_phbig {
  508. 355.  -   position: absolute;
  509. 356.  -   color: #FFF;
  510. 357.  -   margin-top: 75px;
  511. 358.  -   background: #333;
  512. 359.  -   background: rgba(0, 0, 0, 0.5);
  513. 360.  -   width: 75px;
  514. 361.  -   height: 15px;
  515. 362.  -   line-height: 15px;
  516. 363.  -   padding: 4px 0px 6px 0px;
  517. 364.  -   text-align: center;
  518. 365.  -   filter: alpha(opacity=75);
  519. 366.  - }
  520. 367.  - @media all and (min-width:0) { /* IE9-10 */
  521. 368.  -   .pad_fr_phbig { filter: none; }
  522. 369.  - }
  523. 370.  - .pad_fr_phbig:hover {
  524. 371.  -   text-decoration: none;
  525. 372.  - }
  526. 373.  - .pad_fr_phlabel {
  527. 374.  -   opacity: 0.75;
  528. 375.  -   -webkit-transition: opacity 100ms linear;
  529. 376.  -   -moz-transition: opacity 100ms linear;
  530. 377.  -   -o-transition: opacity 100ms linear;
  531. 378.  -   transition: opacity 100ms linear;
  532. 379.  -   padding: 0px 0px 1px;
  533. 380.  - }
  534. 381.  - .pad_fr_phbig:hover .pad_fr_phlabel {
  535. 382.  -   opacity: 1;
  536. 383.  - }
  537. 384.  - .pad_fr_tip {
  538. 385.  -   line-height: 160%;
  539. 386.  -   width: 200px;
  540. 387.  - }
  541. 388.  - .pad_fr_btns,
  542. 389.  - .pad_gr_btns,
  543. 390.  - .pad_ap_btns {
  544. 391.  -   padding-top: 10px;
  545. 392.  - }
  546. 393.  - .pad_fr_result,
  547. 394.  - .pad_gr_result,
  548. 395.  - .pad_ap_result {
  549. 396.  -   width: 230px;
  550. 397.  -   color: #777;
  551. 398.  -   height: 30px;
  552. 399.  -   padding-top: 5px;
  553. 400.  -   line-height: 160%;
  554. 401.  - }
  555. 402.  - .pad_ap_result {
  556. 403.  -   width: 260px;
  557. 404.  - }
  558. 405.  - .pad_fr_online {
  559. 406.  -   color: #BBB;
  560. 407.  -   padding: 0px 10px;
  561. 408.  -   padding-top: 5px;
  562. 409.  - }
  563. 410.  - b.pad_fr_mob_onl {
  564. 411.  -   background-position: -1px 0px;
  565. 412.  -   *background-position: -1px -1px;
  566. 413.  - }
  567. 414.  -
  568. 415.  - .pad_ph,
  569. 416.  - .pad_vid {
  570. 417.  -   padding: 10px 0px;
  571. 418.  -   margin: 0px 12px;
  572. 419.  -   border-bottom: 1px solid #E4E8ED;
  573. 420.  - }
  574. 421.  - .pad_ph:last-child,
  575. 422.  - .pad_vid:last-child {
  576. 423.  -   border-bottom: 0px;
  577. 424.  - }
  578. 425.  - .pad_ph_info,
  579. 426.  - .pad_vid_info {
  580. 427.  -   margin-left: 60px;
  581. 428.  -   height: 50px;
  582. 429.  - }
  583. 430.  - .pad_ph_about,
  584. 431.  - .pad_vid_about {
  585. 432.  -   width: 290px;
  586. 433.  -   padding-top: 2px;
  587. 434.  -   white-space: nowrap;
  588. 435.  -   overflow: hidden;
  589. 436.  -   -o-text-overflow: ellipsis;
  590. 437.  -   text-overflow: ellipsis;
  591. 438.  -   color: #777;
  592. 439.  - }
  593. 440.  - .pad_ph_lnk,
  594. 441.  - .pad_vid_wrap {
  595. 442.  -   display: block;
  596. 443.  -   overflow: hidden;
  597. 444.  -   padding-top: 10px;
  598. 445.  -   text-align: center;
  599. 446.  - }
  600. 447.  - .pad_ph_tagger,
  601. 448.  - .pad_vid_tagger {
  602. 449.  -   font-weight: bold;
  603. 450.  - }
  604. 451.  - .pad_ph_img {
  605. 452.  -   max-width: 320px;
  606. 453.  -   *width: 320px;
  607. 454.  -   vertical-align: top;
  608. 455.  - }
  609. 456.  - .pad_ph_btns,
  610. 457.  - .pad_vid_btns {
  611. 458.  -   padding-top: 10px;
  612. 459.  - }
  613. 460.  - .pad_ph_result,
  614. 461.  - .pad_vid_result {
  615. 462.  -   color: #777;
  616. 463.  -   height: 21px;
  617. 464.  -   padding-top: 14px;
  618. 465.  -   line-height: 160%;
  619. 466.  -   width: 320px;
  620. 467.  -   margin: 0px auto;
  621. 468.  - }
  622. 469.  -
  623. 470.  - .pad_vid_img {
  624. 471.  -   width: 320px;
  625. 472.  -   height: 240px;
  626. 473.  - }
  627. 474.  - .pad_vid_desc {
  628. 475.  -   padding-top: 10px;
  629. 476.  -   font-weight: bold;
  630. 477.  -   width: 320px;
  631. 478.  -   margin: 0px auto;
  632. 479.  - }
  633. 480.  - .pad_vid_name {
  634. 481.  -   color: #45688E;
  635. 482.  - }
  636. 483.  - .pad_vid_name:hover {
  637. 484.  -   text-decoration: none;
  638. 485.  - }
  639. 486.  - .pad_vid_title:hover {
  640. 487.  -   text-decoration: underline;
  641. 488.  - }
  642. 489.  - .pad_vid_icon {
  643. 490.  -   width: 15px;
  644. 491.  -   height: 11px;
  645. 492.  -   margin-top: 3px;
  646. 493.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0px -75px;
  647. 494.  - }
  648. 495.  - .pad_vid_dur {
  649. 496.  -   color: #000;
  650. 497.  - }
  651. 498.  - .pad_vid_wrap {
  652. 499.  -   width: 320px;
  653. 500.  -   margin: 0px auto;
  654. 501.  -   max-height: 240px;
  655. 502.  - }
  656. 503.  - .pad_vid_lnk {
  657. 504.  -   position: relative;
  658. 505.  -   display: block;
  659. 506.  - }
  660. 507.  - .pad_vid_play {
  661. 508.  -   left: 137px;
  662. 509.  -   top: 97px;
  663. 510.  -   position: absolute;
  664. 511.  -   z-index: 410;
  665. 512.  -   background: url(/images/inline_video_play.png) no-repeat;
  666. 513.  -   width: 46px;
  667. 514.  -   height: 46px;
  668. 515.  - }
  669. 516.  -
  670. 517.  - .pad_gr_result {
  671. 518.  -   width: 275px;
  672. 519.  -   padding-top: 14px;
  673. 520.  -   height: 21px;
  674. 521.  - }
  675. 522.  -
  676. 523.  - .pad_msg_rows,
  677. 524.  - .pad_nws_rows,
  678. 525.  - .pad_gr_rows {
  679. 526.  -   width: 468px;
  680. 527.  - }
  681. 528.  - .pad_msg_name,
  682. 529.  - .pad_nws_name {
  683. 530.  -   width: 320px;
  684. 531.  -   overflow: hidden;
  685. 532.  -   -o-text-overflow: ellipsis;
  686. 533.  -   text-overflow: ellipsis;
  687. 534.  -   color: #777;
  688. 535.  - }
  689. 536.  - .pad_msg,
  690. 537.  - .pad_nws {
  691. 538.  -   padding: 0px 12px;
  692. 539.  -   cursor: pointer;
  693. 540.  - }
  694. 541.  - .pad_msg_wrap,
  695. 542.  - .pad_nws_wrap {
  696. 543.  -   border-bottom: 1px solid #E4E8ED;
  697. 544.  -   padding: 10px 0px;
  698. 545.  - }
  699. 546.  -
  700. 547.  - .pad_msg:last-child .pad_msg_wrap,
  701. 548.  - .pad_nws:last-child .pad_nws_wrap {
  702. 549.  -   border-bottom: 0px;
  703. 550.  - }
  704. 551.  - .pad_msg_data {
  705. 552.  -   margin-left: 60px;
  706. 553.  - }
  707. 554.  - .pad_msg_photo,
  708. 555.  - .pad_nws_photo {
  709. 556.  -   width: 50px;
  710. 557.  -   height: 50px;
  711. 558.  -   overflow: hidden;
  712. 559.  - }
  713. 560.  - .pad_msg_img {
  714. 561.  -   width: 50px;
  715. 562.  - }
  716. 563.  - .pad_msg_text,
  717. 564.  - .pad_nws_text {
  718. 565.  -   padding: 2px 0 4px 4px;
  719. 566.  -   margin-left: -4px;
  720. 567.  -   line-height: 160%;
  721. 568.  -   overflow: hidden;
  722. 569.  -   width: 320px;
  723. 570.  -   min-height: 17px;
  724. 571.  - }
  725. 572.  - .pad_nws_text.wall_module .post_media {
  726. 573.  -   width: 320px;
  727. 574.  - }
  728. 575.  - .is_rtl1 .pad_msg_text,
  729. 576.  - .is_rtl1 .pad_nws_text {
  730. 577.  -   padding: 2px 4px 4px 0;
  731. 578.  -   margin-left: 0px;
  732. 579.  -   margin-right: -4px;
  733. 580.  - }
  734. 581.  - .pad_msg_name,
  735. 582.  - .pad_msg_text,
  736. 583.  - .pad_msg_text .wall_module .post_media {
  737. 584.  -   width: 380px;
  738. 585.  - }
  739. 586.  -
  740. 587.  - .pad_msg_text .wall_reply_text,
  741. 588.  - .pad_nws_text .wall_reply_text,
  742. 589.  - .pad_msg_text .wall_post_text,
  743. 590.  - .pad_nws_text .wall_post_text {
  744. 591.  -   line-height: 160%;
  745. 592.  - }
  746. 593.  - .pad_msg_date,
  747. 594.  - .pad_nws_date {
  748. 595.  -   color: #777;
  749. 596.  - }
  750. 597.  - .pad_msga,
  751. 598.  - .pad_nwsa {
  752. 599.  -   border: 1px solid #D5DEE7;
  753. 600.  -   background: #EDF1F5;
  754. 601.  -   margin: 10px 0 0;
  755. 602.  -   width: 440px;
  756. 603.  - }
  757. 604.  - .pad_msga_wrap,
  758. 605.  - .pad_nwsa_wrap {
  759. 606.  -   padding: 8px 10px 6px;
  760. 607.  - }
  761. 608.  - .pad_msga_arrow_wrap,
  762. 609.  - .pad_nwsa_arrow_wrap {
  763. 610.  -   position: relative;
  764. 611.  - }
  765. 612.  - .pad_msga_arrow,
  766. 613.  - .pad_nwsa_arrow {
  767. 614.  -   background: url(/images/icons/feedback_iconset.gif?4) no-repeat 0 -127px;
  768. 615.  -   width: 15px;
  769. 616.  -   height: 9px;
  770. 617.  -   position: absolute;
  771. 618.  -   left: 20px;
  772. 619.  -   top: -7px;
  773. 620.  - }
  774. 621.  - .pad_msga_data,
  775. 622.  - .pad_nwsa_data {
  776. 623.  -   margin-left: 49px;
  777. 624.  - }
  778. 625.  - .pad_msga_photo,
  779. 626.  - .pad_nwsa_photo {
  780. 627.  -   width: 39px;
  781. 628.  -   height: 39px;
  782. 629.  -   overflow: hidden;
  783. 630.  - }
  784. 631.  - .pad_msga_img,
  785. 632.  - .pad_nwsa_img {
  786. 633.  -   width: 39px;
  787. 634.  - }
  788. 635.  - .pad_msga_date,
  789. 636.  - .pad_nwsa_date {
  790. 637.  -   color: #879BB0;
  791. 638.  - }
  792. 639.  - .pad_msg_subj {
  793. 640.  -   margin: 2px 0px 4px;
  794. 641.  -   font-weight: bold;
  795. 642.  - }
  796. 643.  - div.pad_msg_text div.im_fwd_log_wrap {
  797. 644.  -   min-width: 100px;
  798. 645.  - }
  799. 646.  - #pad_msg_reply_tpl,
  800. 647.  - #pad_nws_reply_tpl,
  801. 648.  - #pad_nws_dis_tpl {
  802. 649.  -   display: none;
  803. 650.  - }
  804. 651.  - .pad_nwsa_dld {
  805. 652.  -   color: #879BB0;
  806. 653.  -   padding: 1px 49px 3px;
  807. 654.  -   line-height: 140%;
  808. 655.  - }
  809. 656.  - .pads_nwsa_dlda {
  810. 657.  -   color: #45688E;
  811. 658.  - }
  812. 659.  - .pad_msg_field,
  813. 660.  - .pad_nws_field {
  814. 661.  -   vertical-align: top;
  815. 662.  -   width: 363px;
  816. 663.  - }
  817. 664.  - .pad_msg_reply .pad_msgr,
  818. 665.  - .pad_nws_reply .pad_nwsr {
  819. 666.  -   cursor: default;
  820. 667.  -   margin-top: 15px;
  821. 668.  - }
  822. 669.  - .pad_msg_btns,
  823. 670.  - .pad_nws_btns {
  824. 671.  -   margin-top: 8px;
  825. 672.  - }
  826. 673.  - .pad_msg_rcpts {
  827. 674.  -   padding: 6px 10px;
  828. 675.  - }
  829. 676.  - .pad_msg_error,
  830. 677.  - .pad_nws_error {
  831. 678.  -   margin-bottom: 8px;
  832. 679.  -   line-height: 160%;
  833. 680.  - }
  834. 681.  -
  835. 682.  - .pad_nws_data {
  836. 683.  -   margin: 0px 60px;
  837. 684.  -   width: 320px;
  838. 685.  - }
  839. 686.  - .pad_nws_img {
  840. 687.  -   max-width: 50px;
  841. 688.  - }
  842. 689.  - .pad_nws_cont {
  843. 690.  -   width: 440px;
  844. 691.  - }
  845. 692.  -
  846. 693.  - .pad_submit_hint_title {
  847. 694.  -   color: #45688E;
  848. 695.  -   font-weight: bold;
  849. 696.  -   padding-bottom: 2px;
  850. 697.  - }
  851. 698.  - .pad_submit_hint_wrap {
  852. 699.  -   width: 210px;
  853. 700.  -   height: 110px;
  854. 701.  -   padding: 8px 5px 8px;
  855. 702.  - }
  856. 703.  - #pad_submit_hint_opts .pad_submit_hint_rb {
  857. 704.  -   color: black;
  858. 705.  -   padding-top: 10px;
  859. 706.  -   padding-bottom: 5px;
  860. 707.  -   line-height: 160%;
  861. 708.  - }
  862. 709.  - #pad_submit_hint_opts .pad_submit_hint_rb .rb {
  863. 710.  -   margin: 2px 5px 6px 0;
  864. 711.  - }
  865. 712.  - .pad_submit_hint_el {
  866. 713.  -   position: absolute;
  867. 714.  -   width: 1px;
  868. 715.  -   height: 1px;
  869. 716.  -   margin-top: 13px;
  870. 717.  - }
  871. 718.  -
  872. 719.  - .pad_ap_rows {
  873. 720.  -   width: 376px;
  874. 721.  - }
  875. 722.  - .pad_ap_right {
  876. 723.  -   width: 50px;
  877. 724.  -   height: 50px;
  878. 725.  -   overflow: hidden;
  879. 726.  -   margin: 0px 0px 10px 10px;
  880. 727.  - }
  881. 728.  - .pad_ap_right_img {
  882. 729.  -   width: 50px;
  883. 730.  -   vertical-align: top;
  884. 731.  - }
  885. 732.  - .pad_mus_rows {
  886. 733.  -   padding: 15px;
  887. 734.  - }
  888. 735.  -
  889. 736.  - #pad_more_audio {
  890. 737.  -   background: #EFF1F3;
  891. 738.  -   display: block;
  892. 739.  -   text-align: center;
  893. 740.  -   color: #738392;
  894. 741.  -   padding: 8px;
  895. 742.  -   margin: 0 15px 15px;
  896. 743.  - }
  897. 744.  - #pad_more_audio:hover {
  898. 745.  -   text-decoration: none;
  899. 746.  -   background: #E9EDF1;
  900. 747.  - }
  901. 748.  - .pad_audio_status,
  902. 749.  - .pad_no_audios {
  903. 750.  -   color: #777;
  904. 751.  -   font-size: 12px;
  905. 752.  -   text-align: center;
  906. 753.  -   line-height: 160%;
  907. 754.  -   padding: 30px 0px;
  908. 755.  - }
  909. 756.  -
  910. 757.  - #pad_audio_search {
  911. 758.  -   margin-bottom: 9px;
  912. 759.  -   margin-right: -1px;
  913. 760.  - }
  914. 761.  - #pad_audio_search input.pad_search {
  915. 762.  -   height: 13px;
  916. 763.  -   padding: 5px 20px;
  917. 764.  -   width: 325px;
  918. 765.  -   background: #FFF url(/images/magglass.png) no-repeat 5px 6px;
  919. 766.  -   outline: none;
  920. 767.  - }
  921. 768.  - #pad_audio_search input.pad_search:active {
  922. 769.  -   pointer-events: none;
  923. 770.  - }
  924. 771.  - .font_medium #pad_audio_search input.pad_search {
  925. 772.  -   width: 310px;
  926. 773.  - }
  927. 774.  - #pad_audio_search div.abutton_wrap {
  928. 775.  -   position: relative;
  929. 776.  -   left: -1px;
  930. 777.  - }
  931. 778.  - #pad_audio_search div.abutton_wrap button {
  932. 779.  -   width: 120px;
  933. 780.  -   height: 23px;
  934. 781.  -   line-height: 6px;
  935. 782.  - }
  936. 783.  - .font_medium #pad_audio_search div.abutton_wrap button {
  937. 784.  -   width: 135px;
  938. 785.  - }
  939. 786.  - #pad_audio_search div.abutton_wrap img {
  940. 787.  -   position: relative;
  941. 788.  -   top: -1px;
  942. 789.  -   left: 4px;
  943. 790.  - }
  944. 791.  - #pad_audio_search .pad_reset {
  945. 792.  -   cursor: pointer;
  946. 793.  -   display: none;
  947. 794.  -   background: transparent url(/images/icons/input_clear.gif) 6px 6px no-repeat;
  948. 795.  -   padding: 2px;
  949. 796.  -   width: 19px;
  950. 797.  -   height: 19px;
  951. 798.  -   margin-left: -24px;
  952. 799.  -   margin-top: 1px;
  953. 800.  -   opacity: 0.6;
  954. 801.  -   filter: alpha(opacity=60);
  955. 802.  -   position: relative;
  956. 803.  -   z-index: 100;
  957. 804.  - }
  958. 805.  - #pad_audio_search .pad_progress {
  959. 806.  -   background: url("/images/upload.gif") no-repeat scroll center center transparent;
  960. 807.  -   display: none;
  961. 808.  -   height: 23px;
  962. 809.  -   margin-left: -41px;
  963. 810.  -   margin-top: 1px;
  964. 811.  -   position: relative;
  965. 812.  -   width: 32px;
  966. 813.  -   z-index: 95;
  967. 814.  - }
  968. 815.  - #pad_audio_search.loading .pad_progress,
  969. 816.  - #pad_audio_search .pad_reset.shown {
  970. 817.  -   display: block;
  971. 818.  - }
  972. 819.  - #pad_audio_search.loading .pad_reset.shown {
  973. 820.  -   display: none;
  974. 821.  - }
  975. 822.  - #pad_audio_search div.abutton_wrap .button_blue {
  976. 823.  -   -webkit-border-radius: 0 2px 2px 0;
  977. 824.  -   -khtml-border-radius: 0 2px 2px 0;
  978. 825.  -   -moz-border-radius: 0 2px 2px 0;
  979. 826.  -   border-radius: 0 2px 2px 0;
  980. 827.  - }
  981. 828.  -
  982. 829.  - #pad_playlist .audio .area {
  983. 830.  -   cursor: pointer;
  984. 831.  -   position: relative;
  985. 832.  -   width: 488px;
  986. 833.  -   margin: 0px;
  987. 834.  - }
  988. 835.  - #pad_playlist .audio.over .area {
  989. 836.  -   background-color: #EDF1F5;
  990. 837.  - }
  991. 838.  - #pad_playlist .audio.tab_current .area,
  992. 839.  - #pad_playlist .audio.tab_current.tt_shown .area,
  993. 840.  - #pad_playlist .audio.tab_current.over .area,
  994. 841.  - #pad_playlist .audio.rec_source .area,
  995. 842.  - #pad_playlist .audio.rec_source.tt_shown .area,
  996. 843.  - #pad_playlist .audio.rec_source.over .area {
  997. 844.  -   background-color: #E3E8EC;
  998. 845.  - }
  999. 846.  - #pad_playlist .audio.tab_current .area .duration,
  1000. 847.  - #pad_playlist .audio.rec_source .area .duration {
  1001. 848.  -   color: #738191;
  1002. 849.  - }
  1003. 850.  - #pad_playlist .audio.current .area,
  1004. 851.  - #pad_playlist .audio.current.tt_shown .area,
  1005. 852.  - #pad_playlist .audio.current.over .area {
  1006. 853.  -   background-color: #5f7fa2 !important;
  1007. 854.  - }
  1008. 855.  - #pad_playlist .audio.current .title_wrap,
  1009. 856.  - #pad_playlist .audio.current .title_wrap a {
  1010. 857.  -   color: #fff !important;
  1011. 858.  - }
  1012. 859.  - #pad_playlist .audio .area .actions {
  1013. 860.  -   right: -2px;
  1014. 861.  - }
  1015. 862.  - #pad_playlist .audio_add_wrap {
  1016. 863.  -   margin: 7px 7px 7px 0;
  1017. 864.  -   padding: 4px;
  1018. 865.  -   opacity: 0.4;
  1019. 866.  -   filter: alpha(opacity=40);
  1020. 867.  - }
  1021. 868.  - #pad_playlist .audio_add {
  1022. 869.  -   background: url(/images/icons/audio_icons.png?4) -79px -51px no-repeat;
  1023. 870.  -   position: relative;
  1024. 871.  -   width: 13px;
  1025. 872.  -   height: 12px;
  1026. 873.  -   margin: 0px;
  1027. 874.  -   cursor: pointer;
  1028. 875.  -   overflow: hidden;
  1029. 876.  - }
  1030. 877.  - #pad_playlist .audio_rec_wrap {
  1031. 878.  -   margin: 7px 7px 7px 0;
  1032. 879.  -   padding: 4px;
  1033. 880.  -   opacity: 0.4;
  1034. 881.  -   filter: alpha(opacity=40);
  1035. 882.  - }
  1036. 883.  - #pad_playlist .rec_source .audio_rec_wrap {
  1037. 884.  -   opacity: 1;
  1038. 885.  -   filter: alpha(opacity=100);
  1039. 886.  - }
  1040. 887.  - #pad_playlist .audio.current .audio_add {
  1041. 888.  -   background-position: -93px -51px;
  1042. 889.  - }
  1043. 890.  - #pad_playlist .audio_rec {
  1044. 891.  -   background: url(/images/icons/audio_icons.png?4) -202px -51px no-repeat;
  1045. 892.  -   position: relative;
  1046. 893.  -   width: 12px;
  1047. 894.  -   height: 12px;
  1048. 895.  -   margin: 0px;
  1049. 896.  -   cursor: pointer;
  1050. 897.  -   overflow: hidden;
  1051. 898.  -   visibility: hidden;
  1052. 899.  - }
  1053. 900.  - #pad_playlist .audio.rec_source .audio_rec,
  1054. 901.  - #pad_playlist .audio.over .audio_rec {
  1055. 902.  -   visibility: visible;
  1056. 903.  - }
  1057. 904.  - #pad_playlist .audio.current .audio_rec {
  1058. 905.  -   background-position: -218px -51px;
  1059. 906.  - }
  1060. 907.  - #pad_playlist .audio_add_wrap.added {
  1061. 908.  -   opacity: 1;
  1062. 909.  -   filter: alpha(opacity=100);
  1063. 910.  - }
  1064. 911.  - #pad_playlist .audio_add_wrap.anim {
  1065. 912.  -   opacity: 1;
  1066. 913.  -   filter: alpha(opacity=100);
  1067. 914.  -   display: none;
  1068. 915.  - }
  1069. 916.  - #pad_playlist .audio.rec_source .audio_add_wrap.anim,
  1070. 917.  - #pad_playlist .audio.over .audio_add_wrap.anim,
  1071. 918.  - #pad_playlist .audio.tt_shown .audio_add_wrap.anim {
  1072. 919.  -   display: block;
  1073. 920.  - }
  1074. 921.  - #pad_playlist .audio_add_anim_wrap {
  1075. 922.  -   width: 13px;
  1076. 923.  -   height: 12px;
  1077. 924.  -   margin: 0px;
  1078. 925.  -   padding: 0px;
  1079. 926.  -   position: relative;
  1080. 927.  - }
  1081. 928.  - #pad_playlist .audio_add_anim {
  1082. 929.  -   width: 28px;
  1083. 930.  -   height: 12px;
  1084. 931.  -   position: absolute;
  1085. 932.  -   top: 0px;
  1086. 933.  -   left: 0px;
  1087. 934.  - }
  1088. 935.  - #audio.new .audio_add_anim .audio_add.done {
  1089. 936.  -   opacity: 0;
  1090. 937.  -   filter: alpha(opacity=0);
  1091. 938.  - }
  1092. 939.  - #pad_playlist .audio_add_wrap.added .audio_add,
  1093. 940.  - #pad_playlist .audio_add_wrap .audio_add.done {
  1094. 941.  -   background-position: -166px -51px;
  1095. 942.  -   width: 15px;
  1096. 943.  - }
  1097. 944.  - #pad_playlist .audio.current .audio_add_wrap.added .audio_add,
  1098. 945.  - #pad_playlist .audio.current .audio_add_wrap .audio_add.done {
  1099. 946.  -   background-position: -184px -51px;
  1100. 947.  - }
  1101. 948.  - #pad_playlist .duration {
  1102. 949.  -   padding: 10px 9px 9px;
  1103. 950.  -   cursor: pointer;
  1104. 951.  -   max-width: 35px;
  1105. 952.  -   overflow: hidden;
  1106. 953.  -   -o-text-overflow: ellipsis;
  1107. 954.  -   text-overflow: ellipsis;
  1108. 955.  - }
  1109. 956.  - .font_medium #pad_playlist .duration {
  1110. 957.  -   max-width: 40px;
  1111. 958.  - }
  1112. 959.  - #pad_playlist .audio.over .duration {
  1113. 960.  -   color: #8795A5;
  1114. 961.  - }
  1115. 962.  - #pad_playlist .audio.over.current .duration,
  1116. 963.  - #pad_playlist .audio.current .duration {
  1117. 964.  -   color: #b1bfcf !important;
  1118. 965.  - }
  1119. 966.  - #pad_playlist .audio.over .duration,
  1120. 967.  - #pad_playlist .audio.rec_source .duration,
  1121. 968.  - #pad_playlist .audio.tt_shown .duration {
  1122. 969.  -   display: none;
  1123. 970.  - }
  1124. 971.  - #pad_playlist .audio.rec_source.no_actions .duration,
  1125. 972.  - #pad_playlist .audio.tt_shown.no_actions .duration,
  1126. 973.  - #pad_playlist .audio.over.no_actions .duration {
  1127. 974.  -   display: block;
  1128. 975.  - }
  1129. 976.  - #pad_playlist .audio .play_btn_wrap {
  1130. 977.  -   padding: 9px;
  1131. 978.  - }
  1132. 979.  - #pad_playlist .audio .play_new {
  1133. 980.  -   width: 16px;
  1134. 981.  -   margin: 0px;
  1135. 982.  - }
  1136. 983.  - #pad_playlist .audio.current .play_new {
  1137. 984.  -   background:url(/images/icons/audio_icons.png?4) -147px -28px no-repeat;
  1138. 985.  - }
  1139. 986.  - #pad_playlist .audio.current .play_new.playing {
  1140. 987.  -   background-position: -165px -28px;
  1141. 988.  - }
  1142. 989.  - #pad_playlist .audio .info {
  1143. 990.  -   width: 452px;
  1144. 991.  - }
  1145. 992.  - #pad_playlist .audio .title_wrap {
  1146. 993.  -   width: 398px;
  1147. 994.  -   padding: 10px 0 9px;
  1148. 995.  -   white-space: nowrap;
  1149. 996.  -   -o-text-overflow: ellipsis;
  1150. 997.  -   text-overflow: ellipsis;
  1151. 998.  -   overflow: hidden;
  1152. 999.  - }
  1153. 1000.  - #pad_playlist .audio .title_wrap b {
  1154. 1001.  -   max-width: 210px;
  1155. 1002.  - }
  1156. 1003.  - .font_medium #pad_playlist .audio .title_wrap {
  1157. 1004.  -   width: 393px;
  1158. 1005.  - }
  1159. 1006.  - #pad_playlist .audio .lyrics {
  1160. 1007.  -   display: none;
  1161. 1008.  - }
  1162. 1009.  - .dd_menu_stype_act.pad {
  1163. 1010.  -   margin-left: 1px;
  1164. 1011.  - }
  1165. 1012.  - .dd_menu_stype_act.pad .dd_menu_header div {
  1166. 1013.  -   width: 90px;
  1167. 1014.  - }
  1168. 1015.  - .font_medium .dd_menu_stype_act.pad .dd_menu_header div {
  1169. 1016.  -   width: 105px;
  1170. 1017.  - }
  1171. 1018.  - #pd {
  1172. 1019.  -   background: #F0F1F2;
  1173. 1020.  - }
  1174. 1021.  - #pd_controls {
  1175. 1022.  -   padding: 12px 0px;
  1176. 1023.  - }
  1177. 1024.  - #pd_play {
  1178. 1025.  -   background: url(/images/icons/audio_icons.png?4) no-repeat scroll 0 -25px transparent;
  1179. 1026.  -   margin: 0px 4px 0px 2px;
  1180. 1027.  -   padding: 0px;
  1181. 1028.  -   width: 22px;
  1182. 1029.  -   height: 22px;
  1183. 1030.  -   cursor: pointer;
  1184. 1031.  - }
  1185. 1032.  - #pd_play.playing {
  1186. 1033.  -   background-position: -72px -25px;
  1187. 1034.  - }
  1188. 1035.  - #pd_play.over {
  1189. 1036.  -   background-position: -24px -25px;
  1190. 1037.  - }
  1191. 1038.  - #pd_play.over.playing {
  1192. 1039.  -   background-position: -96px -25px;
  1193. 1040.  - }
  1194. 1041.  - #pd_play.down,
  1195. 1042.  - #pd_play.over.down {
  1196. 1043.  -   background-position: -48px -25px;
  1197. 1044.  - }
  1198. 1045.  - #pd_play.down.playing,
  1199. 1046.  - #pd_play.over.down.playing {
  1200. 1047.  -   background-position: -120px -25px;
  1201. 1048.  - }
  1202. 1049.  - #pd .ctrl_wrap {
  1203. 1050.  -   cursor: pointer;
  1204. 1051.  -   padding: 4px 3px;
  1205. 1052.  -   -webkit-border-radius: 2px;
  1206. 1053.  -   -khtml-border-radius: 2px;
  1207. 1054.  -   -moz-border-radius: 2px;
  1208. 1055.  -   border-radius: 2px;
  1209. 1056.  -   margin: 2px 1px 1px;
  1210. 1057.  -   opacity: 0.70;
  1211. 1058.  -   filter: alpha(opacity=70);
  1212. 1059.  -   -webkit-transition: background-color 100ms ease-out;
  1213. 1060.  -   -moz-transition: background-color 100ms ease-out;
  1214. 1061.  -   -o-transition: background-color 100ms ease-out;
  1215. 1062.  -   transition: background-color 100ms ease-out;
  1216. 1063.  -   -webkit-transition: opacity 100ms ease-out;
  1217. 1064.  -   -moz-transition: opacity 100ms ease-out;
  1218. 1065.  -   -o-transition: opacity 100ms ease-out;
  1219. 1066.  -   transition: opacity 100ms ease-out;
  1220. 1067.  - }
  1221. 1068.  - #pd #pd_repeat.ctrl_wrap {
  1222. 1069.  -   padding: 2px 3px 3px 4px;
  1223. 1070.  - }
  1224. 1071.  - #pd #pd_prev.ctrl_wrap,
  1225. 1072.  - #pd #pd_next.ctrl_wrap {
  1226. 1073.  -   opacity: 0.83;
  1227. 1074.  -   filter: alpha(opacity=83);
  1228. 1075.  - }
  1229. 1076.  - #pd .ctrl_wrap.on {
  1230. 1077.  -   opacity: 1 !important;
  1231. 1078.  -   filter: alpha(opacity=100) !important;
  1232. 1079.  - }
  1233. 1080.  - #pd #pd_prev.ctrl_wrap.over,
  1234. 1081.  - #pd #pd_next.ctrl_wrap.over {
  1235. 1082.  -   opacity: 1;
  1236. 1083.  -   filter: alpha(opacity=100);
  1237. 1084.  -   background: none;
  1238. 1085.  - }
  1239. 1086.  - #pd .ctrl_wrap.added.over {
  1240. 1087.  -   opacity: 0.70 !important;
  1241. 1088.  -   filter: alpha(opacity=70) !important;
  1242. 1089.  -   cursor: auto;
  1243. 1090.  - }
  1244. 1091.  - #pd .ctrl {
  1245. 1092.  -   background: url(/images/icons/audio_icons.png?4) no-repeat scroll 0 0 transparent;
  1246. 1093.  -   height: 11px;
  1247. 1094.  -   width: 13px;
  1248. 1095.  -   margin: 0;
  1249. 1096.  -   float: left;
  1250. 1097.  - }
  1251. 1098.  - #pd.no_rec #pd_rec {
  1252. 1099.  -   display: none;
  1253. 1100.  - }
  1254. 1101.  - #pd #pd_shuffle.ctrl_wrap,
  1255. 1102.  - #pd #pd_rec.ctrl_wrap {
  1256. 1103.  -   padding: 3px 4px 4px 3px;
  1257. 1104.  - }
  1258. 1105.  - #pd #pd_status.ctrl_wrap {
  1259. 1106.  -   padding-top: 3px;
  1260. 1107.  -   padding-bottom: 5px;
  1261. 1108.  - }
  1262. 1109.  - #pd .ctrl.shuffle {
  1263. 1110.  -   height: 12px;
  1264. 1111.  - }
  1265. 1112.  - #pd .next_prev div.ctrl_wrap {
  1266. 1113.  -   float: left;
  1267. 1114.  - }
  1268. 1115.  - #pd .ctrl.prev {
  1269. 1116.  -   background-position: -3px -52px;
  1270. 1117.  - }
  1271. 1118.  - #pd .ctrl.next {
  1272. 1119.  -   background-position: -18px -52px;
  1273. 1120.  - }
  1274. 1121.  - #pd .extra_ctrls {
  1275. 1122.  -   padding: 12px 0px;
  1276. 1123.  - }
  1277. 1124.  - #pd .ctrl.repeat {
  1278. 1125.  -   background-position: -32px -49px;
  1279. 1126.  -   height: 14px;
  1280. 1127.  - }
  1281. 1128.  - #pd .ctrl.repeat.on {
  1282. 1129.  -   opacity: 1;
  1283. 1130.  -   filter: alpha(opacity=100);
  1284. 1131.  - }
  1285. 1132.  - #pd .ctrl.shuffle {
  1286. 1133.  -   background-position: -50px -51px;
  1287. 1134.  - }
  1288. 1135.  - #pd .ctrl.status {
  1289. 1136.  -   background-position: -66px -51px;
  1290. 1137.  - }
  1291. 1138.  - #pd .ctrl.rec {
  1292. 1139.  -   background-position: -202px -51px;
  1293. 1140.  -   height: 12px;
  1294. 1141.  -   width: 12px;
  1295. 1142.  - }
  1296. 1143.  - #pd_add {
  1297. 1144.  -   display: none;
  1298. 1145.  - }
  1299. 1146.  - #pd .ctrl.add {
  1300. 1147.  -   background-position: -80px -52px;
  1301. 1148.  - }
  1302. 1149.  - #pd .ctrl_wrap.added {
  1303. 1150.  -   padding: 3px 2px 4px;
  1304. 1151.  - }
  1305. 1152.  - #pd .ctrl_wrap.added .ctrl.add {
  1306. 1153.  -   background-position: -166px -51px;
  1307. 1154.  -   width: 15px;
  1308. 1155.  -   height: 12px;
  1309. 1156.  - }
  1310. 1157.  - #pd .info {
  1311. 1158.  -   width: 326px;
  1312. 1159.  -   margin-left: 10px;
  1313. 1160.  - }
  1314. 1161.  - #pd.no_rec .info {
  1315. 1162.  -   width: 345px;
  1316. 1163.  - }
  1317. 1164.  - #pd.add .info {
  1318. 1165.  -   width: 307px;
  1319. 1166.  - }
  1320. 1167.  - #pd.no_rec.add .info {
  1321. 1168.  -   width: 326px;
  1322. 1169.  - }
  1323. 1170.  - #pd.add #pd_add {
  1324. 1171.  -   display: block;
  1325. 1172.  - }
  1326. 1173.  - #pd_vol {
  1327. 1174.  -   margin-left: 11px;
  1328. 1175.  - }
  1329. 1176.  - #pd_vol .audio_volume_line {
  1330. 1177.  -   top: -8px;
  1331. 1178.  - }
  1332. 1179.  - #pd .title_wrap {
  1333. 1180.  -   padding-top: 11px;
  1334. 1181.  -   line-height: 13px;
  1335. 1182.  - }
  1336. 1183.  - #pd .ac_name {
  1337. 1184.  -   white-space: nowrap;
  1338. 1185.  -   overflow: hidden;
  1339. 1186.  -   -o-text-overflow: ellipsis;
  1340. 1187.  -   text-overflow: ellipsis;
  1341. 1188.  -   max-width: 221px;
  1342. 1189.  - }
  1343. 1190.  - #pd.no_rec .ac_name {
  1344. 1191.  -   max-width: 240px;
  1345. 1192.  - }
  1346. 1193.  - .font_medium #pd.add .ac_name {
  1347. 1194.  -   max-width: 196px;
  1348. 1195.  - }
  1349. 1196.  - .font_medium #pd.no_rec.add .ac_name {
  1350. 1197.  -   max-width: 215px;
  1351. 1198.  - }
  1352. 1199.  - #pd.add .ac_name {
  1353. 1200.  -   max-width: 201px;
  1354. 1201.  - }
  1355. 1202.  - #pd.no_rec.add .ac_name {
  1356. 1203.  -   max-width: 220px;
  1357. 1204.  - }
  1358. 1205.  - #pd .performer {
  1359. 1206.  -   font-weight: bold;
  1360. 1207.  -   color: #2B587A;
  1361. 1208.  - }
  1362. 1209.  - #pd .title {
  1363. 1210.  -   color: #627A94;
  1364. 1211.  - }
  1365. 1212.  - #pd .duration {
  1366. 1213.  -   display: inline-block;
  1367. 1214.  -   margin: 0px 66px 0 0;
  1368. 1215.  -   padding: 0px !important;
  1369. 1216.  -   color: #627a94;
  1370. 1217.  -   font-size: 0.9em;
  1371. 1218.  -   margin-top: 1px;
  1372. 1219.  -   cursor: pointer;
  1373. 1220.  -   max-width: 40px;
  1374. 1221.  -   overflow: hidden;
  1375. 1222.  -   -o-text-overflow: ellipsis;
  1376. 1223.  -   text-overflow: ellipsis;
  1377. 1224.  - }
  1378. 1225.  - #pd .shadow div {
  1379. 1226.  -   background: #000;
  1380. 1227.  -   height: 1px;
  1381. 1228.  -   opacity: 0.15;
  1382. 1229.  -   filter: alpha(opacity=15);
  1383. 1230.  -   position: absolute;
  1384. 1231.  -   z-index: 1050;
  1385. 1232.  -   overflow: hidden;
  1386. 1233.  -   width: 627px;
  1387. 1234.  - }
  1388. 1235.  - #pd .shadow .sh0 {
  1389. 1236.  -   background: #FFFFFF;
  1390. 1237.  - }
  1391. 1238.  - #pd .shadow .sh1 {
  1392. 1239.  -   opacity: 0.15;
  1393. 1240.  -   filter: alpha(opacity=15);
  1394. 1241.  -   margin-top: 0px;
  1395. 1242.  - /*  background: #ADBAC7;*/
  1396. 1243.  - }
  1397. 1244.  - #pd .shadow .sh2 {
  1398. 1245.  -   opacity: 0.09;
  1399. 1246.  -   filter: alpha(opacity=9);
  1400. 1247.  -   margin-top: 1px;
  1401. 1248.  - }
  1402. 1249.  - #pd .shadow .sh3 {
  1403. 1250.  -   opacity: 0.04;
  1404. 1251.  -   filter: alpha(opacity=4);
  1405. 1252.  -   margin-top: 2px;
  1406. 1253.  - }
  1407. 1254.  - #pd .shadow .sh4 {
  1408. 1255.  -   opacity: 0.01;
  1409. 1256.  -   filter: alpha(opacity=1);
  1410. 1257.  -   margin-top: 3px;
  1411. 1258.  - }
  1412. 1259.  - #pd_vol.over .ac_slider,
  1413. 1260.  - #pd_vol.down .ac_slider,
  1414. 1261.  - #pd_pr.down .ac_slider {
  1415. 1262.  -   display: block;
  1416. 1263.  - }
  1417. 1264.  - #pd_vol_back_line.ac_load_line {
  1418. 1265.  -   width: 100%;
  1419. 1266.  -   top: -15px;
  1420. 1267.  - }
  1421. 1268.  - #pd_vol_line.ac_progress_line {
  1422. 1269.  -   top: -7px;
  1423. 1270.  -   width: 50%;
  1424. 1271.  - }
  1425. 1272.  - .pd_apps_recent {
  1426. 1273.  -   height: 65px;
  1427. 1274.  -   padding: 10px 0px 10px 12px;
  1428. 1275.  -   position: relative;
  1429. 1276.  - }
  1430. 1277.  - .pd_apps_wrap {
  1431. 1278.  -   height: 65px;
  1432. 1279.  -   padding: 4px 0px 0px 12px;
  1433. 1280.  -   position: relative;
  1434. 1281.  - }
  1435. 1282.  - .pd_apps_row {
  1436. 1283.  -   width: 50px;
  1437. 1284.  -   vertical-align: top;
  1438. 1285.  -   -webkit-border-radius: 5px;
  1439. 1286.  -   -moz-border-radius: 5px;
  1440. 1287.  -   border-radius: 5px;
  1441. 1288.  - }
  1442. 1289.  - .pd_apps_row_cont {
  1443. 1290.  -   overflow: hidden;
  1444. 1291.  -   padding: 6px 0px 6px 0px;
  1445. 1292.  -   margin-right: 12px;
  1446. 1293.  -   position: absolute;
  1447. 1294.  -   height: 50px;
  1448. 1295.  - }
  1449. 1296.  - .pd_apps_row_img {
  1450. 1297.  -   -webkit-border-radius: 5px;
  1451. 1298.  -   -moz-border-radius: 5px;
  1452. 1299.  -   border-radius: 5px;
  1453. 1300.  -   width: 50px;
  1454. 1301.  -   height: 50px;
  1455. 1302.  -   overflow: hidden;
  1456. 1303.  - }
  1457. 1304.  - .pd_apps_cont #pad_content {
  1458. 1305.  -   border: none;
  1459. 1306.  -   padding: 0px;
  1460. 1307.  -   max-height: 400px;
  1461. 1308.  - }
  1462. 1309.  - .pd_apps_cont {
  1463. 1310.  -   border: 1px solid #ADBAC7;
  1464. 1311.  - }
  1465. 1312.  - .pd_apps_footer {
  1466. 1313.  -   background: #F0F1F2;
  1467. 1314.  -   padding: 8px 5px 7px;
  1468. 1315.  -   height: 30px;
  1469. 1316.  - }
  1470. 1317.  - .pd_apps_name {
  1471. 1318.  -   font-weight: bold;
  1472. 1319.  -   color: #47688D;
  1473. 1320.  -   padding-bottom: 3px;
  1474. 1321.  -   white-space: nowrap;
  1475. 1322.  -   -o-text-overflow: ellipsis;
  1476. 1323.  -   text-overflow: ellipsis;
  1477. 1324.  -   overflow: hidden;
  1478. 1325.  - }
  1479. 1326.  - .pd_apps_info {
  1480. 1327.  -   position: absolute;
  1481. 1328.  -   padding: 0px 5px 0px 60px;
  1482. 1329.  -   color: #777777;
  1483. 1330.  -   width: 114px;
  1484. 1331.  - }
  1485. 1332.  - #pd_apps_search {
  1486. 1333.  -   height: 13px;
  1487. 1334.  -   padding: 5px 40px 5px 20px;
  1488. 1335.  -   background: #FFFFFF url(/images/magglass.png) no-repeat 5px 6px;
  1489. 1336.  -   outline: none;
  1490. 1337.  -   width: 140px;
  1491. 1338.  -   border: 1px solid #CFDAE5;
  1492. 1339.  - }
  1493. 1340.  - .pd_apps_row_href {
  1494. 1341.  -   display: block;
  1495. 1342.  -   overflow: hidden;
  1496. 1343.  -   width: 100%;
  1497. 1344.  - }
  1498. 1345.  - .pd_apps_row_href:active {
  1499. 1346.  -   padding-top: 1px;
  1500. 1347.  -   display: block;
  1501. 1348.  -   height: 49px;
  1502. 1349.  - }
  1503. 1350.  - .pd_apps_animation1 {
  1504. 1351.  -   -o-transition:all 400ms cubic-bezier(0.2,0.2,0.2,0.95);
  1505. 1352.  -   -moz-transition:all 400ms cubic-bezier(0.2,0.2,0.2,0.95);
  1506. 1353.  -   -webkit-transition:all 400ms cubic-bezier(0.2,0.2,0.2,0.95);
  1507. 1354.  -   transition:all 400ms cubic-bezier(0.2,0.2,0.2,0.95);
  1508. 1355.  - }
  1509. 1356.  - .pd_apps_recent_vis {
  1510. 1357.  -   margin-left: 420px;
  1511. 1358.  -   opacity: 1;
  1512. 1359.  - }
  1513. 1360.  - .pd_apps_recent_right {
  1514. 1361.  -   position: absolute;
  1515. 1362.  -   border-right: 1px solid #ADBAC7;
  1516. 1363.  -   right: -1px;
  1517. 1364.  -   padding: 10px 0px;
  1518. 1365.  -   top: 6px;
  1519. 1366.  -   z-index: 10;
  1520. 1367.  -   cursor: pointer;
  1521. 1368.  - }
  1522. 1369.  - .pd_apps_recent_bg_right {
  1523. 1370.  -   background: url('/images/pd_apps_sh.png') 0px 0px no-repeat;
  1524. 1371.  -   width: 19px;
  1525. 1372.  -   height: 50px;
  1526. 1373.  - }
  1527. 1374.  - .pd_apps_recent_left {
  1528. 1375.  -   position: absolute;
  1529. 1376.  -   border-left: 1px solid #ADBAC7;
  1530. 1377.  -   left: -1px;
  1531. 1378.  -   padding: 10px 0px;
  1532. 1379.  -   top: 6px;
  1533. 1380.  -   z-index: 10;
  1534. 1381.  -   cursor: pointer;
  1535. 1382.  - }
  1536. 1383.  - .pd_apps_recent_bg_left {
  1537. 1384.  -   background: url('/images/pd_apps_sh.png') 0px -50px no-repeat;
  1538. 1385.  -   width: 19px;
  1539. 1386.  -   height: 50px;
  1540. 1387.  - }
  1541. 1388.  - .pd_apps_cont_right {
  1542. 1389.  -   position: absolute;
  1543. 1390.  -   border-right: 1px solid #ADBAC7;
  1544. 1391.  -   padding: 10px 0px;
  1545. 1392.  -   right: -1px;
  1546. 1393.  -   top: 0px;
  1547. 1394.  -   z-index: 10;
  1548. 1395.  -   cursor: pointer;
  1549. 1396.  - }
  1550. 1397.  - .pd_apps_cont_bg_right {
  1551. 1398.  -   background: url('/images/pd_apps_sh.png?2') 0px -100px no-repeat;
  1552. 1399.  -   width: 19px;
  1553. 1400.  -   height: 50px;
  1554. 1401.  - }
  1555. 1402.  - .pd_apps_cont_left {
  1556. 1403.  -   position: absolute;
  1557. 1404.  -   border-left: 1px solid #ADBAC7;
  1558. 1405.  -   left: -1px;
  1559. 1406.  -   padding: 10px 0px;
  1560. 1407.  -   top: 0px;
  1561. 1408.  -   z-index: 10;
  1562. 1409.  -   cursor: pointer;
  1563. 1410.  - }
  1564. 1411.  - .pd_apps_cont_bg_left {
  1565. 1412.  -   background: url('/images/pd_apps_sh.png?2') 0px -150px no-repeat;
  1566. 1413.  -   width: 19px;
  1567. 1414.  -   height: 50px;
  1568. 1415.  - }
  1569. 1416.  - .pd_apps_ca_more {
  1570. 1417.  -   position: absolute;
  1571. 1418.  -   margin-left: 450px;
  1572. 1419.  -   width: 500px;
  1573. 1420.  - }
  1574. 1421.  - .pd_apps_ca_slice {
  1575. 1422.  -   position: absolute;
  1576. 1423.  -   width: 500px;
  1577. 1424.  - }
  1578. 1425.  - .pd_apps_ca_prev {
  1579. 1426.  -   position: absolute;
  1580. 1427.  -   width: 500px;
  1581. 1428.  - }
  1582. 1429.  - .pd_apps_summary {
  1583. 1430.  -   display: block;
  1584. 1431.  -   background: #F0F1F2;
  1585. 1432.  -   color: #505050;
  1586. 1433.  -   font-weight: bold;
  1587. 1434.  -   padding: 8px 0px 8px 10px;
  1588. 1435.  -   margin-top: 1px;
  1589. 1436.  - }
  1590. 1437.  - .pd_apps_summary:hover {
  1591. 1438.  -   text-decoration: none;
  1592. 1439.  - }
  1593. 1440.  - .pd_apps_header {
  1594. 1441.  -   background: #F0F1F2;
  1595. 1442.  -   color: #505050;
  1596. 1443.  -   padding: 4px 0px 6px 0px;
  1597. 1444.  -   height: 29px;
  1598. 1445.  - }
  1599. 1446.  - .pd_apps_search_wrap {
  1600. 1447.  -   margin: 3px 7px 0px 0px;
  1601. 1448.  - }
  1602. 1449.  - #pd_apps_search_cont {
  1603. 1450.  -   display: none;
  1604. 1451.  -   padding: 10px 0px;
  1605. 1452.  - }
  1606. 1453.  - .pd_game_search_img {
  1607. 1454.  -   width: 40px;
  1608. 1455.  -   height: 40px;
  1609. 1456.  -   -webkit-border-radius: 3px;
  1610. 1457.  -   -moz-border-radius: 3px;
  1611. 1458.  -   border-radius: 3px;
  1612. 1459.  - }
  1613. 1460.  - .pd_game_search_photo {
  1614. 1461.  -   position: absolute;
  1615. 1462.  - }
  1616. 1463.  - .pd_game_search_row {
  1617. 1464.  -   display: block;
  1618. 1465.  -   padding: 5px 10px;
  1619. 1466.  - }
  1620. 1467.  - .pd_game_search_row:hover {
  1621. 1468.  -   text-decoration: none;
  1622. 1469.  -   background: #EDF1F5;
  1623. 1470.  - }
  1624. 1471.  - .pd_game_search_row:active {
  1625. 1472.  -   padding: 6px 10px 4px;
  1626. 1473.  - }
  1627. 1474.  - .pd_game_search_info {
  1628. 1475.  -   padding-left: 50px;
  1629. 1476.  -   height: 38px;
  1630. 1477.  -   padding-top: 2px;
  1631. 1478.  - }
  1632. 1479.  - .pd_game_search_info_str {
  1633. 1480.  -   color: #777;
  1634. 1481.  -   padding: 5px 0px 0px 0px;
  1635. 1482.  - }
  1636. 1483.  - #pd_apps_search_progress {
  1637. 1484.  -   background: url("/images/upload.gif") no-repeat;
  1638. 1485.  -   display: none;
  1639. 1486.  -   height: 23px;
  1640. 1487.  -   margin-left: 411px;
  1641. 1488.  -   margin-top: 12px;
  1642. 1489.  -   position: absolute;
  1643. 1490.  -   width: 32px;
  1644. 1491.  -   z-index: 95;
  1645. 1492.  - }
  1646. 1493.  - #pd_apps_search_close {
  1647. 1494.  -   cursor: pointer;
  1648. 1495.  -   display: none;
  1649. 1496.  -   background: transparent url(/images/icons/input_clear.gif) 6px 6px no-repeat;
  1650. 1497.  -   padding: 2px;
  1651. 1498.  -   width: 19px;
  1652. 1499.  -   height: 19px;
  1653. 1500.  -   margin-left: 424px;
  1654. 1501.  -   margin-top: 4px;
  1655. 1502.  -   opacity: 0.6;
  1656. 1503.  -   filter: alpha(opacity=60);
  1657. 1504.  -   position: absolute;
  1658. 1505.  -   z-index: 100;
  1659. 1506.  - }
  1660. 1507.  - .pd_apps_empty {
  1661. 1508.  -   color: #777;
  1662. 1509.  -   font-size: 1.09em;
  1663. 1510.  -   line-height: 200%;
  1664. 1511.  -   margin: 20px 20px 15px;
  1665. 1512.  -   padding: 50px 0;
  1666. 1513.  -   text-align: center;
  1667. 1514.  -   word-wrap: break-word;
  1668. 1515.  - }
  1669. 1516.  - .pd_game_search_name {
  1670. 1517.  -   color: #2B587A;
  1671. 1518.  - }
  1672. 1519.  - #pd_apps_top_summary {
  1673. 1520.  -   position: absolute;
  1674. 1521.  -   width: 180px;
  1675. 1522.  -   background: none;
  1676. 1523.  - }
  1677. 1524.  - #pd_apps_search_summary {
  1678. 1525.  -   position: absolute;
  1679. 1526.  -   width: 180px;
  1680. 1527.  -   opacity: 0;
  1681. 1528.  -   filter: alpha(opacity=60);
  1682. 1529.  -   margin-top: -15px;
  1683. 1530.  -   background: none;
  1684. 1531.  - }
  1685. 1532.  - .pads_apps_recent_empty {
  1686. 1533.  -   text-align: center;
  1687. 1534.  -   color: #777;
  1688. 1535.  -   font-size: 1.09em;
  1689. 1536.  -   line-height: 200%;
  1690. 1537.  -   padding: 22px 0px;
  1691. 1538.  - }
  1692. 1539.  - .pads_gr_clubinv_block {
  1693. 1540.  -   white-space: nowrap;
  1694. 1541.  -   overflow: hidden;
  1695. 1542.  -   -o-text-overflow: ellipsis;
  1696. 1543.  -   text-overflow: ellipsis;
  1697. 1544.  - }
  1698. ------
  1699. Файл - groups.css (Старый размер - 14064 | Новый - 0):
  1700. 0.  - #groups_css {
  1701. 1.  -   display: none;
  1702. 2.  - }
  1703. 3.  -
  1704. 4.  - #group .narrow_column .module_body {
  1705. 5.  -   border-left: 1px solid #F1F1F1;
  1706. 6.  - }
  1707. 7.  - #group .narrow_column .audios_module .module_body {
  1708. 8.  -   padding: 8px 0px 8px 8px;
  1709. 9.  - }
  1710. 10.  - #group {
  1711. 11.  -   padding: 10px 10px 0px;
  1712. 12.  - }
  1713. 13.  - #group h4.simple .top_header {
  1714. 14.  -   width: 395px;
  1715. 15.  -   height: 1.23em;
  1716. 16.  -   white-space: nowrap;
  1717. 17.  -   overflow: hidden;
  1718. 18.  -   -o-text-overflow: ellipsis;
  1719. 19.  -   text-overflow: ellipsis;
  1720. 20.  -   text-overflow: ellipsis-word;
  1721. 21.  - }
  1722. 22.  -
  1723. 23.  - .group_info {
  1724. 24.  -   padding: 7px 6px 10px;
  1725. 25.  -   line-height: 150%;
  1726. 26.  - }
  1727. 27.  - .group_info_private {
  1728. 28.  -   padding-top: 5px;
  1729. 29.  -   color: #777;
  1730. 30.  - }
  1731. 31.  - .group_info .label {
  1732. 32.  -   width: 120px;
  1733. 33.  -   color: #777;
  1734. 34.  -   padding: 3px 0px 0px;
  1735. 35.  - }
  1736. 36.  - .group_info .labeled {
  1737. 37.  -   width: 265px;
  1738. 38.  -   overflow: hidden;
  1739. 39.  -   padding: 3px 0px 0px;
  1740. 40.  - }
  1741. 41.  - .group_row_labeled {
  1742. 42.  -   padding: 0px 0px 2px;
  1743. 43.  - }
  1744. 44.  - #page_avatar.group_no_avatar {
  1745. 45.  -   padding: 175px 10px 15px;
  1746. 46.  -   text-align: center;
  1747. 47.  -   background: #EEF2F6 url(/images/no_photo.png) no-repeat 45px 55px;
  1748. 48.  - }
  1749. 49.  -
  1750. 50.  - #group_photos .module_body {
  1751. 51.  -   padding: 0px 0px 10px;
  1752. 52.  - }
  1753. 53.  - #group_photos.module.empty .module_body {
  1754. 54.  -   border-bottom: none;
  1755. 55.  -   padding: 0px;
  1756. 56.  - }
  1757. 57.  - #group_photos.module.empty .module_body .empty_wrap {
  1758. 58.  -   padding: 20px 0px;
  1759. 59.  - }
  1760. 60.  - .group_photos_wrap {
  1761. 61.  -   margin: 5px -1px 0px;
  1762. 62.  - }
  1763. 63.  - #group_photos .profile_sized_photos {
  1764. 64.  -   margin: 0;
  1765. 65.  - }
  1766. 66.  - .group_photos_wrap .profile_wide_sized_photos,
  1767. 67.  - .page_wide_no_narrow .profile_sized_photos {
  1768. 68.  -   display: none;
  1769. 69.  - }
  1770. 70.  - .page_wide_no_narrow .group_photos_wrap .profile_wide_sized_photos {
  1771. 71.  -   display: block;
  1772. 72.  - }
  1773. 73.  - .group_photos_table, .group_photos_table a img {
  1774. 74.  -   margin: 0px auto;
  1775. 75.  - }
  1776. 76.  - .profile_wide_sized_photos a.page_post_thumb_wrap {
  1777. 77.  -   margin-right: 6px;
  1778. 78.  - }
  1779. 79.  - .group_photos_table a {
  1780. 80.  -   display: block;
  1781. 81.  -   width: 75px;
  1782. 82.  -   height: 57px;
  1783. 83.  -   background: #F1F1F1;
  1784. 84.  -   text-align: center;
  1785. 85.  -   overflow: hidden;
  1786. 86.  -   margin: 0px 3px 0px 2px;
  1787. 87.  - }
  1788. 88.  - #group_photos_upload {
  1789. 89.  -   background: #eff1f3;
  1790. 90.  -   padding: 17px;
  1791. 91.  -   text-align: center;
  1792. 92.  -   color: #738392;
  1793. 93.  -   line-height: 16px;
  1794. 94.  -   display: block;
  1795. 95.  - }
  1796. 96.  - a#group_photos_upload:hover,
  1797. 97.  - #group_photos_upload.hover {
  1798. 98.  -   background: #e9edf1;
  1799. 99.  -   text-decoration: none;
  1800. 100.  - }
  1801. 101.  - .group_photos_upload_label {
  1802. 102.  -   background: url('/images/camera.gif') left 1px no-repeat;
  1803. 103.  -   padding: 4px 0px 4px 35px;
  1804. 104.  - }
  1805. 105.  -
  1806. 106.  - .group_wiki_wrap {
  1807. 107.  -   padding-bottom: 10px;
  1808. 108.  -   overflow: hidden;
  1809. 109.  - }
  1810. 110.  - .group_wiki_hider {
  1811. 111.  -   padding: 8px 0 8px 125px;
  1812. 112.  -   border-top: 1px solid #FFF;
  1813. 113.  -   display: block;
  1814. 114.  - }
  1815. 115.  - .group_wiki_hider span {
  1816. 116.  -   padding: 0px 8px;
  1817. 117.  -   color: #2B587A;
  1818. 118.  -   visibility: hidden;
  1819. 119.  - }
  1820. 120.  - .group_wiki_hider span:hover {
  1821. 121.  -   text-decoration: underline;
  1822. 122.  - }
  1823. 123.  - .group_wiki_hider:hover {
  1824. 124.  -   text-decoration: none;
  1825. 125.  -   background: #E9EDF1;
  1826. 126.  - }
  1827. 127.  - .group_wiki_hider:hover span {
  1828. 128.  -   visibility: visible;
  1829. 129.  - }
  1830. 130.  - #group .group_wiki_wrap .wk_text {
  1831. 131.  -   display: none;
  1832. 132.  -   padding: 10px 8px;
  1833. 133.  -   width: 370px;
  1834. 134.  -   word-wrap: break-word;
  1835. 135.  -   line-height:150%;
  1836. 136.  - }
  1837. 137.  - .groups_edit_board_row {
  1838. 138.  -   padding: 5px 0px;
  1839. 139.  - }
  1840. 140.  - .groups_edit_board_label {
  1841. 141.  -   padding: 5px 10px 0px;
  1842. 142.  -   width: 200px;
  1843. 143.  -   color: #777;
  1844. 144.  - }
  1845. 145.  - .groups_edit_board_labeled {
  1846. 146.  -   width: 160px;
  1847. 147.  - }
  1848. 148.  -
  1849. 149.  - #group_voting .module_body {
  1850. 150.  -   padding-bottom: 11px;
  1851. 151.  - }
  1852. 152.  - #group_voting .header_bottom {
  1853. 153.  -   padding: 3px 9px;
  1854. 154.  - }
  1855. 155.  - .group_voting_title {
  1856. 156.  -   font-weight: bold;
  1857. 157.  -   color: #45688E;
  1858. 158.  -   padding: 0px 6px 3px;
  1859. 159.  -   margin: 13px 8px 4px;
  1860. 160.  -   border-bottom: 1px solid #E7EAED;
  1861. 161.  - }
  1862. 162.  - .group_voting_row_wrap {
  1863. 163.  -   width: 100%;
  1864. 164.  -   padding: 0px 5px;
  1865. 165.  - }
  1866. 166.  - .group_voting_row {
  1867. 167.  -   background: #F1F1F1;
  1868. 168.  -   width: 100%;
  1869. 169.  - }
  1870. 170.  - .group_voting_row_desc {
  1871. 171.  -   padding: 1px 7px 3px;
  1872. 172.  - }
  1873. 173.  - .group_voting_text {
  1874. 174.  -   padding: 6px 7px 4px;
  1875. 175.  - }
  1876. 176.  - .group_voting_percent {
  1877. 177.  -   background: #E1E7ED;
  1878. 178.  -   border: solid #D8DFE5;
  1879. 179.  -   border-width: 1px 1px 0px 0px;
  1880. 180.  -   height: 13px;
  1881. 181.  - }
  1882. 182.  - .group_voting_table {
  1883. 183.  -   padding: 0px 8px;
  1884. 184.  - }
  1885. 185.  - .group_voting_table .radiobtn {
  1886. 186.  -   padding: 12px 6px;
  1887. 187.  -   border-top: 1px solid #E7EAED;
  1888. 188.  - }
  1889. 189.  - .group_voting_table .radiobtn.first {
  1890. 190.  -   padding-top: 8px;
  1891. 191.  -   border-top: 0px;
  1892. 192.  - }
  1893. 193.  - #group_voting_msg {
  1894. 194.  -   margin: 10px 14px 0px;
  1895. 195.  - }
  1896. 196.  - .group_voting_actions {
  1897. 197.  -   font-weight: normal;
  1898. 198.  - }
  1899. 199.  -
  1900. 200.  - #group_like_module, .group_block_module {
  1901. 201.  -   margin: 0px 0px 10px;
  1902. 202.  -   padding: 11px 10px 10px;
  1903. 203.  -   background: #F1F1F1;
  1904. 204.  -   line-height: 160%;
  1905. 205.  - }
  1906. 206.  - .group_block_module {
  1907. 207.  -   margin: 10px 0px 0px;
  1908. 208.  - }
  1909. 209.  - .group_like_desc {
  1910. 210.  -   padding-bottom: 10px;
  1911. 211.  - }
  1912. 212.  - .group_like_enter_desc {
  1913. 213.  -   padding-top: 10px;
  1914. 214.  -   text-align: center;
  1915. 215.  -   color: #777;
  1916. 216.  - }
  1917. 217.  - .group_share_wrap {
  1918. 218.  -   padding-top: 1px;
  1919. 219.  - }
  1920. 220.  - .group_button_wrap {
  1921. 221.  -   padding-bottom: 10px;
  1922. 222.  - }
  1923. 223.  - .group_button_action {
  1924. 224.  -   text-align: center;
  1925. 225.  - }
  1926. 226.  - .group_button_action .progress {
  1927. 227.  -   margin: 0px auto;
  1928. 228.  - }
  1929. 229.  -
  1930. 230.  - #group_block_comment_wrap {
  1931. 231.  -   padding-top: 10px;
  1932. 232.  - }
  1933. 233.  - #group_block_comment {
  1934. 234.  -   width: 200px;
  1935. 235.  -   height: 50px;
  1936. 236.  -   margin-top: 10px;
  1937. 237.  - }
  1938. 238.  - .group_block_reason_wrap {
  1939. 239.  -   padding: 10px 0px;
  1940. 240.  - }
  1941. 241.  - .page_actions a.group_block_mem {
  1942. 242.  -   display: inline;
  1943. 243.  -   padding: 0px;
  1944. 244.  -   background: none;
  1945. 245.  - }
  1946. 246.  - .page_actions a.group_block_mem:hover {
  1947. 247.  -   text-decoration: underline;
  1948. 248.  -   background: none;
  1949. 249.  - }
  1950. 250.  -
  1951. 251.  - .group_abuse_made {
  1952. 252.  -   padding: 4px 6px;
  1953. 253.  -   color: #777;
  1954. 254.  - }
  1955. 255.  -
  1956. 256.  - .groups_donate {
  1957. 257.  -   margin: 5px 0px;
  1958. 258.  -   background: #F7F7F7;
  1959. 259.  -   border: solid #DAE1E8;
  1960. 260.  -   border-width: 1px 0px;
  1961. 261.  -   padding: 7px;
  1962. 262.  - }
  1963. 263.  - #groups_donate_options {
  1964. 264.  -   display: none;
  1965. 265.  -   padding-bottom: 5px;
  1966. 266.  - }
  1967. 267.  - #groups_donate_options .radiobtn {
  1968. 268.  -   padding: 3px 5px;
  1969. 269.  - }
  1970. 270.  - #groups_donate_button {
  1971. 271.  -   display: none;
  1972. 272.  - }
  1973. 273.  - #groups_donate_other {
  1974. 274.  -   display: none;
  1975. 275.  -   padding: 0px 5px 7px;
  1976. 276.  - }
  1977. 277.  - #groups_donate_other_val {
  1978. 278.  -   width: 70px;
  1979. 279.  - }
  1980. 280.  - #groups_donate_other_add {
  1981. 281.  -   padding: 0px 5px;
  1982. 282.  - }
  1983. 283.  - .groups_no_donations {
  1984. 284.  -   padding: 30px 10px;
  1985. 285.  -   text-align: center;
  1986. 286.  -   color: #777;
  1987. 287.  - }
  1988. 288.  - .summary_wrap.groups_donators_summary {
  1989. 289.  -   padding: 0px;
  1990. 290.  -   margin: 0px 5px 10px;
  1991. 291.  - }
  1992. 292.  - #groups_donators_wrap {
  1993. 293.  -   padding: 7px 5px 0px;
  1994. 294.  -   overflow: hidden;
  1995. 295.  -   height: 360px;
  1996. 296.  - }
  1997. 297.  -
  1998. 298.  - div.gl_message {
  1999. 299.  -   margin: 10px 10px 0px;
  2000. 300.  - }
  2001. 301.  - .groups_list_search {
  2002. 302.  -   background: #F7F7F7;
  2003. 303.  -   border-bottom: 1px solid #DAE1E8;
  2004. 304.  -   padding: 10px;
  2005. 305.  - }
  2006. 306.  - #groups_list_search {
  2007. 307.  -   padding: 5px 40px 5px 20px;
  2008. 308.  -   background: url(/images/magglass.png) no-repeat scroll 5px 6px white;
  2009. 309.  -   height: 13px;
  2010. 310.  -   outline: none;
  2011. 311.  -   width: 547px;
  2012. 312.  - }
  2013. 313.  - #groups_list_search::-ms-clear {
  2014. 314.  -   display: none;
  2015. 315.  - }
  2016. 316.  -
  2017. 317.  - .groups_list {
  2018. 318.  -   padding: 0px 10px;
  2019. 319.  - }
  2020. 320.  - .group_list_row {
  2021. 321.  -   border-bottom: 1px solid #EDEDED;
  2022. 322.  -   padding: 10px 0;
  2023. 323.  -   background: #FFFFFF;
  2024. 324.  - }
  2025. 325.  - .group_list_row:last-child {
  2026. 326.  -   border-bottom: 0px;
  2027. 327.  - }
  2028. 328.  - .group_row_blockinv {
  2029. 329.  -   white-space: nowrap;
  2030. 330.  -   overflow: hidden;
  2031. 331.  -   -o-text-overflow: ellipsis;
  2032. 332.  -   text-overflow: ellipsis;
  2033. 333.  -   padding-top: 10px;
  2034. 334.  - }
  2035. 335.  - .group_row_photo {
  2036. 336.  -   height: 100px;
  2037. 337.  -   overflow: hidden;
  2038. 338.  -   width: 100px;
  2039. 339.  - }
  2040. 340.  - .group_row_info {
  2041. 341.  -   padding-left: 10px;
  2042. 342.  -   width: 485px;
  2043. 343.  -   overflow: hidden;
  2044. 344.  -   color: #777777;
  2045. 345.  - }
  2046. 346.  - .group_inv_info {
  2047. 347.  -   padding: 0px 0px 0px 15px;
  2048. 348.  -   width: 480px;
  2049. 349.  -   overflow: hidden;
  2050. 350.  - }
  2051. 351.  - .group_row_label {
  2052. 352.  -   color: #777;
  2053. 353.  -   width: 70px;
  2054. 354.  -   padding: 0 10px;
  2055. 355.  - }
  2056. 356.  - .group_row_labeled, .group_row_status_wrap {
  2057. 357.  -   margin-bottom: 3px;
  2058. 358.  -   width: 405px;
  2059. 359.  - }
  2060. 360.  - .group_row_status_wrap {
  2061. 361.  -   color: #777;
  2062. 362.  -   padding: 5px 0;
  2063. 363.  - }
  2064. 364.  - .group_row_actions {
  2065. 365.  -   padding: 0 5px;
  2066. 366.  - }
  2067. 367.  - .group_row_actions {
  2068. 368.  -   padding: 0px;
  2069. 369.  - }
  2070. 370.  - .groups_no_list {
  2071. 371.  -   border: 0;
  2072. 372.  -   background: #FFF;
  2073. 373.  -   color: #777;
  2074. 374.  -   font-size: 1.18em;
  2075. 375.  -   margin: 0 0 3px;
  2076. 376.  -   padding: 80px 0;
  2077. 377.  -   text-align: center;
  2078. 378.  -   overflow: hidden;
  2079. 379.  -   text-overflow: ellipsis;
  2080. 380.  - }
  2081. 381.  - .groups_more_link {
  2082. 382.  -   display: block;
  2083. 383.  -   padding: 10px 0px;
  2084. 384.  -   margin: 0px 10px 10px;
  2085. 385.  -   border-top: 1px solid #DAE1E8;
  2086. 386.  -   text-align: center;
  2087. 387.  - }
  2088. 388.  - .groups_more_link:hover {
  2089. 389.  -   background: #E1E7ED;
  2090. 390.  -   text-decoration: none;
  2091. 391.  - }
  2092. 392.  - .group_friends_in_gr {
  2093. 393.  -   padding-top: 6px;
  2094. 394.  -   margin: 0px -2px;
  2095. 395.  - }
  2096. 396.  - .group_friend_in_gr {
  2097. 397.  -   height: 32px;
  2098. 398.  -   overflow: hidden;
  2099. 399.  -   padding: 0px 2px;
  2100. 400.  - }
  2101. 401.  - .group_row_buttons {
  2102. 402.  -   margin: 8px -3px 0px -2px;
  2103. 403.  - }
  2104. 404.  - .group_row_button {
  2105. 405.  -   margin: 0px 3px 0px 2px;
  2106. 406.  - }
  2107. 407.  -
  2108. 408.  - .group_friend_in_img {
  2109. 409.  -   width: 32px;
  2110. 410.  - }
  2111. 411.  - .groups_create_box {
  2112. 412.  -   padding: 3px 0px 1px;
  2113. 413.  -   width: 370px;
  2114. 414.  - }
  2115. 415.  - .groups_create_header {
  2116. 416.  -   color: #36638E;
  2117. 417.  -   font-size: 1.09em;
  2118. 418.  -   font-weight: bold;
  2119. 419.  -   margin: 11px 0px 5px;
  2120. 420.  - }
  2121. 421.  - .groups_create_section {
  2122. 422.  -   padding: 9px 1px 2px;
  2123. 423.  - }
  2124. 424.  - .groups_create_section .radiobtn div {
  2125. 425.  -   width: 18px;
  2126. 426.  - }
  2127. 427.  - .groups_create_about {
  2128. 428.  -   color: #777;
  2129. 429.  -   padding: 2px 23px 0px;
  2130. 430.  - }
  2131. 431.  - #group_create_title, #group_create_desc {
  2132. 432.  -   width: 360px;
  2133. 433.  - }
  2134. 434.  - .groups_about_public {
  2135. 435.  -   font-size: 0.9em;
  2136. 436.  -   color: #777;
  2137. 437.  -   padding-top: 10px;
  2138. 438.  - }
  2139. 439.  - .groups_search_focused .group_row_highlight {
  2140. 440.  -   background: #E1E7ED;
  2141. 441.  -   border-bottom: 1px solid #DAE1E8;
  2142. 442.  -   padding: 0px 1px 0px;
  2143. 443.  -   margin: 0px -1px;
  2144. 444.  -   *padding: 0px;
  2145. 445.  -   *margin: 0px;
  2146. 446.  - }
  2147. 447.  - .group_full_private {
  2148. 448.  -   font-size: 1.09em;
  2149. 449.  -   padding: 140px 20px 200px;
  2150. 450.  -   text-align: center;
  2151. 451.  -   width: 567px;
  2152. 452.  - }
  2153. 453.  -
  2154. 454.  - .public_contacts_list {
  2155. 455.  -   padding: 7px 5px 5px;
  2156. 456.  -   overflow-y: scroll;
  2157. 457.  -   overflow-x: hidden;
  2158. 458.  -   height: 298px;
  2159. 459.  -   width: 455px;
  2160. 460.  - }
  2161. 461.  - .public_contacts_list_header {
  2162. 462.  -   border-bottom: 1px solid rgb(218, 225, 232);
  2163. 463.  -   margin: 0pt 5px 4px;
  2164. 464.  -   padding: 5px 0pt 2px;
  2165. 465.  -   width: 430px;
  2166. 466.  - }
  2167. 467.  - .public_contacts_list .row {
  2168. 468.  -   padding: 6px;
  2169. 469.  -   width: 50px;
  2170. 470.  - }
  2171. 471.  - .public_contacts_list .info {
  2172. 472.  -   padding: 6px 5px;
  2173. 473.  -   width: 240px;
  2174. 474.  - }
  2175. 475.  - .public_contacts_list .info_wide {
  2176. 476.  -   padding: 6px 5px;
  2177. 477.  -   width: 350px;
  2178. 478.  - }
  2179. 479.  - .public_contacts_list .actions {
  2180. 480.  -   width: 120px;
  2181. 481.  -   padding: 8px 0;
  2182. 482.  - }
  2183. 483.  - .public_contacts_list .edit_actions {
  2184. 484.  -   width: 120px;
  2185. 485.  - }
  2186. 486.  - .public_contacts_list .name a {
  2187. 487.  -   font-size: 1.09em;
  2188. 488.  -   color: #2B587A;
  2189. 489.  -   font-weight: bold;
  2190. 490.  -   padding-bottom: 5px;
  2191. 491.  - }
  2192. 492.  - .public_contacts_list .name span {
  2193. 493.  -   font-weight: bold;
  2194. 494.  -   font-size: 1.09em;
  2195. 495.  -   padding-bottom: 5px;
  2196. 496.  -   color: #777777;
  2197. 497.  - }
  2198. 498.  - .public_contacts_list .image {
  2199. 499.  -   height: 50px;
  2200. 500.  -   width: 50px;
  2201. 501.  -   overflow: hidden;
  2202. 502.  - }
  2203. 503.  - .public_contacts_list h2 {
  2204. 504.  -   border: 0;
  2205. 505.  - }
  2206. 506.  - .public_contacts_list .cell {
  2207. 507.  -   width: 435px;
  2208. 508.  -   border-bottom: 1px solid #E6EAED;
  2209. 509.  - }
  2210. 510.  - .public_contacts_list .desc {
  2211. 511.  -   padding: 4px 2px 0;
  2212. 512.  - }
  2213. 513.  - .public_contacts_list .extra_info {
  2214. 514.  -   padding: 4px 2px 0;
  2215. 515.  -   color: #777777;
  2216. 516.  -   line-height: 150%;
  2217. 517.  - }
  2218. 518.  - .public_contacts_list .extra_info a {
  2219. 519.  -   color: #777777;
  2220. 520.  - }
  2221. 521.  - .public_contacts_list .extra_info span {
  2222. 522.  -   background: url(/images/icons/info_icons.gif) no-repeat 0 0;
  2223. 523.  -   padding: 0 8px 0 13px;
  2224. 524.  - }
  2225. 525.  - .public_contacts_list .extra_info .info_phone {
  2226. 526.  -   background-position: 0 -18px;
  2227. 527.  -   padding-left: 9px;
  2228. 528.  - }
  2229. 529.  - .public_no_contacts {
  2230. 530.  -   padding: 145px 5px 5px;
  2231. 531.  -   height: 140px;
  2232. 532.  -   text-align: center;
  2233. 533.  -   font-size: 1.09em;
  2234. 534.  -   color:gray;
  2235. 535.  - }
  2236. 536.  -
  2237. 537.  -
  2238. 538.  - #group_like_module .like_link_state {
  2239. 539.  -   width: 180px;
  2240. 540.  - }
  2241. 541.  - #group_like_module #group_subscribe.like_link_state {
  2242. 542.  -   padding: 6px 0px 8px;
  2243. 543.  - }
  2244. 544.  - #group_like_module .like_link_state .subscribe_button_wrap {
  2245. 545.  -   padding: 3px 30px 14px;
  2246. 546.  - }
  2247. 547.  - #group_like_module .like_link_state .desc {
  2248. 548.  -   padding-bottom: 13px;
  2249. 549.  - }
  2250. 550.  - #group_like_module .like_link_state .desc .share_event_link {
  2251. 551.  -   padding-top: 1px;
  2252. 552.  - }
  2253. 553.  - #group_like_module .group_friends_count {
  2254. 554.  -   text-align: center;
  2255. 555.  - }
  2256. 556.  - #group_decline_past_event, #group_restore_past_event {
  2257. 557.  -   padding-top: 8px;
  2258. 558.  - }
  2259. 559.  - .group_event_took_place {
  2260. 560.  -   padding-bottom: 5px;
  2261. 561.  - }
  2262. 562.  - .group_user_invited {
  2263. 563.  -   padding: 2px 0 11px;
  2264. 564.  -   text-align: center;
  2265. 565.  - }
  2266. 566.  -
  2267. 567.  -
  2268. 568.  - #public_contact_memlink_tip {
  2269. 569.  -   color: #777;
  2270. 570.  -   padding: 3px 0;
  2271. 571.  -   font-size: 0.9em;
  2272. 572.  - }
  2273. 573.  - .public_edit_contact_info h2 {
  2274. 574.  -   margin: 0 0 10px 10px;
  2275. 575.  - }
  2276. 576.  - .public_edit_contact_info .label {
  2277. 577.  -   padding: 3px 10px 2px;
  2278. 578.  -   width: 70px;
  2279. 579.  -   clear: both;
  2280. 580.  -   color: #777;
  2281. 581.  - }
  2282. 582.  - .public_edit_contact_info .labeled_text {
  2283. 583.  -   padding: 3px 0px 10px;
  2284. 584.  -   width: 190px;
  2285. 585.  - }
  2286. 586.  - .public_edit_contact_info .labeled {
  2287. 587.  -   padding: 0px 0px 5px;
  2288. 588.  -   width: 190px;
  2289. 589.  -   overflow: hidden;
  2290. 590.  - }
  2291. 591.  - .public_edit_contact_info .labeled .text {
  2292. 592.  -   width: 182px;
  2293. 593.  - }
  2294. 594.  -
  2295. 595.  - .gle_block {
  2296. 596.  -   width: 190px;
  2297. 597.  -   overflow: hidden;
  2298. 598.  -   padding: 10px 0px;
  2299. 599.  - }
  2300. 600.  - .gle_table {
  2301. 601.  -   width: 190px;
  2302. 602.  - }
  2303. 603.  - .gle_td {
  2304. 604.  -   vertical-align: top;
  2305. 605.  - }
  2306. 606.  - .gle_thumb {
  2307. 607.  -   display: block;
  2308. 608.  -   width: 50px;
  2309. 609.  -   height: 50px;
  2310. 610.  -   overflow: hidden;
  2311. 611.  - }
  2312. 612.  - .gle_img {
  2313. 613.  -   width: 50px;
  2314. 614.  -   vertical-align: top;
  2315. 615.  - }
  2316. 616.  - .gle_row {
  2317. 617.  -   padding: 1px 0px 2px;
  2318. 618.  -   margin: 0px 8px;
  2319. 619.  -   width: 124px;
  2320. 620.  -   white-space: nowrap;
  2321. 621.  -   height: 13px;
  2322. 622.  -   overflow: hidden;
  2323. 623.  -   -o-text-overflow: ellipsis;
  2324. 624.  -   text-overflow: ellipsis;
  2325. 625.  - }
  2326. 626.  - .gle_date, .gle_place {
  2327. 627.  -   color: #777;
  2328. 628.  - }
  2329. 629.  - .gl_events_msg_hide {
  2330. 630.  -   padding: 15px 0px 3px;
  2331. 631.  - }
  2332. 632.  - div.gl_summary_short {
  2333. 633.  -   padding: 13px 0px 0px;
  2334. 634.  -   margin: 0px 10px;
  2335. 635.  - }
  2336. 636.  - .gle_list {
  2337. 637.  -   padding: 0px 10px;
  2338. 638.  - }
  2339. 639.  - #gle_list_more_lnk {
  2340. 640.  -   display: block;
  2341. 641.  -   background: #EFF1F3;
  2342. 642.  -   margin: 0px 10px 10px;
  2343. 643.  -   padding: 10px;
  2344. 644.  -   text-align: center;
  2345. 645.  -   color: #738392;
  2346. 646.  - }
  2347. 647.  - #gle_list_more_lnk:hover {
  2348. 648.  -   background: #E9EDF1;
  2349. 649.  -   text-decoration: none;
  2350. 650.  - }
  2351. 651.  - #gle_list_more {
  2352. 652.  -   display: none;
  2353. 653.  - }
  2354. 654.  -
  2355. 655.  - .group_share_club {
  2356. 656.  -   text-decoration: none;
  2357. 657.  -   width: 11px;
  2358. 658.  -   height: 13px;
  2359. 659.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0px -192px;
  2360. 660.  -   cursor: pointer;
  2361. 661.  -   margin: 3px 5px 0px;
  2362. 662.  - }
  2363. 663.  - #group_share_progress, #group_unshare_progress {
  2364. 664.  -   height: 17px;
  2365. 665.  - }
  2366. 666.  - .groups_list_search_summary {
  2367. 667.  -   padding: 8px 0px 0px;
  2368. 668.  - }
  2369. 669.  - .groups_list_last_row {
  2370. 670.  -   border-bottom: none;
  2371. 671.  - }
  2372. 672.  - #groups_loading {
  2373. 673.  -   background: url('/images/upload.gif') center center no-repeat;
  2374. 674.  -   width: 32px;
  2375. 675.  -   height: 9px;
  2376. 676.  -   margin: 7px 0px 0px 572px;
  2377. 677.  -   z-index: 95;
  2378. 678.  -   position: absolute;
  2379. 679.  -   display: none;
  2380. 680.  - }
  2381. 681.  - #groups_reset_search {
  2382. 682.  -   margin: 1px 0px 0px 586px;
  2383. 683.  -   display: none;
  2384. 684.  -   cursor: pointer;
  2385. 685.  -   background: transparent url(/images/icons/input_clear.gif) 6px 6px no-repeat;
  2386. 686.  -   padding: 2px;
  2387. 687.  -   width: 19px;
  2388. 688.  -   height: 19px;
  2389. 689.  -   opacity: 0.6;
  2390. 690.  -   filter: alpha(opacity=60);
  2391. 691.  -   position: absolute;
  2392. 692.  -   z-index: 95;
  2393. 693.  - }
  2394. 694.  - #groups_list_search_cont {
  2395. 695.  -   display: none;
  2396. 696.  - }
  2397. 697.  - .groups_row_type {
  2398. 698.  -   color: #777;
  2399. 699.  -   /*margin-left: 8px;*/
  2400. 700.  -   display: block;
  2401. 701.  -   padding-top: 4px;
  2402. 702.  - }
  2403. 703.  - .groups_inv_more {
  2404. 704.  -   display: none;
  2405. 705.  - }
  2406. 706.  - .groups_inv_showmore {
  2407. 707.  -   display: block;
  2408. 708.  -   padding: 10px 0px;
  2409. 709.  -   margin: 0px;
  2410. 710.  -   border-top: 1px solid #DAE1E8;
  2411. 711.  -   text-align: center;
  2412. 712.  - }
  2413. 713.  - .groups_inv_showmore:hover {
  2414. 714.  -   background: #E1E7ED;
  2415. 715.  -   text-decoration: none;
  2416. 716.  - }
  2417. 717.  - .gle_invites_list {
  2418. 718.  -   padding: 0px 10px;
  2419. 719.  - }
  2420. 720.  - .groups_inv_last_row {
  2421. 721.  -   border-bottom: none;
  2422. 722.  -   padding-bottom: 0px;
  2423. 723.  - }
  2424. 724.  - .groups_inv_info {
  2425. 725.  -   width: 540px;
  2426. 726.  -   padding-left: 10px;
  2427. 727.  - }
  2428. 728.  - .groups_inv_info_l {
  2429. 729.  -   color: #777777;
  2430. 730.  -   margin-left: 8px;
  2431. 731.  - }
  2432. 732.  - .groups_inv_cont {
  2433. 733.  -   background: #F7F7F7;
  2434. 734.  -   padding: 10px;
  2435. 735.  -   margin: 8px 0px 0px 0px;
  2436. 736.  - }
  2437. 737.  - .groups_row_inv_info {
  2438. 738.  -   padding-left: 10px;
  2439. 739.  -   width: 410px;
  2440. 740.  - }
  2441. 741.  - .group_inv_status {
  2442. 742.  -   margin-top: 2px;
  2443. 743.  -   color: #777777;
  2444. 744.  - }
  2445. 745.  - .groups_acted_text {
  2446. 746.  -   padding: 0px 0px 4px;
  2447. 747.  - }
  2448. 748.  - .gle_summary_progress {
  2449. 749.  -   display: none;
  2450. 750.  - }
  2451. 751.  - #gle_invites_more {
  2452. 752.  -   display: none;
  2453. 753.  - }
  2454. 754.  - .group_inv_event_time {
  2455. 755.  -   padding: 2px 0px 4px;
  2456. 756.  - }
  2457. 757.  - .groups_row_img {
  2458. 758.  -   width: 100px;
  2459. 759.  - }
  2460. 760.  - .gle_invites_actions {
  2461. 761.  -   margin: 0px 0px 14px;
  2462. 762.  -   text-align: center;
  2463. 763.  -   background: #F7F7F7;
  2464. 764.  -   padding: 8px;
  2465. 765.  - }
  2466. 766.  -
  2467. 767.  - div.gtop_message {
  2468. 768.  -   margin: 0 0 10px 0;
  2469. 769.  -   padding: 8px 13px;
  2470. 770.  -   border: none;
  2471. 771.  -   background-color: #F0F2F5;
  2472. 772.  - }
  2473. 773.  - .gtop_mesage_buttons {
  2474. 774.  -   padding: 10px 0px 3px;
  2475. 775.  - }
  2476. 776.  - .gtop_mesage_buttons a {
  2477. 777.  -   margin: 6px 0 0 20px;
  2478. 778.  - }
  2479. ------
  2480. Файл - groups_list.js (Старый размер - 35500 | Новый - 0):
  2481. 0.  - var GroupsList = {
  2482. 1.  -   rand: function() {
  2483. 2.  -     return Math.floor(Math.random() * 10000);
  2484. 3.  -   },
  2485. 4.  -   enter: function(el, gid, hash, act, past) {
  2486. 5.  -     if (cur.invSwitching) {
  2487. 6.  -       setTimeout(GroupsList.enter.pbind(el, gid, hash, act, past), 100);
  2488. 7.  -       return false;
  2489. 8.  -     }
  2490. 9.  -     var sp, hp, tab = cur.scrollList.tab;
  2491. 10.  -
  2492. 11.  -     if (el.tagName.toLowerCase() != 'button') {
  2493. 12.  -       if (!el.backhtml) {
  2494. 13.  -         el.backhtml = el.innerHTML;
  2495. 14.  -       }
  2496. 15.  -       sp = function() {
  2497. 16.  -         var w = getSize(el)[0];
  2498. 17.  -         el.innerHTML = '<span class="progress_inline"></span>';
  2499. 18.  -         setStyle(el, {width: w - 30});
  2500. 19.  -       }
  2501. 20.  -       hp = function() {
  2502. 21.  -         el.innerHTML = el.backhtml;
  2503. 22.  -       }
  2504. 23.  -     } else {
  2505. 24.  -       sp = lockButton.pbind(el);
  2506. 25.  -       hp = unlockButton.pbind(el);
  2507. 26.  -     }
  2508. 27.  -
  2509. 28.  -     var key = GroupsList.rand(), value = GroupsList.rand();
  2510. 29.  -     cur.scrollList[key] = value;
  2511. 30.  -
  2512. 31.  -     var context = (cur.scrollList.tab == 'groups') ? '2' : '1';
  2513. 32.  -
  2514. 33.  -     var shown = false;
  2515. 34.  -     cur.invSwitching = true;
  2516. 35.  -     if (GroupsList.switchInvite(gid, (act == 'decline' && !past))) {
  2517. 36.  -       shown = true;
  2518. 37.  -       sp = false;
  2519. 38.  -       hp = false;
  2520. 39.  -     }
  2521. 40.  -
  2522. 41.  -     ajax.post('al_groups.php', {
  2523. 42.  -       act: 'enter',
  2524. 43.  -       gid: gid,
  2525. 44.  -       hash: hash,
  2526. 45.  -       context: context + (act ? '_' + act : ''),
  2527. 46.  -       inv_shown: cur.scrollList.invShown
  2528. 47.  -     }, {
  2529. 48.  -       onDone: function(newRow, added) {
  2530. 49.  -         cur.invSwitching = false;
  2531. 50.  -         if (!cur.scrollList || cur.scrollList[key] != value) return;
  2532. 51.  -
  2533. 52.  -         var list = cur.scrollList.lists[tab], newStatus = past ? 5 : 1;
  2534. 53.  -         if (act == 'unsure') {
  2535. 54.  -           newStatus = past ? 5 : 3;
  2536. 55.  -         } else if (act == 'decline') {
  2537. 56.  -           newStatus = past ? -3 : -1;
  2538. 57.  -         } else if (act == 'undecided') {
  2539. 58.  -           newStatus = 4;
  2540. 59.  -         }
  2541. 60.  -         if (!list || list == 'loading' || list == 'update') {
  2542. 61.  -           cur.scrollList.processed[tab][gid] = newStatus;
  2543. 62.  -         } else {
  2544. 63.  -           for (var i = 0, count = list.length; i < count; ++i) {
  2545. 64.  -             if (list[i][2] == gid) {
  2546. 65.  -               list[i][1] = newStatus;
  2547. 66.  -             }
  2548. 67.  -           }
  2549. 68.  -         }
  2550. 69.  -
  2551. 70.  -         var row = ge('gl_' + tab + gid);
  2552. 71.  -
  2553. 72.  -         GroupsList.addInvite(newRow, added, act);
  2554. 73.  -
  2555. 74.  -         var rowEl = geByClass1('group_list_row', ge('groups_list_content'));
  2556. 75.  -         if (rowEl && rowEl.id == 'gl_' + tab + gid) {
  2557. 76.  -           setStyle(rowEl, {backgroundColor: '#FEFAE4'});
  2558. 77.  -           animate(rowEl, {backgroundColor: '#FFF'}, 2000);
  2559. 78.  -         }
  2560. 79.  -
  2561. 80.  -         if (shown) {
  2562. 81.  -           if (cur.switchedInvite && act == 'decline' && !past) {
  2563. 82.  -             var switchedHtml = getLang('groups_event_left') + ' <a onclick="GroupsList.spam(this.parentNode, ' + gid + ', \'' + hash + '\', cur.switchedInvite)">' + getLang('its_spam') + '</a>';
  2564. 83.  -             if (ge('clubinv' + gid)) switchedHtml += '<div class="group_row_blockinv"><a onclick="GroupsList.spam(domPN(domPN(this)), ' + gid + ', \'' + hash + '\', cur.switchedInvite, 1)">' + getLang('groups_block_clubinv').replace('{club}', '<b>' + val(domPS(ge('clubinv' + gid))) + '</b>') + '</a></div>';
  2565. 84.  -             cur.switchedInvite.innerHTML = switchedHtml;
  2566. 85.  -           }
  2567. 86.  -           return;
  2568. 87.  -         }
  2569. 88.  -
  2570. 89.  -         if (!row) return;
  2571. 90.  -
  2572. 91.  -         var status = geByClass1('group_row_status', row), actions = geByClass1('group_row_actions', row), old = status.basehtml;
  2573. 92.  -         var actOld = actions.basehtml;
  2574. 93.  -         status.basehtml = status.innerHTML;
  2575. 94.  -         actions.basehtml = actions.innerHTML;
  2576. 95.  -         if (act == 'undecided') {
  2577. 96.  -           actions.innerHTML = actOld || '';
  2578. 97.  -           status.innerHTML = old || '\
  2579. 98.  - <div class="group_row_buttons">\
  2580. 99.  -   <div class="group_row_button button_blue fl_l">\
  2581. 100.  -     <button onclick="GroupsList.enter(this, ' + gid + ', \'' + hash + '\', \'join\')">' + getLang('groups_event_go_btn') + '</button>\
  2582. 101.  -   </div>\
  2583. 102.  -   <div class="group_row_button button_blue fl_l">\
  2584. 103.  -     <button onclick="GroupsList.enter(this, ' + gid + ', \'' + hash + '\', \'unsure\')">' + getLang('groups_event_maybe_btn') + '</button>\
  2585. 104.  -   </div>\
  2586. 105.  -   <div class="group_row_button button_cancel fl_l">\
  2587. 106.  -     <div class="button" onclick="GroupsList.enter(this, ' + gid + ', \'' + hash + '\', \'decline\')">' + getLang('groups_event_cant_btn') + '</div>\
  2588. 107.  -   </div>\
  2589. 108.  - </div>';
  2590. 109.  -         } else if (act) {
  2591. 110.  -           if (past) {
  2592. 111.  -             var statHTML = getLang('groups_was_on_event');
  2593. 112.  -             if (act == 'decline') {
  2594. 113.  -               actions.innerHTML = '<a onclick="GroupsList.enter(this.parentNode, ' + gid + ', \'' + hash + '\', \'join\', true)">' + getLang('groups_return_event') + '</a>';
  2595. 114.  -             } else {
  2596. 115.  -               actions.innerHTML = '<a onclick="GroupsList.enter(this.parentNode, ' + gid + ', \'' + hash + '\', \'decline\', true)">' + getLang('groups_remove_event') + '</a>';
  2597. 116.  -             }
  2598. 117.  -           } else {
  2599. 118.  -             var acts = '<a onclick="GroupsList.enter(this.parentNode, ' + gid + ', \'' + hash + '\', \'undecided\')">' + getLang('groups_event_change') + '</a>';
  2600. 119.  -             if (act == 'unsure') {
  2601. 120.  -               var statHTML = getLang('groups_unsure_event');
  2602. 121.  -             } else if (act == 'decline') {
  2603. 122.  -               var statHTML = getLang('groups_event_left');
  2604. 123.  -               acts += '<span class="divider">|</span><a onclick="GroupsList.spam(this.parentNode, ' + gid + ', \'' + hash + '\')">' + getLang('its_spam') + '</a>';
  2605. 124.  -               if (ge('clubinv' + gid)) acts += '<div class="group_row_blockinv"><a onclick="GroupsList.spam(domPN(domPN(this)), ' + gid + ', \'' + hash + '\', false, 1)">' + getLang('groups_block_clubinv').replace('{club}', '<b>' + val(domPS(ge('clubinv' + gid))) + '</b>') + '</a></div>';
  2606. 125.  -             } else {
  2607. 126.  -               var statHTML = getLang('groups_you_in_event');
  2608. 127.  -             }
  2609. 128.  -             actions.innerHTML = acts;
  2610. 129.  -           }
  2611. 130.  -           status.innerHTML = '<div class="groups_acted_text">'+statHTML+'</div>';
  2612. 131.  -           cur.lst = status;
  2613. 132.  -         } else {
  2614. 133.  -           status.innerHTML = '<div class="groups_acted_text">'+getLang('groups_group_enter_message')+'</div>';
  2615. 134.  -           actions.innerHTML = '<a onclick="GroupsList.cancel(this.parentNode, ' + gid + ', \'' + hash + '\')">' + getLang('global_cancel') + '</a>';
  2616. 135.  -         }
  2617. 136.  -
  2618. 137.  -         if (tab == 'inv') {
  2619. 138.  -           var row = ge('gl_groups'+ gid);
  2620. 139.  -           if (row) {
  2621. 140.  -             var statusOne = geByClass1('group_row_status', row), actionsOne = geByClass1('group_row_actions', row);
  2622. 141.  -             statusOne.innerHTML = status.innerHTML;
  2623. 142.  -             actionsOne.innerHTML = actions.innerHTML;
  2624. 143.  -           }
  2625. 144.  -         }
  2626. 145.  -         if (act == 'join' || act == 'unsure') {
  2627. 146.  -           GroupsList.updateEventsList(gid);
  2628. 147.  -         } else if (act == 'undecided') {
  2629. 148.  -           GroupsList.updateEventsList(false);
  2630. 149.  -         }
  2631. 150.  -         /*var list = cur.scrollList.lists[tab];
  2632. 151.  -         if (act == 'join' || act == 'unsure' || act == 'decline') {
  2633. 152.  -           GroupsList.updateEventsList();
  2634. 153.  -           for(var i in list) {
  2635. 154.  -             if (list[i][2] == gid) {
  2636. 155.  -               cur['gid_restore_el'+gid] = [list.splice(i, 1), i];
  2637. 156.  -             }
  2638. 157.  -           }
  2639. 158.  -         } else if (act == 'undecided' && cur['gid_restore_el'+gid]) {
  2640. 159.  -           list.splice(cur['gid_restore_el'+gid][1], 0, cur['gid_restore_el'+gid][0][0]);
  2641. 160.  -         }*/
  2642. 161.  -       },
  2643. 162.  -       onFail: function(text) {
  2644. 163.  -         if (text) {
  2645. 164.  -           setTimeout(showFastBox(getLang('global_error'), text).hide, 3000);
  2646. 165.  -           return true;
  2647. 166.  -         }
  2648. 167.  -       },
  2649. 168.  -       showProgress: sp, hideProgress: hp
  2650. 169.  -     });
  2651. 170.  -   },
  2652. 171.  -
  2653. 172.  -   addInvite: function(newRow, added, act) {
  2654. 173.  -     if (newRow) {
  2655. 174.  -       var moreCont = ge('gle_invites_more');
  2656. 175.  -       moreCont.appendChild(se(newRow));
  2657. 176.  -       cur.scrollList.invShown += 1;
  2658. 177.  -       if (cur.scrollList.invSwitchGid) {
  2659. 178.  -         GroupsList.switchInvite(cur.scrollList.invSwitchGid);
  2660. 179.  -         cur.scrollList.invSwitchGid = false;
  2661. 180.  -       }
  2662. 181.  -     }
  2663. 182.  -
  2664. 183.  -     if (added && cur.scrollList.lists.groups) {
  2665. 184.  -       var l = cur.scrollList.lists.groups;
  2666. 185.  -       if (act == 'join' || act == 'unsure') {;
  2667. 186.  -         l.push(added);
  2668. 187.  -       } else if (!act) {
  2669. 188.  -         l.unshift(added); // add to the start
  2670. 189.  -       } else if (act == 'undecided') {
  2671. 190.  -         for (var i in l) {
  2672. 191.  -           if (l[i][2] == added[2]) {
  2673. 192.  -             l.splice(i, 1)
  2674. 193.  -           }
  2675. 194.  -         }
  2676. 195.  -       }
  2677. 196.  -       cur.scrollList.cache['groups'] = {all: []};
  2678. 197.  -       var c = cur.scrollList.cache['groups'];
  2679. 198.  -       for (var i in l) {
  2680. 199.  -         c.all.push(i);
  2681. 200.  -       }
  2682. 201.  -       cur.scrollList.index['groups'] = new vkIndexer(c.all, function(obj) {
  2683. 202.  -         return l[obj][0];
  2684. 203.  -       });
  2685. 204.  -       GroupsList.showMore(true);
  2686. 205.  -     }
  2687. 206.  -   },
  2688. 207.  -
  2689. 208.  -   switchInvite: function(gid, prepareActs) {
  2690. 209.  -     var tab = cur.scrollList.tab;
  2691. 210.  -     if (tab != 'groups') {
  2692. 211.  -       return false;
  2693. 212.  -     }
  2694. 213.  -
  2695. 214.  -     var row = ge('gl_' + tab + gid);
  2696. 215.  -
  2697. 216.  -     var moreCont = ge('gle_invites_more');
  2698. 217.  -     var newRows = moreCont.childNodes;
  2699. 218.  -     if (!newRows.length) {
  2700. 219.  -       if (cur.scrollList.invShown < cur.scrollList.invCount) {
  2701. 220.  -         cur.scrollList.invSwitchGid = gid;
  2702. 221.  -         return true;
  2703. 222.  -       }
  2704. 223.  -       return false;
  2705. 224.  -     }
  2706. 225.  -     var newRow = newRows[0];
  2707. 226.  -
  2708. 227.  -     if (!newRow) {
  2709. 228.  -       return false;
  2710. 229.  -     }
  2711. 230.  -
  2712. 231.  -     if (cur.switchedInvite) {
  2713. 232.  -       slideUp(cur.switchedInvite);
  2714. 233.  -     }
  2715. 234.  -     if (prepareActs) {
  2716. 235.  -       cur.switchedInvite = ce('div', {className: 'gle_invites_actions', innerHTML: '<div class="progress_inline"></div>'});
  2717. 236.  -       newRow.insertBefore(cur.switchedInvite, newRow.firstChild)
  2718. 237.  -     }
  2719. 238.  -
  2720. 239.  -     cur.scrollList.invShown -= 1;
  2721. 240.  -     cur.scrollList.invCount -= 1;
  2722. 241.  -
  2723. 242.  -     var cont = row.parentNode;
  2724. 243.  -     var size = getSize(cont);
  2725. 244.  -     setStyle(newRow, {opacity: 0, overflow: 'hidden', height: 1, position: 'absolute'});
  2726. 245.  -     cont.appendChild(newRow);
  2727. 246.  -     animate(newRow, {marginTop: -size[1], opacity: 1, height: size[1]}, 200, function() {
  2728. 247.  -       hide(row);
  2729. 248.  -       setStyle(newRow, {marginTop: 0, position: 'static', height: 'auto'});
  2730. 249.  -     });
  2731. 250.  -
  2732. 251.  -     if (cur.scrollList.invCount) {
  2733. 252.  -       ge('gle_inv_summary').innerHTML = langNumeric(cur.scrollList.invCount, cur.scrollList.summaries.inv);
  2734. 253.  -     } else {
  2735. 254.  -       ge('gle_inv_summary').innerHTML = cur.scrollList.summaries.invEmpty;
  2736. 255.  -     }
  2737. 256.  -     return true;
  2738. 257.  -   },
  2739. 258.  -
  2740. 259.  -   leave: function(el, gid, hash, pp) {
  2741. 260.  -     if (cur.invSwitching) {
  2742. 261.  -       setTimeout(GroupsList.leave.pbind(el, gid, hash, pp), 100);
  2743. 262.  -       return false;
  2744. 263.  -     }
  2745. 264.  -     var sp, hp, tab = cur.scrollList.tab;
  2746. 265.  -
  2747. 266.  -     if (el.firstChild && el.firstChild.className == 'progress_inline') return;
  2748. 267.  -     sp = function() {
  2749. 268.  -       var w = getSize(el)[0];
  2750. 269.  -       el.oldhtml = el.innerHTML;
  2751. 270.  -       el.innerHTML = '<span class="progress_inline"></span>';
  2752. 271.  -       setStyle(el, {width: w - 30});
  2753. 272.  -     }
  2754. 273.  -     hp = function() {
  2755. 274.  -       el.innerHTML = el.oldhtml;
  2756. 275.  -     }
  2757. 276.  -
  2758. 277.  -     var key = GroupsList.rand(), value = GroupsList.rand();
  2759. 278.  -     cur.scrollList[key] = value;
  2760. 279.  -
  2761. 280.  -     var shown = false;
  2762. 281.  -     cur.invSwitching = true;
  2763. 282.  -     if (GroupsList.switchInvite(gid, true)) {
  2764. 283.  -       shown = true;
  2765. 284.  -       sp = false;
  2766. 285.  -       hp = false;
  2767. 286.  -     }
  2768. 287.  -
  2769. 288.  -     var context = (cur.scrollList.tab == 'groups') ? '2' : '1';
  2770. 289.  -
  2771. 290.  -     ajax.post('al_groups.php', {
  2772. 291.  -       act: 'leave',
  2773. 292.  -       gid: gid,
  2774. 293.  -       hash: hash,
  2775. 294.  -       context: context,
  2776. 295.  -       inv_shown: cur.scrollList.invShown
  2777. 296.  -     }, {
  2778. 297.  -       onDone: function(newRow) {
  2779. 298.  -         cur.invSwitching = false;
  2780. 299.  -         if (!cur.scrollList || cur.scrollList[key] != value) return;
  2781. 300.  -
  2782. 301.  -         var list = cur.scrollList.lists[tab];
  2783. 302.  -         if (!list || list == 'loading' || list == 'update') {
  2784. 303.  -           cur.scrollList.processed[tab][gid] = -1;
  2785. 304.  -         } else {
  2786. 305.  -           for (var i = 0, count = list.length; i < count; ++i) {
  2787. 306.  -             if (list[i][2] == gid) {
  2788. 307.  -               list[i][1] = -1;
  2789. 308.  -             }
  2790. 309.  -           }
  2791. 310.  -         }
  2792. 311.  -
  2793. 312.  -         var row = ge('gl_' + tab + gid);
  2794. 313.  -         if (!row) return;
  2795. 314.  -
  2796. 315.  -         var acts = '<a onclick="GroupsList.cancel(this.parentNode, ' + gid + ', \'' + hash + '\')">' + getLang('global_cancel') + '</a><span class="divider">|</span><a onclick="GroupsList.spam(this.parentNode, ' + gid + ', \'' + hash + '\')">' + getLang('its_spam') + '</a>';
  2797. 316.  -
  2798. 317.  -         var text = '';
  2799. 318.  -         if (tab == 'groups') {
  2800. 319.  -           text = getLang(pp ? 'public_you_unsubscribed' : 'groups_group_left');
  2801. 320.  -         } else {
  2802. 321.  -           text = getLang('groups_group_deny_message');
  2803. 322.  -         }
  2804. 323.  -
  2805. 324.  -         GroupsList.addInvite(newRow, false, false);
  2806. 325.  -
  2807. 326.  -         if (shown) {
  2808. 327.  -           if (cur.switchedInvite) {
  2809. 328.  -             cur.switchedInvite.innerHTML = text+' <a onclick="GroupsList.spam(this.parentNode, ' + gid + ', \'' + hash + '\', cur.switchedInvite)">' + getLang('its_spam') + '</a>';
  2810. 329.  -           }
  2811. 330.  -           return;
  2812. 331.  -         }
  2813. 332.  -
  2814. 333.  -         var status = geByClass1('group_row_status', row), actions = geByClass1('group_row_actions', row);
  2815. 334.  -         status.basehtml = status.innerHTML;
  2816. 335.  -         actions.basehtml = actions.innerHTML;
  2817. 336.  -         status.innerHTML = text;
  2818. 337.  -         actions.innerHTML = acts;
  2819. 338.  -       },
  2820. 339.  -       showProgress: sp, hideProgress: hp
  2821. 340.  -     });
  2822. 341.  -   },
  2823. 342.  -   rejectAll: function(el, hash) {
  2824. 343.  -     var box = showFastBox(getLang('global_warning'), getLang('groups_sure_reject_all'), getLang('groups_members_application_decline'), function() {
  2825. 344.  -       ajax.post('al_groups.php', {act: 'reject_all', hash: hash}, {progress: box.progress});
  2826. 345.  -     }, getLang('global_cancel'));
  2827. 346.  -   },
  2828. 347.  -   spam: function(el, gid, hash, applyCont, block) {
  2829. 348.  -     var sp, hp, tab = cur.scrollList.tab;
  2830. 349.  -
  2831. 350.  -     if (el.firstChild && el.firstChild.className == 'progress_inline') return;
  2832. 351.  -     sp = function() {
  2833. 352.  -       el.oldhtml = el.innerHTML;
  2834. 353.  -       el.innerHTML = '<span class="progress_inline"></span>';
  2835. 354.  -     }
  2836. 355.  -     hp = function() {
  2837. 356.  -       el.innerHTML = el.oldhtml;
  2838. 357.  -     }
  2839. 358.  -
  2840. 359.  -     var key = GroupsList.rand(), value = GroupsList.rand();
  2841. 360.  -     cur.scrollList[key] = value;
  2842. 361.  -
  2843. 362.  -     ajax.post('al_groups.php', {act: 'spam', gid: gid, hash: hash, context: 1, block: block}, {
  2844. 363.  -       onDone: function(respText) {
  2845. 364.  -         if (!cur.scrollList || cur.scrollList[key] != value) return;
  2846. 365.  -         if (block > 0) {
  2847. 366.  -           respText = respText.replace('{club}', '<b>' + val(domPS(ge('clubinv' + gid))) + '</b>');
  2848. 367.  -         }
  2849. 368.  -         if (applyCont) {
  2850. 369.  -           if (block < 0) {
  2851. 370.  -             applyCont.innerHTML = applyCont.basehtml;
  2852. 371.  -           } else {
  2853. 372.  -             applyCont.basehtml = applyCont.innerHTML;
  2854. 373.  -             var applyContText = respText;
  2855. 374.  -             if (block > 0) {
  2856. 375.  -               respText += '<div class="group_row_blockinv"><a onclick="GroupsList.spam(domPN(domPN(this)), ' + gid + ', \'' + hash + '\', cur.switchedInvite, -1)">' + getLang('global_cancel') + '</div>';
  2857. 376.  -             } else if (ge('clubinv' + gid)) {
  2858. 377.  -               respText += '<div class="group_row_blockinv"><a onclick="GroupsList.spam(domPN(domPN(this)), ' + gid + ', \'' + hash + '\', cur.switchedInvite, 1)">' + getLang('groups_block_clubinv').replace('{club}', '<b>' + val(domPS(ge('clubinv' + gid))) + '</b>') + '</a></div>'
  2859. 378.  -             }
  2860. 379.  -             applyCont.innerHTML = respText;
  2861. 380.  -           }
  2862. 381.  -         }
  2863. 382.  -
  2864. 383.  -         if (!block) {
  2865. 384.  -           var list = cur.scrollList.lists[tab];
  2866. 385.  -           if (!list || list == 'loading' || list == 'update') {
  2867. 386.  -             cur.scrollList.processed[tab][gid] = -2;
  2868. 387.  -           } else {
  2869. 388.  -             for (var i = 0, count = list.length; i < count; ++i) {
  2870. 389.  -               if (list[i][2] == gid) {
  2871. 390.  -                 list[i][1] = -2;
  2872. 391.  -               }
  2873. 392.  -             }
  2874. 393.  -           }
  2875. 394.  -         }
  2876. 395.  -
  2877. 396.  -         var row = ge('gl_' + tab + gid);
  2878. 397.  -         if (!row) return;
  2879. 398.  -
  2880. 399.  -         var status = geByClass1('group_row_status', row), actions = geByClass1('group_row_actions', row);
  2881. 400.  -         if (block < 0) {
  2882. 401.  -           status.innerHTML = status.blockhtml;
  2883. 402.  -           actions.innerHTML = actions.blockhtml;
  2884. 403.  -         } else {
  2885. 404.  -           if (block) {
  2886. 405.  -             status.blockhtml = status.innerHTML;
  2887. 406.  -             actions.blockhtml = actions.innerHTML;
  2888. 407.  -             status.innerHTML = '<div class="group_row_blockinv">' + respText + '</div>';
  2889. 408.  -             actions.innerHTML = '<div class="group_row_blockinv"><a onclick="GroupsList.spam(domPN(domPN(this)), ' + gid + ', \'' + hash + '\', false, -1)">' + getLang('global_cancel') + '</a></div>';
  2890. 409.  -           } else {
  2891. 410.  -             status.basehtml = status.innerHTML;
  2892. 411.  -             actions.basehtml = actions.innerHTML;
  2893. 412.  -             status.innerHTML = getLang('groups_ajax_inv_declined_spam');
  2894. 413.  -             actions.innerHTML = '';
  2895. 414.  -           }
  2896. 415.  -         }
  2897. 416.  -       },
  2898. 417.  -       showProgress: sp, hideProgress: hp
  2899. 418.  -     });
  2900. 419.  -   },
  2901. 420.  -   cancel: function(el, gid, hash) {
  2902. 421.  -     var sp, hp, tab = cur.scrollList.tab;
  2903. 422.  -
  2904. 423.  -     if (el.firstChild && el.firstChild.className == 'progress_inline') return;
  2905. 424.  -     sp = function() {
  2906. 425.  -       el.oldhtml = el.innerHTML;
  2907. 426.  -       el.innerHTML = '<span class="progress_inline"></span>';
  2908. 427.  -     }
  2909. 428.  -     hp = function() {
  2910. 429.  -       el.innerHTML = el.oldhtml;
  2911. 430.  -     }
  2912. 431.  -
  2913. 432.  -     var key = GroupsList.rand(), value = GroupsList.rand();
  2914. 433.  -     cur.scrollList[key] = value;
  2915. 434.  -
  2916. 435.  -     ajax.post('al_groups.php', {act: 'cancel', gid: gid, hash: hash, context: 1}, {
  2917. 436.  -       onDone: function() {
  2918. 437.  -         if (!cur.scrollList || cur.scrollList[key] != value) return;
  2919. 438.  -
  2920. 439.  -         var list = cur.scrollList.lists[tab], elem = false;
  2921. 440.  -         if (!list || list == 'loading' || list == 'update') {
  2922. 441.  -           cur.scrollList.processed[tab][gid] = 0;
  2923. 442.  -         } else {
  2924. 443.  -           for (var i in list) {
  2925. 444.  -             if (list[i][2] == gid) {
  2926. 445.  -               list.splice(i, 1)
  2927. 446.  -             }
  2928. 447.  -           }
  2929. 448.  -           cur.scrollList.cache['groups'] = {all: []};
  2930. 449.  -           var c = cur.scrollList.cache['groups'];
  2931. 450.  -           for (var i in list) {
  2932. 451.  -             c.all.push(i);
  2933. 452.  -           }
  2934. 453.  -           cur.scrollList.index[tab] = new vkIndexer(c.all, function(obj) {
  2935. 454.  -             return list[obj][0];
  2936. 455.  -           });
  2937. 456.  -         }
  2938. 457.  -         /*} else {
  2939. 458.  -           for (var i = 0, count = list.length; i < count; ++i) {
  2940. 459.  -             if (list[i][2] == gid) {
  2941. 460.  -               list[i][1] = 0;
  2942. 461.  -               elem = list[i];
  2943. 462.  -               break;
  2944. 463.  -             }
  2945. 464.  -           }
  2946. 465.  -         }*/
  2947. 466.  -
  2948. 467.  -         var row = ge('gl_' + tab + gid);
  2949. 468.  -         if (!row) return;
  2950. 469.  -
  2951. 470.  -         if (elem) {
  2952. 471.  -           var name = elem[0], q = trim(cur.scrollList.query.value);
  2953. 472.  -           if (q) {
  2954. 473.  -             var highlight = GroupsList.getHighlight(q);
  2955. 474.  -             name = name.replace(highlight.re, highlight.val);
  2956. 475.  -           }
  2957. 476.  -           var newRow = (cur.scrollList.genRow(elem, name)) ? cur.scrollList.genInvRow(elem, name) : cur.scrollList.genRow(elem, name);
  2958. 477.  -           row.parentNode.replaceChild(ce('div', {innerHTML: newRow}).firstChild, row);
  2959. 478.  -         } else {
  2960. 479.  -           var status = geByClass1('group_row_status', row), actions = geByClass1('group_row_actions', row);
  2961. 480.  -           status.innerHTML = status.basehtml;
  2962. 481.  -           actions.innerHTML = actions.basehtml;
  2963. 482.  -         }
  2964. 483.  -       },
  2965. 484.  -       showProgress: sp, hideProgress: hp
  2966. 485.  -     });
  2967. 486.  -   },
  2968. 487.  -
  2969. 488.  -   scrollCheck: function() {
  2970. 489.  -     if (browser.mobile) return;
  2971. 490.  -     var lnk = ge(cur.scrollList.prefix + cur.scrollList.tab + '_more');
  2972. 491.  -     if (!isVisible(lnk)) {
  2973. 492.  -       return;
  2974. 493.  -     }
  2975. 494.  -
  2976. 495.  -     var docEl = document.documentElement;
  2977. 496.  -     var ch = window.innerHeight || docEl.clientHeight || bodyNode.clientHeight;
  2978. 497.  -     var st = scrollGetY();
  2979. 498.  -
  2980. 499.  -     if (st + ch > lnk.offsetTop || (cur.searchOffset && st + 2*ch > lnk.offsetTop)) {
  2981. 500.  -       GroupsList.showMore();
  2982. 501.  -     }
  2983. 502.  -   },
  2984. 503.  -   initScroll: function() {
  2985. 504.  -     addEvent((browser.msie6 ? pageNode : window), 'scroll', GroupsList.scrollCheck);
  2986. 505.  -     addEvent(window, 'resize', GroupsList.scrollCheck);
  2987. 506.  -   },
  2988. 507.  -
  2989. 508.  -   locNav: function(changed, oldLoc, newLoc) {
  2990. 509.  -     var changedTab = changed.tab, tab = changedTab || 'groups';
  2991. 510.  -     delete(changed.tab);
  2992. 511.  -     if (!isEmpty(changed) || changedTab === undefined) return;
  2993. 512.  -
  2994. 513.  -     ge('groups_tab_' + cur.scrollList.tab).className = '';
  2995. 514.  -     hide('groups_list_tab_' + cur.scrollList.tab);
  2996. 515.  -     cur.scrollList.tab = tab;
  2997. 516.  -     show('groups_list_tab_' + tab);
  2998. 517.  -     var tabEl = ge('groups_tab_' + tab);
  2999. 518.  -     tabEl.className = 'active_link';
  3000. 519.  -     show(tabEl);
  3001. 520.  -
  3002. 521.  -     if (cur.scrollList.events) {
  3003. 522.  -       toggle(cur.scrollList.events, tab == 'groups' && ge('gle_list_cont').innerHTML);
  3004. 523.  -       cur.scrollList.eventsShow = false;
  3005. 524.  -       if (isVisible(cur.scrollList.eventsMore)) {
  3006. 525.  -         hide(cur.scrollList.eventsMore);
  3007. 526.  -         show(cur.scrollList.eventsMoreLnk);
  3008. 527.  -       }
  3009. 528.  -     }
  3010. 529.  -     if (cur.scrollList.invites) {
  3011. 530.  -       toggle(cur.scrollList.invites, tab == 'groups');
  3012. 531.  -     }
  3013. 532.  -     if (cur.scrollList.invites || cur.scrollList.events) {
  3014. 533.  -       ((tab == 'groups') ? addClass : removeClass)(cur.scrollList.summary.parentNode, 'gl_summary_short');
  3015. 534.  -     }
  3016. 535.  -
  3017. 536.  -     toggle('gl_about_events', (tab == 'groups' || tab == 'inv'));
  3018. 537.  -
  3019. 538.  -     nav.setLoc(newLoc);
  3020. 539.  -     ge('groups_list_search').setValue('');
  3021. 540.  -     setTimeout(elfocus.pbind('groups_list_search'), 0);
  3022. 541.  -
  3023. 542.  -     cur.scrollList.summary.innerHTML = cur.scrollList.summaries[tab];
  3024. 543.  -     cur.scrollList.offset = ge('groups_list_' + tab).childNodes.length;
  3025. 544.  -
  3026. 545.  -     GroupsList.showMore(true);
  3027. 546.  -
  3028. 547.  -     return false;
  3029. 548.  -   },
  3030. 549.  -
  3031. 550.  -   init: function(opts) {
  3032. 551.  -     placeholderSetup('groups_list_search', {back: true});
  3033. 552.  -     setTimeout(elfocus.pbind('groups_list_search'), 0);
  3034. 553.  -     extend(cur, {
  3035. 554.  -       module: 'groups_list',
  3036. 555.  -       _back: {
  3037. 556.  -         text: getLang('groups_back_to_list'),
  3038. 557.  -         show: [GroupsList.initScroll],
  3039. 558.  -         hide: [function() {
  3040. 559.  -           removeEvent((browser.msie6 ? pageNode : window), 'scroll', GroupsList.scrollCheck);
  3041. 560.  -           removeEvent(window, 'resize', GroupsList.scrollCheck);
  3042. 561.  -         }]
  3043. 562.  -       },
  3044. 563.  -
  3045. 564.  -       scrollList: {
  3046. 565.  -         tab: opts.tab,
  3047. 566.  -
  3048. 567.  -         url: 'al_groups.php',
  3049. 568.  -         params: {act: 'get_list', mid: opts.mid},
  3050. 569.  -         prefix: 'groups_list_',
  3051. 570.  -         query: ge('groups_list_search'),
  3052. 571.  -         summary: ge('groups_list_summary'),
  3053. 572.  -         events: ge('gle_list_wrap'),
  3054. 573.  -         eventsMore: ge('gle_list_more'),
  3055. 574.  -         eventsMoreLnk: ge('gle_list_more_lnk'),
  3056. 575.  -         invites: ge('gle_invites_wrap'),
  3057. 576.  -         searchCont: ge('groups_list_search_cont'),
  3058. 577.  -
  3059. 578.  -         perpage: 20,
  3060. 579.  -         offset: ge('groups_list_' + opts.tab).childNodes.length,
  3061. 580.  -
  3062. 581.  -         lists: {},
  3063. 582.  -         cache: {},
  3064. 583.  -         index: {},
  3065. 584.  -         processed: {'groups': {}, 'admin': {}, 'inv': {}},
  3066. 585.  -         filtered: {},
  3067. 586.  -         queries: {},
  3068. 587.  -         summaries: opts.summaries,
  3069. 588.  -
  3070. 589.  -         genEmpty: opts.genEmpty,
  3071. 590.  -         genRow: opts.genRow,
  3072. 591.  -         genEvent: opts.genEvent,
  3073. 592.  -         genInvRow: opts.genInvRow,
  3074. 593.  -         genSummary: opts.genSummary,
  3075. 594.  -         genGroupsSummary: opts.genGroupsSummary,
  3076. 595.  -         invShown: opts.invShown,
  3077. 596.  -         invCount: opts.invCount
  3078. 597.  -       },
  3079. 598.  -       filter: opts.filter
  3080. 599.  -     });
  3081. 600.  -
  3082. 601.  -     cur.nav.push(GroupsList.locNav);
  3083. 602.  -
  3084. 603.  -     setTimeout(GroupsList.load, 0);
  3085. 604.  -     if (vk.version) {
  3086. 605.  -       addEvent(window, 'load', GroupsList.initScroll);
  3087. 606.  -     } else {
  3088. 607.  -       GroupsList.initScroll();
  3089. 608.  -     }
  3090. 609.  -   },
  3091. 610.  -   load: function(force, forceTab) {
  3092. 611.  -     var tab = forceTab || cur.scrollList.tab;
  3093. 612.  -     if (cur.scrollList.lists[tab]) return;
  3094. 613.  -
  3095. 614.  -     var key = GroupsList.rand(), value = GroupsList.rand();
  3096. 615.  -     cur.scrollList[key] = value;
  3097. 616.  -
  3098. 617.  -     cur.scrollList.lists[tab] = 'loading';
  3099. 618.  -     ajax.post(cur.scrollList.url, extend(cur.scrollList.params, {tab: tab}), {onDone: function(result) {
  3100. 619.  -       if (!cur.scrollList || cur.scrollList[key] != value) return;
  3101. 620.  -
  3102. 621.  -       var upd = (cur.scrollList.lists[tab] == 'update');
  3103. 622.  -       if (!upd && cur.scrollList.lists[tab] != 'loading') return;
  3104. 623.  -
  3105. 624.  -       cur.scrollList.cache[tab] = {all: []};
  3106. 625.  -       var processed = cur.scrollList.processed[tab], gid;
  3107. 626.  -       for (var i = 0, count = result.length; i < count; ++i) {
  3108. 627.  -         res = processed[result[i][2]];
  3109. 628.  -         if (res) {
  3110. 629.  -           result[i][1] = res;
  3111. 630.  -         }
  3112. 631.  -         cur.scrollList.cache[tab].all.push(i);
  3113. 632.  -       }
  3114. 633.  -       cur.scrollList.lists[tab] = result;
  3115. 634.  -
  3116. 635.  -       var callback = upd ? function() {
  3117. 636.  -         if (cur.scrollList && cur.scrollList[key] == value && cur.scrollList.tab == tab) {
  3118. 637.  -           GroupsList.showMore(force);
  3119. 638.  -         }
  3120. 639.  -       } : function() {};
  3121. 640.  -
  3122. 641.  -       cur.scrollList.index[tab] = new vkIndexer(cur.scrollList.cache[tab].all, function(obj) {
  3123. 642.  -         return cur.scrollList.lists[tab][obj][0];
  3124. 643.  -       }, callback);
  3125. 644.  -
  3126. 645.  -       if (cur.scrollList.eventsShow) {
  3127. 646.  -         GroupsList.eventsMore();
  3128. 647.  -       }
  3129. 648.  -     }});
  3130. 649.  -   },
  3131. 650.  -
  3132. 651.  -   htmlencode: function(str) {
  3133. 652.  -     var res = [];
  3134. 653.  -     for (var i = 0, l = str.length; i < l; ++i) {
  3135. 654.  -       var c = str.charCodeAt(i);
  3136. 655.  -       if (c == 33 || c == 39 || (c > 127 && c < 1040) || c > 1103) {
  3137. 656.  -         res.push('&#' + c + ';');
  3138. 657.  -       } else if (c == 36) {
  3139. 658.  -         res.push('&#0' + c + ';');
  3140. 659.  -       } else {
  3141. 660.  -         c = str.charAt(i);
  3142. 661.  -         switch (c) {
  3143. 662.  -           case '>': res.push('&gt;'); break;
  3144. 663.  -           case '<': res.push('&lt;'); break;
  3145. 664.  -           case '"': res.push('&quot;'); break;
  3146. 665.  -           case '&': res.push('&amp;'); break;
  3147. 666.  -           default:  res.push(c); break;
  3148. 667.  -         }
  3149. 668.  -       }
  3150. 669.  -     }
  3151. 670.  -     return res.join('');
  3152. 671.  -   },
  3153. 672.  -   getHighlight: function(q) {
  3154. 673.  -     var indxr = cur.scrollList.index[cur.scrollList.tab], delimiter = indxr.delimiter, trimmer = indxr.trimmer;
  3155. 674.  -
  3156. 675.  -     q += ' ' + (parseLatin(q) || '');
  3157. 676.  -     q = escapeRE(q).replace(/&/g, '&amp;');
  3158. 677.  -     q = q.replace(trimmer, '').replace(delimiter, '|');
  3159. 678.  -     return {
  3160. 679.  -       re: new RegExp('(' + q + ')', 'gi'),
  3161. 680.  -       val: '<span class="group_row_highlight">$1</span>'
  3162. 681.  -     }
  3163. 682.  -   },
  3164. 683.  -   updateEvents: function() {
  3165. 684.  -     if (!cur.scrollList.events || cur.scrollList.tab != 'groups') return;
  3166. 685.  -     toggle(cur.scrollList.events, !cur.scrollList.query.value && ge('gle_list_cont').innerHTML);
  3167. 686.  -     cur.scrollList.eventsShow = false;
  3168. 687.  -     if (isVisible(cur.scrollList.eventsMore)) {
  3169. 688.  -       hide(cur.scrollList.eventsMore);
  3170. 689.  -       show(cur.scrollList.eventsMoreLnk);
  3171. 690.  -     }
  3172. 691.  -     if (cur.scrollList.invites) {
  3173. 692.  -       toggle(cur.scrollList.invites, !cur.scrollList.query.value);
  3174. 693.  -     }
  3175. 694.  -     (!cur.scrollList.query.value ? addClass : removeClass)(cur.scrollList.summary.parentNode, 'gl_summary_short');
  3176. 695.  -   },
  3177. 696.  -   updateEventsList: function(addedGid) {
  3178. 697.  -     ajax.post('groups', {act: 'update_events'}, {
  3179. 698.  -       onDone: function(html, more) {
  3180. 699.  -         var gleCont = ge('gle_list_cont');
  3181. 700.  -         val(gleCont, html);
  3182. 701.  -         toggle(cur.scrollList.events, !!html);
  3183. 702.  -         hide(cur.scrollList.eventsMore);
  3184. 703.  -         val(cur.scrollList.eventsMore, '');
  3185. 704.  -         val(cur.scrollList.eventsMoreLnk, more || '');
  3186. 705.  -         toggle(cur.scrollList.eventsMoreLnk, !!more);
  3187. 706.  -         cur.scrollList.eventsShow = false;
  3188. 707.  -         if (addedGid) {
  3189. 708.  -           var addedRow = ge('gle_block_'+addedGid);
  3190. 709.  -           if (addedRow) {
  3191. 710.  -             setStyle(addedRow, {backgroundColor: '#FEFAE4'});
  3192. 711.  -             animate(addedRow, {backgroundColor: '#FFF'}, 2000);
  3193. 712.  -           }
  3194. 713.  -         }
  3195. 714.  -       }
  3196. 715.  -     })
  3197. 716.  -   },
  3198. 717.  -   eventsMore: function() {
  3199. 718.  -     var list = cur.scrollList.lists['groups'];
  3200. 719.  -     if (!list || list == 'loading' || list == 'update') {
  3201. 720.  -       cur.scrollList.eventsShow = true;
  3202. 721.  -       return;
  3203. 722.  -     }
  3204. 723.  -
  3205. 724.  -     hide(cur.scrollList.eventsMoreLnk);
  3206. 725.  -     if (val(cur.scrollList.eventsMore)) {
  3207. 726.  -       show(cur.scrollList.eventsMore);
  3208. 727.  -     } else {
  3209. 728.  -       var res = {}, shown = {}, dates = {}, list = [], html = [];
  3210. 729.  -       each(ge('gle_list_cont').childNodes, function(k, v) {
  3211. 730.  -         var id = intval(((v || {}).id || '').replace(/^gle_block_/, ''));
  3212. 731.  -         if (id) shown[id] = true;
  3213. 732.  -       });
  3214. 733.  -       each(cur.scrollList.lists['groups'], function(k, v) {
  3215. 734.  -         var gid = intval(v[2]);
  3216. 735.  -         if (!v[11] || shown[gid]) return;
  3217. 736.  -         list.push(gid);
  3218. 737.  -         res[gid] = cur.scrollList.genEvent(v);
  3219. 738.  -         dates[gid] = intval(v[11].split('<*>')[0]);
  3220. 739.  -       });
  3221. 740.  -       list.sort(function(gid1, gid2) {
  3222. 741.  -         return (dates[gid1] < dates[gid2]) ? -1 : ((dates[gid2] < dates[gid1]) ? 1 : 0);
  3223. 742.  -       });
  3224. 743.  -       each(list, function(k, v) {
  3225. 744.  -         html.push(res[v]);
  3226. 745.  -       });
  3227. 746.  -       if (html.length) {
  3228. 747.  -         val(cur.scrollList.eventsMore, html.join(''));
  3229. 748.  -         show(cur.scrollList.eventsMore);
  3230. 749.  -       }
  3231. 750.  -     }
  3232. 751.  -   },
  3233. 752.  -   showMore: function(force) {
  3234. 753.  -     var tab = cur.scrollList.tab, list = cur.scrollList.lists[tab];
  3235. 754.  -     if (!list || list == 'loading' || list == 'update') {
  3236. 755.  -       if (!list) GroupsList.load(force);
  3237. 756.  -       cur.scrollList.lists[tab] = 'update';
  3238. 757.  -       return;
  3239. 758.  -     }
  3240. 759.  -
  3241. 760.  -     var tab = cur.scrollList.tab, list = cur.scrollList.cache[tab].all;
  3242. 761.  -
  3243. 762.  -     var q = trim(cur.scrollList.query.value);
  3244. 763.  -     cur.searchStr = q;
  3245. 764.  -     if (!cur.loadingShown) {
  3246. 765.  -       if (q) {
  3247. 766.  -         show('groups_reset_search');
  3248. 767.  -       } else {
  3249. 768.  -         hide('groups_reset_search');
  3250. 769.  -       }
  3251. 770.  -     }
  3252. 771.  -
  3253. 772.  -     if (cur.scrollList.queries[tab] === undefined) {
  3254. 773.  -       cur.scrollList.queries[tab] = '';
  3255. 774.  -     }
  3256. 775.  -     var refresh = (force || q != cur.scrollList.queries[tab]);
  3257. 776.  -     if (!refresh && force === false) return;
  3258. 777.  -
  3259. 778.  -     cur.scrollList.queries[tab] = q;
  3260. 779.  -
  3261. 780.  -     var highlight = false;
  3262. 781.  -     if (q) {
  3263. 782.  -       list = cur.scrollList.cache[tab]['_' + q];
  3264. 783.  -       if (list === undefined) {
  3265. 784.  -         var tmp = cur.scrollList.index[tab].search(q), mp = {};
  3266. 785.  -         list = [];
  3267. 786.  -         for (var i = 0, l = tmp.length; i < l; ++i) {
  3268. 787.  -           if (!mp[tmp[i]]) {
  3269. 788.  -             mp[tmp[i]] = true;
  3270. 789.  -             list.push(tmp[i]);
  3271. 790.  -           }
  3272. 791.  -         }
  3273. 792.  -         list.sort(function(a,b){return a-b;});
  3274. 793.  -         cur.scrollList.cache[tab]['_' + q] = list;
  3275. 794.  -       }
  3276. 795.  -       highlight = GroupsList.getHighlight(q);
  3277. 796.  -     }
  3278. 797.  -
  3279. 798.  -     var len = list.length;
  3280. 799.  -
  3281. 800.  -     var cont = ge(cur.scrollList.prefix + tab), more = ge(cur.scrollList.prefix + tab + '_more');
  3282. 801.  -     if (!len) {
  3283. 802.  -       if (q && tab == 'groups') {
  3284. 803.  -         if (refresh) {
  3285. 804.  -           GroupsList.serverSearch(cont, q, true);
  3286. 805.  -           hide(more);
  3287. 806.  -         } else if (cur.searchOffset) {
  3288. 807.  -           GroupsList.serverSearchMore(cont, q);
  3289. 808.  -         }
  3290. 809.  -       } else {
  3291. 810.  -         q = cur.scrollList.query.value;
  3292. 811.  -         cont.innerHTML = cur.scrollList.genEmpty(q);
  3293. 812.  -         cur.scrollList.summary.innerHTML = q ? cur.scrollList.genSummary(len) : cur.scrollList.summaries[tab];
  3294. 813.  -         hide(more);
  3295. 814.  -         hide(cur.scrollList.searchCont);
  3296. 815.  -         cur.searchOffset = 0;
  3297. 816.  -       }
  3298. 817.  -       return;
  3299. 818.  -     } else if (tab == 'groups' && cur.scrollList.params.mid == vk.id) {
  3300. 819.  -       cur.scrollList.summary.innerHTML = cur.scrollList.genGroupsSummary(len);
  3301. 820.  -     } else {
  3302. 821.  -       cur.scrollList.summary.innerHTML = q ? cur.scrollList.genSummary(len) : cur.scrollList.summaries[tab];
  3303. 822.  -     }
  3304. 823.  -
  3305. 824.  -     var start = refresh ? 0 : cur.scrollList.offset, end = Math.min(len, start + cur.scrollList.perpage);
  3306. 825.  -     var html = [];
  3307. 826.  -
  3308. 827.  -     for (var i = start; i < end; ++i) {
  3309. 828.  -       var row = cur.scrollList.lists[tab][list[i]];
  3310. 829.  -       if (!row) continue;
  3311. 830.  -       var name = row[0];
  3312. 831.  -       if (highlight) {
  3313. 832.  -         name = name.replace(highlight.re, highlight.val);
  3314. 833.  -       }
  3315. 834.  -       if (cur.scrollList.tab == 'inv') {
  3316. 835.  -         html.push(cur.scrollList.genInvRow(row, name));
  3317. 836.  -       } else {
  3318. 837.  -         html.push(cur.scrollList.genRow(row, name));
  3319. 838.  -       }
  3320. 839.  -     }
  3321. 840.  -
  3322. 841.  -     if (!q && (!start || refresh)) {
  3323. 842.  -       hide(cur.scrollList.searchCont);
  3324. 843.  -       cur.searchOffset = 0;
  3325. 844.  -     }
  3326. 845.  -
  3327. 846.  -     if (refresh) {
  3328. 847.  -       cont.innerHTML = html.join('');
  3329. 848.  -       cur.searchOffset = false;
  3330. 849.  -       if (list.length < 10 && q && tab == 'groups') {
  3331. 850.  -         var exclude = [];
  3332. 851.  -         for (var i in list) {
  3333. 852.  -           var el = cur.scrollList.lists[tab][list[i]];
  3334. 853.  -           exclude.push(el[2]);
  3335. 854.  -         }
  3336. 855.  -         GroupsList.serverSearch(cont, q, false, exclude);
  3337. 856.  -       } else {
  3338. 857.  -         hide(cur.scrollList.searchCont);
  3339. 858.  -         cur.searchOffset = 0;
  3340. 859.  -       }
  3341. 860.  -     } else {
  3342. 861.  -       cont.innerHTML += html.join('');
  3343. 862.  -       if (cur.searchOffset) {
  3344. 863.  -         GroupsList.serverSearchMore(cont, q);
  3345. 864.  -       }
  3346. 865.  -     }
  3347. 866.  -     cur.scrollList.offset = end;
  3348. 867.  -
  3349. 868.  -     if (!cur.searchOffset) {
  3350. 869.  -       (end < len ? show : hide)(more);
  3351. 870.  -     }
  3352. 871.  -   },
  3353. 872.  -
  3354. 873.  -   serverSearchMore: function(cont, q) {
  3355. 874.  -     if (cur.searchLoadingMore) return;
  3356. 875.  -     cur.searchLoadingMore = 1;
  3357. 876.  -     var more = ge(cur.scrollList.prefix + cur.scrollList.tab + '_more');
  3358. 877.  -     var back = more.innerHTML;
  3359. 878.  -     ajax.post('al_groups.php', {
  3360. 879.  -       act: 'server_search',
  3361. 880.  -       q: q,
  3362. 881.  -       offset: cur.searchOffset,
  3363. 882.  -       exclude: cur.searchExclude.join(',')
  3364. 883.  -     }, {
  3365. 884.  -       onDone: function(count, rows, finish) {
  3366. 885.  -         cur.searchLoadingMore = 0;
  3367. 886.  -         if (count) {
  3368. 887.  -           cur.searchOffset += count;
  3369. 888.  -           cur.scrollList.searchCont.appendChild(cf(rows));
  3370. 889.  -         } else {
  3371. 890.  -           cur.searchOffset = 0;
  3372. 891.  -         }
  3373. 892.  -         (finish ? hide : show)(cur.scrollList.prefix + cur.scrollList.tab + '_more');
  3374. 893.  -         debugLog((finish ? 'hide' : 'show'));
  3375. 894.  -       },
  3376. 895.  -       onFail: function() {
  3377. 896.  -         cur.searchLoadingMore = 0;
  3378. 897.  -       },
  3379. 898.  -       showProgress: function() {
  3380. 899.  -         more.innerHTML = '<img src="/images/upload.gif" />';
  3381. 900.  -       },
  3382. 901.  -       hideProgress: function() {
  3383. 902.  -         more.innerHTML = back;
  3384. 903.  -       }
  3385. 904.  -     })
  3386. 905.  -   },
  3387. 906.  -
  3388. 907.  -   serverSearch: function(cont, q, emptyLocal, exclude) {
  3389. 908.  -     if (cur.scrollList.tab != 'groups') {
  3390. 909.  -       return false;
  3391. 910.  -     }
  3392. 911.  -     clearTimeout(cur.searchTimeout);
  3393. 912.  -     cur.searchTimeout = setTimeout(function() {
  3394. 913.  -       if (cur.searchStr != q) return;
  3395. 914.  -       cur.searchExclude = exclude || [];
  3396. 915.  -       ajax.post('al_groups.php', {
  3397. 916.  -         act: 'server_search',
  3398. 917.  -         q: q,
  3399. 918.  -         empty: emptyLocal ? 1 : 0,
  3400. 919.  -         exclude: cur.searchExclude.join(',')
  3401. 920.  -       }, {
  3402. 921.  -         onDone: function(count, rows, summary, finish) {
  3403. 922.  -           if (cur.searchStr != q) return;
  3404. 923.  -           if (count) {
  3405. 924.  -             var last = geByClass('group_list_row', cont).pop();
  3406. 925.  -             if (last) {
  3407. 926.  -               addClass(last, 'groups_list_last_row');
  3408. 927.  -             }
  3409. 928.  -             cur.scrollList.searchCont.innerHTML = rows;
  3410. 929.  -             show(cur.scrollList.searchCont);
  3411. 930.  -             if (emptyLocal) {
  3412. 931.  -               cur.scrollList.summary.innerHTML = summary;
  3413. 932.  -               cont.innerHTML = '';
  3414. 933.  -             }
  3415. 934.  -             if (!finish) {
  3416. 935.  -               show(cur.scrollList.prefix + cur.scrollList.tab + '_more');
  3417. 936.  -             }
  3418. 937.  -           } else {
  3419. 938.  -             cur.scrollList.searchCont.innerHTML = '';
  3420. 939.  -             hide(cur.scrollList.searchCont);
  3421. 940.  -             if (emptyLocal) {
  3422. 941.  -               cont.innerHTML = cur.scrollList.genEmpty(q);
  3423. 942.  -               cur.scrollList.summary.innerHTML = cur.scrollList.genSummary(0);
  3424. 943.  -             }
  3425. 944.  -           }
  3426. 945.  -           cur.searchOffset = count;
  3427. 946.  -         },
  3428. 947.  -         showProgress: GroupsList.showLoading,
  3429. 948.  -         hideProgress: GroupsList.hideLoading
  3430. 949.  -       })
  3431. 950.  -     }, 300);
  3432. 951.  -   },
  3433. 952.  -
  3434. 953.  -   resetSearch: function() {
  3435. 954.  -     val(cur.scrollList.query, '');
  3436. 955.  -     GroupsList.showMore(true);
  3437. 956.  -     GroupsList.updateEvents();
  3438. 957.  -   },
  3439. 958.  -
  3440. 959.  -   showLoading: function() {
  3441. 960.  -     cur.loadingShown = 1;
  3442. 961.  -     show('groups_loading');
  3443. 962.  -     hide('groups_reset_search');
  3444. 963.  -   },
  3445. 964.  -
  3446. 965.  -   hideLoading: function() {
  3447. 966.  -     cur.loadingShown = 0;
  3448. 967.  -     hide('groups_loading');
  3449. 968.  -     if (cur.scrollList.query.value) {
  3450. 969.  -       show('groups_reset_search');
  3451. 970.  -     }
  3452. 971.  -   },
  3453. 972.  -
  3454. 973.  -   goToSearch: function() {
  3455. 974.  -     var q = trim(cur.scrollList.query.value);
  3456. 975.  -     nav.go('search?c%5Bq%5D='+encodeURIComponent(q)+'&c%5Bsection%5D=communities');
  3457. 976.  -   },
  3458. 977.  -
  3459. 978.  -   showInvites: function(obj) {
  3460. 979.  -     removeClass(obj.previousSibling, 'groups_list_last_row');
  3461. 980.  -     hide(obj);
  3462. 981.  -     show(obj.nextSibling);
  3463. 982.  -   },
  3464. 983.  -
  3465. 984.  -   ttShow: function(obj, text) {
  3466. 985.  -     var showsp = 200;
  3467. 986.  -     if (cur.groupMemTT && cur.groupMemTT != obj && window.tooltips) {
  3468. 987.  -       tooltips.hideAll();
  3469. 988.  -       cur.groupMemTT = false;
  3470. 989.  -       showsp = 0;
  3471. 990.  -     }
  3472. 991.  -     cur.groupMemTT = obj;
  3473. 992.  -     return showTooltip(obj, {
  3474. 993.  -       center: 1,
  3475. 994.  -       black: 1,
  3476. 995.  -       showsp: showsp,
  3477. 996.  -       shift: [0, 2, 10],
  3478. 997.  -       text: text
  3479. 998.  -     });
  3480. 999.  -   },
  3481. 1000.  -
  3482. 1001.  -   showMapBox: function(place, zoom, link) {
  3483. 1002.  -     if (window.showZeroZoneBox && showZeroZoneBox('places', function() {
  3484. 1003.  -       GroupsList.showMapBox(place, zoom, link);
  3485. 1004.  -     })) { return; }
  3486. 1005.  -
  3487. 1006.  -     showTabbedBox('places.php', {act: 'a_get_place_box', id: place}, {stat: ['places.css', 'map.css', 'maps.js', 'ui_controls.css', 'ui_controls.js']});
  3488. 1007.  -   },
  3489. 1008.  -
  3490. 1009.  -   feedbanGroup: function(el, gid, hash) {
  3491. 1010.  -     var oid = -gid;
  3492. 1011.  -     ajax.post('al_fans.php', {act: 'feedtgl', oid: oid, hash: hash}, {
  3493. 1012.  -       onDone: function(val, str) {
  3494. 1013.  -         el.innerHTML = str;
  3495. 1014.  -         if (!cur.scrollList.lists || !cur.scrollList.lists.groups) {
  3496. 1015.  -           return;
  3497. 1016.  -         }
  3498. 1017.  -         var lst = cur.scrollList.lists.groups;
  3499. 1018.  -         if (lst && lst.length) {
  3500. 1019.  -           for (var i = 0, l = lst.length; i < l; ++i) {
  3501. 1020.  -             if (lst[i][2] == gid) {
  3502. 1021.  -               cur.scrollList.lists.groups[i][12] = val;
  3503. 1022.  -               break;
  3504. 1023.  -             }
  3505. 1024.  -           }
  3506. 1025.  -         }
  3507. 1026.  -       },
  3508. 1027.  -       showProgress: function() {
  3509. 1028.  -         el.innerHTML = '<span class="progress_inline"></span>';
  3510. 1029.  -       }
  3511. 1030.  -     });
  3512. 1031.  -   }
  3513. 1032.  - }
  3514. 1033.  -
  3515. 1034.  - try{stManager.done('groups_list.js');}catch(e){}
  3516. ------
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!