API tools faq
paste
Hormold

VK Change (#1383147007)

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