API tools faq
paste
Hormold

VK Change (#1385462713)

Hormold
Nov 26th, 2013
124
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 63.75 KB | None | 0 0
raw download clone embed print report
  1. Файл - pads.css (Старый размер - 36083 | Новый - 0):
  2. 0.  - #pads_css {
  3. 1.  -   display: none;
  4. 2.  - }
  5. 3.  -
  6. 4.  - #pad_rows {
  7. 5.  -   overflow: hidden;
  8. 6.  - }
  9. 7.  - .pad_no_fixed {
  10. 8.  -   position: absolute;
  11. 9.  - }
  12. 10.  - #pad_wrap {
  13. 11.  -   z-index: 400;
  14. 12.  -   -webkit-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
  15. 13.  -   -moz-box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
  16. 14.  -   box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.35);
  17. 15.  - }
  18. 16.  - #pad_cont {
  19. 17.  -   background: #FFF;
  20. 18.  -   overflow: hidden;
  21. 19.  -   position: relative;
  22. 20.  - }
  23. 21.  - #pad_cont.pad_loading {
  24. 22.  -   background: #FFF url(/images/upload.gif) no-repeat center center;
  25. 23.  -   height: 100px;
  26. 24.  -   border: 1px solid #ADBAC7;
  27. 25.  - }
  28. 26.  - #pad_title_wrap {
  29. 27.  -   background-color: #597DA3;
  30. 28.  -   border: 1px solid;
  31. 29.  -   border-color: #45688E #43658A;
  32. 30.  -   padding: 0px;
  33. 31.  -   color: #FFF;
  34. 32.  -   font-size: 1.18em;
  35. 33.  -   font-weight: bold;
  36. 34.  - }
  37. 35.  - #pad_title {
  38. 36.  -   border-top: 1px solid #648CB7;
  39. 37.  -   padding: 6px 10px 8px 10px;
  40. 38.  - }
  41. 39.  - #pad_title_right {
  42. 40.  -   font-size: 0.847em;
  43. 41.  -   color: #FFF;
  44. 42.  -   font-weight: normal;
  45. 43.  -   line-height: 13px;
  46. 44.  -   padding: 9px 10px;
  47. 45.  -   color: #C7D7E9;
  48. 46.  -   -webkit-transition: color 100ms linear;
  49. 47.  -   -moz-transition: color 100ms linear;
  50. 48.  -   -o-transition: color 100ms linear;
  51. 49.  -   transition: color 100ms linear;
  52. 50.  - }
  53. 51.  - #pad_title_right:hover {
  54. 52.  -   color: #FFF;
  55. 53.  -   text-decoration: none;
  56. 54.  - }
  57. 55.  - #pad_content {
  58. 56.  -   position: relative;
  59. 57.  -   overflow: hidden;
  60. 58.  -   border: 1px solid #ADBAC7;
  61. 59.  -   border-width: 0px 1px;
  62. 60.  - }
  63. 61.  - #pad_content_wrap {
  64. 62.  -   position: relative;
  65. 63.  -   border: 1px solid #ADBAC7;
  66. 64.  -   border-width: 0px 1px;
  67. 65.  - }
  68. 66.  - #pad_content_wrap #pad_content {
  69. 67.  -   border-width: 0px;
  70. 68.  - }
  71. 69.  - #pad_controls {
  72. 70.  -   border: 1px solid #ADBAC7;
  73. 71.  -   border-width: 1px 1px 0px;
  74. 72.  - }
  75. 73.  - #pad_footer_wrap {
  76. 74.  -   border: 1px solid #999;
  77. 75.  -   border-top: 0px;
  78. 76.  - }
  79. 77.  - #pad_footer_wrap.music {
  80. 78.  -   border-color: #ADBAC7;
  81. 79.  - }
  82. 80.  - #pad_footer {
  83. 81.  -   padding: 8px 5px 7px;
  84. 82.  -   height: 30px;
  85. 83.  -   background-color: #F2F2F2;
  86. 84.  -   border-top: 1px solid #DAE1E8;
  87. 85.  - }
  88. 86.  - #pad_footer_text {
  89. 87.  -   padding: 8px 8px 0px;
  90. 88.  - }
  91. 89.  - .pad_close_btn {
  92. 90.  -   margin: 2px 5px;
  93. 91.  - }
  94. 92.  - .pad_none {
  95. 93.  -   color: #777;
  96. 94.  -   font-size: 12px;
  97. 95.  -   text-align: center;
  98. 96.  -   line-height: 160%;
  99. 97.  -   padding: 30px 0px;
  100. 98.  -   border: 1px solid #ADBAC7;
  101. 99.  - }
  102. 100.  - div.pad_btn_prg {
  103. 101.  -   background: url(/images/upload.gif) no-repeat center center;
  104. 102.  -   cursor: default;
  105. 103.  - }
  106. 104.  - div.pad_btn_prg .button {
  107. 105.  -   visibility: hidden;
  108. 106.  - }
  109. 107.  -
  110. 108.  - #pad_layer_bg {
  111. 109.  -   top: 0;
  112. 110.  -   left: 0;
  113. 111.  -   width: 100%;
  114. 112.  -   height: 100%;
  115. 113.  -   overflow: hidden;
  116. 114.  -   background: #000;
  117. 115.  -   opacity: 0.2;
  118. 116.  -   filter: alpha(opacity=20);
  119. 117.  -   z-index: 350;
  120. 118.  - }
  121. 119.  - @-moz-document url-prefix() {
  122. 120.  -   #pad_layer_bg {
  123. 121.  -     background: url(/images/layer_bg_lite.png);
  124. 122.  -     opacity: 1 !important;
  125. 123.  -   }
  126. 124.  - }
  127. 125.  -
  128. 126.  - #pad_arrow {
  129. 127.  -   position: absolute;
  130. 128.  -   left: -10px;
  131. 129.  -   top: 43px;
  132. 130.  -   z-index: 410;
  133. 131.  -   width: 12px;
  134. 132.  -   height: 17px;
  135. 133.  -   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAEBSURBVHjaYvj//z8DNgwETEDMDKVZ1+46/h8EAAIIxCEEmJE5AAHEgk0FIyMjzHQ2IAZZxwiTAwggdGeAFLECMTsQcwCxIBALrdt75j8MAAQQupthirlBCoFYAlkxCAAEELIGdMVS6IpBACCAkBWzElIMAgABhKyBC4gFgFgSl2IQAAggZA0g04XxKQYBgABCDhmwBiCWw6cJIIAwbABiWSBWwaUJIICQbYD7AYgVgFgdmyaAAEKOMA6kUJIGYkVsNgEEEAMWW5A1yaH7CSCAcCULLlhMA7E4EIvAUitAALEgpam/QOovMOGBNP1DS49wPkAAYUutMMmfKKkUCgACDAApwDnZIBTuSQAAAABJRU5ErkJggg==) no-repeat;
  136. 134.  - }
  137. 135.  - #pad_arrow.head {
  138. 136.  -   width: 17px;
  139. 137.  -   height: 12px;
  140. 138.  -   left: auto;
  141. 139.  -   right: 124px;
  142. 140.  -   top: -10px;
  143. 141.  -   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAsUlEQVR42pWRUQrCMAyGy8rY6F5mFeYURUHw8HoAwee9eJreoEskKSG0uhU+ysqfjywxJn+sulcdS9QFFgkw2AIO6AROiKpfkloU98BW0NN7Qzlb6qChoAdG4AScn+9PpG+vRFmJo+ARuAA3FIQQIokOSlRpiRRcgTsLGCVqxXy+Mv6FPbYvO9CQCHMbquNtJsnAM8gJlMiLjaVOcPq7fwIl6tLaH68pMksEjKwzawpLzG2yBJvr9mIGAAAAAElFTkSuQmCC) no-repeat;
  144. 142.  - }
  145. 143.  - #pad_arrow.head.no_data {
  146. 144.  -   width: 17px;
  147. 145.  -   height: 12px;
  148. 146.  -   left: auto;
  149. 147.  -   right: 124px;
  150. 148.  -   top: -10px;
  151. 149.  -   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAMCAYAAACEJVa/AAAAsElEQVR42pWR0QrCMAxFy8rY6F5mFeYURUHw4/UDBJ/34j+VLpGkhNDqVjiUlZtDlhiTP1bdq44l6gKLBBhsAQd0AidE1S9JLYp7YCvo6b2hnC110FDQAyNwAs7P9yfSt1eirMRR8AhcgBsKQgiRRAclqrRECq7AnQWMErViPl8Z/8Ie25cdaEiEuQ3V8TaTZOAZ5ARK5MXGUic4/d0/gRJ1ae2P1xSZJQJG1pk1hSVmRScMrgyoQyAAAAAASUVORK5CYII%3D) no-repeat;
  152. 150.  - }
  153. 151.  - #pad_arrow.right {
  154. 152.  -   width: 12px;
  155. 153.  -   height: 17px;
  156. 154.  -   left: auto;
  157. 155.  -   right: -10px;
  158. 156.  -   top: 17px;
  159. 157.  -   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAArUlEQVR42pWSTQrCQAyFQ4eh4mz8A6uiKAgeXg8guHbjaeYGbQYivkkTxcK3e9880oRyzv31/uyJKAEBqD8QZsxCmDJRcIUVs2Y6kFqRQiUUbo9XkQ7CTqQEbaESQDozJyVNTAGkC3NkNjLbp0ULqmnPLKUlmg3GTCgEVwDprwY9A32bYQt/KbqCEW6rjRvhzgg33qZLcC6LGp+FuqX3GaTRq44Q4UU7bAjNL2EAU9kEmwVnt3EAAAAASUVORK5CYII%3D) no-repeat;
  160. 158.  - }
  161. 159.  - #pad_arrow.left {
  162. 160.  -   width: 12px;
  163. 161.  -   height: 17px;
  164. 162.  -   left: -10px;
  165. 163.  -   right: auto;
  166. 164.  -   top: auto;
  167. 165.  -   bottom: 15px;
  168. 166.  -   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAr0lEQVR42pWSTQoCMQxGS0NROpuxCv7hoCB4eD2A4NqNp+kNZr5KAyHYMA48uvleMmnqXPvzgOoZ7s/3mHMe3QwhzBF8DXYglrMlcMUFWIIVSI/X5xvWghfhUjmBnQxrQYcPOiyFIP65GdZCGa4H+1ZYC6X62gqzQFIAw18dwAlcrRlIzwDO4GbdEtVF8S0dweVXJ73hqKRBz9R6FpE3DbZgYz2+ILqlSm8JJOgYFiaDlASbG44/fAAAAABJRU5ErkJggg%3D%3D) no-repeat;
  169. 167.  - }
  170. 168.  - #pad_arrow.blue {
  171. 169.  -   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAARCAYAAADpPU2iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNqMksEJwkAQAC/nqecVIAr+BC3EAqwiFdiFYAVWYTkKPnwZfPg8TxKNu7ILS8hqAvO6mWyySWb0qwcMCbPKt/fxZGqcImcU9Cmo+cApsqUzlAfASwtYxjt7wq03+0sI/itYRQ6EB/nMsgza5ADyUcocdJblBF7hCNFkOYHXiC940mQOagJXVx12+SLG9DMwJD+BBwLRUot4whsogchoEU/oHMkP1xYliOYyso2JMkoELmJ2K67qz8dRRYuw//5WI9ZcNp/iI8AAlvJWguL+p+oAAAAASUVORK5CYII=);
  172. 170.  - }
  173. 171.  -
  174. 172.  - /* scrollbars */
  175. 173.  - .pad_scrollbar_cont {
  176. 174.  -   width: 9px;
  177. 175.  -   height: 100%;
  178. 176.  -   margin-top: 0px;
  179. 177.  -   position: absolute;
  180. 178.  -   background: rgba(200, 200, 200, 0);
  181. 179.  -   -webkit-transition: all 150ms linear;
  182. 180.  -   -moz-transition: all 150ms linear;
  183. 181.  -   -o-transition: all 150ms linear;
  184. 182.  -   transition: all 150ms linear;
  185. 183.  -   z-index: 500;
  186. 184.  -   cursor: pointer;
  187. 185.  - }
  188. 186.  - .pad_scrollbar_cont.scrollbar_c_overed {
  189. 187.  -   background: rgba(235, 235, 245, 0.4);
  190. 188.  -   width: 11px;
  191. 189.  - }
  192. 190.  - .pad_scrollbar_inner {
  193. 191.  -   background: #DAE1E8;
  194. 192.  -   width: 6px;
  195. 193.  -   height: 26px;
  196. 194.  -   margin-left: 1px;
  197. 195.  -   -webkit-border-radius: 3px;
  198. 196.  -   -moz-border-radius: 3px;
  199. 197.  -   border-radius: 3px;
  200. 198.  -   cursor: pointer;
  201. 199.  -   -webkit-transition: width 150ms linear, background-color 200ms linear;
  202. 200.  -   -moz-transition: width 150ms linear,  background-color 200ms linear;
  203. 201.  -   -o-transition: width 150ms linear,  background-color 200ms linear;
  204. 202.  -   transition: width 150ms linear,  background-color 200ms linear;
  205. 203.  - }
  206. 204.  - .scrollbar_c_overed .pad_scrollbar_inner {
  207. 205.  -   width: 8px;
  208. 206.  -   -webkit-border-radius: 4px;
  209. 207.  -   -moz-border-radius: 4px;
  210. 208.  -   border-radius: 4px;
  211. 209.  - }
  212. 210.  - .pad_scrollbar_inner:hover,
  213. 211.  - .pad_scrollbar_hovered {
  214. 212.  -   background: #BEC8D3;
  215. 213.  - }
  216. 214.  - .pad_scrollbar_top {
  217. 215.  -   position: absolute;
  218. 216.  -   height: 3px;
  219. 217.  -   margin-top: -1px;
  220. 218.  -   background: #555555;
  221. 219.  -   opacity: 0.12;
  222. 220.  -   filter: alpha(opacity=12);
  223. 221.  -   display: none;
  224. 222.  -   z-index: 20;
  225. 223.  - }
  226. 224.  - .pad_scrollbar_bottom {
  227. 225.  -   position: absolute;
  228. 226.  -   height: 3px;
  229. 227.  -   margin-top: -2px;
  230. 228.  -   background: #555555;
  231. 229.  -   opacity: 0.12;
  232. 230.  -   filter: alpha(opacity=12);
  233. 231.  -   z-index: 20;
  234. 232.  - }
  235. 233.  - #pad_more {
  236. 234.  -   background: #EFF1F3;
  237. 235.  -   display: block;
  238. 236.  -   text-align: center;
  239. 237.  -   color: #738392;
  240. 238.  -   padding: 8px;
  241. 239.  -   margin: 0 10px 10px;
  242. 240.  - }
  243. 241.  - #pad_more:hover {
  244. 242.  -   text-decoration: none;
  245. 243.  -   background: #E9EDF1;
  246. 244.  - }
  247. 245.  - .pad_more_arrow {
  248. 246.  -   width: 10px;
  249. 247.  -   height: 10px;
  250. 248.  -   padding: 2px 0px 0px 4px;
  251. 249.  -   background: url('/images/icons/wall_fixed_more_arrows.gif') 1px 2px no-repeat;
  252. 250.  - }
  253. 251.  - .pad_error {
  254. 252.  -   color: #800;
  255. 253.  - }
  256. 254.  - .pad_decl {
  257. 255.  -   margin-left: 10px;
  258. 256.  - }
  259. 257.  - .pad_mini_friend {
  260. 258.  -   width: 32px;
  261. 259.  - }
  262. 260.  -
  263. 261.  - .pad_fr_rows,
  264. 262.  - .pad_ph_rows,
  265. 263.  - .pad_vid_rows {
  266. 264.  -   width: 376px;
  267. 265.  - }
  268. 266.  - .pad_fr_addinfo,
  269. 267.  - .pad_gr_addinfo,
  270. 268.  - .pad_ap_addinfo {
  271. 269.  -   padding-top: 7px;
  272. 270.  -   color: #777;
  273. 271.  - }
  274. 272.  - .pad_fr_done {
  275. 273.  -   padding-top: 9px;
  276. 274.  - }
  277. 275.  - .add_fr_one,
  278. 276.  - .add_ap_one {
  279. 277.  -   padding-bottom: 5px;
  280. 278.  - }
  281. 279.  - .pad_fr_img,
  282. 280.  - .pad_ap_img {
  283. 281.  -   width: 75px;
  284. 282.  - }
  285. 283.  - .pad_ap_list_img {
  286. 284.  -   width: 50px;
  287. 285.  -   -webkit-border-radius: 5px;
  288. 286.  -   -moz-border-radius: 5px;
  289. 287.  -   border-radius: 5px;
  290. 288.  - }
  291. 289.  - .pad_fr_msg,
  292. 290.  - .pad_ap_msg {
  293. 291.  -   padding-top: 5px;
  294. 292.  -   overflow: hidden;
  295. 293.  -   -o-text-overflow: ellipsis;
  296. 294.  -   text-overflow: ellipsis;
  297. 295.  - }
  298. 296.  - .pad_ap_msg {
  299. 297.  -   padding: 7px 0px 5px;
  300. 298.  - }
  301. 299.  - .pad_fr_common,
  302. 300.  - .pad_gr_friends,
  303. 301.  - .pad_ap_friends {
  304. 302.  -   padding-top: 8px;
  305. 303.  -   height: 32px;
  306. 304.  -   overflow: hidden;
  307. 305.  - }
  308. 306.  - .pad_fr,
  309. 307.  - .pad_gr,
  310. 308.  - .pad_ap {
  311. 309.  -   padding: 10px 0px;
  312. 310.  -   margin: 0px 12px;
  313. 311.  -   border-bottom: 1px solid #E4E8ED;
  314. 312.  - }
  315. 313.  - .pad_fr:last-child,
  316. 314.  - .pad_gr:last-child,
  317. 315.  - .pad_ap:last-child {
  318. 316.  -   border-bottom: 0px;
  319. 317.  - }
  320. 318.  - .pad_fr_phwrap,
  321. 319.  - .pad_gr_phwrap,
  322. 320.  - .pad_ap_phwrap {
  323. 321.  -   height: 75px;
  324. 322.  -   overflow: hidden;
  325. 323.  -   position: relative;
  326. 324.  - }
  327. 325.  - .pad_ap_list_phwrap {
  328. 326.  -   height: 50px;
  329. 327.  -   overflow: hidden;
  330. 328.  -   -webkit-border-radius: 5px;
  331. 329.  -   -moz-border-radius: 5px;
  332. 330.  -   border-radius: 5px;
  333. 331.  - }
  334. 332.  - .pad_gr_phwrap {
  335. 333.  -   height: 100px;
  336. 334.  - }
  337. 335.  - .pad_fr_info,
  338. 336.  - .pad_ap_info {
  339. 337.  -   margin-left: 85px;
  340. 338.  -   width: 265px;
  341. 339.  - }
  342. 340.  - .pad_ap_list_info {
  343. 341.  -   margin-left: 60px;
  344. 342.  -   width: 265px;
  345. 343.  -   color: #777777;
  346. 344.  - }
  347. 345.  - .pad_gr_info {
  348. 346.  -   margin-left: 110px;
  349. 347.  -   width: 335px;
  350. 348.  - }
  351. 349.  - .pad_fr_name,
  352. 350.  - .pad_ap_name {
  353. 351.  -   padding-top: 2px;
  354. 352.  - }
  355. 353.  - .pad_ap_list_name {
  356. 354.  -   padding: 2px 0px 4px;
  357. 355.  - }
  358. 356.  - .pad_fr_lnk,
  359. 357.  - .pad_gr_lnk,
  360. 358.  - .pad_ap_lnk {
  361. 359.  -   font-weight: bold;
  362. 360.  -   color: #45688E;
  363. 361.  - }
  364. 362.  - .pad_fr_phbig {
  365. 363.  -   position: absolute;
  366. 364.  -   color: #FFF;
  367. 365.  -   margin-top: 75px;
  368. 366.  -   background: #333;
  369. 367.  -   background: rgba(0, 0, 0, 0.5);
  370. 368.  -   width: 75px;
  371. 369.  -   height: 15px;
  372. 370.  -   line-height: 15px;
  373. 371.  -   padding: 4px 0px 6px 0px;
  374. 372.  -   text-align: center;
  375. 373.  -   filter: alpha(opacity=75);
  376. 374.  - }
  377. 375.  - @media all and (min-width:0) { /* IE9-10 */
  378. 376.  -   .pad_fr_phbig { filter: none; }
  379. 377.  - }
  380. 378.  - .pad_fr_phbig:hover {
  381. 379.  -   text-decoration: none;
  382. 380.  - }
  383. 381.  - .pad_fr_phlabel {
  384. 382.  -   opacity: 0.75;
  385. 383.  -   -webkit-transition: opacity 100ms linear;
  386. 384.  -   -moz-transition: opacity 100ms linear;
  387. 385.  -   -o-transition: opacity 100ms linear;
  388. 386.  -   transition: opacity 100ms linear;
  389. 387.  -   padding: 0px 0px 1px;
  390. 388.  - }
  391. 389.  - .pad_fr_phbig:hover .pad_fr_phlabel {
  392. 390.  -   opacity: 1;
  393. 391.  - }
  394. 392.  - .pad_fr_tip {
  395. 393.  -   line-height: 160%;
  396. 394.  -   width: 200px;
  397. 395.  - }
  398. 396.  - .pad_fr_btns,
  399. 397.  - .pad_gr_btns,
  400. 398.  - .pad_ap_btns {
  401. 399.  -   padding-top: 10px;
  402. 400.  - }
  403. 401.  - .pad_fr_result,
  404. 402.  - .pad_gr_result,
  405. 403.  - .pad_ap_result {
  406. 404.  -   width: 230px;
  407. 405.  -   color: #777;
  408. 406.  -   height: 30px;
  409. 407.  -   padding-top: 5px;
  410. 408.  -   line-height: 160%;
  411. 409.  - }
  412. 410.  - .pad_ap_result {
  413. 411.  -   width: 260px;
  414. 412.  - }
  415. 413.  - .pad_fr_online {
  416. 414.  -   color: #BBB;
  417. 415.  -   padding: 0px 10px;
  418. 416.  -   padding-top: 5px;
  419. 417.  - }
  420. 418.  - b.pad_fr_mob_onl {
  421. 419.  -   background-position: -1px 0px;
  422. 420.  -   *background-position: -1px -1px;
  423. 421.  - }
  424. 422.  -
  425. 423.  - .pad_ph,
  426. 424.  - .pad_vid {
  427. 425.  -   padding: 10px 0px;
  428. 426.  -   margin: 0px 12px;
  429. 427.  -   border-bottom: 1px solid #E4E8ED;
  430. 428.  - }
  431. 429.  - .pad_ph:last-child,
  432. 430.  - .pad_vid:last-child {
  433. 431.  -   border-bottom: 0px;
  434. 432.  - }
  435. 433.  - .pad_ph_info,
  436. 434.  - .pad_vid_info {
  437. 435.  -   margin-left: 60px;
  438. 436.  -   height: 50px;
  439. 437.  - }
  440. 438.  - .pad_ph_about,
  441. 439.  - .pad_vid_about {
  442. 440.  -   width: 290px;
  443. 441.  -   padding-top: 2px;
  444. 442.  -   white-space: nowrap;
  445. 443.  -   overflow: hidden;
  446. 444.  -   -o-text-overflow: ellipsis;
  447. 445.  -   text-overflow: ellipsis;
  448. 446.  -   color: #777;
  449. 447.  - }
  450. 448.  - .pad_ph_lnk,
  451. 449.  - .pad_vid_wrap {
  452. 450.  -   display: block;
  453. 451.  -   overflow: hidden;
  454. 452.  -   padding-top: 10px;
  455. 453.  -   text-align: center;
  456. 454.  - }
  457. 455.  - .pad_ph_tagger,
  458. 456.  - .pad_vid_tagger {
  459. 457.  -   font-weight: bold;
  460. 458.  - }
  461. 459.  - .pad_ph_img {
  462. 460.  -   max-width: 320px;
  463. 461.  -   *width: 320px;
  464. 462.  -   vertical-align: top;
  465. 463.  - }
  466. 464.  - .pad_ph_btns,
  467. 465.  - .pad_vid_btns {
  468. 466.  -   padding-top: 10px;
  469. 467.  - }
  470. 468.  - .pad_ph_result,
  471. 469.  - .pad_vid_result {
  472. 470.  -   color: #777;
  473. 471.  -   height: 21px;
  474. 472.  -   padding-top: 14px;
  475. 473.  -   line-height: 160%;
  476. 474.  -   width: 320px;
  477. 475.  -   margin: 0px auto;
  478. 476.  - }
  479. 477.  -
  480. 478.  - .pad_vid_img {
  481. 479.  -   width: 320px;
  482. 480.  -   height: 240px;
  483. 481.  - }
  484. 482.  - .pad_vid_desc {
  485. 483.  -   padding-top: 10px;
  486. 484.  -   font-weight: bold;
  487. 485.  -   width: 320px;
  488. 486.  -   margin: 0px auto;
  489. 487.  - }
  490. 488.  - .pad_vid_name {
  491. 489.  -   color: #45688E;
  492. 490.  - }
  493. 491.  - .pad_vid_name:hover {
  494. 492.  -   text-decoration: none;
  495. 493.  - }
  496. 494.  - .pad_vid_title:hover {
  497. 495.  -   text-decoration: underline;
  498. 496.  - }
  499. 497.  - .pad_vid_icon {
  500. 498.  -   width: 15px;
  501. 499.  -   height: 11px;
  502. 500.  -   margin-top: 3px;
  503. 501.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0px -75px;
  504. 502.  - }
  505. 503.  - .pad_vid_dur {
  506. 504.  -   color: #000;
  507. 505.  - }
  508. 506.  - .pad_vid_wrap {
  509. 507.  -   width: 320px;
  510. 508.  -   margin: 0px auto;
  511. 509.  -   max-height: 240px;
  512. 510.  - }
  513. 511.  - .pad_vid_lnk {
  514. 512.  -   position: relative;
  515. 513.  -   display: block;
  516. 514.  - }
  517. 515.  - .pad_vid_play {
  518. 516.  -   left: 137px;
  519. 517.  -   top: 97px;
  520. 518.  -   position: absolute;
  521. 519.  -   z-index: 410;
  522. 520.  -   background: url(/images/inline_video_play.png) no-repeat;
  523. 521.  -   width: 46px;
  524. 522.  -   height: 46px;
  525. 523.  - }
  526. 524.  -
  527. 525.  - .pad_gr_result {
  528. 526.  -   width: 275px;
  529. 527.  -   padding-top: 14px;
  530. 528.  -   height: 21px;
  531. 529.  - }
  532. 530.  -
  533. 531.  - .pad_msg_rows,
  534. 532.  - .pad_nws_rows,
  535. 533.  - .pad_gr_rows {
  536. 534.  -   width: 468px;
  537. 535.  - }
  538. 536.  - .pad_msg_name,
  539. 537.  - .pad_nws_name {
  540. 538.  -   width: 320px;
  541. 539.  -   overflow: hidden;
  542. 540.  -   -o-text-overflow: ellipsis;
  543. 541.  -   text-overflow: ellipsis;
  544. 542.  -   color: #777;
  545. 543.  - }
  546. 544.  - .pad_msg,
  547. 545.  - .pad_nws {
  548. 546.  -   padding: 0px 12px;
  549. 547.  -   cursor: pointer;
  550. 548.  - }
  551. 549.  - .pad_msg_wrap,
  552. 550.  - .pad_nws_wrap {
  553. 551.  -   border-bottom: 1px solid #E4E8ED;
  554. 552.  -   padding: 10px 0px;
  555. 553.  - }
  556. 554.  -
  557. 555.  - .pad_msg:last-child .pad_msg_wrap,
  558. 556.  - .pad_nws:last-child .pad_nws_wrap {
  559. 557.  -   border-bottom: 0px;
  560. 558.  - }
  561. 559.  - .pad_msg_data {
  562. 560.  -   margin-left: 60px;
  563. 561.  - }
  564. 562.  - .pad_msg_photo,
  565. 563.  - .pad_nws_photo {
  566. 564.  -   width: 50px;
  567. 565.  -   height: 50px;
  568. 566.  -   overflow: hidden;
  569. 567.  - }
  570. 568.  - .pad_msg_img {
  571. 569.  -   width: 50px;
  572. 570.  - }
  573. 571.  - .pad_msg_text,
  574. 572.  - .pad_nws_text {
  575. 573.  -   padding: 2px 0 4px 4px;
  576. 574.  -   margin-left: -4px;
  577. 575.  -   line-height: 160%;
  578. 576.  -   overflow: hidden;
  579. 577.  -   width: 320px;
  580. 578.  -   min-height: 17px;
  581. 579.  - }
  582. 580.  - .pad_nws_text.wall_module .post_media {
  583. 581.  -   width: 320px;
  584. 582.  - }
  585. 583.  - .is_rtl1 .pad_msg_text,
  586. 584.  - .is_rtl1 .pad_nws_text {
  587. 585.  -   padding: 2px 4px 4px 0;
  588. 586.  -   margin-left: 0px;
  589. 587.  -   margin-right: -4px;
  590. 588.  - }
  591. 589.  - .pad_msg_name,
  592. 590.  - .pad_msg_text,
  593. 591.  - .pad_msg_text .wall_module .post_media {
  594. 592.  -   width: 380px;
  595. 593.  - }
  596. 594.  -
  597. 595.  - .pad_msg_text .wall_reply_text,
  598. 596.  - .pad_nws_text .wall_reply_text,
  599. 597.  - .pad_msg_text .wall_post_text,
  600. 598.  - .pad_nws_text .wall_post_text {
  601. 599.  -   line-height: 160%;
  602. 600.  - }
  603. 601.  - .pad_msg_date,
  604. 602.  - .pad_nws_date {
  605. 603.  -   color: #777;
  606. 604.  - }
  607. 605.  - .pad_msga,
  608. 606.  - .pad_nwsa {
  609. 607.  -   border: 1px solid #D5DEE7;
  610. 608.  -   background: #EDF1F5;
  611. 609.  -   margin: 10px 0 0;
  612. 610.  -   width: 440px;
  613. 611.  - }
  614. 612.  - .pad_msga_wrap,
  615. 613.  - .pad_nwsa_wrap {
  616. 614.  -   padding: 8px 10px 6px;
  617. 615.  - }
  618. 616.  - .pad_msga_arrow_wrap,
  619. 617.  - .pad_nwsa_arrow_wrap {
  620. 618.  -   position: relative;
  621. 619.  - }
  622. 620.  - .pad_msga_arrow,
  623. 621.  - .pad_nwsa_arrow {
  624. 622.  -   background: url(/images/icons/feedback_iconset.gif?4) no-repeat 0 -127px;
  625. 623.  -   width: 15px;
  626. 624.  -   height: 9px;
  627. 625.  -   position: absolute;
  628. 626.  -   left: 20px;
  629. 627.  -   top: -7px;
  630. 628.  - }
  631. 629.  - .pad_msga_data,
  632. 630.  - .pad_nwsa_data {
  633. 631.  -   margin-left: 49px;
  634. 632.  - }
  635. 633.  - .pad_msga_photo,
  636. 634.  - .pad_nwsa_photo {
  637. 635.  -   width: 39px;
  638. 636.  -   height: 39px;
  639. 637.  -   overflow: hidden;
  640. 638.  - }
  641. 639.  - .pad_msga_img,
  642. 640.  - .pad_nwsa_img {
  643. 641.  -   width: 39px;
  644. 642.  - }
  645. 643.  - .pad_msga_date,
  646. 644.  - .pad_nwsa_date {
  647. 645.  -   color: #879BB0;
  648. 646.  - }
  649. 647.  - .pad_msg_subj {
  650. 648.  -   margin: 2px 0px 4px;
  651. 649.  -   font-weight: bold;
  652. 650.  - }
  653. 651.  - div.pad_msg_text div.im_fwd_log_wrap {
  654. 652.  -   min-width: 100px;
  655. 653.  - }
  656. 654.  - #pad_msg_reply_tpl,
  657. 655.  - #pad_nws_reply_tpl,
  658. 656.  - #pad_nws_dis_tpl {
  659. 657.  -   display: none;
  660. 658.  - }
  661. 659.  - .pad_nwsa_dld {
  662. 660.  -   color: #879BB0;
  663. 661.  -   padding: 1px 49px 3px;
  664. 662.  -   line-height: 140%;
  665. 663.  - }
  666. 664.  - .pads_nwsa_dlda {
  667. 665.  -   color: #45688E;
  668. 666.  - }
  669. 667.  - .pad_msg_field,
  670. 668.  - .pad_nws_field {
  671. 669.  -   vertical-align: top;
  672. 670.  -   width: 363px;
  673. 671.  - }
  674. 672.  - .pad_msg_reply .pad_msgr,
  675. 673.  - .pad_nws_reply .pad_nwsr {
  676. 674.  -   cursor: default;
  677. 675.  -   margin-top: 15px;
  678. 676.  - }
  679. 677.  - .pad_msg_btns,
  680. 678.  - .pad_nws_btns {
  681. 679.  -   margin-top: 8px;
  682. 680.  - }
  683. 681.  - .pad_msg_rcpts {
  684. 682.  -   padding: 6px 10px;
  685. 683.  - }
  686. 684.  - .pad_msg_error,
  687. 685.  - .pad_nws_error {
  688. 686.  -   margin-bottom: 8px;
  689. 687.  -   line-height: 160%;
  690. 688.  - }
  691. 689.  -
  692. 690.  - .pad_nws_data {
  693. 691.  -   margin: 0px 60px;
  694. 692.  -   width: 320px;
  695. 693.  - }
  696. 694.  - .pad_nws_img {
  697. 695.  -   max-width: 50px;
  698. 696.  - }
  699. 697.  - .pad_nws_cont {
  700. 698.  -   width: 440px;
  701. 699.  - }
  702. 700.  -
  703. 701.  - .pad_submit_hint_title {
  704. 702.  -   color: #45688E;
  705. 703.  -   font-weight: bold;
  706. 704.  -   padding-bottom: 2px;
  707. 705.  - }
  708. 706.  - .pad_submit_hint_wrap {
  709. 707.  -   width: 210px;
  710. 708.  -   height: 110px;
  711. 709.  -   padding: 8px 5px 8px;
  712. 710.  - }
  713. 711.  - #pad_submit_hint_opts .pad_submit_hint_rb {
  714. 712.  -   color: black;
  715. 713.  -   padding-top: 10px;
  716. 714.  -   padding-bottom: 5px;
  717. 715.  -   line-height: 160%;
  718. 716.  - }
  719. 717.  - #pad_submit_hint_opts .pad_submit_hint_rb .rb {
  720. 718.  -   margin: 2px 5px 6px 0;
  721. 719.  - }
  722. 720.  - .pad_submit_hint_el {
  723. 721.  -   position: absolute;
  724. 722.  -   width: 1px;
  725. 723.  -   height: 1px;
  726. 724.  -   margin-top: 13px;
  727. 725.  - }
  728. 726.  -
  729. 727.  - .pad_ap_rows {
  730. 728.  -   width: 376px;
  731. 729.  - }
  732. 730.  - .pad_ap_right {
  733. 731.  -   width: 50px;
  734. 732.  -   height: 50px;
  735. 733.  -   overflow: hidden;
  736. 734.  -   margin: 0px 0px 10px 10px;
  737. 735.  - }
  738. 736.  - .pad_ap_right_img {
  739. 737.  -   width: 50px;
  740. 738.  -   vertical-align: top;
  741. 739.  - }
  742. 740.  -
  743. 741.  - #pad_more_audio,
  744. 742.  - #pad_more_search_link {
  745. 743.  -   background: #EFF1F3;
  746. 744.  -   display: block;
  747. 745.  -   text-align: center;
  748. 746.  -   color: #738392;
  749. 747.  -   padding: 8px;
  750. 748.  -   margin: 13px 13px 0px 0px;
  751. 749.  -   width: 408px;
  752. 750.  - }
  753. 751.  - #pad_more_audio:hover,
  754. 752.  - #pad_more_search_link:hover {
  755. 753.  -   text-decoration: none;
  756. 754.  -   background: #E9EDF1;
  757. 755.  - }
  758. 756.  - .pad_audio_status,
  759. 757.  - .pad_no_audios {
  760. 758.  -   color: #777;
  761. 759.  -   font-size: 12px;
  762. 760.  -   text-align: center;
  763. 761.  -   line-height: 160%;
  764. 762.  -   padding: 50px 10px;
  765. 763.  -   margin-right: 13px;
  766. 764.  -   width: 424px;
  767. 765.  -   display: table-cell;
  768. 766.  -   vertical-align: middle;
  769. 767.  - }
  770. 768.  -
  771. 769.  - #pad_audio_search {
  772. 770.  -   margin-bottom: 13px;
  773. 771.  -   margin-right: 12px;
  774. 772.  -   width: 425px;
  775. 773.  - }
  776. 774.  - #pad_audio_search_wrap {
  777. 775.  -   margin-right: 13px;
  778. 776.  - }
  779. 777.  - #pad_audio_search input.pad_search {
  780. 778.  -   height: 13px;
  781. 779.  -   padding: 5px 20px;
  782. 780.  -   width: 261px;
  783. 781.  -   background: #FFF url(/images/magglass.png) no-repeat 5px 6px;
  784. 782.  -   outline: none;
  785. 783.  - }
  786. 784.  - #pad_audio_search input.pad_search::-ms-clear {
  787. 785.  -   display: none;
  788. 786.  - }
  789. 787.  - #pad_audio_search input.pad_search:active {
  790. 788.  -   pointer-events: none;
  791. 789.  - }
  792. 790.  - .font_medium #pad_audio_search input.pad_search {
  793. 791.  -   width: 247px;
  794. 792.  - }
  795. 793.  - #pad_audio_search div.abutton_wrap {
  796. 794.  -   position: relative;
  797. 795.  -   left: -1px;
  798. 796.  - }
  799. 797.  - #pad_audio_search div.abutton_wrap button {
  800. 798.  -   width: 122px;
  801. 799.  -   height: 25px;
  802. 800.  -   line-height: 6px;
  803. 801.  -   -webkit-border-bottom-left-radius: 0;
  804. 802.  -   -webkit-border-top-left-radius: 0;
  805. 803.  -   -khtml-border-bottom-left-radius: 0;
  806. 804.  -   -khtml-border-top-left-radius: 0;
  807. 805.  -   -moz-border-bottom-left-radius: 0;
  808. 806.  -   -moz-border-top-left-radius: 0;
  809. 807.  -   border-bottom-left-radius: 0;
  810. 808.  -   border-top-left-radius: 0;
  811. 809.  - }
  812. 810.  - .font_medium #pad_audio_search div.abutton_wrap button {
  813. 811.  -   width: 135px;
  814. 812.  - }
  815. 813.  - #pad_audio_search div.abutton_wrap img {
  816. 814.  -   position: relative;
  817. 815.  -   top: -1px;
  818. 816.  -   left: 4px;
  819. 817.  - }
  820. 818.  - #pad_audio_search .pad_reset {
  821. 819.  -   cursor: pointer;
  822. 820.  -   display: none;
  823. 821.  -   background: transparent url(/images/icons/input_clear.gif) 6px 6px no-repeat;
  824. 822.  -   padding: 2px;
  825. 823.  -   width: 19px;
  826. 824.  -   height: 19px;
  827. 825.  -   margin-left: -24px;
  828. 826.  -   margin-top: 1px;
  829. 827.  -   opacity: 0.6;
  830. 828.  -   filter: alpha(opacity=60);
  831. 829.  -   position: relative;
  832. 830.  -   z-index: 100;
  833. 831.  - }
  834. 832.  - #pad_audio_search .pad_progress {
  835. 833.  -   background: url("/images/upload.gif") no-repeat scroll center center transparent;
  836. 834.  -   display: none;
  837. 835.  -   height: 23px;
  838. 836.  -   margin-left: -40px;
  839. 837.  -   margin-top: 1px;
  840. 838.  -   position: relative;
  841. 839.  -   width: 32px;
  842. 840.  -   z-index: 95;
  843. 841.  - }
  844. 842.  - #pad_audio_search.loading .pad_progress,
  845. 843.  - #pad_audio_search .pad_reset.shown {
  846. 844.  -   display: block;
  847. 845.  - }
  848. 846.  - #pad_audio_search.loading .pad_reset.shown {
  849. 847.  -   display: none;
  850. 848.  - }
  851. 849.  - #pad_audio_search_wrap {
  852. 850.  -   display: none;
  853. 851.  - }
  854. 852.  - #pad_search_list {
  855. 853.  -   display: none;
  856. 854.  - }
  857. 855.  - #pad_search_preload {
  858. 856.  -   display: none;
  859. 857.  - }
  860. 858.  - #pad_more_search_link {
  861. 859.  -   margin-right: 13px;
  862. 860.  -   display: none;
  863. 861.  - }
  864. 862.  - #pad_more_search_progress {
  865. 863.  -   display: none;
  866. 864.  - }
  867. 865.  -
  868. 866.  - #pad_audio_friends,
  869. 867.  - #pad_audio_search_info .clubs {
  870. 868.  -   margin: 0 -10px;
  871. 869.  - }
  872. 870.  - #pad_audio_friends_list_wrap {
  873. 871.  -   position: relative;
  874. 872.  - }
  875. 873.  - #pad_playlist_panel {
  876. 874.  -   border-right: 1px solid #DAE2E8;
  877. 875.  -   vertical-align: top;
  878. 876.  -   padding: 14px 0px 13px 13px;
  879. 877.  - }
  880. 878.  - #pad_filters_panel {
  881. 879.  -   width: 176px;
  882. 880.  -   height: 430px;
  883. 881.  -   background: #F7F7F7;
  884. 882.  - }
  885. 883.  - #pad_playlist_panel.light div.title_wrap b span,
  886. 884.  - #pad_playlist_panel.light div.title_wrap span.title span {
  887. 885.  -   background-color: #FFF8CC;
  888. 886.  -   border-bottom: 1px solid #FFE222;
  889. 887.  - }
  890. 888.  - #pad_playlist_panel.light .audio.current div.title_wrap b span,
  891. 889.  - #pad_playlist_panel.light .audio.current div.title_wrap span.title span {
  892. 890.  -   background-color: #F0F4F7;
  893. 891.  -   border-bottom: 1px solid #EFF3F6;
  894. 892.  -   color: #2B587A;
  895. 893.  - }
  896. 894.  - #pad_side_filters_wrap {
  897. 895.  -   height: 430px;
  898. 896.  -   padding: 0 10px;
  899. 897.  -   overflow: hidden;
  900. 898.  -   position: absolute;
  901. 899.  -   top: 0px;
  902. 900.  -   left: 451px;
  903. 901.  - }
  904. 902.  - #pad_side_filters {
  905. 903.  -   padding: 14px 0px 0px;
  906. 904.  -   width: 156px;
  907. 905.  -   position: relative;
  908. 906.  - }
  909. 907.  - #pad_side_filters .audio_search_filter.lyrics_filter {
  910. 908.  -   display: none;
  911. 909.  - }
  912. 910.  - #pad_playlist {
  913. 911.  -   position: relative;
  914. 912.  - }
  915. 913.  - #pad_playlist_panel .audio .area {
  916. 914.  -   cursor: pointer;
  917. 915.  -   position: relative;
  918. 916.  -   width: 424px;
  919. 917.  -   margin: 0px;
  920. 918.  - }
  921. 919.  - #pad_playlist_panel .audio.over .area {
  922. 920.  -   background-color: #EDF1F5;
  923. 921.  - }
  924. 922.  - #pad_playlist_panel .audio.tab_current .area,
  925. 923.  - #pad_playlist_panel .audio.tab_current.tt_shown .area,
  926. 924.  - #pad_playlist_panel .audio.tab_current.over .area,
  927. 925.  - #pad_playlist_panel .audio.rec_source .area,
  928. 926.  - #pad_playlist_panel .audio.rec_source.tt_shown .area,
  929. 927.  - #pad_playlist_panel .audio.rec_source.over .area {
  930. 928.  -   background-color: #E3E8EC;
  931. 929.  - }
  932. 930.  - #pad_playlist_panel .audio.tab_current .area .duration,
  933. 931.  - #pad_playlist_panel .audio.rec_source .area .duration {
  934. 932.  -   color: #738191;
  935. 933.  - }
  936. 934.  - #pad_playlist_panel .audio.current .area,
  937. 935.  - #pad_playlist_panel .audio.current.tt_shown .area,
  938. 936.  - #pad_playlist_panel .audio.current.over .area {
  939. 937.  -   background-color: #5f7fa2;
  940. 938.  - }
  941. 939.  - #pad_playlist_panel .audio.current .title_wrap,
  942. 940.  - #pad_playlist_panel .audio.current .title_wrap a {
  943. 941.  -   color: #fff;
  944. 942.  - }
  945. 943.  - #pad_playlist_panel .audio .area .actions {
  946. 944.  -   right: -2px;
  947. 945.  - }
  948. 946.  - #pad_playlist_panel .audio_add_wrap {
  949. 947.  -   margin: 7px 7px 7px 0;
  950. 948.  -   padding: 4px;
  951. 949.  -   opacity: 0.4;
  952. 950.  -   filter: alpha(opacity=40);
  953. 951.  - }
  954. 952.  - #pad_playlist_panel .audio_add {
  955. 953.  -   background: url(/images/icons/audio_icons.png?5) -79px -51px no-repeat;
  956. 954.  -   position: relative;
  957. 955.  -   width: 13px;
  958. 956.  -   height: 12px;
  959. 957.  -   margin: 0px;
  960. 958.  -   cursor: pointer;
  961. 959.  -   overflow: hidden;
  962. 960.  - }
  963. 961.  - #pad_playlist_panel .audio_rec_wrap {
  964. 962.  -   margin: 7px 7px 7px 0;
  965. 963.  -   padding: 4px;
  966. 964.  -   opacity: 0.4;
  967. 965.  -   filter: alpha(opacity=40);
  968. 966.  - }
  969. 967.  - #pad_playlist_panel .rec_source .audio_rec_wrap {
  970. 968.  -   opacity: 1;
  971. 969.  -   filter: alpha(opacity=100);
  972. 970.  - }
  973. 971.  - #pad_playlist_panel .audio.current .audio_add {
  974. 972.  -   background-position: -93px -51px;
  975. 973.  - }
  976. 974.  - #pad_playlist_panel .audio_rec {
  977. 975.  -   background: url(/images/icons/audio_icons.png?5) -202px -51px no-repeat;
  978. 976.  -   position: relative;
  979. 977.  -   width: 12px;
  980. 978.  -   height: 12px;
  981. 979.  -   margin: 0px;
  982. 980.  -   cursor: pointer;
  983. 981.  -   overflow: hidden;
  984. 982.  -   visibility: hidden;
  985. 983.  - }
  986. 984.  - #pad_playlist_panel .audio.rec_source .audio_rec,
  987. 985.  - #pad_playlist_panel .audio.over .audio_rec {
  988. 986.  -   visibility: visible;
  989. 987.  - }
  990. 988.  - #pad_playlist_panel .audio.current .audio_rec {
  991. 989.  -   background-position: -218px -51px;
  992. 990.  - }
  993. 991.  - #pad_playlist_panel .audio_add_wrap.added {
  994. 992.  -   opacity: 1;
  995. 993.  -   filter: alpha(opacity=100);
  996. 994.  - }
  997. 995.  - #pad_playlist_panel .audio_add_wrap.anim {
  998. 996.  -   opacity: 1;
  999. 997.  -   filter: alpha(opacity=100);
  1000. 998.  -   display: none;
  1001. 999.  - }
  1002. 1000.  - #pad_playlist_panel .audio.rec_source .audio_add_wrap.anim,
  1003. 1001.  - #pad_playlist_panel .audio.over .audio_add_wrap.anim,
  1004. 1002.  - #pad_playlist_panel .audio.tt_shown .audio_add_wrap.anim {
  1005. 1003.  -   display: block;
  1006. 1004.  - }
  1007. 1005.  - #pad_playlist_panel .audio_add_anim_wrap {
  1008. 1006.  -   width: 13px;
  1009. 1007.  -   height: 12px;
  1010. 1008.  -   margin: 0px;
  1011. 1009.  -   padding: 0px;
  1012. 1010.  -   position: relative;
  1013. 1011.  - }
  1014. 1012.  - #pad_playlist_panel .audio_add_anim {
  1015. 1013.  -   width: 28px;
  1016. 1014.  -   height: 12px;
  1017. 1015.  -   position: absolute;
  1018. 1016.  -   top: 0px;
  1019. 1017.  -   left: 0px;
  1020. 1018.  - }
  1021. 1019.  - #pad_playlist_panel .audio_add_anim .audio_add.done {
  1022. 1020.  -   opacity: 0;
  1023. 1021.  -   filter: alpha(opacity=0);
  1024. 1022.  - }
  1025. 1023.  - #pad_playlist_panel .audio_add_wrap.added .audio_add,
  1026. 1024.  - #pad_playlist_panel .audio_add_wrap .audio_add.done {
  1027. 1025.  -   background-position: -166px -51px;
  1028. 1026.  -   width: 15px;
  1029. 1027.  - }
  1030. 1028.  - #pad_playlist_panel .audio.current .audio_add_wrap.added .audio_add,
  1031. 1029.  - #pad_playlist_panel .audio.current .audio_add_wrap .audio_add.done {
  1032. 1030.  -   background-position: -184px -51px;
  1033. 1031.  - }
  1034. 1032.  - #pad_playlist_panel .duration {
  1035. 1033.  -   padding: 10px 9px 9px;
  1036. 1034.  -   cursor: pointer;
  1037. 1035.  -   max-width: 35px;
  1038. 1036.  -   overflow: hidden;
  1039. 1037.  -   -o-text-overflow: ellipsis;
  1040. 1038.  -   text-overflow: ellipsis;
  1041. 1039.  - }
  1042. 1040.  - .font_medium #pad_playlist_panel .duration {
  1043. 1041.  -   max-width: 40px;
  1044. 1042.  - }
  1045. 1043.  - #pad_playlist_panel .audio.over .duration {
  1046. 1044.  -   color: #8795A5;
  1047. 1045.  - }
  1048. 1046.  - #pad_playlist_panel .audio.over.current .duration,
  1049. 1047.  - #pad_playlist_panel .audio.current .duration {
  1050. 1048.  -   color: #b1bfcf;
  1051. 1049.  - }
  1052. 1050.  - #pad_playlist_panel .audio.over .duration,
  1053. 1051.  - #pad_playlist_panel .audio.rec_source .duration,
  1054. 1052.  - #pad_playlist_panel .audio.tt_shown .duration {
  1055. 1053.  -   display: none;
  1056. 1054.  - }
  1057. 1055.  - #pad_playlist_panel .audio.rec_source.no_actions .duration,
  1058. 1056.  - #pad_playlist_panel .audio.tt_shown.no_actions .duration,
  1059. 1057.  - #pad_playlist_panel .audio.over.no_actions .duration {
  1060. 1058.  -   display: block;
  1061. 1059.  - }
  1062. 1060.  - #pad_playlist_panel .audio .play_btn_wrap {
  1063. 1061.  -   padding: 9px;
  1064. 1062.  - }
  1065. 1063.  - #pad_playlist_panel .audio .play_new {
  1066. 1064.  -   width: 16px;
  1067. 1065.  -   margin: 0px;
  1068. 1066.  - }
  1069. 1067.  - #pad_playlist_panel .audio.current .play_new {
  1070. 1068.  -   background:url(/images/icons/audio_icons.png?5) -147px -28px no-repeat;
  1071. 1069.  - }
  1072. 1070.  - #pad_playlist_panel .audio.current .play_new.playing {
  1073. 1071.  -   background-position: -165px -28px;
  1074. 1072.  - }
  1075. 1073.  - #pad_playlist_panel .audio .info {
  1076. 1074.  -   width: 390px;
  1077. 1075.  - }
  1078. 1076.  - #pad_playlist_panel .audio .title_wrap {
  1079. 1077.  -   width: 336px;
  1080. 1078.  -   padding: 10px 0 9px;
  1081. 1079.  -   white-space: nowrap;
  1082. 1080.  -   -o-text-overflow: ellipsis;
  1083. 1081.  -   text-overflow: ellipsis;
  1084. 1082.  -   overflow: hidden;
  1085. 1083.  - }
  1086. 1084.  - #pad_playlist_panel .audio .title_wrap b {
  1087. 1085.  -   max-width: 210px;
  1088. 1086.  - }
  1089. 1087.  - .font_medium #pad_playlist_panel .audio .title_wrap {
  1090. 1088.  -   width: 331px;
  1091. 1089.  - }
  1092. 1090.  - #pad_playlist_panel .audio .lyrics {
  1093. 1091.  -   padding: 5px 10px 15px 36px;
  1094. 1092.  -   text-align: left;
  1095. 1093.  -   width: 380px;
  1096. 1094.  -   overflow: hidden;
  1097. 1095.  -   word-wrap: break-word;
  1098. 1096.  -   display: none;
  1099. 1097.  - }
  1100. 1098.  - #pad_playlist_panel .wall_module {
  1101. 1099.  -   margin-right: 13px;
  1102. 1100.  - }
  1103. 1101.  - #pad_playlist_panel .wall_module .area {
  1104. 1102.  -   width: 369px;
  1105. 1103.  -   margin-bottom: 10px;
  1106. 1104.  - }
  1107. 1105.  - #pad_playlist_panel .wall_module .audio.current .area {
  1108. 1106.  -   margin-bottom: 0px;
  1109. 1107.  - }
  1110. 1108.  - #pad_playlist_panel .wall_module .audio.current .area,
  1111. 1109.  - #pad_playlist_panel .wall_module .audio.current.tt_shown .area {
  1112. 1110.  -   background: none;
  1113. 1111.  - }
  1114. 1112.  - #pad_playlist_panel .wall_module .audio.current.over .area {
  1115. 1113.  -   background-color: #EDF1F5;
  1116. 1114.  - }
  1117. 1115.  - #pad_playlist_panel .wall_module .audio.current .area .duration {
  1118. 1116.  -   color: #777;
  1119. 1117.  - }
  1120. 1118.  - #pad_playlist_panel .wall_module .audio.current .title_wrap {
  1121. 1119.  -   color: #000;
  1122. 1120.  - }
  1123. 1121.  - #pad_playlist_panel .wall_module .audio.current .title_wrap a {
  1124. 1122.  -   color: #2B587A;
  1125. 1123.  - }
  1126. 1124.  - #pad_playlist_panel .wall_module .duration {
  1127. 1125.  -   padding: 8px 7px 7px 0px;
  1128. 1126.  - }
  1129. 1127.  - #pad_playlist_panel .wall_module .audio.over .duration,
  1130. 1128.  - #pad_playlist_panel .wall_module .audio.tt_shown .duration {
  1131. 1129.  -   display: block;
  1132. 1130.  - }
  1133. 1131.  - #pad_playlist_panel .wall_module .audio .play_btn_wrap {
  1134. 1132.  -   padding: 6px;
  1135. 1133.  - }
  1136. 1134.  - #pad_playlist_panel .wall_module .audio.current .play_new {
  1137. 1135.  -   background: url(/images/playpause.gif) no-repeat 0px 0px;
  1138. 1136.  - }
  1139. 1137.  - #pad_playlist_panel .wall_module .audio.current .play_new.playing {
  1140. 1138.  -   background-position: 0px -16px;
  1141. 1139.  - }
  1142. 1140.  - #pad_playlist_panel .wall_module .audio .title_wrap {
  1143. 1141.  -   width: 290px;
  1144. 1142.  -   padding: 7px 0 6px;
  1145. 1143.  - }
  1146. 1144.  - #pad_playlist_panel .wall_module .audio .title_wrap b {
  1147. 1145.  -   max-width: 200px;
  1148. 1146.  - }
  1149. 1147.  - #pad_playlist_panel .wall_module .post {
  1150. 1148.  -   border-top: 0;
  1151. 1149.  -   border-bottom: 1px solid #F1F1F1;
  1152. 1150.  - }
  1153. 1151.  - #pad_playlist_panel .wall_module .post:first-child {
  1154. 1152.  -   margin-top: -10px;
  1155. 1153.  - }
  1156. 1154.  - #pad_playlist_panel .wall_module .post:last-child {
  1157. 1155.  -   border-bottom: none;
  1158. 1156.  - }
  1159. 1157.  - #pad_playlist_panel .wall_module .post_info,
  1160. 1158.  - #pad_playlist_panel .wall_text,
  1161. 1159.  - #pad_playlist_panel .wall_text_name {
  1162. 1160.  -   width: 364px;
  1163. 1161.  - }
  1164. 1162.  - #pad_playlist_panel .wall_module .reply_link_wrap {
  1165. 1163.  -   color: #999;
  1166. 1164.  -   font-size: 11px;
  1167. 1165.  -   padding-top: 2px;
  1168. 1166.  -   padding-bottom: 4px;
  1169. 1167.  - }
  1170. 1168.  - .font_medium #pad_playlist_panel .wall_module .reply_link_wrap {
  1171. 1169.  -   font-size: 12px;
  1172. 1170.  - }
  1173. 1171.  - #pad_playlist_panel .info_msg {
  1174. 1172.  -   padding: 50px 10px;
  1175. 1173.  -   background: none;
  1176. 1174.  -   border: none;
  1177. 1175.  -   line-height: 200%;
  1178. 1176.  -   color: #777777;
  1179. 1177.  -   font-size: 1.09em;
  1180. 1178.  -   text-align: center;
  1181. 1179.  -   word-wrap: break-word;
  1182. 1180.  -   width: 424px;
  1183. 1181.  -   display: table-cell;
  1184. 1182.  -   vertical-align: middle;
  1185. 1183.  - }
  1186. 1184.  - #pad_album_filtered {
  1187. 1185.  -   display: none;
  1188. 1186.  - }
  1189. 1187.  - #pad_album_filtered.selected,
  1190. 1188.  - #pad_album_filtered.club_shown {
  1191. 1189.  -   display: block;
  1192. 1190.  - }
  1193. 1191.  -
  1194. 1192.  - .dd_menu_stype_act.pad {
  1195. 1193.  -   margin-left: 1px;
  1196. 1194.  - }
  1197. 1195.  - .dd_menu_stype_act.pad .dd_menu_header div {
  1198. 1196.  -   width: 90px;
  1199. 1197.  - }
  1200. 1198.  - .font_medium .dd_menu_stype_act.pad .dd_menu_header div {
  1201. 1199.  -   width: 105px;
  1202. 1200.  - }
  1203. 1201.  - #pd {
  1204. 1202.  -   background: #F0F1F2;
  1205. 1203.  - }
  1206. 1204.  - #pd_controls {
  1207. 1205.  -   padding: 12px 0px;
  1208. 1206.  - }
  1209. 1207.  - #pd_play {
  1210. 1208.  -   background: url(/images/icons/audio_icons.png?5) no-repeat scroll 0 -25px transparent;
  1211. 1209.  -   margin: 0px 4px 0px 2px;
  1212. 1210.  -   padding: 0px;
  1213. 1211.  -   width: 22px;
  1214. 1212.  -   height: 22px;
  1215. 1213.  -   cursor: pointer;
  1216. 1214.  - }
  1217. 1215.  - #pd_play.playing {
  1218. 1216.  -   background-position: -72px -25px;
  1219. 1217.  - }
  1220. 1218.  - #pd_play.over {
  1221. 1219.  -   background-position: -24px -25px;
  1222. 1220.  - }
  1223. 1221.  - #pd_play.over.playing {
  1224. 1222.  -   background-position: -96px -25px;
  1225. 1223.  - }
  1226. 1224.  - #pd_play.down,
  1227. 1225.  - #pd_play.over.down {
  1228. 1226.  -   background-position: -48px -25px;
  1229. 1227.  - }
  1230. 1228.  - #pd_play.down.playing,
  1231. 1229.  - #pd_play.over.down.playing {
  1232. 1230.  -   background-position: -120px -25px;
  1233. 1231.  - }
  1234. 1232.  - #pd .ctrl_wrap {
  1235. 1233.  -   cursor: pointer;
  1236. 1234.  -   padding: 4px 3px;
  1237. 1235.  -   -webkit-border-radius: 2px;
  1238. 1236.  -   -khtml-border-radius: 2px;
  1239. 1237.  -   -moz-border-radius: 2px;
  1240. 1238.  -   border-radius: 2px;
  1241. 1239.  -   margin: 2px 1px 1px;
  1242. 1240.  -   opacity: 0.70;
  1243. 1241.  -   filter: alpha(opacity=70);
  1244. 1242.  -   -webkit-transition: background-color 100ms ease-out;
  1245. 1243.  -   -moz-transition: background-color 100ms ease-out;
  1246. 1244.  -   -o-transition: background-color 100ms ease-out;
  1247. 1245.  -   transition: background-color 100ms ease-out;
  1248. 1246.  -   -webkit-transition: opacity 100ms ease-out;
  1249. 1247.  -   -moz-transition: opacity 100ms ease-out;
  1250. 1248.  -   -o-transition: opacity 100ms ease-out;
  1251. 1249.  -   transition: opacity 100ms ease-out;
  1252. 1250.  - }
  1253. 1251.  - #pd #pd_repeat.ctrl_wrap {
  1254. 1252.  -   padding: 2px 3px 3px 4px;
  1255. 1253.  - }
  1256. 1254.  - #pd #pd_prev.ctrl_wrap,
  1257. 1255.  - #pd #pd_next.ctrl_wrap {
  1258. 1256.  -   opacity: 0.83;
  1259. 1257.  -   filter: alpha(opacity=83);
  1260. 1258.  - }
  1261. 1259.  - #pd .ctrl_wrap.on {
  1262. 1260.  -   opacity: 1 !important;
  1263. 1261.  -   filter: alpha(opacity=100) !important;
  1264. 1262.  - }
  1265. 1263.  - #pd #pd_prev.ctrl_wrap.over,
  1266. 1264.  - #pd #pd_next.ctrl_wrap.over {
  1267. 1265.  -   opacity: 1;
  1268. 1266.  -   filter: alpha(opacity=100);
  1269. 1267.  -   background: none;
  1270. 1268.  - }
  1271. 1269.  - #pd .ctrl_wrap.added.over {
  1272. 1270.  -   opacity: 0.70 !important;
  1273. 1271.  -   filter: alpha(opacity=70) !important;
  1274. 1272.  -   cursor: auto;
  1275. 1273.  - }
  1276. 1274.  - #pd .ctrl {
  1277. 1275.  -   background: url(/images/icons/audio_icons.png?5) no-repeat scroll 0 0 transparent;
  1278. 1276.  -   height: 11px;
  1279. 1277.  -   width: 13px;
  1280. 1278.  -   margin: 0;
  1281. 1279.  -   float: left;
  1282. 1280.  - }
  1283. 1281.  - #pd.no_rec #pd_rec {
  1284. 1282.  -   display: none;
  1285. 1283.  - }
  1286. 1284.  - #pd #pd_shuffle.ctrl_wrap,
  1287. 1285.  - #pd #pd_rec.ctrl_wrap {
  1288. 1286.  -   padding: 3px 4px 4px 3px;
  1289. 1287.  - }
  1290. 1288.  - #pd #pd_status.ctrl_wrap {
  1291. 1289.  -   padding-top: 3px;
  1292. 1290.  -   padding-bottom: 5px;
  1293. 1291.  - }
  1294. 1292.  - #pd .ctrl.shuffle {
  1295. 1293.  -   height: 12px;
  1296. 1294.  - }
  1297. 1295.  - #pd .next_prev div.ctrl_wrap {
  1298. 1296.  -   float: left;
  1299. 1297.  - }
  1300. 1298.  - #pd .ctrl.prev {
  1301. 1299.  -   background-position: -3px -52px;
  1302. 1300.  - }
  1303. 1301.  - #pd .ctrl.next {
  1304. 1302.  -   background-position: -18px -52px;
  1305. 1303.  - }
  1306. 1304.  - #pd .extra_ctrls {
  1307. 1305.  -   padding: 12px 0px;
  1308. 1306.  - }
  1309. 1307.  - #pd .ctrl.repeat {
  1310. 1308.  -   background-position: -32px -49px;
  1311. 1309.  -   height: 14px;
  1312. 1310.  - }
  1313. 1311.  - #pd .ctrl.repeat.on {
  1314. 1312.  -   opacity: 1;
  1315. 1313.  -   filter: alpha(opacity=100);
  1316. 1314.  - }
  1317. 1315.  - #pd .ctrl.shuffle {
  1318. 1316.  -   background-position: -50px -51px;
  1319. 1317.  - }
  1320. 1318.  - #pd .ctrl.status {
  1321. 1319.  -   background-position: -66px -51px;
  1322. 1320.  - }
  1323. 1321.  - #pd .ctrl.rec {
  1324. 1322.  -   background-position: -202px -51px;
  1325. 1323.  -   height: 12px;
  1326. 1324.  -   width: 12px;
  1327. 1325.  - }
  1328. 1326.  - #pd_add {
  1329. 1327.  -   display: none;
  1330. 1328.  - }
  1331. 1329.  - #pd .ctrl.add {
  1332. 1330.  -   background-position: -80px -52px;
  1333. 1331.  - }
  1334. 1332.  - #pd .ctrl_wrap.added {
  1335. 1333.  -   padding: 3px 2px 4px;
  1336. 1334.  - }
  1337. 1335.  - #pd .ctrl_wrap.added .ctrl.add {
  1338. 1336.  -   background-position: -166px -51px;
  1339. 1337.  -   width: 15px;
  1340. 1338.  -   height: 12px;
  1341. 1339.  - }
  1342. 1340.  - #pd .info {
  1343. 1341.  -   width: 434px;
  1344. 1342.  -   margin-left: 10px;
  1345. 1343.  - }
  1346. 1344.  - #pd.no_rec .info {
  1347. 1345.  -   width: 453px;
  1348. 1346.  - }
  1349. 1347.  - #pd.add .info {
  1350. 1348.  -   width: 414px;
  1351. 1349.  - }
  1352. 1350.  - #pd.no_rec.add .info {
  1353. 1351.  -   width: 433px;
  1354. 1352.  - }
  1355. 1353.  - #pd.add #pd_add {
  1356. 1354.  -   display: block;
  1357. 1355.  - }
  1358. 1356.  - #pd_vol {
  1359. 1357.  -   margin-left: 11px;
  1360. 1358.  - }
  1361. 1359.  - #pd_vol .audio_volume_line {
  1362. 1360.  -   top: -8px;
  1363. 1361.  - }
  1364. 1362.  - #pd .title_wrap {
  1365. 1363.  -   padding-top: 11px;
  1366. 1364.  -   line-height: 13px;
  1367. 1365.  - }
  1368. 1366.  - #pd .ac_name {
  1369. 1367.  -   white-space: nowrap;
  1370. 1368.  -   overflow: hidden;
  1371. 1369.  -   -o-text-overflow: ellipsis;
  1372. 1370.  -   text-overflow: ellipsis;
  1373. 1371.  -   max-width: 327px;
  1374. 1372.  - }
  1375. 1373.  - #pd.no_rec .ac_name {
  1376. 1374.  -   max-width: 346px;
  1377. 1375.  - }
  1378. 1376.  - .font_medium #pd.add .ac_name {
  1379. 1377.  -   max-width: 307px;
  1380. 1378.  - }
  1381. 1379.  - .font_medium #pd.no_rec.add .ac_name {
  1382. 1380.  -   max-width: 326px;
  1383. 1381.  - }
  1384. 1382.  - #pd.add .ac_name {
  1385. 1383.  -   max-width: 310px;
  1386. 1384.  - }
  1387. 1385.  - #pd.no_rec.add .ac_name {
  1388. 1386.  -   max-width: 329px;
  1389. 1387.  - }
  1390. 1388.  - #pd .performer {
  1391. 1389.  -   font-weight: bold;
  1392. 1390.  -   color: #2B587A;
  1393. 1391.  - }
  1394. 1392.  - #pd .title {
  1395. 1393.  -   color: #627A94;
  1396. 1394.  - }
  1397. 1395.  - #pd .duration {
  1398. 1396.  -   display: inline-block;
  1399. 1397.  -   margin: 0px 66px 0 0;
  1400. 1398.  -   padding: 0px !important;
  1401. 1399.  -   color: #627a94;
  1402. 1400.  -   font-size: 0.9em;
  1403. 1401.  -   margin-top: 1px;
  1404. 1402.  -   cursor: pointer;
  1405. 1403.  -   max-width: 40px;
  1406. 1404.  -   overflow: hidden;
  1407. 1405.  -   -o-text-overflow: ellipsis;
  1408. 1406.  -   text-overflow: ellipsis;
  1409. 1407.  - }
  1410. 1408.  - #pd .shadow div {
  1411. 1409.  -   background: #000;
  1412. 1410.  -   height: 1px;
  1413. 1411.  -   opacity: 0.15;
  1414. 1412.  -   filter: alpha(opacity=15);
  1415. 1413.  -   position: absolute;
  1416. 1414.  -   z-index: 1050;
  1417. 1415.  -   overflow: hidden;
  1418. 1416.  -   width: 627px;
  1419. 1417.  - }
  1420. 1418.  - #pd .shadow .sh0 {
  1421. 1419.  -   background: #FFFFFF;
  1422. 1420.  - }
  1423. 1421.  - #pd .shadow .sh1 {
  1424. 1422.  -   opacity: 0.15;
  1425. 1423.  -   filter: alpha(opacity=15);
  1426. 1424.  -   margin-top: 0px;
  1427. 1425.  - /*  background: #ADBAC7;*/
  1428. 1426.  - }
  1429. 1427.  - #pd .shadow .sh2 {
  1430. 1428.  -   opacity: 0.09;
  1431. 1429.  -   filter: alpha(opacity=9);
  1432. 1430.  -   margin-top: 1px;
  1433. 1431.  - }
  1434. 1432.  - #pd .shadow .sh3 {
  1435. 1433.  -   opacity: 0.04;
  1436. 1434.  -   filter: alpha(opacity=4);
  1437. 1435.  -   margin-top: 2px;
  1438. 1436.  - }
  1439. 1437.  - #pd .shadow .sh4 {
  1440. 1438.  -   opacity: 0.01;
  1441. 1439.  -   filter: alpha(opacity=1);
  1442. 1440.  -   margin-top: 3px;
  1443. 1441.  - }
  1444. 1442.  - #pd_vol.over .ac_slider,
  1445. 1443.  - #pd_vol.down .ac_slider,
  1446. 1444.  - #pd_pr.down .ac_slider {
  1447. 1445.  -   display: block;
  1448. 1446.  - }
  1449. 1447.  - #pd_vol_back_line.ac_load_line {
  1450. 1448.  -   width: 100%;
  1451. 1449.  -   top: -15px;
  1452. 1450.  - }
  1453. 1451.  - #pd_vol_line.ac_progress_line {
  1454. 1452.  -   top: -7px;
  1455. 1453.  -   width: 50%;
  1456. 1454.  - }
  1457. 1455.  - .pd_apps_recent {
  1458. 1456.  -   height: 65px;
  1459. 1457.  -   padding: 10px 0px 10px 12px;
  1460. 1458.  -   position: relative;
  1461. 1459.  - }
  1462. 1460.  - .pd_apps_wrap {
  1463. 1461.  -   height: 65px;
  1464. 1462.  -   padding: 4px 0px 0px 12px;
  1465. 1463.  -   position: relative;
  1466. 1464.  - }
  1467. 1465.  - .pd_apps_row {
  1468. 1466.  -   width: 50px;
  1469. 1467.  -   vertical-align: top;
  1470. 1468.  -   -webkit-border-radius: 5px;
  1471. 1469.  -   -moz-border-radius: 5px;
  1472. 1470.  -   border-radius: 5px;
  1473. 1471.  - }
  1474. 1472.  - .pd_apps_row_cont {
  1475. 1473.  -   overflow: hidden;
  1476. 1474.  -   padding: 6px 0px 6px 0px;
  1477. 1475.  -   margin-right: 12px;
  1478. 1476.  -   position: absolute;
  1479. 1477.  -   height: 50px;
  1480. 1478.  - }
  1481. 1479.  - .pd_apps_row_img {
  1482. 1480.  -   -webkit-border-radius: 5px;
  1483. 1481.  -   -moz-border-radius: 5px;
  1484. 1482.  -   border-radius: 5px;
  1485. 1483.  -   width: 50px;
  1486. 1484.  -   height: 50px;
  1487. 1485.  -   overflow: hidden;
  1488. 1486.  - }
  1489. 1487.  - .pd_apps_cont #pad_content {
  1490. 1488.  -   border: none;
  1491. 1489.  -   padding: 0px;
  1492. 1490.  -   max-height: 400px;
  1493. 1491.  - }
  1494. 1492.  - .pd_apps_cont {
  1495. 1493.  -   border: 1px solid #ADBAC7;
  1496. 1494.  - }
  1497. 1495.  - .pd_apps_footer {
  1498. 1496.  -   background: #F0F1F2;
  1499. 1497.  -   padding: 8px 5px 7px;
  1500. 1498.  -   height: 30px;
  1501. 1499.  - }
  1502. 1500.  - .pd_apps_name {
  1503. 1501.  -   font-weight: bold;
  1504. 1502.  -   color: #47688D;
  1505. 1503.  -   padding-bottom: 3px;
  1506. 1504.  -   white-space: nowrap;
  1507. 1505.  -   -o-text-overflow: ellipsis;
  1508. 1506.  -   text-overflow: ellipsis;
  1509. 1507.  -   overflow: hidden;
  1510. 1508.  - }
  1511. 1509.  - .pd_apps_info {
  1512. 1510.  -   position: absolute;
  1513. 1511.  -   padding: 0px 5px 0px 60px;
  1514. 1512.  -   color: #777777;
  1515. 1513.  -   width: 114px;
  1516. 1514.  - }
  1517. 1515.  - #pd_apps_search {
  1518. 1516.  -   height: 13px;
  1519. 1517.  -   padding: 5px 40px 5px 20px;
  1520. 1518.  -   background: #FFFFFF url(/images/magglass.png) no-repeat 5px 6px;
  1521. 1519.  -   outline: none;
  1522. 1520.  -   width: 140px;
  1523. 1521.  -   border: 1px solid #CFDAE5;
  1524. 1522.  - }
  1525. 1523.  - .pd_apps_row_href {
  1526. 1524.  -   display: block;
  1527. 1525.  -   overflow: hidden;
  1528. 1526.  -   width: 100%;
  1529. 1527.  - }
  1530. 1528.  - .pd_apps_row_href:active {
  1531. 1529.  -   padding-top: 1px;
  1532. 1530.  -   display: block;
  1533. 1531.  -   height: 49px;
  1534. 1532.  - }
  1535. 1533.  - .pd_apps_animation1 {
  1536. 1534.  -   -o-transition:all 400ms cubic-bezier(0.2,0.2,0.2,0.95);
  1537. 1535.  -   -moz-transition:all 400ms cubic-bezier(0.2,0.2,0.2,0.95);
  1538. 1536.  -   -webkit-transition:all 400ms cubic-bezier(0.2,0.2,0.2,0.95);
  1539. 1537.  -   transition:all 400ms cubic-bezier(0.2,0.2,0.2,0.95);
  1540. 1538.  - }
  1541. 1539.  - .pd_apps_recent_vis {
  1542. 1540.  -   margin-left: 420px;
  1543. 1541.  -   opacity: 1;
  1544. 1542.  - }
  1545. 1543.  - .pd_apps_recent_right {
  1546. 1544.  -   position: absolute;
  1547. 1545.  -   border-right: 1px solid #ADBAC7;
  1548. 1546.  -   right: -1px;
  1549. 1547.  -   padding: 10px 0px;
  1550. 1548.  -   top: 6px;
  1551. 1549.  -   z-index: 10;
  1552. 1550.  -   cursor: pointer;
  1553. 1551.  - }
  1554. 1552.  - .pd_apps_recent_bg_right {
  1555. 1553.  -   background: url('/images/pd_apps_sh.png') 0px 0px no-repeat;
  1556. 1554.  -   width: 19px;
  1557. 1555.  -   height: 50px;
  1558. 1556.  - }
  1559. 1557.  - .pd_apps_recent_left {
  1560. 1558.  -   position: absolute;
  1561. 1559.  -   border-left: 1px solid #ADBAC7;
  1562. 1560.  -   left: -1px;
  1563. 1561.  -   padding: 10px 0px;
  1564. 1562.  -   top: 6px;
  1565. 1563.  -   z-index: 10;
  1566. 1564.  -   cursor: pointer;
  1567. 1565.  - }
  1568. 1566.  - .pd_apps_recent_bg_left {
  1569. 1567.  -   background: url('/images/pd_apps_sh.png') 0px -50px no-repeat;
  1570. 1568.  -   width: 19px;
  1571. 1569.  -   height: 50px;
  1572. 1570.  - }
  1573. 1571.  - .pd_apps_cont_right {
  1574. 1572.  -   position: absolute;
  1575. 1573.  -   border-right: 1px solid #ADBAC7;
  1576. 1574.  -   padding: 10px 0px;
  1577. 1575.  -   right: -1px;
  1578. 1576.  -   top: 0px;
  1579. 1577.  -   z-index: 10;
  1580. 1578.  -   cursor: pointer;
  1581. 1579.  - }
  1582. 1580.  - .pd_apps_cont_bg_right {
  1583. 1581.  -   background: url('/images/pd_apps_sh.png?2') 0px -100px no-repeat;
  1584. 1582.  -   width: 19px;
  1585. 1583.  -   height: 50px;
  1586. 1584.  - }
  1587. 1585.  - .pd_apps_cont_left {
  1588. 1586.  -   position: absolute;
  1589. 1587.  -   border-left: 1px solid #ADBAC7;
  1590. 1588.  -   left: -1px;
  1591. 1589.  -   padding: 10px 0px;
  1592. 1590.  -   top: 0px;
  1593. 1591.  -   z-index: 10;
  1594. 1592.  -   cursor: pointer;
  1595. 1593.  - }
  1596. 1594.  - .pd_apps_cont_bg_left {
  1597. 1595.  -   background: url('/images/pd_apps_sh.png?2') 0px -150px no-repeat;
  1598. 1596.  -   width: 19px;
  1599. 1597.  -   height: 50px;
  1600. 1598.  - }
  1601. 1599.  - .pd_apps_ca_more {
  1602. 1600.  -   position: absolute;
  1603. 1601.  -   margin-left: 450px;
  1604. 1602.  -   width: 500px;
  1605. 1603.  - }
  1606. 1604.  - .pd_apps_ca_slice {
  1607. 1605.  -   position: absolute;
  1608. 1606.  -   width: 500px;
  1609. 1607.  - }
  1610. 1608.  - .pd_apps_ca_prev {
  1611. 1609.  -   position: absolute;
  1612. 1610.  -   width: 500px;
  1613. 1611.  - }
  1614. 1612.  - .pd_apps_summary {
  1615. 1613.  -   display: block;
  1616. 1614.  -   background: #F0F1F2;
  1617. 1615.  -   color: #505050;
  1618. 1616.  -   font-weight: bold;
  1619. 1617.  -   padding: 8px 0px 8px 10px;
  1620. 1618.  -   margin-top: 1px;
  1621. 1619.  - }
  1622. 1620.  - .pd_apps_summary:hover {
  1623. 1621.  -   text-decoration: none;
  1624. 1622.  - }
  1625. 1623.  - .pd_apps_header {
  1626. 1624.  -   background: #F0F1F2;
  1627. 1625.  -   color: #505050;
  1628. 1626.  -   padding: 4px 0px 6px 0px;
  1629. 1627.  -   height: 29px;
  1630. 1628.  - }
  1631. 1629.  - .pd_apps_search_wrap {
  1632. 1630.  -   margin: 3px 7px 0px 0px;
  1633. 1631.  - }
  1634. 1632.  - #pd_apps_search_cont {
  1635. 1633.  -   display: none;
  1636. 1634.  -   padding: 10px 0px;
  1637. 1635.  - }
  1638. 1636.  - .pd_game_search_img {
  1639. 1637.  -   width: 40px;
  1640. 1638.  -   height: 40px;
  1641. 1639.  -   -webkit-border-radius: 3px;
  1642. 1640.  -   -moz-border-radius: 3px;
  1643. 1641.  -   border-radius: 3px;
  1644. 1642.  - }
  1645. 1643.  - .pd_game_search_photo {
  1646. 1644.  -   position: absolute;
  1647. 1645.  - }
  1648. 1646.  - .pd_game_search_row {
  1649. 1647.  -   display: block;
  1650. 1648.  -   padding: 5px 10px;
  1651. 1649.  - }
  1652. 1650.  - .pd_game_search_row:hover {
  1653. 1651.  -   text-decoration: none;
  1654. 1652.  -   background: #EDF1F5;
  1655. 1653.  - }
  1656. 1654.  - .pd_game_search_row:active {
  1657. 1655.  -   padding: 6px 10px 4px;
  1658. 1656.  - }
  1659. 1657.  - .pd_game_search_info {
  1660. 1658.  -   padding-left: 50px;
  1661. 1659.  -   height: 38px;
  1662. 1660.  -   padding-top: 2px;
  1663. 1661.  - }
  1664. 1662.  - .pd_game_search_info_str {
  1665. 1663.  -   color: #777;
  1666. 1664.  -   padding: 5px 0px 0px 0px;
  1667. 1665.  - }
  1668. 1666.  - #pd_apps_search_progress {
  1669. 1667.  -   background: url("/images/upload.gif") no-repeat;
  1670. 1668.  -   display: none;
  1671. 1669.  -   height: 23px;
  1672. 1670.  -   margin-left: 411px;
  1673. 1671.  -   margin-top: 12px;
  1674. 1672.  -   position: absolute;
  1675. 1673.  -   width: 32px;
  1676. 1674.  -   z-index: 95;
  1677. 1675.  - }
  1678. 1676.  - #pd_apps_search_close {
  1679. 1677.  -   cursor: pointer;
  1680. 1678.  -   display: none;
  1681. 1679.  -   background: transparent url(/images/icons/input_clear.gif) 6px 6px no-repeat;
  1682. 1680.  -   padding: 2px;
  1683. 1681.  -   width: 19px;
  1684. 1682.  -   height: 19px;
  1685. 1683.  -   margin-left: 424px;
  1686. 1684.  -   margin-top: 4px;
  1687. 1685.  -   opacity: 0.6;
  1688. 1686.  -   filter: alpha(opacity=60);
  1689. 1687.  -   position: absolute;
  1690. 1688.  -   z-index: 100;
  1691. 1689.  - }
  1692. 1690.  - .pd_apps_empty {
  1693. 1691.  -   color: #777;
  1694. 1692.  -   font-size: 1.09em;
  1695. 1693.  -   line-height: 200%;
  1696. 1694.  -   margin: 20px 20px 15px;
  1697. 1695.  -   padding: 50px 0;
  1698. 1696.  -   text-align: center;
  1699. 1697.  -   word-wrap: break-word;
  1700. 1698.  - }
  1701. 1699.  - .pd_game_search_name {
  1702. 1700.  -   color: #2B587A;
  1703. 1701.  - }
  1704. 1702.  - #pd_apps_top_summary {
  1705. 1703.  -   position: absolute;
  1706. 1704.  -   width: 180px;
  1707. 1705.  -   background: none;
  1708. 1706.  - }
  1709. 1707.  - #pd_apps_search_summary {
  1710. 1708.  -   position: absolute;
  1711. 1709.  -   width: 180px;
  1712. 1710.  -   opacity: 0;
  1713. 1711.  -   filter: alpha(opacity=60);
  1714. 1712.  -   margin-top: -15px;
  1715. 1713.  -   background: none;
  1716. 1714.  - }
  1717. 1715.  - .pads_apps_recent_empty {
  1718. 1716.  -   text-align: center;
  1719. 1717.  -   color: #777;
  1720. 1718.  -   font-size: 1.09em;
  1721. 1719.  -   line-height: 200%;
  1722. 1720.  -   padding: 22px 0px;
  1723. 1721.  - }
  1724. 1722.  - .pads_gr_clubinv_block {
  1725. 1723.  -   white-space: nowrap;
  1726. 1724.  -   overflow: hidden;
  1727. 1725.  -   -o-text-overflow: ellipsis;
  1728. 1726.  -   text-overflow: ellipsis;
  1729. 1727.  - }
  1730. ------
  1731. Файл - audio.css (Старый размер - 40356 | Новый - 32944):
  1732. 16.  -   width: 156px;
  1733. 17.  +   width: 155px;
  1734. 29.  -   line-height: normal;
  1735. 32.  -   width: 121px;
  1736. 33.  -   height: 25px;
  1737. 34.  +   width: 119px;
  1738. 35.  +   height: 23px;
  1739. 37.  -   -webkit-border-bottom-left-radius: 0;
  1740. 38.  -   -webkit-border-top-left-radius: 0;
  1741. 39.  -   -khtml-border-bottom-left-radius: 0;
  1742. 40.  -   -khtml-border-top-left-radius: 0;
  1743. 41.  -   -moz-border-bottom-left-radius: 0;
  1744. 42.  -   -moz-border-top-left-radius: 0;
  1745. 43.  -   border-bottom-left-radius: 0;
  1746. 44.  -   border-top-left-radius: 0;
  1747. 47.  -   width: 134px;
  1748. 48.  +   width: 135px;
  1749. 55.  + }
  1750. 56.  + .audio_search div.abutton_wrap .button_blue {
  1751. 57.  +   -webkit-border-radius: 0 2px 2px 0;
  1752. 58.  +   -khtml-border-radius: 0 2px 2px 0;
  1753. 59.  +   -moz-border-radius: 0 2px 2px 0;
  1754. 60.  +   border-radius: 0 2px 2px 0;
  1755. 108.  -   width: 262px;
  1756. 109.  - }
  1757. 110.  - .audio_search .s_search::-ms-clear {
  1758. 111.  -   display: none;
  1759. 112.  +   width: 263px;
  1760. 114.  -
  1761. 184.  -   width: 424px;
  1762. 185.  +   width: 425px;
  1763. 187.  - }
  1764. 188.  - #audio.new .wall_module .area {
  1765. 189.  -   width: 369px;
  1766. 190.  -   margin-bottom: 10px;
  1767. 191.  - }
  1768. 192.  - #audio.new .wall_module .audio.current .area {
  1769. 193.  -   margin-bottom: 0px;
  1770. 199.  - #audio.new .audio.claimed .play_btn_wrap,
  1771. 200.  - #audio.new .audio.claimed .title_wrap,
  1772. 201.  - #audio.new .audio.claimed .duration,
  1773. 211.  - #audio.new .audio.claimed .title_wrap,
  1774. 236.  - #audio.new .audio.current.tt_shown .area
  1775. 237.  + #audio.new .audio.current.tt_shown .area,
  1776. 240.  - }
  1777. 241.  - #audio.new .wall_module .audio.current .area,
  1778. 242.  - #audio.new .wall_module .audio.current.tt_shown .area {
  1779. 243.  -   background: none;
  1780. 244.  - }
  1781. 245.  - #audio.new .wall_module .audio.current.over .area {
  1782. 246.  -   background-color: #EDF1F5;
  1783. 254.  - }
  1784. 255.  - #audio.new .wall_module .audio.current .area .duration {
  1785. 256.  -   color: #777;
  1786. 257.  - }
  1787. 258.  - #audio.new .wall_module .audio.current .title_wrap {
  1788. 259.  -   color: #000;
  1789. 260.  - }
  1790. 261.  - #audio.new .wall_module .audio.current .title_wrap a {
  1791. 262.  -   color: #2B587A;
  1792. 276.  - }
  1793. 277.  - .audio_table .wall_module .audio td {
  1794. 278.  -   padding: 0px;
  1795. 286.  - }
  1796. 287.  - #audio.new .wall_module .duration{
  1797. 288.  -   padding: 8px 7px 7px 0px;
  1798. 299.  - #audio.new .audio.over.no_actions .duration,
  1799. 300.  - #audio.new .wall_module .audio.over .duration,
  1800. 301.  - #audio.new .wall_module .audio.tt_shown .duration {
  1801. 302.  + #audio.new .audio.over.no_actions .duration {
  1802. 320.  -   margin: 0px;
  1803. 321.  +   margin: 2px 33px 10px 18px;
  1804. 325.  -   width: 425px;
  1805. 326.  +   width: 387px;
  1806. 375.  - }
  1807. 376.  - #audio.new .wall_module .audio .play_btn_wrap {
  1808. 377.  -   padding: 6px;
  1809. 383.  -   background: url(/images/icons/audio_icons.png?5) -147px -28px no-repeat;
  1810. 384.  +   background: url(/images/icons/audio_icons.png?2) -147px -28px no-repeat;
  1811. 388.  - }
  1812. 389.  - #audio.new .wall_module .audio.current .play_new {
  1813. 390.  -   background: url(/images/playpause.gif) no-repeat 0px 0px;
  1814. 391.  - }
  1815. 392.  - #audio.new .wall_module .audio.current .play_new.playing {
  1816. 393.  -   background-position: 0px -16px;
  1817. 410.  -   width: 330px;
  1818. 411.  +   width: 325px;
  1819. 420.  - }
  1820. 421.  - #audio.new .wall_module .audio .title_wrap {
  1821. 422.  -   width: 290px;
  1822. 423.  -   padding: 7px 0 6px;
  1823. 424.  - }
  1824. 425.  - #audio.new .wall_module .audio .title_wrap b {
  1825. 426.  -   max-width: 200px;
  1826. 453.  -   overflow: hidden;
  1827. 454.  - }
  1828. 455.  - #audio.new .audio_rec_wrap {
  1829. 456.  -   margin: 7px 7px 7px 0;
  1830. 457.  -   padding: 4px;
  1831. 458.  -   opacity: 0.4;
  1832. 459.  -   filter: alpha(opacity=40);
  1833. 460.  - }
  1834. 461.  - #audio.new .rec_source .audio_rec_wrap {
  1835. 462.  -   opacity: 1;
  1836. 463.  -   filter: alpha(opacity=100);
  1837. 464.  - }
  1838. 465.  - #audio.new .audio_rec {
  1839. 466.  -   background: url(/images/icons/audio_icons.png?5) -202px -51px no-repeat;
  1840. 467.  -   position: relative;
  1841. 468.  -   width: 12px;
  1842. 469.  -   height: 12px;
  1843. 470.  -   margin: 0px;
  1844. 471.  -   cursor: pointer;
  1845. 473.  -   visibility: hidden;
  1846. 474.  - }
  1847. 475.  - #audio.new .audio.rec_source .audio_rec,
  1848. 476.  - #audio.new .audio.over .audio_rec {
  1849. 477.  -   visibility: visible;
  1850. 478.  - }
  1851. 479.  - #audio.new .audio.current .audio_rec {
  1852. 480.  -   background-position: -218px -51px;
  1853. 483.  -   background: url(/images/icons/audio_icons.png?5) -136px -51px no-repeat;
  1854. 484.  +   background: url(/images/icons/audio_icons.png?2) -136px -51px no-repeat;
  1855. 492.  -   background: url(/images/icons/audio_icons.png?5) -79px -51px no-repeat;
  1856. 493.  +   background: url(/images/icons/audio_icons.png?2) -79px -51px no-repeat;
  1857. 541.  -   background: url(/images/icons/audio_icons.png?5) -107px -51px no-repeat;
  1858. 542.  +   background: url(/images/icons/audio_icons.png?2) -107px -51px no-repeat;
  1859. 585.  -   width: 156px;
  1860. 586.  +   width: 155px;
  1861. 592.  -   display: block;
  1862. 593.  +   border: 1px solid #F7F7F7;
  1863. 595.  -   max-width: 156px;
  1864. 596.  +   max-width: 155px;
  1865. 599.  - }
  1866. 600.  - .audio_filter:hover {
  1867. 601.  -   text-decoration: none;
  1868. 604.  -   max-width: 121px;
  1869. 605.  +   max-width: 138px;
  1870. 610.  -   padding: 6px 24px 7px 11px;
  1871. 611.  +   padding: 4px 5px 4px 10px;
  1872. 613.  - .audio_filter div.icon_wrap_arrow {
  1873. 614.  -   position: absolute;
  1874. 615.  -   top: 0px;
  1875. 616.  -   right: 0px;
  1876. 617.  -   width: 26px;
  1877. 618.  -   height: 26px;
  1878. 619.  - /*  opacity: 0.7;
  1879. 620.  -   filter: alpha(opacity=70);*/
  1880. 621.  + .audio_filter.edit .label {
  1881. 622.  +   padding-right: 20px;
  1882. 623.  +   max-width: 123px;
  1883. 627.  -   top: 0px;
  1884. 628.  -   right: 0px;
  1885. 629.  -   width: 26px;
  1886. 630.  -   height: 26px;
  1887. 631.  +   top: -1px;
  1888. 632.  +   right: -1px;
  1889. 633.  +   width: 23px;
  1890. 634.  +   height: 23px;
  1891. 654.  -   top: 7px;
  1892. 655.  -   right: 7px;
  1893. 656.  -   background: url(/images/icons/audio_icons.png?5) -80px -52px no-repeat;
  1894. 657.  +   top: 6px;
  1895. 658.  +   right: 6px;
  1896. 659.  +   background: url(/images/icons/audio_icons.png?2) -80px -52px no-repeat;
  1897. 665.  - }
  1898. 666.  - .audio_filter div.icon.arrow {
  1899. 667.  -   top: 8px;
  1900. 668.  -   right: 8px;
  1901. 669.  -   background-position: -234px -55px;
  1902. 670.  -   width: 10px;
  1903. 671.  -   height: 10px;
  1904. 672.  - }
  1905. 673.  - .audio_filter div.icon.arrow.up {
  1906. 674.  -   background-position: -244px -55px;
  1907. 677.  -   top: 7px;
  1908. 678.  -   right: 7px;
  1909. 679.  +   top: 5px;
  1910. 680.  +   right: 5px;
  1911. 700.  +   border: 1px solid #E1E7ED;
  1912. 706.  +   border: 1px solid #E1E7ED;
  1913. 711.  +   border: 1px solid #517295;
  1914. 729.  -   padding: 8px 10px 0px 0px;
  1915. 730.  +   padding: 10px 10px 0px 0px;
  1916. 1152.  -   height: 1.36em;
  1917. 1153.  -   line-height: 1.36em;
  1918. 1154.  -   font-size: 0.9em;
  1919. 1155.  - }
  1920. 1156.  - .audio_friends_search_btn {
  1921. 1157.  -   margin: 8px 10px 4px;
  1922. 1158.  -   background: #E3E9EF url(/images/magglass_audio_blue.png) no-repeat 138px 7px;
  1923. 1159.  -   color: #6A7889;
  1924. 1160.  -   height: 13px;
  1925. 1161.  -   padding: 6px 11px;
  1926. 1162.  -   cursor: pointer;
  1927. 1163.  - }
  1928. 1164.  - .audio_friends_search_btn.over {
  1929. 1165.  -   background-color: #dde4eb;
  1930. 1166.  - }
  1931. 1167.  - .audio_friends_search_input.text {
  1932. 1168.  -   margin: 2px 10px 4px;
  1933. 1169.  -   background: #FFF url(/images/magglass_audio.png) no-repeat 137px 6px;
  1934. 1170.  -   width: 134px;
  1935. 1171.  -   height: 13px;
  1936. 1172.  -   padding: 5px 10px;
  1937. 1173.  - }
  1938. 1174.  - .audio_friends_search_input.text::-ms-clear {
  1939. 1175.  -   display: none;
  1940. 1176.  - }
  1941. 1177.  - .audio_friends_search_inp_wrap .reset {
  1942. 1178.  -   cursor: pointer;
  1943. 1179.  -   display: none;
  1944. 1180.  -   background: transparent url(/images/clear_audio.png) 4px 4px no-repeat;
  1945. 1181.  -   padding: 4px;
  1946. 1182.  -   width: 9px;
  1947. 1183.  -   height: 9px;
  1948. 1184.  -   margin-left: -31px;
  1949. 1185.  -   margin-top: 6px;
  1950. 1186.  -   opacity: 0.6;
  1951. 1187.  -   filter: alpha(opacity=60);
  1952. 1188.  -   position: relative;
  1953. 1189.  -   z-index: 100;
  1954. 1190.  -   -webkit-transition: opacity 100ms ease-out;
  1955. 1191.  -   -moz-transition: opacity 100ms ease-out;
  1956. 1192.  -   -o-transition: opacity 100ms ease-out;
  1957. 1193.  -   transition: opacity 100ms ease-out;
  1958. 1194.  - }
  1959. 1195.  - .audio_friends_search_inp_wrap.str .reset {
  1960. 1196.  -   display: block;
  1961. 1197.  - }
  1962. 1198.  - .audio_friends_search_inp_wrap.str .audio_friends_search_input.text {
  1963. 1199.  -   background: #FFF;
  1964. 1200.  - }
  1965. 1201.  - .audio_friends_search_inp_wrap .reset.over {
  1966. 1202.  -   opacity: 1;
  1967. 1203.  -   filter: alpha(opacity=100);
  1968. 1204.  - }
  1969. 1205.  - .audio_popular_owner {
  1970. 1206.  -   padding: 4px 11px;
  1971. 1207.  - }
  1972. 1208.  - .audio_popular_status {
  1973. 1209.  -   white-space: nowrap;
  1974. 1210.  -   overflow: hidden;
  1975. 1211.  -   text-overflow: ellipsis;
  1976. 1212.  -   -o-text-overflow: ellipsis;
  1977. 1213.  -   width: 133px;
  1978. 1214.  -   line-height: 1.36em;
  1979. 1215.  - }
  1980. 1216.  - .audio_popular_owner:hover {
  1981. 1217.  -   text-decoration: none;
  1982. 1218.  -   background: #E1E7ED;
  1983. 1219.  - }
  1984. 1220.  - .audio_popular_owner_cnt {
  1985. 1221.  -   color: #777;
  1986. 1225.  - }
  1987. 1226.  - .audio_popular_owner:hover .audio_popular_owner_cnt {
  1988. 1227.  -   color: #6A798A;
  1989. 1280.  - .audio_more_friends {
  1990. 1281.  + #audio_more_friends {
  1991. 1288.  - .audio_more_friends:hover {
  1992. 1289.  + #audio_more_friends:hover {
  1993. 1335.  -   background: url(/images/icons/audio_icons.png?5) no-repeat scroll 0 -25px transparent;
  1994. 1336.  +   background: url(/images/icons/audio_icons.png?2) no-repeat scroll 0 -25px transparent;
  1995. 1380.  -   padding: 2px 3px 3px 4px;
  1996. 1381.  +   padding: 4px 2px 4px 4px;
  1997. 1404.  -   background: url(/images/icons/audio_icons.png?5) no-repeat scroll 0 0 transparent;
  1998. 1405.  +   background: url(/images/icons/audio_icons.png?2) no-repeat scroll 0 0 transparent;
  1999. 1410.  - }
  2000. 1411.  - #ac.no_rec #ac_rec {
  2001. 1412.  -   display: none;
  2002. 1414.  - #ac #ac_shuffle.ctrl_wrap,
  2003. 1415.  - #ac #ac_rec.ctrl_wrap {
  2004. 1416.  -   padding: 3px 4px 4px 3px;
  2005. 1417.  + #ac #ac_shuffle.ctrl_wrap {
  2006. 1418.  +   padding-top: 3px;
  2007. 1437.  -   background-position: -32px -49px;
  2008. 1438.  -   height: 14px;
  2009. 1439.  +   background-position: -33px -52px;
  2010. 1451.  - }
  2011. 1452.  - #ac .ctrl.rec {
  2012. 1453.  -   background-position: -202px -51px;
  2013. 1454.  -   height: 12px;
  2014. 1455.  -   width: 12px;
  2015. 1472.  -   width: 434px;
  2016. 1473.  -   margin-left: 10px;
  2017. 1474.  - }
  2018. 1475.  - #ac.no_rec .info {
  2019. 1477.  +   margin-left: 10px;
  2020. 1480.  -   width: 414px;
  2021. 1481.  - }
  2022. 1482.  - #ac.no_rec.add .info {
  2023. 1483.  -   width: 433px;
  2024. 1484.  +   width: 437px;
  2025. 1504.  -   max-width: 327px;
  2026. 1505.  - }
  2027. 1506.  - #ac.no_rec .ac_name {
  2028. 1510.  -   max-width: 310px;
  2029. 1511.  - }
  2030. 1512.  - #ac.no_rec.add .ac_name {
  2031. 1513.  -   max-width: 329px;
  2032. 1514.  +   max-width: 333px;
  2033. 1517.  -   max-width: 307px;
  2034. 1518.  - }
  2035. 1519.  - .font_medium #ac.no_rec.add .ac_name {
  2036. 1520.  -   max-width: 326px;
  2037. 1521.  +   max-width: 330px;
  2038. 1626.  -   padding: 4px 4px 5px 20px;
  2039. 1644.  -   padding: 4px 5px 5px;
  2040. 1821.  + #ac_pr.over .ac_slider,
  2041. 1898.  - }
  2042. 1899.  - .audio_album_length {
  2043. 1900.  -   color: #777777;
  2044. 1901.  -   display: inline-block;
  2045. 1902.  -   max-width: 400px;
  2046. 1903.  -   overflow: hidden;
  2047. 1904.  -   text-overflow: ellipsis;
  2048. 1905.  -   white-space: nowrap;
  2049. 1906.  - }
  2050. 1907.  - .audio_delete_album {
  2051. 1908.  -   padding-top: 4px;
  2052. 1909.  - }
  2053. 1910.  - #audio_total_duration {
  2054. 1911.  -   font-weight: bold;
  2055. 1912.  - }
  2056. 1913.  - #audio.new .wall_module .post {
  2057. 1914.  -   border-top: 0;
  2058. 1915.  -   border-bottom: 1px solid #F1F1F1;
  2059. 1916.  -   margin-right: 12px;
  2060. 1917.  - }
  2061. 1918.  - #audio.new .wall_module .post:first-child {
  2062. 1919.  -   margin-top: -10px;
  2063. 1920.  - }
  2064. 1921.  - #audio.new .wall_module .post:last-child {
  2065. 1922.  -   border-bottom: none;
  2066. 1923.  - }
  2067. 1924.  - #audio.new .wall_module .post_info,
  2068. 1925.  - #audio.new .wall_text,
  2069. 1926.  - #audio.new .wall_text_name {
  2070. 1927.  -   width: 364px;
  2071. 1928.  - }
  2072. 1929.  - #audio.new .wall_module .reply_link_wrap {
  2073. 1930.  -   color: #999;
  2074. 1931.  -   font-size: 11px;
  2075. 1932.  -   padding-top: 2px;
  2076. 1933.  -   padding-bottom: 4px;
  2077. 1934.  - }
  2078. 1935.  - .font_medium #audio.new .wall_module .reply_link_wrap {
  2079. 1936.  -   font-size: 12px;
  2080. 1937.  - }
  2081. 1938.  - .wall_module .dld.audio_ignore_label {
  2082. 1939.  -   text-align: center;
  2083. 1940.  -   line-height: 1.81em;
  2084. 1941.  -   padding: 8px 30px;
  2085. 1942.  - }
  2086. 1943.  - .audio_summary {
  2087. 1944.  -   padding: 0px 0px 2px;
  2088. 1945.  -   margin: 0px 13px 0px 0px;
  2089. 1946.  -   color: #45688E;
  2090. 1947.  -   border-bottom: 1px solid #DAE1E8;
  2091. 1948.  -   font-weight: bold;
  2092. 1949.  -   font-size: 1.1em;
  2093. 1950.  - }
  2094. 1951.  - .audio_owner {
  2095. 1952.  -   padding: 0px 8px 0px 0px;
  2096. 1953.  -   margin-bottom: 8px;
  2097. 1954.  -   display: inline-block;
  2098. 1955.  -   *display: inline;
  2099. 1956.  -   zoom: 1;
  2100. 1957.  -   position: relative;
  2101. 1958.  - }
  2102. 1959.  - .audio_owner_name {
  2103. 1960.  -   background: #000000;
  2104. 1961.  -   background: rgba(0, 0, 0, 0.5);
  2105. 1962.  -   color: #FFFFFF;
  2106. 1963.  -   position: absolute;
  2107. 1964.  -   bottom: 0px;
  2108. 1965.  -   width: 92px;
  2109. 1966.  -   padding: 4px 4px;
  2110. 1967.  -   text-align: center;
  2111. 1968.  -   overflow: hidden;
  2112. 1969.  - }
  2113. 1970.  - .audio_owner_img {
  2114. 1971.  -   vertical-align: top;
  2115. 1972.  - }
  2116. 1973.  - .audio_cat_list {
  2117. 1974.  -   padding: 10px 6px;
  2118. 1975.  - }
  2119. 1976.  - .audio_genre_showmore {
  2120. 1977.  -   display: block;
  2121. 1978.  -   text-align: center;
  2122. 1979.  -   padding: 10px 6px;
  2123. 1980.  -   color: #738392;
  2124. 1981.  -   background: #EFF1F3;
  2125. 1982.  -   margin: 2px 13px 6px 0px;
  2126. 1983.  - }
  2127. 1984.  - .audio_genre_showmore:hover {
  2128. 1985.  -   text-decoration: none;
  2129. 1986.  -   background: #E9EDF1;
  2130. 1987.  -   color: #616e7e;
  2131. 1988.  - }
  2132. 1989.  - .audio_owner_info {
  2133. 1990.  -   text-align: center;
  2134. 1991.  -   padding-bottom: 0px;
  2135. 1992.  - }
  2136. 1993.  - .audio_owner_info_img {
  2137. 1994.  -   -webkit-border-radius: 5px;
  2138. 1995.  -   -moz-border-radius: 3px;
  2139. 1996.  -   border-radius: 3px;
  2140. 1997.  - }
  2141. 1998.  - .audio_owner_info_name {
  2142. 1999.  -   margin-top: 6px;
  2143. 2000.  -   text-align: center;
  2144. 2001.  -   font-weight: bold;
  2145. 2002.  -   overflow:hidden;
  2146. 2003.  - }
  2147. 2004.  - .audio_catalog_more_loading,
  2148. 2005.  - .audio_catalog_hide_more {
  2149. 2006.  -   display: none;
  2150. 2007.  - }
  2151. 2008.  - .audio_performer_loading .audio_catalog_more_loading {
  2152. 2009.  -   display: block;
  2153. 2010.  - }
  2154. 2011.  - .audio_performer_shown .audio_catalog_hide_more {
  2155. 2012.  -   display: block;
  2156. 2013.  - }
  2157. 2014.  - .audio_performer_shown .audio_catalog_more {
  2158. 2015.  -   display: none;
  2159. 2016.  - }
  2160. 2017.  - .audio_performer_loading .audio_catalog_more {
  2161. 2018.  -   display: none;
  2162. 2019.  - }
  2163. 2020.  - .audio_owner_info_desc {
  2164. 2021.  -   color: #777777;
  2165. 2022.  -   padding-top: 6px;
  2166. 2023.  - }
  2167. 2024.  - .audio_edited {
  2168. 2025.  -   color: #777777;
  2169. 2026.  - }
  2170. 2027.  - .audio_new_sticker {
  2171. 2028.  -   background: url('/images/icons/new_audio_en.png') 0px 0px no-repeat;
  2172. 2029.  -   width: 60px;
  2173. 2030.  -   height: 60px;
  2174. 2031.  -   position: absolute;
  2175. 2032.  -   margin-left: -1px;
  2176. 2033.  -   margin-top: -1px;
  2177. 2034.  -   z-index: 10;
  2178. 2035.  - }
  2179. 2036.  - .audio_sticker_ru {
  2180. 2037.  -   background-image: url('/images/icons/new_audio_ru.png');
  2181. 2038.  - }
  2182. 2039.  - .audio_sticker_ua {
  2183. 2040.  -   background-image: url('/images/icons/new_audio_ua.png');
  2184. ------
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!