API tools faq
paste
Hormold

VK Change (#1390238104)

Hormold
Jan 20th, 2014
294
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 55.51 KB | None | 0 0
raw download clone embed print report
  1. Файл - im.css (Старый размер - 39044 | Новый - 0):
  2. 0.  - #im_css {
  3. 1.  -   display: none;
  4. 2.  - }
  5. 3.  -
  6. 4.  - #tab_conversation, #tab_friends, #tab_spam, #tab_search, #tab_write, #tab_important {
  7. 5.  -   display: none;
  8. 6.  - }
  9. 7.  - #im_top_tabs .active_link {
  10. 8.  -   display: block;
  11. 9.  - }
  12. 10.  - #im_bar {
  13. 11.  -   padding: 5px;
  14. 12.  -   background: #F7F7F7;
  15. 13.  -   border-bottom: 1px solid #DAE1E8;
  16. 14.  - }
  17. 15.  -
  18. 16.  - .im_bar_controls {
  19. 17.  -   padding: 3px 5px 3px 0;
  20. 18.  -   display: none;
  21. 19.  - }
  22. 20.  - #im_bar .im_bar_controls .button_blue {
  23. 21.  -   margin: 3px 0 3px 8px;
  24. 22.  - }
  25. 23.  - #im_bar .im_bar_controls button {
  26. 24.  -   padding: 4px 10px;
  27. 25.  -   line-height: 1.36em;
  28. 26.  -   height: 24px;
  29. 27.  - }
  30. 28.  - .im_cancel_mark {
  31. 29.  -   padding: 6px 0 0;
  32. 30.  - }
  33. 31.  - .im_spam_hint {
  34. 32.  -   color: #777;
  35. 33.  -   padding: 8px 0 0 8px;
  36. 34.  - }
  37. 35.  -
  38. 36.  - #im_tabs {
  39. 37.  -   padding: 3px 0;
  40. 38.  - }
  41. 39.  - .im_tab,
  42. 40.  - .im_tab_selected,
  43. 41.  - .im_tab_over {
  44. 42.  -   cursor: pointer;
  45. 43.  -   padding: 5px 1px 5px 5px;
  46. 44.  -   float: left;
  47. 45.  - }
  48. 46.  - .im_tab2 {
  49. 47.  -   padding: 3px 6px 4px;
  50. 48.  - }
  51. 49.  - .im_tab_over .im_tab2 {
  52. 50.  -   -moz-border-radius: 2px;
  53. 51.  -   -webkit-border-radius: 2px;
  54. 52.  -   border-radius: 2px;
  55. 53.  -   background-color: #E1E7ED;
  56. 54.  - }
  57. 55.  - .im_tab_selected .im_tab2 {
  58. 56.  -   -moz-border-radius: 2px;
  59. 57.  -   -webkit-border-radius: 2px;
  60. 58.  -   border-radius: 2px;
  61. 59.  -   background-color: #597DA3;
  62. 60.  - }
  63. 61.  - .im_tab3 {
  64. 62.  -   font-weight: bold;
  65. 63.  -   color: #45688E;
  66. 64.  -   padding-left: 2px;
  67. 65.  -   padding-right: 5px;
  68. 66.  -   max-width: 300px;
  69. 67.  -   overflow: hidden;
  70. 68.  -   -o-text-overflow: ellipsis;
  71. 69.  -   text-overflow: ellipsis;
  72. 70.  -   white-space: nowrap;
  73. 71.  - }
  74. 72.  -
  75. 73.  - .im_tab_selected .im_tab3 {
  76. 74.  -   color: #FFF;
  77. 75.  - }
  78. 76.  -
  79. 77.  - .im_tabx {
  80. 78.  -   margin-top: 2px;
  81. 79.  -   width: 11px;
  82. 80.  -   height: 11px;
  83. 81.  - }
  84. 82.  - .im_tab .im_tabx {
  85. 83.  -   background: url(/images/pics/im_tabx.gif?1) 0 0;
  86. 84.  -   opacity: 0.12;
  87. 85.  -   filter: alpha(opacity=12);
  88. 86.  - }
  89. 87.  -
  90. 88.  - .im_tab_over .im_tabx_over {
  91. 89.  -   background: url(/images/pics/im_tabx.gif?1) 0 0;
  92. 90.  -   opacity: 0.6;
  93. 91.  -   filter: alpha(opacity=60);
  94. 92.  - }
  95. 93.  -
  96. 94.  - .im_tab_selected .im_tabx {
  97. 95.  -   background: url(/images/pics/im_tabx.gif?1) 0 -13px;
  98. 96.  -   opacity: 0.2;
  99. 97.  -   filter: alpha(opacity=20);
  100. 98.  - }
  101. 99.  - .im_tab_selected .im_tabx_over {
  102. 100.  -   background: url(/images/pics/im_tabx.gif?1) 0 -13px;
  103. 101.  -   opacity: 1;
  104. 102.  -   filter: alpha(opacity=100);
  105. 103.  - }
  106. 104.  - .im_unread {
  107. 105.  -   font-size: 0.9em;
  108. 106.  -   vertical-align: bottom;
  109. 107.  - }
  110. 108.  - #im_progress {
  111. 109.  -   margin-top: 2px;
  112. 110.  - }
  113. 111.  -
  114. 112.  - #im_to_end_wrap {
  115. 113.  -   display: none;
  116. 114.  -   width: 627px;
  117. 115.  -   cursor: pointer;
  118. 116.  -   position: absolute;
  119. 117.  -   margin-top: -35px;
  120. 118.  -   height: 14px;
  121. 119.  -   padding: 10px 0px;
  122. 120.  -   text-align: center;
  123. 121.  -   background: #E1E7E9;
  124. 122.  -   background: rgba(225, 231, 233, 0.95);
  125. 123.  -   color: #738392;
  126. 124.  -   border-top: 1px solid #DAE2E8;
  127. 125.  - }
  128. 126.  - #im_to_end_wrap:hover {
  129. 127.  -   background: #E6EDF0;
  130. 128.  -   background: rgba(230, 237, 240, 0.95);
  131. 129.  - }
  132. 130.  - .im_to_end {
  133. 131.  -   padding: 0px 16px;
  134. 132.  -   background: url(/images/im_toend.gif) no-repeat right 0px;
  135. 133.  - }
  136. 134.  - #im_top_sh,
  137. 135.  - #im_bottom_sh {
  138. 136.  -   display: none;
  139. 137.  -   position: absolute;
  140. 138.  -   width: 627px;
  141. 139.  -   height: 3px;
  142. 140.  -   z-index: 100;
  143. 141.  -   background: #555;
  144. 142.  -   opacity: 0.12;
  145. 143.  -   filter: alpha(opacity=12);
  146. 144.  -   margin-top: -1px;
  147. 145.  - }
  148. 146.  - #im_bottom_sh {
  149. 147.  -   margin: -2px 0 0;
  150. 148.  -   top: 0;
  151. 149.  -   left: 0;
  152. 150.  - }
  153. 151.  - .im_to_end_controls #im_peer_controls {
  154. 152.  -   border-top: 1px solid #D3DBE3;
  155. 153.  - }
  156. 154.  - .im_to_end_controls #im_bottom_sh {
  157. 155.  -   visibility: hidden;
  158. 156.  - }
  159. 157.  - .im_to_end_controls #im_to_end_wrap {
  160. 158.  -   display: block;
  161. 159.  - }
  162. 160.  -
  163. 161.  - .dialogs_row {
  164. 162.  -   cursor: pointer;
  165. 163.  -   padding: 5px 10px 5px 7px;
  166. 164.  -   border-bottom: 1px solid #e4e8ed;
  167. 165.  - }
  168. 166.  - .dialogs_deleted_row {
  169. 167.  -   cursor: default;
  170. 168.  - }
  171. 169.  - .dialogs_new_msg {
  172. 170.  -   background: #edf1f5;
  173. 171.  -   border-color: #DAE1E8;
  174. 172.  - }
  175. 173.  - .dialogs_row_t {
  176. 174.  -   width: 100%;
  177. 175.  - }
  178. 176.  - .dialogs_row_over {
  179. 177.  -   background: #edf1f5;
  180. 178.  -   border-color: #DAE1E8;
  181. 179.  - }
  182. 180.  - .dialogs_row_over .dialogs_new_msg {
  183. 181.  -   background: #DAE1E8;
  184. 182.  - }
  185. 183.  - .dialogs_row_over .dialogs_online,
  186. 184.  - .dialogs_new_msg .dialogs_online {
  187. 185.  -   color: #93a2b3;
  188. 186.  - }
  189. 187.  - .dialogs_row_over .dialogs_date,
  190. 188.  - .dialogs_new_msg .dialogs_date {
  191. 189.  -   color: #8795a5;
  192. 190.  - }
  193. 191.  - .dialogs_photo {
  194. 192.  -   width: 50px;
  195. 193.  -   padding: 5px 5px 2px;
  196. 194.  -   vertical-align: top;
  197. 195.  - }
  198. 196.  - .dialogs_info {
  199. 197.  -   padding: 5px;
  200. 198.  -   vertical-align: middle;
  201. 199.  -   width: 125px;
  202. 200.  - }
  203. 201.  - .dialogs_user {
  204. 202.  -   width: 120px;
  205. 203.  - }
  206. 204.  - .dialogs_online {
  207. 205.  -   color: #aaa;
  208. 206.  -   padding: 3px 0 2px;
  209. 207.  - }
  210. 208.  - .dialogs_date {
  211. 209.  -   color: #999999;
  212. 210.  -   font-size: 0.9em;
  213. 211.  - }
  214. 212.  - .dialogs_msg_contents {
  215. 213.  -   padding: 0px;
  216. 214.  -   vertical-align: middle;
  217. 215.  - }
  218. 216.  - .dialogs_msg_body {
  219. 217.  -   padding: 6px 8px 8px;
  220. 218.  - }
  221. 219.  - .dialogs_deleted_row .dialogs_msg_body {
  222. 220.  -   color: #777;
  223. 221.  -   line-height: 1.81em;
  224. 222.  -   text-align: center;
  225. 223.  - }
  226. 224.  - .dialogs_msg_text {
  227. 225.  -   color: #67829E;
  228. 226.  -   line-height: 160%;
  229. 227.  -   width: 345px;
  230. 228.  - }
  231. 229.  - .dialogs_msg_body .dialogs_inline_author {
  232. 230.  -   width: 32px;
  233. 231.  -   height: 32px;
  234. 232.  -   margin: 3px 10px 2px 0;
  235. 233.  -
  236. 234.  -   -moz-border-radius: 2px;
  237. 235.  -   -webkit-border-radius: 2px;
  238. 236.  -   border-radius: 2px;
  239. 237.  - }
  240. 238.  -
  241. 239.  - div.dialogs_inline_chatter {
  242. 240.  -   margin: 0 4px 4px 0;
  243. 241.  -   float: left;
  244. 242.  -   width: 23px;
  245. 243.  -   height: 23px;
  246. 244.  -   overflow: hidden;
  247. 245.  -   -moz-border-radius: 2px;
  248. 246.  -   -webkit-border-radius: 2px;
  249. 247.  -   border-radius: 2px;
  250. 248.  - }
  251. 249.  - img.dialogs_inline_chatter {
  252. 250.  -   width: 23px;
  253. 251.  -   height: 23px;
  254. 252.  -   -moz-border-radius: 2px;
  255. 253.  -   -webkit-border-radius: 2px;
  256. 254.  -   border-radius: 2px;
  257. 255.  - }
  258. 256.  - div.dialogs_inline_chatter_half {
  259. 257.  -   height: 50px;
  260. 258.  - }
  261. 259.  - img.dialogs_inline_chatter_half {
  262. 260.  -   margin: 0px -12px;
  263. 261.  -   height: 50px;
  264. 262.  -   width: 50px;
  265. 263.  - }
  266. 264.  - #im_dialogs_next {
  267. 265.  -   display: none;
  268. 266.  - }
  269. 267.  - .dialogs_chat_title {
  270. 268.  -   font-weight: bold;
  271. 269.  -   width: 240px;
  272. 270.  - }
  273. 271.  - .dialogs_del_wrap {
  274. 272.  -   display: none;
  275. 273.  -   position: absolute;
  276. 274.  -   right: 15px;
  277. 275.  -   margin-top: 10px;
  278. 276.  -   opacity: 0.6;
  279. 277.  -   filter: alpha(opacity=60);
  280. 278.  - }
  281. 279.  -
  282. 280.  - .dialogs_row_over .dialogs_del_wrap {
  283. 281.  -   display: block;
  284. 282.  - }
  285. 283.  - .dialogs_del_wrap:hover {
  286. 284.  -   opacity: 1;
  287. 285.  -   filter: alpha(opacity=100);
  288. 286.  - }
  289. 287.  - .dialogs_del {
  290. 288.  -   cursor: pointer;
  291. 289.  -   background: url(/images/pics/statusx_op.gif) no-repeat;
  292. 290.  -   height: 11px;
  293. 291.  -   width: 11px;
  294. 292.  - }
  295. 293.  -
  296. 294.  - #im_more_dialogs, #im_more_friends {
  297. 295.  -   display: block;
  298. 296.  -   margin-top: -1px;
  299. 297.  -   border-top: 1px solid #DAE1E8;
  300. 298.  -   text-align: center;
  301. 299.  -   padding: 10px;
  302. 300.  - }
  303. 301.  - .im_more {
  304. 302.  -   display: block;
  305. 303.  -   margin: 0 10px 10px;
  306. 304.  - }
  307. 305.  - .im_morenew {
  308. 306.  -   display: block;
  309. 307.  -   margin: 10px 10px 0px;
  310. 308.  - }
  311. 309.  - .im_more_progress {
  312. 310.  -   display: none;
  313. 311.  -   padding: 10px 10px 11px; /* border */
  314. 312.  -   background: url(/images/upload.gif) 50% 50% no-repeat;
  315. 313.  - }
  316. 314.  - .im_more_text {
  317. 315.  -   padding: 10px;
  318. 316.  -   text-align: center;
  319. 317.  -   border-bottom: 1px solid #DAE1E8;
  320. 318.  - }
  321. 319.  - .im_more_loading {
  322. 320.  -   cursor: default;
  323. 321.  - }
  324. 322.  - .im_more_loading .im_more_text {
  325. 323.  -   display: none;
  326. 324.  - }
  327. 325.  - .im_more_loading .im_more_progress {
  328. 326.  -   display: block;
  329. 327.  - }
  330. 328.  - #im_more_dialogs:hover, #im_more_friends:hover {
  331. 329.  -   text-decoration: none;
  332. 330.  -   background: #E9EDF1;
  333. 331.  - }
  334. 332.  - .im_more:hover,
  335. 333.  - .im_morenew:hover {
  336. 334.  -   text-decoration: none;
  337. 335.  - }
  338. 336.  - .im_more:hover .im_more_text,
  339. 337.  - .im_morenew:hover .im_more_text {
  340. 338.  -   background: #E9EDF1;
  341. 339.  - }
  342. 340.  -
  343. 341.  - /* Conversation log */
  344. 342.  - .im_log_t {
  345. 343.  -   /* margin: 0 71px 0 auto; */
  346. 344.  -   width: 100%;
  347. 345.  - }
  348. 346.  -
  349. 347.  - .im_log_t td {
  350. 348.  -   border-top: 5px solid #FFF;
  351. 349.  -   padding: 5px;
  352. 350.  -   vertical-align: top;
  353. 351.  - }
  354. 352.  - .im_log_t td td {
  355. 353.  -   border-top: none;
  356. 354.  -   padding: 0px;
  357. 355.  - }
  358. 356.  - .im_log_t #html5_player td {
  359. 357.  -   border-top: 0;
  360. 358.  - }
  361. 359.  - .im_log_t .im_in,
  362. 360.  - .im_log_t .im_out {
  363. 361.  -   cursor: pointer;
  364. 362.  - }
  365. 363.  - .im_log_t .wall_module .post_media {
  366. 364.  -   width: auto;
  367. 365.  - }
  368. 366.  - .im_log_t .post_media td {
  369. 367.  -   padding: 0;
  370. 368.  -   border-top: 0;
  371. 369.  - }
  372. 370.  - .im_log_author {
  373. 371.  -   text-align: right;
  374. 372.  -   padding-right: 10px !important;
  375. 373.  -   width: 32px;
  376. 374.  - }
  377. 375.  - .im_log_author a {
  378. 376.  -   color: #8FAAC7;
  379. 377.  -   font-weight: bold;
  380. 378.  - }
  381. 379.  - .im_in .im_log_author a {
  382. 380.  -   color: #2B587A;
  383. 381.  - }
  384. 382.  - div.im_log_author_chat_thumb {
  385. 383.  -   width: 32px;
  386. 384.  -   height: 32px;
  387. 385.  -   overflow: hidden;
  388. 386.  -
  389. 387.  -   -moz-border-radius: 2px;
  390. 388.  -   -webkit-border-radius: 2px;
  391. 389.  -   border-radius: 2px;
  392. 390.  -   text-align: right;
  393. 391.  - }
  394. 392.  - img.im_log_author_chat_thumb {
  395. 393.  -   width: 32px;
  396. 394.  - }
  397. 395.  - .im_log_author_chat_name {
  398. 396.  -   padding-bottom: 2px;
  399. 397.  -   color: #777;
  400. 398.  - }
  401. 399.  - .im_log_author_chat_name .mem_link,
  402. 400.  - .im_log_author_chat_name .im_chat_link,
  403. 401.  - .im_log_author_chat_name .group_link {
  404. 402.  -   font-weight: bold;
  405. 403.  - }
  406. 404.  - .im_log_body {
  407. 405.  -   line-height: 150%;
  408. 406.  -   width: 350px;
  409. 407.  -   /* vertical-align: middle ! important; */
  410. 408.  - }
  411. 409.  - .im_log_body div.wrapped,
  412. 410.  - .im_log_body .wall_module .post_media,
  413. 411.  - .im_single_log .im_log_body div.im_fwd_log_wrapped {
  414. 412.  -   width: 350px;
  415. 413.  -   overflow: visible;
  416. 414.  - }
  417. 415.  - .im_log_body div.im_fwd_log_wrapped .post_media {
  418. 416.  -   width: 290px;
  419. 417.  -   padding-top: 0;
  420. 418.  - }
  421. 419.  - .im_log_body div.im_fwd_log_wrapped .im_msg_media_doc .post_media {
  422. 420.  -   width: auto;
  423. 421.  -   padding-top: 8px;
  424. 422.  - }
  425. 423.  - .im_log_body div.im_fwd_log_wrapped .media_desc {
  426. 424.  -   padding-top: 3px;
  427. 425.  - }
  428. 426.  - .im_fwd_log_body div.wrapped,
  429. 427.  - .im_log_body div.wrapped {
  430. 428.  -   padding-left: 4px;
  431. 429.  -   margin-left: -4px;
  432. 430.  - }
  433. 431.  - .im_fwd_log_body .explain {
  434. 432.  -   color: #777;
  435. 433.  -   line-height: 140%;
  436. 434.  - }
  437. 435.  - .im_log_body  .wall_module .video {
  438. 436.  -   *position: static;
  439. 437.  - }
  440. 438.  - .im_log_body  .wall_module .video div {
  441. 439.  -   *display: none;
  442. 440.  - }
  443. 441.  - .wall_module .im_msg_media .post_media {
  444. 442.  -   padding-top: 4px;
  445. 443.  - }
  446. 444.  - .im_log_body .im_log_match {
  447. 445.  -   background: #E1E7ED;
  448. 446.  -   border-bottom: 1px solid #DAE1E8;
  449. 447.  -   margin: 0px;
  450. 448.  -   padding: 0px 1px;
  451. 449.  - }
  452. 450.  - .im_msg_media_photo {
  453. 451.  -   min-height: 87px;
  454. 452.  -   *height: 87px;
  455. 453.  -   display: inline-block;
  456. 454.  - }
  457. 455.  - .wall_module .im_msg_media_photo .post_media {
  458. 456.  -   width: auto;
  459. 457.  -   margin-right: 10px;
  460. 458.  - }
  461. 459.  - .im_msg_media_doc, .im_msg_media_video {
  462. 460.  -   display: inline-block;
  463. 461.  - }
  464. 462.  - .im_msg_media_doc .media_desc {
  465. 463.  -   width: 350px;
  466. 464.  - }
  467. 465.  - .wall_module .im_msg_media_doc .post_media,
  468. 466.  - .wall_module .im_msg_media_video .post_media {
  469. 467.  -   width: auto;
  470. 468.  -   margin-right: 10px;
  471. 469.  - }
  472. 470.  - .wall_module .im_msg_media_doc .post_media .media-desc {
  473. 471.  -   padding: 0px;
  474. 472.  - }
  475. 473.  - .im_msg_media_video {
  476. 474.  -   height: 105px;
  477. 475.  -   overflow: hidden;
  478. 476.  - }
  479. 477.  - img.im_video_thumb {
  480. 478.  -   max-height: 98px !important
  481. 479.  - }
  482. 480.  - img.im_photo_thumb {
  483. 481.  -   max-height: 87px !important
  484. 482.  - }
  485. 483.  -
  486. 484.  - .im_audio_filler {
  487. 485.  -   height: 45px;
  488. 486.  - }
  489. 487.  - .im_photo_filler {
  490. 488.  -   height: 87px;
  491. 489.  - }
  492. 490.  - .im_video_filler {
  493. 491.  -   height: 98px;
  494. 492.  - }
  495. 493.  - .im_doc_filler {
  496. 494.  -   height: 27px;
  497. 495.  - }
  498. 496.  - .im_forward_filler {
  499. 497.  -   height: 100px;
  500. 498.  - }
  501. 499.  - .im_log_act {
  502. 500.  -   padding-left: 10px !important;
  503. 501.  -   width: 65px;
  504. 502.  - }
  505. 503.  - .im_log_date {
  506. 504.  -   padding-left: 8px !important;
  507. 505.  -   color: #999;
  508. 506.  -   width: 55px;
  509. 507.  -   /* width: 110px; */
  510. 508.  - }
  511. 509.  - a.im_date_link {
  512. 510.  -   color: #999;
  513. 511.  - }
  514. 512.  - .im_log_act div.im_log_check_wrap,
  515. 513.  - .im_log_ract div.im_log_context_wrap {
  516. 514.  -   visibility: hidden;
  517. 515.  -   zoom: 1;
  518. 516.  -   pointer-events: none;
  519. 517.  - }
  520. 518.  - .im_log_rspacer {
  521. 519.  -   width: 61px;
  522. 520.  - }
  523. 521.  - .im_new_msg .im_log_author,
  524. 522.  - .im_new_msg .im_log_body,
  525. 523.  - .im_new_msg .im_log_date {
  526. 524.  -   background: #EDF1F5;
  527. 525.  - }
  528. 526.  - .im_new_msg .im_log_body .audio.over .area {
  529. 527.  -   background: #DAE1E8;
  530. 528.  - }
  531. 529.  - .im_new_msg .im_log_body .audio.over .duration {
  532. 530.  -   color: #788594;
  533. 531.  - }
  534. 532.  - .im_sel_row .im_log_author,
  535. 533.  - .im_sel_row .im_log_body,
  536. 534.  - .im_sel_row .im_log_date,
  537. 535.  - .im_sel_row {
  538. 536.  -   background: #EDF1F5;
  539. 537.  - }
  540. 538.  - .im_sel_row div.im_log_check_wrap,
  541. 539.  - .im_msg_over div.im_log_check_wrap,
  542. 540.  - .im_msg_over div.im_log_context_wrap {
  543. 541.  -   visibility: visible;
  544. 542.  - }
  545. 543.  - .im_sel_row .im_log_check {
  546. 544.  -   background-position: 0 -65px;
  547. 545.  - }
  548. 546.  - .im_new_msg .im_log_date a.im_date_link,
  549. 547.  - .im_sel_row .im_log_date a.im_date_link,
  550. 548.  - .im_new_msg .im_fwd_log_date,
  551. 549.  - .im_sel_row .im_fwd_log_date {
  552. 550.  -   color: #879BB0;
  553. 551.  - }
  554. 552.  -
  555. 553.  - .im_new_msg .wall_module .media_desc .lnk,
  556. 554.  - .im_sel_row .wall_module .media_desc .lnk,
  557. 555.  - .im_new_msg .im_media_mail_title,
  558. 556.  - .im_sel_row .im_media_mail_title {
  559. 557.  -   color: #6A7989;
  560. 558.  - }
  561. 559.  - .im_del_row {
  562. 560.  -   background: #F4EBD6;
  563. 561.  - }
  564. 562.  - .im_del_row td {
  565. 563.  -   background: #F4EBD6 !important;
  566. 564.  -   padding-bottom: 4px;
  567. 565.  -   border-bottom: 1px solid #ECE4CF;
  568. 566.  - }
  569. 567.  - .im_del_row .im_log_body {
  570. 568.  -   color: #7F7661;
  571. 569.  - }
  572. 570.  - .im_spam_row .im_log_body {
  573. 571.  -   color: #728292;
  574. 572.  - }
  575. 573.  - .im_marked_res {
  576. 574.  -   padding-top: 9px;
  577. 575.  - }
  578. 576.  - .im_add_row .im_marked_res {
  579. 577.  -   padding-top: 3px;
  580. 578.  - }
  581. 579.  - .im_spam_row {
  582. 580.  -   background: #E0E7EC;
  583. 581.  - }
  584. 582.  - .im_spam_row td {
  585. 583.  -   padding-bottom: 4px;
  586. 584.  -   border-bottom: 1px solid #DADFEA;
  587. 585.  - }
  588. 586.  - .im_del_row .im_date_link, .im_spam_row .im_date_link {
  589. 587.  -   display: none;
  590. 588.  - }
  591. 589.  - .im_log_t td.im_log_act {
  592. 590.  -   padding: 4px;
  593. 591.  -   /* border-bottom-color: #FFF !important; */
  594. 592.  - }
  595. 593.  - .im_log_check, .im_log_context {
  596. 594.  -   cursor: pointer;
  597. 595.  -   width: 21px;
  598. 596.  -   height: 16px;
  599. 597.  -   background: url(/images/icons/plus_icon1.gif?2) 0 -44px no-repeat;
  600. 598.  -   margin-top: 9px;
  601. 599.  - }
  602. 600.  - .im_log_context {
  603. 601.  -   background-position: 0 -84px;
  604. 602.  -   margin-top: 8px;
  605. 603.  - }
  606. 604.  - .im_log_check_on {
  607. 605.  -   background-position: 0 -65px;
  608. 606.  - }
  609. 607.  -
  610. 608.  - .im_add_row td {
  611. 609.  -   border-top: 0;
  612. 610.  - }
  613. 611.  - .im_add_row .im_log_author a,
  614. 612.  - .im_add_row .im_log_date span,
  615. 613.  - .im_add_row .im_log_date a.im_date_link,
  616. 614.  - .im_add_row .im_log_author_chat_thumb,
  617. 615.  - .im_add_row .im_log_author_chat_name {
  618. 616.  -   display: none;
  619. 617.  - }
  620. 618.  - .im_add_row .im_log_check {
  621. 619.  -   margin-top: 1px;
  622. 620.  - }
  623. 621.  - .im_add_row .im_log_date .im_log_date_error {
  624. 622.  -   display: inline;
  625. 623.  -   color: #800;
  626. 624.  - }
  627. 625.  - .im_attach_photo,
  628. 626.  - .im_attach_video,
  629. 627.  - .im_attach_doc,
  630. 628.  - .im_attach_mail,
  631. 629.  - .im_attach_audio,
  632. 630.  - .im_attach_geo,
  633. 631.  - .im_attach_wall,
  634. 632.  - .im_attach_gift,
  635. 633.  - .im_attach_link {
  636. 634.  -   float: left;
  637. 635.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 0;
  638. 636.  -   width: 11px;
  639. 637.  -   height: 11px;
  640. 638.  -   margin: 3px 5px 2px 0;
  641. 639.  - }
  642. 640.  - .im_attach_photo {
  643. 641.  -   background-position: 0px -30px;
  644. 642.  - }
  645. 643.  - .im_attach_video {
  646. 644.  -   background-position: 0px -75px;
  647. 645.  - }
  648. 646.  - .im_attach_audio {
  649. 647.  -   background-position: 0px -222px;
  650. 648.  - }
  651. 649.  - .im_attach_doc {
  652. 650.  -   background-position: 0px -280px;
  653. 651.  - }
  654. 652.  - .im_attach_mail,
  655. 653.  - .im_attach_wall,
  656. 654.  - .im_attach_wall_reply {
  657. 655.  -   background-position: 0px -294px;
  658. 656.  -   margin-top: 4px;
  659. 657.  - }
  660. 658.  - .im_attach_geo {
  661. 659.  -   background-position: 0px -165px;
  662. 660.  - }
  663. 661.  - .im_attach_gift {
  664. 662.  -   background-position: 0px -104px;
  665. 663.  - }
  666. 664.  - .im_attach_link {
  667. 665.  -   background-position: 0px -237px;
  668. 666.  - }
  669. 667.  -
  670. 668.  - /* Im fwd log */
  671. 669.  - .im_media_mail_title {
  672. 670.  -   color: #777;
  673. 671.  - }
  674. 672.  - .im_fwd_log_wrap,
  675. 673.  - .im_wall_log_wrap {
  676. 674.  -   border-left: 2px solid #C3D1E0;
  677. 675.  -   padding-left: 10px;
  678. 676.  -   margin: 10px 0 5px 3px;
  679. 677.  - }
  680. 678.  - .im_fwd_log_wrap {
  681. 679.  -   min-width: 382px;
  682. 680.  - }
  683. 681.  -
  684. 682.  -
  685. 683.  - .wall_module .media_desc .audio .title_wrap b {
  686. 684.  -   background: none;
  687. 685.  -   width: auto;
  688. 686.  -   height: auto;
  689. 687.  -   margin: 0;
  690. 688.  - }
  691. 689.  - .im_fwd_log_row .audio .title_wrap,
  692. 690.  - .im_fwd_log_row .post_media .audio .title_wrap {
  693. 691.  -   width: 220px;
  694. 692.  - }
  695. 693.  - .im_fwd_log_row .audio .title_wrap b,
  696. 694.  - .im_fwd_log_row .post_media .audio .title_wrap b {
  697. 695.  -   max-width: 155px;
  698. 696.  - }
  699. 697.  - .im_fwd_log_t {
  700. 698.  -   width: 100%;
  701. 699.  - }
  702. 700.  - .im_fwd_log_t .im_fwd_log_row td.im_fwd_log_author {
  703. 701.  -   padding-top: 5px;
  704. 702.  -   width: 43px;
  705. 703.  - }
  706. 704.  - .im_fwd_log_t .im_fwd_log_row td.im_fwd_log_body {
  707. 705.  -   padding-top: 5px;
  708. 706.  - }
  709. 707.  - .im_fwd_log_body .im_log_author_chat_name {
  710. 708.  -   display: block;
  711. 709.  - }
  712. 710.  - .im_fwd_log_author .im_log_author_chat_thumb a {
  713. 711.  -   display: inline;
  714. 712.  - }
  715. 713.  - .im_fwd_log_author .im_log_author_chat_thumb {
  716. 714.  -   display: block;
  717. 715.  -   margin-right: 11px;
  718. 716.  - }
  719. 717.  - .im_fwd_log_date {
  720. 718.  -   color: #999;
  721. 719.  -   padding-left: 5px;
  722. 720.  - }
  723. 721.  - .im_log_body div.im_fwd_log_wrapped {
  724. 722.  -   width: 300px;
  725. 723.  - }
  726. 724.  -
  727. 725.  -
  728. 726.  - .im_error {
  729. 727.  -   display: none;
  730. 728.  -   background-color: #FFEFE8;
  731. 729.  -   border: 1px solid #E89B88;
  732. 730.  -   font-size: 1em;
  733. 731.  -   margin: 8px;
  734. 732.  -   padding: 8px 11px;
  735. 733.  - }
  736. 734.  -
  737. 735.  - /* IM controls */
  738. 736.  - #im_controls_wrap {
  739. 737.  -   position: relative;
  740. 738.  - }
  741. 739.  - #im_resizer_wrap {
  742. 740.  -   background-color: #F2F2F2;
  743. 741.  -   padding: 3px;
  744. 742.  -   cursor: s-resize;
  745. 743.  -   *height: 10px;
  746. 744.  -   *overflow: hidden;
  747. 745.  - }
  748. 746.  - .im_resizer {
  749. 747.  -   width: 40px;
  750. 748.  -   border-top: 1px solid #DAE1E8;
  751. 749.  -   border-bottom: 1px solid #FFF;
  752. 750.  -   margin: 0 auto 1px;
  753. 751.  - }
  754. 752.  - #im_footer_filler {
  755. 753.  -   background: #FFF;
  756. 754.  -   height: 300px;
  757. 755.  -   margin: 0 -2px;
  758. 756.  -   overflow: hidden;
  759. 757.  - }
  760. 758.  - #im_footer_sh {
  761. 759.  -   height: 1px;
  762. 760.  -   margin: 0 -1px;
  763. 761.  -   background-color: #D9E0E7;
  764. 762.  -   border-bottom: 1px solid #F3F3F3;
  765. 763.  - }
  766. 764.  - #im_sound_controls {
  767. 765.  -   background-color: #F2F2F2;
  768. 766.  -   border-top: 1px solid #DAE1E8;
  769. 767.  -   padding: 13px 10px;
  770. 768.  - }
  771. 769.  - #im_browser_notify {
  772. 770.  -   display: none;
  773. 771.  - }
  774. 772.  - #im_peer_controls_wrap {
  775. 773.  -   background-color: #F2F2F2;
  776. 774.  - }
  777. 775.  - #im_peer_controls {
  778. 776.  -   border-top: 1px solid #DAE1E8;
  779. 777.  -   padding: 8px 15px 0 67px;
  780. 778.  - }
  781. 779.  - td#im_user_holder {
  782. 780.  -   width: 50px;
  783. 781.  -   padding-right: 10px;
  784. 782.  -   vertical-align: top;
  785. 783.  - }
  786. 784.  - img.im_user_holder {
  787. 785.  -   -moz-border-radius: 3px;
  788. 786.  -   -webkit-border-radius: 3px;
  789. 787.  -   border-radius: 3px;
  790. 788.  - }
  791. 789.  - td#im_peer_holders {
  792. 790.  -   width: 130px;
  793. 791.  -   padding-left: 10px;
  794. 792.  -   vertical-align: top;
  795. 793.  - }
  796. 794.  - .im_photo_holder {
  797. 795.  -   width: 50px;
  798. 796.  -   height: 50px;
  799. 797.  -   margin-right: 8px;
  800. 798.  -   overflow: hidden;
  801. 799.  -
  802. 800.  -   -moz-border-radius: 3px;
  803. 801.  -   -webkit-border-radius: 3px;
  804. 802.  -   border-radius: 3px;
  805. 803.  - }
  806. 804.  - .im_photo_holder img {
  807. 805.  -   width: 50px;
  808. 806.  -   -moz-border-radius: 3px;
  809. 807.  -   -webkit-border-radius: 3px;
  810. 808.  -   border-radius: 3px;
  811. 809.  - }
  812. 810.  - .im_status_holder {
  813. 811.  -   width: 50px;
  814. 812.  -   padding: 3px 0;
  815. 813.  -   color: #999;
  816. 814.  -   text-align: center;
  817. 815.  - }
  818. 816.  - .im_peer_mini_holder {
  819. 817.  -   padding-bottom: 4px;
  820. 818.  - }
  821. 819.  - .im_peer_mini_holder:nth-child(2) {
  822. 820.  -   margin-right: 60px;
  823. 821.  - }
  824. 822.  - .im_peer_mini_holder .im_photo_holder {
  825. 823.  -   width: 23px;
  826. 824.  -   height: 23px;
  827. 825.  -   margin-right: 4px;
  828. 826.  -   overflow: hidden;
  829. 827.  -   -moz-border-radius: 2px;
  830. 828.  -   -webkit-border-radius: 2px;
  831. 829.  -   border-radius: 2px;
  832. 830.  - }
  833. 831.  - .im_peer_mini_holder .im_photo_holder img {
  834. 832.  -   width: 23px;
  835. 833.  - }
  836. 834.  - .im_status_online {
  837. 835.  -   margin-left: 17px;
  838. 836.  -   position: relative;
  839. 837.  -   top: -8px;
  840. 838.  -   width: 4px;
  841. 839.  -   height: 4px;
  842. 840.  -   border: 1px solid #EEE;
  843. 841.  -   background: #8fa9c7;
  844. 842.  -   -moz-border-radius: 2px;
  845. 843.  -   -webkit-border-radius: 2px;
  846. 844.  -   border-radius: 2px;
  847. 845.  -   z-index: 10;
  848. 846.  - }
  849. 847.  - .im_write_form {
  850. 848.  -   vertical-align: top;
  851. 849.  - }
  852. 850.  - #im_texts {
  853. 851.  -   /*position: *relative;*/
  854. 852.  -   position: relative;
  855. 853.  -   padding-bottom: 6px;
  856. 854.  - }
  857. 855.  - .im_txt_wrap {
  858. 856.  -   position: relative;
  859. 857.  - }
  860. 858.  - .im_txt {
  861. 859.  -   width: 328px;
  862. 860.  -   height: 42px;
  863. 861.  -   padding: 3px 25px 3px 3px;
  864. 862.  -   margin: 0;
  865. 863.  -   outline: 0;
  866. 864.  -   -moz-border-radius: 2px;
  867. 865.  -   -webkit-border-radius: 2px;
  868. 866.  -   border-radius: 2px;
  869. 867.  -   resize: none;
  870. 868.  -   line-height: 150%;
  871. 869.  - }
  872. 870.  - .im_txt_warn {
  873. 871.  -   display: none;
  874. 872.  -   padding-top: 5px;
  875. 873.  -   color: #777;
  876. 874.  - }
  877. 875.  - #im_send_wrap {
  878. 876.  -   position: relative;
  879. 877.  - }
  880. 878.  - .im_send_cont {
  881. 879.  -   margin-right: 2px;
  882. 880.  - }
  883. 881.  - #im_add_media {
  884. 882.  -   padding: 6px 0px 0;
  885. 883.  - }
  886. 884.  - #im_chat_actions, #im_to_dialog {
  887. 885.  -   display: none;
  888. 886.  -   position: relative;
  889. 887.  - }
  890. 888.  - .im_media_progress {
  891. 889.  -   background-position: 50% 50%;
  892. 890.  - }
  893. 891.  - .im_attach_label {
  894. 892.  -   font-weight: bold;
  895. 893.  -   padding-top: 3px;
  896. 894.  - }
  897. 895.  - .im_preview_photo_wrap,
  898. 896.  - .im_preview_video_wrap {
  899. 897.  -   margin: -1px 9px 7px -1px;
  900. 898.  - }
  901. 899.  - .im_preview_doc_wrap,
  902. 900.  - .im_preview_mail_wrap,
  903. 901.  - .im_preview_audio_wrap {
  904. 902.  -   padding: 5px 0px;
  905. 903.  - }
  906. 904.  - .im_preview_doc_wrap .pam_dpic {
  907. 905.  -   padding: 1px;
  908. 906.  - }
  909. 907.  - #im_media_dpreview .im_preview_doc_wrap {
  910. 908.  -   width: 100px;
  911. 909.  -   height: 75px;
  912. 910.  -   margin: -1px 9px 7px -1px;
  913. 911.  - }
  914. 912.  - #im_media_mpreview .im_preview_map_wrap {
  915. 913.  -   padding: 0 10px 8px 0;
  916. 914.  - }
  917. 915.  - div.im_preview_photo,
  918. 916.  - div.im_preview_video {
  919. 917.  -   position: relative;
  920. 918.  -   padding: 1px;
  921. 919.  -   height: 57px;
  922. 920.  -   overflow: hidden;
  923. 921.  -   cursor: pointer;
  924. 922.  -   z-index: 120;
  925. 923.  - }
  926. 924.  - div.im_preview_video,
  927. 925.  - img.im_preview_video {
  928. 926.  -   width: 75px;
  929. 927.  -   overflow: hidden;
  930. 928.  - }
  931. 929.  - .im_preview_up div.im_preview_photo,
  932. 930.  - .im_preview_up div.im_preview_video {
  933. 931.  -   position: absolute;
  934. 932.  - }
  935. 933.  - div.im_preview_photo_doc {
  936. 934.  -   width: 100px;
  937. 935.  -   min-height: 30px;
  938. 936.  -   background: #000000;
  939. 937.  -   text-align: center;
  940. 938.  - }
  941. 939.  - .im_preview_doc_photo_hint {
  942. 940.  -   width: 80px;
  943. 941.  -   *width: 100px;
  944. 942.  -   text-align: center;
  945. 943.  -   color: #FFFFFF;
  946. 944.  -   background: #000000;
  947. 945.  -   padding: 3px 10px 1px 10px;
  948. 946.  -   font-size: 0.81em;
  949. 947.  -   margin-bottom: 5px;
  950. 948.  -   *background: #000000;
  951. 949.  -   background: rgba(0,0,0,0.5);
  952. 950.  -   position: absolute;
  953. 951.  -   margin-top: -18px;
  954. 952.  -   height: 14px;
  955. 953.  -   *height: 18px;
  956. 954.  - }
  957. 955.  - .im_doc_photo {
  958. 956.  -   width: 130px;
  959. 957.  -   height: 100px;
  960. 958.  -   background: #000000;
  961. 959.  -   text-align: center;
  962. 960.  - }
  963. 961.  - .wall_module .photo .im_doc_photo img {
  964. 962.  -   max-height: none;
  965. 963.  - }
  966. 964.  - .im_doc_photo_hint {
  967. 965.  -   width: 110px;
  968. 966.  -   text-align: center;
  969. 967.  -   color: #FFFFFF;
  970. 968.  -   *background: #000000;
  971. 969.  -   background: rgba(0,0,0,0.5);
  972. 970.  -   position: absolute;
  973. 971.  -   margin-top: -18px;
  974. 972.  -   height: 14px;
  975. 973.  -   *height: 18px;
  976. 974.  -   padding: 2px 10px;
  977. 975.  -   font-size: 0.81em;
  978. 976.  -   margin-bottom: 5px;
  979. 977.  -   z-index: 1;
  980. 978.  - }
  981. 979.  - .im_doc_photo_href:hover {
  982. 980.  -   text-decoration: none;
  983. 981.  - }
  984. 982.  - #im_media_preview,
  985. 983.  - #im_media_dpreview,
  986. 984.  - #im_media_mpreview {
  987. 985.  -   position: relative;
  988. 986.  -   margin-bottom: 0;
  989. 987.  - }
  990. 988.  - #im_docs_preview {
  991. 989.  -   position: relative;
  992. 990.  - }
  993. 991.  - #im_media_preview .im_media_x,
  994. 992.  - #im_media_dpreview .im_media_x,
  995. 993.  - #im_media_mpreview .im_media_x {
  996. 994.  -   position: relative;
  997. 995.  -   z-index: 105;
  998. 996.  -   background: #222;
  999. 997.  -   background: rgba(0, 0, 0, 0.5);
  1000. 998.  -
  1001. 999.  -   -webkit-border-radius: 3px;
  1002. 1000.  -   -moz-border-radius: 3px;
  1003. 1001.  -   border-radius: 3px;
  1004. 1002.  -   padding: 3px;
  1005. 1003.  -
  1006. 1004.  -   cursor: pointer;
  1007. 1005.  -   margin-left: -13px;
  1008. 1006.  - }
  1009. 1007.  - #im_media_preview .im_media_x:hover .im_x,
  1010. 1008.  - #im_media_dpreview .im_media_x:hover .im_x,
  1011. 1009.  - #im_media_mpreview .im_media_x:hover .im_x {
  1012. 1010.  -   opacity: 0.8;
  1013. 1011.  -   filter: alpha(opacity=80);
  1014. 1012.  - }
  1015. 1013.  - #im_docs_preview .im_media_x,
  1016. 1014.  - #im_sdocs_preview .im_media_x {
  1017. 1015.  -   cursor: pointer;
  1018. 1016.  -   margin: 6px 5px 0px;
  1019. 1017.  -   background: url(/images/pics/statusx_op.gif) no-repeat 0 0;
  1020. 1018.  -   opacity: 0.6;
  1021. 1019.  -   filter: alpha(opacity=60);
  1022. 1020.  -   height: 11px;
  1023. 1021.  -   width: 11px;
  1024. 1022.  - }
  1025. 1023.  - #im_media_dpreview .pam_dpic .im_media_x {
  1026. 1024.  -   position: absolute;
  1027. 1025.  -   right: 1px;
  1028. 1026.  -   top: 1px;
  1029. 1027.  - }
  1030. 1028.  - #im_media_preview .im_x,
  1031. 1029.  - #im_media_dpreview .im_x,
  1032. 1030.  - #im_media_mpreview .im_x {
  1033. 1031.  -   display: block;
  1034. 1032.  -   background: url("/images/notifier_close.gif") no-repeat scroll 0 0 transparent;
  1035. 1033.  -   opacity: 0.6;
  1036. 1034.  -   filter: alpha(opacity=60);
  1037. 1035.  -
  1038. 1036.  -   width: 7px;
  1039. 1037.  -   height: 7px;
  1040. 1038.  - }
  1041. 1039.  -
  1042. 1040.  - #im_reading,
  1043. 1041.  - #im_rcpt {
  1044. 1042.  -   cursor: default;
  1045. 1043.  -   overflow: hidden;
  1046. 1044.  -   padding: 6px 0 0 5px;
  1047. 1045.  - }
  1048. 1046.  - #im_reading {
  1049. 1047.  -   color: #777;
  1050. 1048.  -   white-space: nowrap;
  1051. 1049.  -   overflow: hidden;
  1052. 1050.  -   width: 150px;
  1053. 1051.  -   -o-text-overflow: ellipsis;
  1054. 1052.  -   text-overflow: ellipsis;
  1055. 1053.  - }
  1056. 1054.  - .im_typing_wrap {
  1057. 1055.  -   padding: 13px 0 0;
  1058. 1056.  -   min-height: 1.7em;
  1059. 1057.  -   *height: 1.7em;
  1060. 1058.  -   max-height: 2.5em;
  1061. 1059.  - }
  1062. 1060.  - .im_typing {
  1063. 1061.  -   opacity: 0;
  1064. 1062.  -   filter: alpha(opacity=0);
  1065. 1063.  -   color: #777;
  1066. 1064.  -   background: url(/images/icons/typing.gif?1) 0 2px no-repeat;
  1067. 1065.  -   margin: 0 144px 0 130px;
  1068. 1066.  -   padding: 1px 0 0 20px;
  1069. 1067.  - }
  1070. 1068.  - .im_lastact {
  1071. 1069.  -   color: #777;
  1072. 1070.  -   margin: 0 144px 0 130px;
  1073. 1071.  -   padding: 0px 0px 6px 0px;
  1074. 1072.  - }
  1075. 1073.  -
  1076. 1074.  - /* Friends list */
  1077. 1075.  - #im_friends {
  1078. 1076.  -   padding: 0;
  1079. 1077.  -   word-wrap: break-word;
  1080. 1078.  - }
  1081. 1079.  - .im_friend {
  1082. 1080.  -   border-bottom: 1px solid #e4e8ed;
  1083. 1081.  -   color: #2B587A;
  1084. 1082.  -   font-weight: bold;
  1085. 1083.  -   padding: 8px 10px;
  1086. 1084.  -   height: 32px;
  1087. 1085.  -   cursor: pointer;
  1088. 1086.  - }
  1089. 1087.  - /*.im_friend:last-child {
  1090. 1088.  -   border-bottom: 0;
  1091. 1089.  - }*/
  1092. 1090.  - .im_friend div {
  1093. 1091.  -   padding: 9px 6px 0;
  1094. 1092.  -   width: 150px;
  1095. 1093.  -   height: 14px;
  1096. 1094.  -   -o-text-overflow: ellipsis;
  1097. 1095.  -   text-overflow: ellipsis;
  1098. 1096.  -   overflow: hidden;
  1099. 1097.  - }
  1100. 1098.  - .im_chat div {
  1101. 1099.  -   width: 218px;
  1102. 1100.  - }
  1103. 1101.  -
  1104. 1102.  - .im_friend img {
  1105. 1103.  -   width: 32px;
  1106. 1104.  -   height: 32px;
  1107. 1105.  -   overflow: hidden;
  1108. 1106.  -   padding-right: 6px;
  1109. 1107.  - }
  1110. 1108.  -
  1111. 1109.  - .im_friend div em, .im_friend_over div em {
  1112. 1110.  -   background-color: #FFF8CC;
  1113. 1111.  -   border-bottom: 1px solid #FFE222;
  1114. 1112.  -   padding: 0;
  1115. 1113.  -   font-weight: bold;
  1116. 1114.  -   font-style: normal;
  1117. 1115.  - }
  1118. 1116.  -
  1119. 1117.  - .im_friend div.online {
  1120. 1118.  -   float: none;
  1121. 1119.  -   width: auto;
  1122. 1120.  -   height: auto;
  1123. 1121.  -   padding-top: 9px;
  1124. 1122.  -   color: #738392;
  1125. 1123.  -   font-weight: normal;
  1126. 1124.  - }
  1127. 1125.  - .im_friend_over {
  1128. 1126.  -   background: #edf1f5;
  1129. 1127.  - }
  1130. 1128.  - #im_filter_out {
  1131. 1129.  -   clear: both;
  1132. 1130.  -   padding: 5px;
  1133. 1131.  -   position: relative;
  1134. 1132.  - }
  1135. 1133.  - #im_filter {
  1136. 1134.  -   margin: 0;
  1137. 1135.  -   padding: 4px 20px 5px 20px;
  1138. 1136.  -   width: 304px;
  1139. 1137.  -   height: 15px;
  1140. 1138.  -   line-height: 15px;
  1141. 1139.  -   background: #FFF url(/images/magglass.png) no-repeat 5px 6px;
  1142. 1140.  - }
  1143. 1141.  - #im_filter::-ms-clear {
  1144. 1142.  -   display: none;
  1145. 1143.  - }
  1146. 1144.  - #im_filter::-webkit-input-placeholder {
  1147. 1145.  -   padding: 0 2px;
  1148. 1146.  - }
  1149. 1147.  - #im_filter:moz-input-placeholder {
  1150. 1148.  -   padding: 0 2px;
  1151. 1149.  - }
  1152. 1150.  - #im_filter_out .input_back_content {
  1153. 1151.  -   height: 15px;
  1154. 1152.  -   line-height: 15px;
  1155. 1153.  - }
  1156. 1154.  - #im_filter_reset {
  1157. 1155.  -   cursor: pointer;
  1158. 1156.  -   display: none;
  1159. 1157.  -   background: transparent url(/images/icons/input_clear.gif) 5px 7px no-repeat;
  1160. 1158.  -   padding: 5px;
  1161. 1159.  -   width: 11px;
  1162. 1160.  -   height: 11px;
  1163. 1161.  -   margin-left: -23px;
  1164. 1162.  -   opacity: 0.5;
  1165. 1163.  -   filter: alpha(opacity=50);
  1166. 1164.  -   position: relative;
  1167. 1165.  -   z-index: 100;
  1168. 1166.  - }
  1169. 1167.  -
  1170. 1168.  - .im_none {
  1171. 1169.  -   font-size: 1.09em;
  1172. 1170.  -   line-height: 160%;
  1173. 1171.  -   margin: 0px 10px;
  1174. 1172.  -   padding: 130px 0px;
  1175. 1173.  -   text-align: center;
  1176. 1174.  -   color: #777;
  1177. 1175.  -   display: none;
  1178. 1176.  - }
  1179. 1177.  -
  1180. 1178.  - #transport_frame {
  1181. 1179.  -   position: absolute;
  1182. 1180.  -   width: 10px;
  1183. 1181.  -   height: 10px;
  1184. 1182.  -   top: -100px
  1185. 1183.  - }
  1186. 1184.  -
  1187. 1185.  - /* Scroll with fixed head and side menu */
  1188. 1186.  - .im_fixed_nav {
  1189. 1187.  -   overflow-x: hidden;
  1190. 1188.  - }
  1191. 1189.  - .im_fixed_nav #wrap1, .im_fixed_nav #wrap3 {
  1192. 1190.  -   border-bottom: 0px;
  1193. 1191.  - }
  1194. 1192.  - .im_fixed_nav #page_header,
  1195. 1193.  - .im_fixed_nav #side_bar {
  1196. 1194.  -   position: fixed;
  1197. 1195.  -   z-index: 120;
  1198. 1196.  - }
  1199. 1197.  - .im_fixed_nav_loading #page_header {
  1200. 1198.  -   top: 0;
  1201. 1199.  -   width: 791px;
  1202. 1200.  - }
  1203. 1201.  - .im_fixed_nav #side_bar {
  1204. 1202.  -   top: 40px;
  1205. 1203.  -   z-index: 119;
  1206. 1204.  - }
  1207. 1205.  - .im_fixed_nav #im_nav_wrap {
  1208. 1206.  -   top: 40px;
  1209. 1207.  -   width: 627px;
  1210. 1208.  - }
  1211. 1209.  - .im_fixed_nav #im_controls_wrap {
  1212. 1210.  -   width: 627px;
  1213. 1211.  -   bottom: -2px;
  1214. 1212.  - }
  1215. 1213.  -
  1216. 1214.  - .im_fixed_nav #im_nav_wrap, .im_fixed_nav #im_controls_wrap {
  1217. 1215.  -   position: fixed;
  1218. 1216.  -   z-index: 101;
  1219. 1217.  - }
  1220. 1218.  - .im_fixed_nav #im_controls_wrap {
  1221. 1219.  -   z-index: 103;
  1222. 1220.  - }
  1223. 1221.  - .im_fixed_nav #im_rows_wrap {
  1224. 1222.  -   height: auto;
  1225. 1223.  - }
  1226. 1224.  - .im_fixed_nav #footer_wrap {
  1227. 1225.  -   display: none;
  1228. 1226.  - }
  1229. 1227.  - .im_fixed_nav_loading #im_content {
  1230. 1228.  -   padding: 121px 0 110px;
  1231. 1229.  - }
  1232. 1230.  - .im_fixed_nav_loading #im_rows {
  1233. 1231.  -   height: 2000px;
  1234. 1232.  - }
  1235. 1233.  - .im_fixed_nav_loading .im_peer_rows {
  1236. 1234.  -   visibility: hidden;
  1237. 1235.  - }
  1238. 1236.  - .im_fixed_nav_loading #im_fixed_nav_progress_wrap {
  1239. 1237.  -   position: relative;
  1240. 1238.  - }
  1241. 1239.  - .im_fixed_nav_loading #im_fixed_nav_progress {
  1242. 1240.  -   position: absolute;
  1243. 1241.  -   width: 631px;
  1244. 1242.  -   padding: 100px 0;
  1245. 1243.  -   height: 20px;
  1246. 1244.  -   background: url(/images/progress7.gif) 50% 50% no-repeat;
  1247. 1245.  - }
  1248. 1246.  -
  1249. 1247.  - #im_rows_wrap {
  1250. 1248.  -   overflow: hidden;
  1251. 1249.  - }
  1252. 1250.  - .im_rows {
  1253. 1251.  -   padding: 10px 0 0;
  1254. 1252.  - }
  1255. 1253.  - #im_rows0, #im_rows-1 {
  1256. 1254.  -   padding: 0;
  1257. 1255.  - }
  1258. 1256.  - #im_rows {
  1259. 1257.  -   position: relative;
  1260. 1258.  - }
  1261. 1259.  - .im_fixed_nav .im_peer_rows {
  1262. 1260.  -   position: absolute;
  1263. 1261.  -   bottom: 0;
  1264. 1262.  -   width: 100%;
  1265. 1263.  - }
  1266. 1264.  -
  1267. 1265.  -
  1268. 1266.  - /* Multi styles */
  1269. 1267.  - #im_friends_all_wrap,
  1270. 1268.  - #im_friends_sel_wrap {
  1271. 1269.  -   width: 290px;
  1272. 1270.  -   padding: 0 10px;
  1273. 1271.  -   vertical-align: top;
  1274. 1272.  - }
  1275. 1273.  - #im_friends_all_wrap {
  1276. 1274.  -   border-right: 1px solid #DBDEE5;
  1277. 1275.  - }
  1278. 1276.  - #im_friends_yes_wrap {
  1279. 1277.  -   display: none;
  1280. 1278.  - }
  1281. 1279.  - #im_friends_none {
  1282. 1280.  -   padding: 60px;
  1283. 1281.  -   color: #767676;
  1284. 1282.  -   font-size: 1.09em;
  1285. 1283.  -   text-align: center;
  1286. 1284.  -   line-height: 160%;
  1287. 1285.  - }
  1288. 1286.  - #im_friends_sel_count {
  1289. 1287.  -   padding: 15px;
  1290. 1288.  -   color: #767676;
  1291. 1289.  -   text-align: center;
  1292. 1290.  - }
  1293. 1291.  - #im_chat_title_input {
  1294. 1292.  -   margin: 0 0 10px;
  1295. 1293.  -   width: 152px;
  1296. 1294.  - }
  1297. 1295.  - #im_friends_sel_stats {
  1298. 1296.  -   width: 160px;
  1299. 1297.  -   margin: 0 auto;
  1300. 1298.  - }
  1301. 1299.  - #im_chat_start_wrap {
  1302. 1300.  -   text-align: center;
  1303. 1301.  - }
  1304. 1302.  - #im_chat_start {
  1305. 1303.  -   width: 158px;
  1306. 1304.  - }
  1307. 1305.  - #im_write, #im_leave, #im_appoint {
  1308. 1306.  -   float: none;
  1309. 1307.  -   padding-bottom: 0;
  1310. 1308.  - }
  1311. 1309.  - #im_friends_multi {
  1312. 1310.  -   display: none;
  1313. 1311.  - }
  1314. 1312.  - .im_chat_event .im_log_body {
  1315. 1313.  -   color: #777;
  1316. 1314.  - }
  1317. 1315.  - #privacy_chat_actions {
  1318. 1316.  -   float: none;
  1319. 1317.  -   padding: 0;
  1320. 1318.  - }
  1321. 1319.  - #privacy_dropdown #privacy_l_item201,
  1322. 1320.  - #privacy_dropdown #privacy_l_item202,
  1323. 1321.  - #privacy_dropdown #privacy_l_item203 {
  1324. 1322.  -   padding-left: 5px;
  1325. 1323.  - }
  1326. 1324.  - #privacy_l_item201 .privacy_item_icon,
  1327. 1325.  - #privacy_l_item202 .privacy_item_icon,
  1328. 1326.  - #privacy_l_item203 .privacy_item_icon {
  1329. 1327.  -   background-image: url(/images/icons/mono_iconset.gif?8);
  1330. 1328.  -   float: right;
  1331. 1329.  -   background-position: left 0;
  1332. 1330.  -   background-repeat: no-repeat;
  1333. 1331.  -   width: 11px;
  1334. 1332.  -   height: 11px;
  1335. 1333.  -   margin-top: 1px;
  1336. 1334.  -   *position: relative;
  1337. 1335.  - }
  1338. 1336.  - #privacy_l_item201 .privacy_item_icon { background-position: 0 -30px; }
  1339. 1337.  - #privacy_l_item202 .privacy_item_icon { background-position: 0 -75px; }
  1340. 1338.  - #privacy_l_item203 .privacy_item_icon { background-position: 0 -222px; }
  1341. 1339.  -
  1342. 1340.  -
  1343. 1341.  - #im_chatbox_list_members {
  1344. 1342.  -   width: 453px;
  1345. 1343.  -   padding: 0 0 0 5px;
  1346. 1344.  -   margin-top: -5px;
  1347. 1345.  - }
  1348. 1346.  - .im_chatbox_list_wrap {
  1349. 1347.  -   padding: 10px 10px 15px;
  1350. 1348.  -   overflow-y: scroll;
  1351. 1349.  -   overflow-x: hidden;
  1352. 1350.  -   height: 300px;
  1353. 1351.  -   position: relative;
  1354. 1352.  - }
  1355. 1353.  - .im_chatbox_mem_wrap {
  1356. 1354.  -   padding-top: 15px;
  1357. 1355.  - }
  1358. 1356.  - div.im_chatbox_mem_photo {
  1359. 1357.  -   padding-right: 15px;
  1360. 1358.  -   width: 50px;
  1361. 1359.  -   height: 50px;
  1362. 1360.  -   overflow: hidden;
  1363. 1361.  - }
  1364. 1362.  - img.im_chatbox_mem_photo {
  1365. 1363.  -   width: 50px;
  1366. 1364.  -   height: 50px;
  1367. 1365.  -   -moz-border-radius: 3px;
  1368. 1366.  -   -webkit-border-radius: 3px;
  1369. 1367.  -   border-radius: 3px;
  1370. 1368.  - }
  1371. 1369.  - .im_chatbox_mem_info {
  1372. 1370.  -   padding-top: 2px;
  1373. 1371.  - }
  1374. 1372.  - .im_chatbox_mem_name {
  1375. 1373.  -   font-weight: bold;
  1376. 1374.  - }
  1377. 1375.  - .im_chatbox_mem_online {
  1378. 1376.  -   font-weight: normal;
  1379. 1377.  -   color: #777;
  1380. 1378.  -   padding-left: 5px;
  1381. 1379.  - }
  1382. 1380.  - .im_chatbox_mem_info {
  1383. 1381.  -   width: 240px;
  1384. 1382.  -   padding-top: 8px;
  1385. 1383.  -   color: #777;
  1386. 1384.  - }
  1387. 1385.  - .im_chatbox_mem_control {
  1388. 1386.  -   display: block;
  1389. 1387.  -   width: 120px;
  1390. 1388.  -   padding: 5px;
  1391. 1389.  - }
  1392. 1390.  - a.im_chatbox_mem_control:hover {
  1393. 1391.  -   background-color: #E1E7ED;
  1394. 1392.  -   text-decoration: none;
  1395. 1393.  - }
  1396. 1394.  -
  1397. 1395.  - .im_change_topic_label {
  1398. 1396.  -   padding-top: 4px;
  1399. 1397.  -   padding-right: 10px;
  1400. 1398.  -   color: #777;
  1401. 1399.  -   width: 170px;
  1402. 1400.  - }
  1403. 1401.  - #im_change_topic_val {
  1404. 1402.  -   width: 142px;
  1405. 1403.  - }
  1406. 1404.  -
  1407. 1405.  - /* IM submit hint */
  1408. 1406.  - .im_submit_hint_wrap {
  1409. 1407.  -   width: 210px;
  1410. 1408.  -   /*height: 110px;*/
  1411. 1409.  -   /* padding: 10px; */
  1412. 1410.  -   padding: 8px 5px 8px;
  1413. 1411.  - }
  1414. 1412.  - .im_submit_hint_title {
  1415. 1413.  -   color: #2A5779;
  1416. 1414.  -   font-weight: bold;
  1417. 1415.  -   padding-bottom: 2px;
  1418. 1416.  - }
  1419. 1417.  - #im_submit_hint_opts .radiobtn {
  1420. 1418.  -   color: #000;
  1421. 1419.  -   padding: 10px 0 5px 19px;
  1422. 1420.  -   line-height: 160%;
  1423. 1421.  -   position: relative;
  1424. 1422.  - }
  1425. 1423.  - #im_submit_hint_opts .radiobtn div {
  1426. 1424.  -   position: absolute;
  1427. 1425.  -   left: 0;
  1428. 1426.  -   top: 12px;
  1429. 1427.  -   /*margin: 2px 5px 6px 0;*/
  1430. 1428.  - }
  1431. 1429.  - .im_submit_side_tt .side_sh {
  1432. 1430.  -   display: table-cell !important;
  1433. 1431.  - }
  1434. 1432.  - .im_submit_tail_wrap {
  1435. 1433.  -   left: 233px;
  1436. 1434.  -   position: absolute;
  1437. 1435.  -   /*top: 107px;*/
  1438. 1436.  -   bottom: 18px;
  1439. 1437.  -   z-index: 2001;
  1440. 1438.  - }
  1441. 1439.  - .im_submit_tail {
  1442. 1440.  -   background: url(/images/ddtooltip.png) -8px 0 no-repeat;
  1443. 1441.  -   width: 8px;
  1444. 1442.  -   height: 11px;
  1445. 1443.  - }
  1446. 1444.  - .im_friend_not_found, .im_find_in_mail {
  1447. 1445.  -   color: #6b839d;
  1448. 1446.  -   padding: 17px 10px;
  1449. 1447.  -   text-align: center;
  1450. 1448.  -   background: #edf0f5;
  1451. 1449.  -   border-bottom: 1px solid #E4E8ED;
  1452. 1450.  - }
  1453. 1451.  - a.im_find_in_mail {
  1454. 1452.  -   background: #f5f8fc;
  1455. 1453.  -   font-weight: normal;
  1456. 1454.  -   height: auto;
  1457. 1455.  -   display: block;
  1458. 1456.  - }
  1459. 1457.  - a.im_find_in_mail:hover {
  1460. 1458.  -   text-decoration: none;
  1461. 1459.  - }
  1462. 1460.  - a.im_find_in_mail.im_friend_over {
  1463. 1461.  -   background: #edf1f5;
  1464. 1462.  - }
  1465. 1463.  -
  1466. 1464.  - /* IM mail forward */
  1467. 1465.  - .media_mail_icon {
  1468. 1466.  -   float: left;
  1469. 1467.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -294px;
  1470. 1468.  -   width: 11px;
  1471. 1469.  -   height: 11px;
  1472. 1470.  -   margin-right: 3px;
  1473. 1471.  -   margin-top: 3px;
  1474. 1472.  - }
  1475. 1473.  - .im_preview_mail_wrap .media_mail_icon {
  1476. 1474.  -   margin-left: 3px;
  1477. 1475.  - }
  1478. 1476.  - .im_single_log_wrap {
  1479. 1477.  -   max-height: 600px;
  1480. 1478.  -   *height: 600px;
  1481. 1479.  -   max-width: 5000px;
  1482. 1480.  -   overflow: auto;
  1483. 1481.  -   position: relative;
  1484. 1482.  - }
  1485. 1483.  - .im_single_log_wrap .im_log_body {
  1486. 1484.  -   width: 5000px;
  1487. 1485.  - }
  1488. 1486.  - .im_single_log {
  1489. 1487.  -   padding: 5px 10px;
  1490. 1488.  -   position: relative;
  1491. 1489.  - }
  1492. 1490.  - .im_single_log_no_author {
  1493. 1491.  -   padding-top: 0;
  1494. 1492.  -   padding-bottom: 10px;
  1495. 1493.  - }
  1496. 1494.  - .im_browse_msg_images {
  1497. 1495.  -   padding-top: 4px;
  1498. 1496.  - }
  1499. 1497.  - .im_failed .im_log_author,
  1500. 1498.  - .im_failed .im_log_body,
  1501. 1499.  - .im_failed .im_log_date
  1502. 1500.  - {
  1503. 1501.  -   background: #FDF5F2;
  1504. 1502.  - }
  1505. 1503.  -
  1506. 1504.  - .im_write {
  1507. 1505.  -   background: #F7F7F7;
  1508. 1506.  -   padding: 8px 103px 70px;
  1509. 1507.  - }
  1510. 1508.  - .imw_header {
  1511. 1509.  -   color: #45688E;
  1512. 1510.  -   font-size: 1.09em;
  1513. 1511.  -   line-height: 1.27em;
  1514. 1512.  -   margin: 0px;
  1515. 1513.  -   padding: 24px 0px 9px;
  1516. 1514.  -   font-size: 1.09em;
  1517. 1515.  - }
  1518. 1516.  - #imw_ava {
  1519. 1517.  -   position: absolute;
  1520. 1518.  -   margin: 27px -62px 0px;
  1521. 1519.  - }
  1522. 1520.  - #imw_ava .wdd_img_layer {
  1523. 1521.  -   background: #F7F7F7;
  1524. 1522.  - }
  1525. 1523.  - #limw_inp {
  1526. 1524.  -   width: 382px;
  1527. 1525.  -   font-size: 1em;
  1528. 1526.  -   font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
  1529. 1527.  - }
  1530. 1528.  - #imw_attach {
  1531. 1529.  -   margin: 6px 0px 0px;
  1532. 1530.  - }
  1533. 1531.  - .imw_text_wrap {
  1534. 1532.  -   padding-bottom: 14px;
  1535. 1533.  - }
  1536. 1534.  - #imw_text {
  1537. 1535.  -   width: 389px;
  1538. 1536.  -   height: 90px;
  1539. 1537.  -   padding: 5px 25px 5px 5px;
  1540. 1538.  -   vertical-align: top;
  1541. 1539.  -   margin: 0px;
  1542. 1540.  -   outline: 0;
  1543. 1541.  - }
  1544. 1542.  - #imw_editable {
  1545. 1543.  -   width: 389px;
  1546. 1544.  -   min-height: 90px;
  1547. 1545.  -   max-height: 400px;
  1548. 1546.  -   padding: 5px 25px 5px 5px;
  1549. 1547.  -   vertical-align: top;
  1550. 1548.  -   -webkit-border-radius: 0px;
  1551. 1549.  -   -moz-border-radius: 0px;
  1552. 1550.  -   border-radius: 0px;
  1553. 1551.  -   margin: 0;
  1554. 1552.  -   overflow: auto;
  1555. 1553.  - }
  1556. 1554.  - .is_rtl1 #imw_text,
  1557. 1555.  - .is_rtl1 #imw_editable {
  1558. 1556.  -   padding: 5px 5px 5px 25px;
  1559. 1557.  - }
  1560. 1558.  - #imw_warn {
  1561. 1559.  -   color: #777;
  1562. 1560.  -   padding-bottom: 14px;
  1563. 1561.  -   display: none;
  1564. 1562.  - }
  1565. 1563.  - #imw_media_preview {
  1566. 1564.  -   padding-bottom: 6px;
  1567. 1565.  -   display: none;
  1568. 1566.  - }
  1569. 1567.  - #imw_title_wrap {
  1570. 1568.  -   display: none;
  1571. 1569.  - }
  1572. 1570.  - #imw_title {
  1573. 1571.  -   width: 409px;
  1574. 1572.  -   padding: 6px 5px 8px;
  1575. 1573.  - }
  1576. 1574.  -
  1577. 1575.  - .im_title_wrap {
  1578. 1576.  -   padding-bottom: 8px;
  1579. 1577.  -   display: none;
  1580. 1578.  - }
  1581. 1579.  - .im_title {
  1582. 1580.  -   width: 350px;
  1583. 1581.  - }
  1584. 1582.  - .im_subj {
  1585. 1583.  -   font-weight: bold;
  1586. 1584.  -   margin: 2px 0px 4px;
  1587. 1585.  - }
  1588. 1586.  - .dialogs_msg_text .im_subj {
  1589. 1587.  -   margin-top: 0px;
  1590. 1588.  - }
  1591. 1589.  -
  1592. 1590.  -
  1593. 1591.  -
  1594. 1592.  - #im_rows .im_wall_log_wrap .wall_post_text,
  1595. 1593.  - #im_rows .im_wall_log_wrap .wall_text {
  1596. 1594.  -   width: 290px;
  1597. 1595.  - }
  1598. 1596.  - #im_rows .published_by_quote .im_wall_log_wrap .wall_post_text,
  1599. 1597.  - #im_rows .published_by_quote .im_wall_log_wrap .wall_text {
  1600. 1598.  -   width: 280px;
  1601. 1599.  - }
  1602. 1600.  - #im_rows .page_poll_code {
  1603. 1601.  -   display: none;
  1604. 1602.  - }
  1605. 1603.  -
  1606. 1604.  -
  1607. 1605.  - .im_switch_notify {
  1608. 1606.  -   background: #FFFFFF;
  1609. 1607.  -   color: #000000;
  1610. 1608.  -   width: 340px;
  1611. 1609.  -   padding: 13px 12px;
  1612. 1610.  -   border: 1px solid #96AABE;
  1613. 1611.  -   background: #FFF;
  1614. 1612.  -   line-height: 160%;
  1615. 1613.  - }
  1616. 1614.  - .im_switch_notify_btn {
  1617. 1615.  -   padding-top: 7px;
  1618. 1616.  - }
  1619. 1617.  - .im_switch_notify_title {
  1620. 1618.  -   padding-bottom: 2px;
  1621. 1619.  - }
  1622. 1620.  - .im_switch_notify_pointer {
  1623. 1621.  -   left: 20px;
  1624. 1622.  -   background: url(/images/ddtooltip.png) 0px -5px no-repeat;
  1625. 1623.  -   width: 16px;
  1626. 1624.  -   height: 8px;
  1627. 1625.  -   position: absolute;
  1628. 1626.  -   bottom: -5px;
  1629. 1627.  -   overflow: hidden;
  1630. 1628.  -   z-index: 10;
  1631. 1629.  - }
  1632. 1630.  -
  1633. 1631.  - b.im_status_mob_onl {
  1634. 1632.  -   background-position: -31px 0px;
  1635. 1633.  -   *background-position: -31px -1px;
  1636. 1634.  - }
  1637. 1635.  -
  1638. 1636.  - b.dialogs_mob_onl {
  1639. 1637.  -   background-position: -1px 0px;
  1640. 1638.  -   *background-position: -1px -1px;
  1641. 1639.  - }
  1642. 1640.  - .dialogs_row_over b.dialogs_mob_onl,
  1643. 1641.  - .dialogs_new_msg b.dialogs_mob_onl {
  1644. 1642.  -   background-position: -21px 0px;
  1645. 1643.  -   *background-position: -21px -1px;
  1646. 1644.  - }
  1647. 1645.  - b.im_friend_mob_onl {
  1648. 1646.  -   background-position: -11px 0px;
  1649. 1647.  -   *background-position: -11px -1px;
  1650. 1648.  - }
  1651. 1649.  -
  1652. 1650.  -
  1653. 1651.  - /* Suspicious messages */
  1654. 1652.  - .im_msg_susp_title {
  1655. 1653.  -   color: #777;
  1656. 1654.  - }
  1657. 1655.  - .im_msg_susp_wrap_done .im_msg_susp_title,
  1658. 1656.  - .im_msg_susp_wrap_opened .im_msg_susp_title,
  1659. 1657.  - .im_msg_susp_wrap .im_fwd_log_wrap,
  1660. 1658.  - .im_msg_susp {
  1661. 1659.  -   display: none;
  1662. 1660.  - }
  1663. 1661.  - .im_msg_susp_wrap_opened .im_msg_susp,
  1664. 1662.  - .im_msg_susp_wrap_done .im_msg_susp,
  1665. 1663.  - .im_msg_susp_wrap_done .im_fwd_log_wrap {
  1666. 1664.  -   display: block;
  1667. 1665.  - }
  1668. 1666.  -
  1669. 1667.  - /* Emoji */
  1670. 1668.  - .im_editable {
  1671. 1669.  -   background: #FFFFFF;
  1672. 1670.  -   color: black;
  1673. 1671.  -   border: 1px solid #C0CAD5;
  1674. 1672.  -   width: 328px;
  1675. 1673.  -   min-height: 40px;
  1676. 1674.  -   padding: 3px 25px 3px 3px;
  1677. 1675.  -   padding-bottom: 5px;
  1678. 1676.  -   margin-bottom: 3px;
  1679. 1677.  -   outline: 0;
  1680. 1678.  -   -moz-border-radius: 2px;
  1681. 1679.  -   -webkit-border-radius: 2px;
  1682. 1680.  -   border-radius: 2px;
  1683. 1681.  -   line-height: 150%;
  1684. 1682.  -   word-wrap: break-word;
  1685. 1683.  -   cursor: text;
  1686. 1684.  - }
  1687. 1685.  - .im_editable p {
  1688. 1686.  -   margin: 0px;
  1689. 1687.  -   padding: 0px;
  1690. 1688.  - }
  1691. 1689.  - #im_smile,
  1692. 1690.  - #imw_smile {
  1693. 1691.  -   position: absolute;
  1694. 1692.  -   z-index: 100;
  1695. 1693.  -   padding: 0px;
  1696. 1694.  -   margin: 1px 1px 0px 0px;
  1697. 1695.  -   right: 0px;
  1698. 1696.  -   cursor: pointer;
  1699. 1697.  -   opacity: 0.7;
  1700. 1698.  -   filter: alpha(opacity=70);
  1701. 1699.  - }
  1702. 1700.  - .is_rtl1 #imw_smile {
  1703. 1701.  -   left: 0px;
  1704. 1702.  -   right: auto;
  1705. 1703.  - }
  1706. 1704.  -
  1707. 1705.  - .im_write .editable_thumbs_wrap {
  1708. 1706.  -   width: 350px;
  1709. 1707.  - }
  1710. 1708.  - #imw_smile .emoji_smile_icon_on {
  1711. 1709.  -   background-position: 1px 0px;
  1712. 1710.  - }
  1713. 1711.  - .im_hidden_textarea {
  1714. 1712.  -   position: absolute;
  1715. 1713.  -   width: 1px;
  1716. 1714.  -   padding: 0px;
  1717. 1715.  -   background: #F2F2F2;
  1718. 1716.  -   opacity: 0;
  1719. 1717.  -   filter: alpha(opacity=0);
  1720. 1718.  -   height: 1px;
  1721. 1719.  -   border: none;
  1722. 1720.  -   resize: none;
  1723. 1721.  - }
  1724. 1722.  - .im_emoji_done {
  1725. 1723.  -   font-size: 1em;
  1726. 1724.  -   font-weight: bold;
  1727. 1725.  - }
  1728. 1726.  - .im_emoji_intro {
  1729. 1727.  -   font-weight: bold;
  1730. 1728.  -   line-height: 160%;
  1731. 1729.  - }
  1732. 1730.  - #im_emoji_expand {
  1733. 1731.  -   display: none;
  1734. 1732.  -   z-index: 100;
  1735. 1733.  -   width: 13px;
  1736. 1734.  -   height: 13px;
  1737. 1735.  -   padding: 7px 6px;
  1738. 1736.  -   left: 174px;
  1739. 1737.  -   bottom: 3px;
  1740. 1738.  -   position: absolute;
  1741. 1739.  - }
  1742. 1740.  - .im_emoji_expand_icon {
  1743. 1741.  -   display: block;
  1744. 1742.  -   width: 13px;
  1745. 1743.  -   height: 9px;
  1746. 1744.  -   background: url('/images/emoji_expand.png?3') 0px 0px no-repeat;
  1747. 1745.  - }
  1748. 1746.  - .im_emoji_locked .emoji {
  1749. 1747.  -   opacity: 0.5;
  1750. 1748.  -   filter: alpha(opacity=50);
  1751. 1749.  - }
  1752. 1750.  - .im_emoji_locked:hover .emoji {
  1753. 1751.  -   opacity: 1;
  1754. 1752.  -   filter: alpha(opacity=100);
  1755. 1753.  - }
  1756. 1754.  - .im_emoji_unlock_tt .tt_text {
  1757. 1755.  -   font-weight: normal;
  1758. 1756.  - }
  1759. 1757.  - .im_unlock_tt_cont {
  1760. 1758.  -   position: absolute;
  1761. 1759.  -   width: 220px;
  1762. 1760.  -   text-align: center;
  1763. 1761.  -   z-index: 100;
  1764. 1762.  -   pointer-events: none;
  1765. 1763.  -   display: none;
  1766. 1764.  - }
  1767. 1765.  - .im_unlock_tt {
  1768. 1766.  -   display: inline-block;
  1769. 1767.  -   background: url('/images/ttb_bg.png');
  1770. 1768.  -   background: rgba(0,0,0,0.7);
  1771. 1769.  -   border-radius: 3px;
  1772. 1770.  -   padding: 4px 7px 4px;
  1773. 1771.  -   color: #FFFFFF;
  1774. 1772.  -   font-size: 1em;
  1775. 1773.  -   text-align: center;
  1776. 1774.  - }
  1777. 1775.  - .im_unlock_pointer {
  1778. 1776.  -   position: absolute;
  1779. 1777.  -   background: url(/images/icons/like_icons_bl.png) -2px -47px no-repeat;
  1780. 1778.  -   width: 13px;
  1781. 1779.  -   height: 7px;
  1782. 1780.  -   margin-left: 104px;
  1783. 1781.  -   margin-top: 0px;
  1784. 1782.  - }
  1785. 1783.  - #im_emoji_info {
  1786. 1784.  -   display: block;
  1787. 1785.  -   text-shadow: 0px 1px 1px #000;
  1788. 1786.  -   padding: 3px 0px 3px;
  1789. 1787.  -   color: #BBB;
  1790. 1788.  -   line-height: 160%;
  1791. 1789.  -   text-align: center;
  1792. 1790.  - }
  1793. 1791.  - .im_emoji_info_link {
  1794. 1792.  -   color: #BBB;
  1795. 1793.  -   font-weight: bold;
  1796. 1794.  - }
  1797. 1795.  - .im_emoji_info_link:hover {
  1798. 1796.  -   color: #EEE;
  1799. 1797.  -   text-decoration: none;
  1800. 1798.  - }
  1801. 1799.  - .im_write .wdd_text {
  1802. 1800.  -   width: 380px;
  1803. 1801.  - }
  1804. 1802.  - .dialogs_msg_text .emoji_css, .dialogs_msg_text .emoji {
  1805. 1803.  -   vertical-align: middle;
  1806. 1804.  - }
  1807. 1805.  - .im_preview_photo {
  1808. 1806.  -   max-width: 80px;
  1809. 1807.  - }
  1810. 1808.  -
  1811. 1809.  - .im_preview_audio_wrap .medadd_aud {
  1812. 1810.  -   width: 330px;
  1813. 1811.  - }
  1814. 1812.  - .im_preview_audio_wrap .medadd_aud .title_wrap {
  1815. 1813.  -   width: 260px;
  1816. 1814.  - }
  1817. 1815.  - #imw_media_preview .medadd_aud {
  1818. 1816.  -   width: 390px;
  1819. 1817.  - }
  1820. 1818.  - #imw_media_preview .medadd_aud .title_wrap {
  1821. 1819.  -   width: 320px;
  1822. 1820.  - }
  1823. 1821.  - #im_rcemoji {
  1824. 1822.  -   width: 400px;
  1825. 1823.  - }
  1826. 1824.  - .im_rc_emojibtn {
  1827. 1825.  -   display: inline-block;
  1828. 1826.  -   *display: block;
  1829. 1827.  -   zoom: 1;
  1830. 1828.  -   padding: 3px 3px;
  1831. 1829.  - }
  1832. 1830.  - .im_rc_emojibtn:hover {
  1833. 1831.  -   background: #D5DDE5;
  1834. 1832.  -   text-decoration: none;
  1835. 1833.  -   -webkit-border-radius: 2px;
  1836. 1834.  -   -khtml-border-radius: 2px;
  1837. 1835.  -   -moz-border-radius: 2px;
  1838. 1836.  -   border-radius: 2px;
  1839. 1837.  - }
  1840. 1838.  - .im_rc_emojibtn:active {
  1841. 1839.  -   background: #C9D2DB;
  1842. 1840.  - }
  1843. 1841.  - .im_rcem_cont {
  1844. 1842.  -   width: 156px;
  1845. 1843.  -   overflow: hidden;
  1846. 1844.  -   padding: 1px 0px 0px 4px;
  1847. 1845.  - }
  1848. 1846.  - .im_peer_multi .im_rcem_cont {
  1849. 1847.  -   width: 132px;
  1850. 1848.  - }
  1851. 1849.  - #imw_buttons .im_rcem_cont {
  1852. 1850.  -   padding: 1px 6px 0px;
  1853. 1851.  - }
  1854. 1852.  - .im_gift_intro {
  1855. 1853.  -   color: #777777;
  1856. 1854.  -   padding: 0px 0px 2px;
  1857. 1855.  - }
  1858. 1856.  - .im_gift_text {
  1859. 1857.  -   padding-top: 2px;
  1860. 1858.  - }
  1861. 1859.  - .im_log_body .im_gift_row {
  1862. 1860.  -   display: block;
  1863. 1861.  -   margin: 15px auto;
  1864. 1862.  -   width: 256px;
  1865. 1863.  -   -webkit-border-radius: 5px;
  1866. 1864.  -   -moz-border-radius: 5px;
  1867. 1865.  -   border-radius: 5px;
  1868. 1866.  -   background: #FFF;
  1869. 1867.  -   padding: 6px;
  1870. 1868.  -   box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  1871. 1869.  -   -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  1872. 1870.  -   -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  1873. 1871.  - }
  1874. 1872.  - .im_gift_msg .im_log_body, .im_gift_msg .im_log_author, .im_gift_msg .im_log_date {
  1875. 1873.  -   background: #F4EBD6;
  1876. 1874.  - }
  1877. 1875.  - .im_gift_msg .im_log_author_chat_name, .im_gift_msg .im_date_link {
  1878. 1876.  -   color: #7F7661;
  1879. 1877.  - }
  1880. 1878.  - .im_gift_msg.im_sel_row .im_log_date a.im_date_link,
  1881. 1879.  - .im_new_msg.im_gift_msg .im_log_date a.im_date_link {
  1882. 1880.  -   color: #7F7661;
  1883. 1881.  - }
  1884. 1882.  - .im_gift_msg .im_msg_text {
  1885. 1883.  -   text-align: center;
  1886. 1884.  -   font-family: Georgia, Lucida Grande, Arial, tahoma, verdana, sans-serif ;
  1887. 1885.  -   font-size: 15px;
  1888. 1886.  -   color: #6a614a;
  1889. 1887.  -   padding: 0px 0px 10px;
  1890. 1888.  - }
  1891. 1889.  - #im_search_btn {
  1892. 1890.  -   margin: 0 10px;
  1893. 1891.  - }
  1894. 1892.  - #im_search_cancel {
  1895. 1893.  -   padding: 6px 7px 7px;
  1896. 1894.  -   cursor: pointer;
  1897. 1895.  -   color: #2B587A;
  1898. 1896.  -   margin: 0 -5px;
  1899. 1897.  - }
  1900. 1898.  - #im_search_cancel:hover {
  1901. 1899.  -   background: #E1E7ED;
  1902. 1900.  - }
  1903. 1901.  -
  1904. 1902.  -
  1905. 1903.  -
  1906. 1904.  - /* New upload form */
  1907. 1905.  - .im_upload_wrap {
  1908. 1906.  -   position: absolute;
  1909. 1907.  -   z-index: 110;
  1910. 1908.  -   padding: 0px;
  1911. 1909.  -   margin: 25px 0px 0px 0px;
  1912. 1910.  -   right: 0px;
  1913. 1911.  -   bottom: 8px;
  1914. 1912.  -   /*bottom: 2px;*/
  1915. 1913.  - }
  1916. 1914.  - .im_upload_wrap .loading {
  1917. 1915.  -   display: none;
  1918. 1916.  - }
  1919. 1917.  - .im_upload_wrap div.im_upload {
  1920. 1918.  -   background: url(/images/icons/attach_photo.gif) center 4px no-repeat;
  1921. 1919.  -   width: 24px;
  1922. 1920.  -   height: 24px;
  1923. 1921.  -   overflow: hidden;
  1924. 1922.  -   position: relative;
  1925. 1923.  -   opacity: 0.7;
  1926. 1924.  -   filter: alpha(opacity=70);
  1927. 1925.  - }
  1928. 1926.  - .im_upload_wrap div.im_upload:hover {
  1929. 1927.  -   opacity: 1;
  1930. 1928.  -   filter: none;
  1931. 1929.  - }
  1932. 1930.  - .im_upload_wrap input {
  1933. 1931.  -   opacity: 0.01;
  1934. 1932.  -   filter: alpha(opacity=1);
  1935. 1933.  -   font-size: 6.54em !important;
  1936. 1934.  -   right: 0px;
  1937. 1935.  -   margin: 0px;
  1938. 1936.  -   padding: 0px;
  1939. 1937.  -   cursor: pointer;
  1940. 1938.  -   position: absolute;
  1941. 1939.  - }
  1942. 1940.  - .im_upload_dropbox {
  1943. 1941.  -   position: absolute;
  1944. 1942.  -   z-index: 130;
  1945. 1943.  -   display: none;
  1946. 1944.  - }
  1947. 1945.  - .im_upload_dropbox_inner {
  1948. 1946.  -   background: #FFF;
  1949. 1947.  -   text-align: center;
  1950. 1948.  -   color: #7F92A5;
  1951. 1949.  -   font-size: 1.09em;
  1952. 1950.  -   border: 1px dashed #A3B6C9;
  1953. 1951.  -   padding: 0 5px;
  1954. 1952.  -   display: table-cell;
  1955. 1953.  -   vertical-align: middle;
  1956. 1954.  -   width: 346px;
  1957. 1955.  - }
  1958. 1956.  - .dropbox_over .im_upload_dropbox_inner {
  1959. 1957.  -   background-color: #E1E7ED;
  1960. 1958.  - }
  1961. 1959.  - .dropbox_over .im_upload_release_label {
  1962. 1960.  -   display: inline;
  1963. 1961.  - }
  1964. 1962.  - .im_upload_release_label, .dropbox_over .im_upload_drop_label {
  1965. 1963.  -   display: none;
  1966. 1964.  - }
  1967. 1965.  - #im_emoji_progress {
  1968. 1966.  -   padding-top: 2px;
  1969. 1967.  - }
  1970. 1968.  - #im_datesearch_wrap {
  1971. 1969.  -   cursor: pointer;
  1972. 1970.  -   padding: 5px 0px 0px;
  1973. 1971.  - }
  1974. 1972.  - #im_search_date {
  1975. 1973.  -   width: 19px;
  1976. 1974.  -   height: 16px;
  1977. 1975.  -   background: url(/images/calendar1.gif?1) no-repeat;
  1978. 1976.  - }
  1979. 1977.  - .im_cal_clear {
  1980. 1978.  -   background: #F2F2F2;
  1981. 1979.  -   padding: 5px 0px;
  1982. 1980.  - }
  1983. 1981.  - .im_cal_clear_lnk {
  1984. 1982.  -   display: block;
  1985. 1983.  -   padding: 5px 0px;
  1986. 1984.  -   text-align: center;
  1987. 1985.  -   margin: 0px auto;
  1988. 1986.  - }
  1989. 1987.  - #im_datesearch_datepicker_container {
  1990. 1988.  -   display: inline;
  1991. 1989.  - }
  1992. 1990.  - #im_datesearch_datepicker_container .datepicker_control {
  1993. 1991.  -   display: none;
  1994. 1992.  - }
  1995. 1993.  - #im_datesearch_datepicker_container .cal_table .day {
  1996. 1994.  -   color: #999;
  1997. 1995.  - }
  1998. 1996.  - #im_datesearch_datepicker_container .cal_table .past_day,
  1999. 1997.  - #im_datesearch_datepicker_container .cal_table .today {
  2000. 1998.  -   color: #000;
  2001. 1999.  - }
  2002. 2000.  - .im_no_search_day #im_day_clear,
  2003. 2001.  - .im_no_search_day #im_month_clear {
  2004. 2002.  -   display: none;
  2005. 2003.  - }
  2006. 2004.  - #im_datesearch_wrap .cal_frame {
  2007. 2005.  -   z-index: 450;
  2008. 2006.  - }
  2009. 2007.  - #im_datesearch_wrap .cal_div {
  2010. 2008.  -   z-index: 480;
  2011. 2009.  - }
  2012. 2010.  -
  2013. 2011.  -
  2014. 2012.  - /* Favorites */
  2015. 2013.  - #im_log_fav_btn i {
  2016. 2014.  -   background: url(/images/icons/im_actions_iconset2.png?8) 0 -281px no-repeat;
  2017. 2015.  -   display: block;
  2018. 2016.  -   width: 20px;
  2019. 2017.  -   height: 20px;
  2020. 2018.  -   cursor: pointer;
  2021. 2019.  - }
  2022. 2020.  - #im_log_fav_btn.im_log_fav_btn__active i {
  2023. 2021.  -   opacity: 0.6;
  2024. 2022.  -   filter: alpha(opacity=60);
  2025. 2023.  - }
  2026. 2024.  - #im_log_fav_btn.im_log_fav_btn__loading i {
  2027. 2025.  -   visibility: hidden;
  2028. 2026.  - }
  2029. 2027.  -
  2030. 2028.  - .im_important_toggler {
  2031. 2029.  -   background: url(/images/icons/im_actions_iconset2.png?8) 0 -258px no-repeat;
  2032. 2030.  -   background-color: rgba(255, 255, 255, 0.5);
  2033. 2031.  -   -moz-border-radius: 2px;
  2034. 2032.  -   -webkit-border-radius: 2px;
  2035. 2033.  -   border-radius: 2px;
  2036. 2034.  -
  2037. 2035.  -   display: block;
  2038. 2036.  -   width: 20px;
  2039. 2037.  -   height: 20px;
  2040. 2038.  -   opacity: 0.6;
  2041. 2039.  -   filter: alpha(opacity=60);
  2042. 2040.  -   position: absolute;
  2043. 2041.  -   margin-left: -22px;
  2044. 2042.  -   margin-top: 0;
  2045. 2043.  -   margin-top: -2px;
  2046. 2044.  -   visibility: hidden;
  2047. 2045.  - }
  2048. 2046.  - .im_msg_over .im_important_toggler {
  2049. 2047.  -   visibility: visible;
  2050. 2048.  - }
  2051. 2049.  - .im_add_row .im_important_toggler {
  2052. 2050.  -   visibility: hidden;
  2053. 2051.  -   margin-top: -1px;
  2054. 2052.  -   margin-left: -2px;
  2055. 2053.  - }
  2056. 2054.  - .im_sel_row .im_important_toggler {
  2057. 2055.  -   visibility: visible;
  2058. 2056.  - }
  2059. 2057.  - .im_important_msg .im_important_toggler {
  2060. 2058.  -   background-position: 0 -239px;
  2061. 2059.  -   opacity: 1;
  2062. 2060.  -   filter: none;
  2063. 2061.  -   visibility: visible;
  2064. 2062.  - }
  2065. 2063.  - .im_sel_row .im_important_toggler,
  2066. 2064.  - .im_new_msg .im_important_toggler {
  2067. 2065.  -   background-position: 0 -239px;
  2068. 2066.  -   background-color: rgba(237, 241, 245, 0.5);
  2069. 2067.  - }
  2070. 2068.  -
  2071. 2069.  - #im_important_btn {
  2072. 2070.  -   margin-right: 10px;
  2073. 2071.  - }
  2074. 2072.  - #im_important_btn button {
  2075. 2073.  -   padding: 5px 10px;
  2076. 2074.  - }
  2077. 2075.  - i.im_important_icon {
  2078. 2076.  -   background: url(/images/icons/im_actions_iconset2.png?8) -2px -281px no-repeat;
  2079. 2077.  -   width: 15px;
  2080. 2078.  -   height: 15px;
  2081. 2079.  -   cursor: pointer;
  2082. 2080.  -   margin-right: 3px;
  2083. 2081.  - }
  2084. 2082.  - span#im_important_count {
  2085. 2083.  -   line-height: 15px;
  2086. 2084.  -   /*font-weight: bold;*/
  2087. 2085.  - }
  2088. 2086.  - #imw_emoji_wrap {
  2089. 2087.  -   position: relative;
  2090. 2088.  - }
  2091. 2089.  - .im_fwd_log_wrapped .page_media_place_label {
  2092. 2090.  -   width: 232px;
  2093. 2091.  - }
  2094. ------
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!