API tools faq
paste
Hormold

VK Change (#1392450303)

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