API tools faq
paste
Hormold

VK Change (#1390587304)

Hormold
Jan 24th, 2014
6,604
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 212.12 KB | None | 0 0
raw download clone embed print report
  1. Файл - page.css (Старый размер - 110672 | Новый - 0):
  2. 0.  - #page_css {
  3. 1.  -   display: none;
  4. 2.  - }
  5. 3.  -
  6. 4.  - .wide_column {
  7. 5.  -   padding-bottom: 10px;
  8. 6.  -   width: 397px;
  9. 7.  - }
  10. 8.  - .narrow_column {
  11. 9.  -   padding-bottom: 10px;
  12. 10.  -   width: 200px;
  13. 11.  - }
  14. 12.  -
  15. 13.  - .page_wide_no_narrow .narrow_column {
  16. 14.  -   display: none;
  17. 15.  - }
  18. 16.  - .page_wide_no_narrow .wide_wall_module {
  19. 17.  -   padding: 0;
  20. 18.  - }
  21. 19.  - .page_wide_no_narrow .wide_column {
  22. 20.  -   width: auto;
  23. 21.  - }
  24. 22.  - .page_wide_no_narrow #info_module_wrap,
  25. 23.  - .page_wide_no_narrow #info_module_wrap .info_tabs.no_edit,
  26. 24.  - .page_wide_no_narrow #info_module_wrap .info_tab {
  27. 25.  -   /*width: auto; (auto means 1191px in some cases) */
  28. 26.  -   width: 597px;
  29. 27.  - }
  30. 28.  -
  31. 29.  - .public_info .short_text,
  32. 30.  - .group_info .short_text {
  33. 31.  -   background: #FFF;
  34. 32.  -   cursor: pointer;
  35. 33.  - }
  36. 34.  - .page_desc_full {
  37. 35.  -   position: relative;
  38. 36.  -   top: 2px;
  39. 37.  -   font-weight: bold;
  40. 38.  -   color: #91A4B8;
  41. 39.  -   -webkit-transition: color 200ms linear;
  42. 40.  -   -moz-transition: color 200ms linear;
  43. 41.  -   -o-transition: color 200ms linear;
  44. 42.  -   transition: color 200ms linear;
  45. 43.  - }
  46. 44.  - .public_info .short_text:hover .page_desc_full,
  47. 45.  - .group_info .short_text:hover .page_desc_full {
  48. 46.  -   color: #45688E;
  49. 47.  - }
  50. 48.  - .page_desc_full:hover {
  51. 49.  -   text-decoration: none;
  52. 50.  - }
  53. 51.  - .counts_module div {
  54. 52.  -   line-height: 170%;
  55. 53.  - }
  56. 54.  - .counts_module div a {
  57. 55.  -   padding: 2px 6px;
  58. 56.  -   display: block;
  59. 57.  -   text-decoration: none;
  60. 58.  - }
  61. 59.  -
  62. 60.  - .counts_module div a:hover {
  63. 61.  -   background: #E9EDF1;
  64. 62.  -   text-decoration: none;
  65. 63.  - }
  66. 64.  -
  67. 65.  - .module_body {
  68. 66.  -   padding-bottom: 20px;
  69. 67.  -   overflow: hidden;
  70. 68.  - }
  71. 69.  - .module .module_count {
  72. 70.  -   font-weight: bold;
  73. 71.  - }
  74. 72.  - .module .module_count_wrap {
  75. 73.  -   color: #99ADC2;
  76. 74.  - }
  77. 75.  -
  78. 76.  - .module_header {
  79. 77.  -   display: block;
  80. 78.  -   background: #f1f1f1;
  81. 79.  - }
  82. 80.  - .module_header:hover {
  83. 81.  -   text-decoration: none;
  84. 82.  - }
  85. 83.  - .wall_header {
  86. 84.  -   border-bottom: none;
  87. 85.  - }
  88. 86.  - .module_header .header_top {
  89. 87.  -   background: #DEE5EB;
  90. 88.  -   overflow: hidden;
  91. 89.  -   padding: 4px 8px;
  92. 90.  -   font-weight: bold;
  93. 91.  -   outline: none;
  94. 92.  -   color: #45688E;
  95. 93.  - }
  96. 94.  - .wide_column .module_header .header_top {
  97. 95.  -   padding: 6px 8px;
  98. 96.  - }
  99. 97.  - .module_header .header_top#page_wall_header {
  100. 98.  -   border-bottom: 0px;
  101. 99.  - }
  102. 100.  - .module_header .header_top .right_link {
  103. 101.  -   color: #99ADC2;
  104. 102.  -   font-weight: bold;
  105. 103.  - }
  106. 104.  - .module_header .header_top {
  107. 105.  -   text-decoration: none;
  108. 106.  - }
  109. 107.  - .p_header_bottom {
  110. 108.  -   border-bottom: 1px solid #F1F1F1;
  111. 109.  -   color: #666;
  112. 110.  -   padding: 3px 8px;
  113. 111.  -   background: #F1F1F1;
  114. 112.  - }
  115. 113.  - .p_sub_header {
  116. 114.  -   margin: 7px 0px 5px 0px;
  117. 115.  -   display: block;
  118. 116.  - }
  119. 117.  - .p_sub_header:hover {
  120. 118.  -   text-decoration: none;
  121. 119.  - }
  122. 120.  - .module_header span {
  123. 121.  -   font-weight: normal;
  124. 122.  - }
  125. 123.  - .p_header_bottom .fl_r {
  126. 124.  -   color: #2B587A;
  127. 125.  - }
  128. 126.  - .module_header .header_top .fl_r:hover, .module_header .header_bottom .fl_r:hover {
  129. 127.  -   text-decoration: underline;
  130. 128.  - }
  131. 129.  - .module_inverted .header_top {
  132. 130.  -   background-color: #597da3;
  133. 131.  -   color: #FFFFFF;
  134. 132.  - }
  135. 133.  -
  136. 134.  - .photos_module {
  137. 135.  -   overflow: hidden;
  138. 136.  - }
  139. 137.  -
  140. 138.  - .audios_module .module_body {
  141. 139.  -   padding: 8px 0px;
  142. 140.  - }
  143. 141.  -
  144. 142.  - .narrow_column .audios_module .module_body {
  145. 143.  -   padding: 8px 8px 8px 0px;
  146. 144.  - }
  147. 145.  -
  148. 146.  - .audios_module .audio .title_wrap {
  149. 147.  -   width: 325px;
  150. 148.  - }
  151. 149.  - .audios_module .audio .title_wrap b {
  152. 150.  -   max-width: 230px;
  153. 151.  - }
  154. 152.  -
  155. 153.  - .people_module .module_body {
  156. 154.  -   padding: 6px 0px 14px 0px;
  157. 155.  - }
  158. 156.  -
  159. 157.  - .narrow_column .people_module .people_row {
  160. 158.  -   width: 198px;
  161. 159.  -   overflow: hidden;
  162. 160.  - }
  163. 161.  -
  164. 162.  - .module_body .people_cell {
  165. 163.  -   width: 66px;
  166. 164.  -   overflow: hidden;
  167. 165.  -   padding: 6px 0px;
  168. 166.  -   text-align: center;
  169. 167.  - }
  170. 168.  -
  171. 169.  - .module_body .people_cell .ava {
  172. 170.  -   display: block;
  173. 171.  -   width: 50px;
  174. 172.  -   height: 50px;
  175. 173.  -   margin: 0px 8px;
  176. 174.  -   padding-bottom: 6px;
  177. 175.  - }
  178. 176.  - .module_body .people_cell .name_field {
  179. 177.  -   width: 300px;
  180. 178.  -   margin: 0px -117px;
  181. 179.  - }
  182. 180.  - .app_module .module_body {
  183. 181.  -   padding-bottom: 0px;
  184. 182.  - }
  185. 183.  - .app_module .app_container {
  186. 184.  -   padding: 20px 0px 20px 0px;
  187. 185.  -   background: url('/images/upload.gif') center center no-repeat;
  188. 186.  - }
  189. 187.  - .app_module .app_container iframe {
  190. 188.  -   display: none;
  191. 189.  -   overflow: hidden;
  192. 190.  -   height: 60px;
  193. 191.  - }
  194. 192.  - .app_module .app_container.loaded {
  195. 193.  -   padding: 0px 0px 10px 0px;
  196. 194.  -   background: none;
  197. 195.  - }
  198. 196.  - .app_module .app_container.loaded iframe {
  199. 197.  -   display: block;
  200. 198.  -   height: auto;
  201. 199.  - }
  202. 200.  - .app_module .header_bottom {
  203. 201.  -   display: none;
  204. 202.  - }
  205. 203.  - .narrow_column .topics_module .module_body {
  206. 204.  -   padding: 10px 5px;
  207. 205.  - }
  208. 206.  - .wide_column .topics_module .module_body {
  209. 207.  -   padding: 0px 0px 10px;
  210. 208.  - }
  211. 209.  - .topics_module .topic_to_last {
  212. 210.  -   color: #2B587A;
  213. 211.  -   font-size: 1.18em;
  214. 212.  -   margin: 0px 1px;
  215. 213.  -   padding: 0px 3px 1px;
  216. 214.  - }
  217. 215.  - .topics_module .topic_to_last:hover {
  218. 216.  -   background-color: #DAE1E8;
  219. 217.  - }
  220. 218.  - .topics_module .topic_inner_link {
  221. 219.  -   color: #2B587A;
  222. 220.  - }
  223. 221.  - .topics_module .topic_inner_link:hover {
  224. 222.  -   text-decoration: underline;
  225. 223.  - }
  226. 224.  - .topics_module .icon {
  227. 225.  -   width: 16px;
  228. 226.  -   height: 17px;
  229. 227.  -   background: url(/images/note.gif) no-repeat;
  230. 228.  -   padding: 0px 5px;
  231. 229.  - }
  232. 230.  - .topics_module .info, .topics_module .blog_info {
  233. 231.  -   width: 160px;
  234. 232.  - }
  235. 233.  - .wide_column .topics_module .info {
  236. 234.  -   width: 380px;
  237. 235.  - }
  238. 236.  - .wide_column .topics_module .blog_info {
  239. 237.  -   width: 350px;
  240. 238.  - }
  241. 239.  - .wide_column .topic_title {
  242. 240.  -   font-weight: bold;
  243. 241.  -   color: #45688E;
  244. 242.  - }
  245. 243.  - .wide_column .topic_title:hover {
  246. 244.  -   text-decoration: underline;
  247. 245.  - }
  248. 246.  - .topics_module small {
  249. 247.  -   color: #777;
  250. 248.  - }
  251. 249.  - .wide_column .topics_module small {
  252. 250.  -   color: #333;
  253. 251.  -   display: block;
  254. 252.  -   padding-top: 5px;
  255. 253.  - }
  256. 254.  - .wide_column .topics_module .topic_date {
  257. 255.  -   color: gray;
  258. 256.  - }
  259. 257.  - .topics_module .topic_row {
  260. 258.  -   display: block;
  261. 259.  -   padding: 0 0 6px;
  262. 260.  - }
  263. 261.  - .topics_module .topic_row:hover {
  264. 262.  -   text-decoration: none;
  265. 263.  - }
  266. 264.  - .wide_column .topics_module .topic_row {
  267. 265.  -   padding: 10px 8px;
  268. 266.  -   border-top: 1px solid #E7EAED;
  269. 267.  - }
  270. 268.  - .wide_column .topics_module .topic_row.first {
  271. 269.  -   border-top: 0px;
  272. 270.  - }
  273. 271.  -
  274. 272.  - .places_module .module_body {
  275. 273.  -   padding: 5px 0 10px;
  276. 274.  - }
  277. 275.  -
  278. 276.  - .places_module .place_row {
  279. 277.  -   padding: 5px 0 6px 10px;
  280. 278.  - }
  281. 279.  -
  282. 280.  - .places_module .icon {
  283. 281.  -   margin-top: 3px;
  284. 282.  -   height: 10px;
  285. 283.  -   width: 15px;
  286. 284.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat;
  287. 285.  -   background-position: 0 -165px;
  288. 286.  - }
  289. 287.  -
  290. 288.  - .places_module .info {
  291. 289.  -   width: 160px;
  292. 290.  - }
  293. 291.  -
  294. 292.  - .places_module .place_title small {
  295. 293.  -   color: #777;
  296. 294.  -   margin-left: 3px;
  297. 295.  - }
  298. 296.  -
  299. 297.  - .places_module .place_address {
  300. 298.  -   margin-top: 2px;
  301. 299.  - }
  302. 300.  -
  303. 301.  -
  304. 302.  -
  305. 303.  - .help_steps_module .module_body{
  306. 304.  -   padding: 0px 0 10px;
  307. 305.  -   line-height: 150%;
  308. 306.  - }
  309. 307.  -
  310. 308.  - .help_steps_module .help_step_row {
  311. 309.  -   padding: 10px 4px 0;
  312. 310.  - }
  313. 311.  -
  314. 312.  - .help_steps_module .help_step_image {
  315. 313.  -   background: url(/images/icons/iconset.gif) no-repeat 0 -144px;
  316. 314.  -   width: 12px;
  317. 315.  -   height: 12px;
  318. 316.  -   margin-top: 3px;
  319. 317.  - }
  320. 318.  -
  321. 319.  - .help_steps_module #help_step_photo .help_step_image {
  322. 320.  -   background-position: 0 -32px;
  323. 321.  - }
  324. 322.  -
  325. 323.  - .help_steps_module #help_step_desc .help_step_image {
  326. 324.  -   background-position: 0 -144px;
  327. 325.  - }
  328. 326.  -
  329. 327.  - .help_steps_module #help_step_type .help_step_image {
  330. 328.  -   background-position: 0 -144px;
  331. 329.  - }
  332. 330.  -
  333. 331.  - .help_steps_module #help_step_contacts .help_step_image {
  334. 332.  -   background-position: 0 -96px;
  335. 333.  - }
  336. 334.  -
  337. 335.  - .help_steps_module #help_step_ad .help_step_image {
  338. 336.  -   background-position: 0 -48px;
  339. 337.  - }
  340. 338.  -
  341. 339.  - .help_steps_module #help_step_event .help_step_image {
  342. 340.  -   background-position: 0 -176px;
  343. 341.  - }
  344. 342.  -
  345. 343.  - .help_steps_module #help_step_wall .help_step_image {
  346. 344.  -   background-position: 0 -208px;
  347. 345.  - }
  348. 346.  -
  349. 347.  - .help_step_info {
  350. 348.  -   width: 357px;
  351. 349.  -   padding: 0 10px;
  352. 350.  - }
  353. 351.  -
  354. 352.  - .wide_column .big_header {
  355. 353.  -   font-size: 12px;
  356. 354.  - }
  357. 355.  - .wide_column .top_header {
  358. 356.  -   font-size: 12px;
  359. 357.  -   font-weight: bold;
  360. 358.  - }
  361. 359.  - .font_medium .wide_column .big_header,
  362. 360.  - .font_medium .wide_column .top_header {
  363. 361.  -   font-size: 13px;
  364. 362.  - }
  365. 363.  -
  366. 364.  -
  367. 365.  -
  368. 366.  - /* Like Button */
  369. 367.  -
  370. 368.  - .like_dived .like_wrap {
  371. 369.  -   margin-right: 8px;
  372. 370.  -   cursor: pointer;
  373. 371.  -   position: relative;
  374. 372.  - }
  375. 373.  - .like_dived .like_inline .like_wrap {
  376. 374.  -   margin: 0;
  377. 375.  - }
  378. 376.  -
  379. 377.  - .like_dived .like_wrap .like_left {
  380. 378.  -   border: 1px solid #3E6797;
  381. 379.  -   border-right: 0;
  382. 380.  -   padding: 0;
  383. 381.  -   float: left;
  384. 382.  -   z-index: 80;
  385. 383.  -   position: relative;
  386. 384.  - }
  387. 385.  - .like_dived .like_wrap .like_left .like_left_border {
  388. 386.  -   border: 1px solid;
  389. 387.  -   border-color: #7D9ABB #3E6797 #5C81AA #5C81AA;
  390. 388.  -   padding: 3px 3px 1px 2px;
  391. 389.  -   background: #6D8EB2;
  392. 390.  -   width: 10px;
  393. 391.  -   position: relative;
  394. 392.  -   height: 10px;
  395. 393.  -   width: 10px;
  396. 394.  - }
  397. 395.  - .like_dived .like_wrap_h22 .like_left .like_left_border   {
  398. 396.  -   padding: 5px 5px 3px 4px;
  399. 397.  - }
  400. 398.  - .like_dived .like_wrap .like_right {
  401. 399.  -   border: 1px solid #ADBCCB;
  402. 400.  -   border-left: 0;
  403. 401.  -   padding: 0;
  404. 402.  -   float: left;
  405. 403.  -   z-index: 70;
  406. 404.  -   position: relative;
  407. 405.  - }
  408. 406.  - .like_dived .like_wrap .like_right .like_right_border {
  409. 407.  -   border-width: 1px;
  410. 408.  -   border-style: solid;
  411. 409.  -   border-color: #fff #EDF2F6 #EDF2F6 #EDF2F6;
  412. 410.  -   background: #EDF2F6;
  413. 411.  -   padding: 0px 4px 0px;
  414. 412.  -   text-shadow: 0px 1px 0px #fff;
  415. 413.  -   color: #2F5879;
  416. 414.  -   line-height: 1.27em;
  417. 415.  -   height: 14px;
  418. 416.  -   -webkit-user-select: none;
  419. 417.  -   -moz-user-select: none;
  420. 418.  -   user-select: none;
  421. 419.  - }
  422. 420.  - .like_dived .like_wrap_h22 .like_right .like_right_border   {
  423. 421.  -   padding: 2px 4px;
  424. 422.  - }
  425. 423.  - .like_dived .like_wrap .icon {
  426. 424.  -   width: 10px;
  427. 425.  -   height: 10px;
  428. 426.  -   background: url(/images/icons/like_widget.gif) no-repeat 0px 0px;
  429. 427.  -   overflow: hidden;
  430. 428.  - }
  431. 429.  - .like_dived .like_wrap .like_left .iconV {
  432. 430.  -   background-position: 0 -18px;
  433. 431.  -   position: absolute;
  434. 432.  -   margin: 0 1px 1px 2px;
  435. 433.  -   width: 7px;
  436. 434.  -   height: 9px;
  437. 435.  - }
  438. 436.  - .like_dived .like_wrap .like_left .iconHeart {
  439. 437.  -   background-position: 0 -29px;
  440. 438.  -   position: absolute;
  441. 439.  -   opacity: 0;
  442. 440.  -   filter: alpha(opacity=0);
  443. 441.  -   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  444. 442.  - }
  445. 443.  - .like_dived .like_wrap .like_bottom_shadow {
  446. 444.  -   height: 1px;
  447. 445.  -   opacity: 0.08;
  448. 446.  -   filter: alpha(opacity=8);
  449. 447.  -   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8)";
  450. 448.  -   background: black;
  451. 449.  -   *display: none;
  452. 450.  - }
  453. 451.  -
  454. 452.  - .like_dived .checkbox_pressed .like_left_border {
  455. 453.  -   background-color:#6688AD;
  456. 454.  -   border-color:#51769E #51779F #7495B8;
  457. 455.  - }
  458. 456.  -
  459. 457.  - .like_dived .heart .checked .like_left .icon {
  460. 458.  -   background-position: 0 -29px;
  461. 459.  -   margin: 0;
  462. 460.  -   width: 10px;
  463. 461.  -   height: 10px;
  464. 462.  - }
  465. 463.  - .like_dived .checkbox_over .like_right {
  466. 464.  -   border-color: #8596A9;
  467. 465.  - }
  468. 466.  - .like_dived .checkbox_over .like_right .like_right_border {
  469. 467.  -   background: #E3EAF1;
  470. 468.  -   border-color: #fff #E3EAF1 #E3EAF1 #E3EAF1;
  471. 469.  -   -webkit-user-select: none;
  472. 470.  -   -moz-user-select: none;
  473. 471.  -   user-select: none;
  474. 472.  - }
  475. 473.  - .like_dived .checked .like_left {
  476. 474.  -   border-right: 1px solid #3E6797;
  477. 475.  - }
  478. 476.  - .like_dived .checked .like_left .like_left_border {
  479. 477.  -   border-right: 0;
  480. 478.  - }
  481. 479.  - .like_dived .checked .like_left_border .iconV {
  482. 480.  -   opacity: 0;
  483. 481.  -   filter: alpha(opacity=0);
  484. 482.  -   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  485. 483.  - }
  486. 484.  - .like_dived .checked .like_left_border .iconHeart {
  487. 485.  -   opacity: 1;
  488. 486.  -   filter: none;
  489. 487.  -   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  490. 488.  - }
  491. 489.  - .like_dived .checked .like_right {
  492. 490.  -   border-color: #3E6797;
  493. 491.  - }
  494. 492.  - .like_dived .checked .like_right .like_right_border {
  495. 493.  -   border-color: #7C98BA #5C80A9 #5C80A9 #7C98BA;
  496. 494.  -   background: #6D8DB1;
  497. 495.  -   text-shadow: 0px 1px 0px #4B688B;
  498. 496.  -   color: #fff;
  499. 497.  - }
  500. 498.  - .like_dived_full .checked .like_right {
  501. 499.  -   display: none;
  502. 500.  - }
  503. 501.  - .album_module .thumb a {
  504. 502.  - /*  padding: 2px;
  505. 503.  -   border: 1px solid #CCCCCC; */
  506. 504.  -   display: block;
  507. 505.  - }
  508. 506.  - .album_module .thumb a:hover {
  509. 507.  - /*  border-color: #45688E;*/
  510. 508.  - }
  511. 509.  - .album_module .thumb div {
  512. 510.  -   width: 75px;
  513. 511.  -   text-align: center;
  514. 512.  -   max-height: 56px;
  515. 513.  -   overflow: hidden;
  516. 514.  -   background: #000000;
  517. 515.  - }
  518. 516.  - .album_module .thumb div img {
  519. 517.  -   padding: 0px;
  520. 518.  -   vertical-align: top;
  521. 519.  - }
  522. 520.  - .album_module .info {
  523. 521.  -   width: 90px;
  524. 522.  -   margin: 12px 0px 0px;
  525. 523.  - }
  526. 524.  - .album_module .info a {
  527. 525.  -   font-weight: bold;
  528. 526.  - }
  529. 527.  - .album_module .updated {
  530. 528.  -   color: #777;
  531. 529.  - }
  532. 530.  - .album_module .thumb {
  533. 531.  -   padding: 10px 10px 0px;
  534. 532.  -   overflow: hidden;
  535. 533.  - }
  536. 534.  -
  537. 535.  - .video_module .video {
  538. 536.  -   position: relative;
  539. 537.  -   margin: 10px 10px 0px;
  540. 538.  -   width: 178px;
  541. 539.  -   height: 132px;
  542. 540.  - }
  543. 541.  - .video_module .video img {
  544. 542.  -   width: 178px;
  545. 543.  -   height: 132px;
  546. 544.  - }
  547. 545.  - .video_module .video div {
  548. 546.  -   position: absolute;
  549. 547.  -   bottom: 10px;
  550. 548.  -   font-size: 10px;
  551. 549.  -   z-index: 10;
  552. 550.  -   width: 171px;
  553. 551.  -   margin-top: 105px;
  554. 552.  - }
  555. 553.  - .font_medium .video_module .video div {
  556. 554.  -   font-size: 11px;
  557. 555.  - }
  558. 556.  -
  559. 557.  -
  560. 558.  - .wide_column .video_module .video img {
  561. 559.  -   width: 112px;
  562. 560.  -   height: 84px;
  563. 561.  - }
  564. 562.  - .wide_column .video_module .video div {
  565. 563.  -   width: 113px;
  566. 564.  -   margin-top: 73px;
  567. 565.  - }
  568. 566.  -
  569. 567.  - .wide_column .video_module .video_row {
  570. 568.  -   width: 130px;
  571. 569.  - }
  572. 570.  -
  573. 571.  - .video_module .video div span.bg {
  574. 572.  -   background: #000;
  575. 573.  -   color: #000;
  576. 574.  -   opacity: 0.6;
  577. 575.  -   filter: alpha(opacity=60);
  578. 576.  - }
  579. 577.  - .video_module .video div span {
  580. 578.  -   color: #FFF;
  581. 579.  -   padding: 0px 3px 1px;
  582. 580.  - }
  583. 581.  - .video_module .info {
  584. 582.  -   margin: 0px 10px;
  585. 583.  - }
  586. 584.  - .video_module .video:hover {
  587. 585.  -   text-decoration: none;
  588. 586.  - }
  589. 587.  - .video_module .video:hover img {
  590. 588.  -   border-color: #45688E;
  591. 589.  - }
  592. 590.  - .video_module small {
  593. 591.  -   color: #777;
  594. 592.  - }
  595. 593.  -
  596. 594.  - .wall_module .more_link {
  597. 595.  -   display: none;
  598. 596.  -   padding: 8px 0px;
  599. 597.  -   text-align: center;
  600. 598.  -   border-top: 1px solid #DAE1E8;
  601. 599.  -   margin-bottom: 10px;
  602. 600.  - }
  603. 601.  - .wall_module .more_link:hover {
  604. 602.  -   text-decoration: none;
  605. 603.  -   background: #E9EDF1;
  606. 604.  - }
  607. 605.  - .wall_module .more_link .progress {
  608. 606.  -   margin: 0px auto;
  609. 607.  - }
  610. 608.  - .wall_module .more_link div {
  611. 609.  -   height: 13px;
  612. 610.  - }
  613. 611.  - .wall_module .ext_video img {
  614. 612.  -   width: 120px;
  615. 613.  -   height: 90px;
  616. 614.  - }
  617. 615.  - div.wall_module .ext_video div {
  618. 616.  -   width: 120px;
  619. 617.  -   margin-top: 75px;
  620. 618.  - }
  621. 619.  - .wall_module .video div {
  622. 620.  -   bottom: 5px;
  623. 621.  -   right: 0px;
  624. 622.  -   position: absolute;
  625. 623.  -   font-size: 0.9em;
  626. 624.  -   z-index: 10;
  627. 625.  - }
  628. 626.  - .wall_module .video div span.bg {
  629. 627.  -   background: #000;
  630. 628.  -   color: #000;
  631. 629.  -   opacity: 0.6;
  632. 630.  -   filter: alpha(opacity=60);
  633. 631.  - }
  634. 632.  - .wall_module .video div span {
  635. 633.  -   color: #FFF;
  636. 634.  -   padding: 0px 3px 1px;
  637. 635.  - }
  638. 636.  -
  639. 637.  - .wall_module #page_wall_posts .post,
  640. 638.  - .wall_module #page_wall_posts .online {
  641. 639.  -   display: none;
  642. 640.  - }
  643. 641.  - .wall_module #page_wall_posts.all .all,
  644. 642.  - .wall_module #page_wall_posts.own .own,
  645. 643.  - .wall_module #page_wall_posts.all .online {
  646. 644.  -   display: block;
  647. 645.  - }
  648. 646.  -
  649. 647.  - .wall_module #wall_postponed {
  650. 648.  -   padding-top: 10px;
  651. 649.  -   border-top: 1px solid #DAE1E8;
  652. 650.  - }
  653. 651.  - .big_wall_post #wall_postponed {
  654. 652.  -   padding-top: 10px;
  655. 653.  -   padding-bottom: 0;
  656. 654.  -   border-top: none;
  657. 655.  - }
  658. 656.  - .wall_module #wall_postponed.wall_postponed_empty {
  659. 657.  -   padding-top: 0;
  660. 658.  -   border-top: none;
  661. 659.  - }
  662. 660.  - .wall_module #wall_postponed_link {
  663. 661.  -   display: block;
  664. 662.  -   padding: 8px;
  665. 663.  -   text-align: center;
  666. 664.  -   background-color: #EFF1F3;
  667. 665.  -   color: #738392;
  668. 666.  -   cursor: pointer;
  669. 667.  -   line-height: 15px;
  670. 668.  -   height: 15px;
  671. 669.  - }
  672. 670.  - .wall_module #wall_postponed_link:hover {
  673. 671.  -   text-decoration: none;
  674. 672.  -   background-color: #E9EDF1;
  675. 673.  - }
  676. 674.  - .wall_module #wall_postponed_link .wall_postponed_link_arrow {
  677. 675.  -   background: url(/images/icons/wall_more_arrows.gif) no-repeat 4px -34px;
  678. 676.  -   display: inline-block;
  679. 677.  -   padding: 2px 0 0 4px;
  680. 678.  -   height: 10px;
  681. 679.  -   width: 10px;
  682. 680.  - }
  683. 681.  - .wall_module #wall_postponed_msg_hide .wall_postponed_link_arrow {
  684. 682.  -   background-position: 4px -22px;
  685. 683.  - }
  686. 684.  - .wall_module #wall_postponed_link .progress {
  687. 685.  -   margin: 1px auto;
  688. 686.  - }
  689. 687.  -
  690. 688.  -
  691. 689.  - /* Posts */
  692. 690.  - .wall_module .post {
  693. 691.  -   /* padding: 5px 1px 3px; */
  694. 692.  -   padding: 5px 0 3px;
  695. 693.  -   border-top: 1px solid #F1F1F1;
  696. 694.  -   *position: relative;
  697. 695.  - }
  698. 696.  - .wall_module .post_online .post_table {
  699. 697.  -   min-height: 78px;
  700. 698.  -   _height: 78px;
  701. 699.  - }
  702. 700.  - .wall_module #page_wall_posts.own .post_online {
  703. 701.  -   min-height: 0;
  704. 702.  -   _height: auto;
  705. 703.  - }
  706. 704.  - /* Actions */
  707. 705.  - .wall_module .delete_post_wrap {
  708. 706.  -   position: relative;
  709. 707.  -   z-index: 10;
  710. 708.  - }
  711. 709.  - .wall_module .delete_post {
  712. 710.  -   height: 11px;
  713. 711.  -   width: 11px;
  714. 712.  -   padding-top: 4px;
  715. 713.  -   position: absolute;
  716. 714.  -   right: 0;
  717. 715.  - }
  718. 716.  - .wall_module .delete_post div {
  719. 717.  -   background: url(/images/pics/statusx_op.gif) 0 0 no-repeat;
  720. 718.  -   opacity: 0;
  721. 719.  -   filter: alpha(opacity=0);
  722. 720.  -   cursor: pointer;
  723. 721.  -   height: 11px;
  724. 722.  -   width: 11px;
  725. 723.  - }
  726. 724.  -
  727. 725.  - /* Separate reply actions */
  728. 726.  - .wall_module .post_actions_wrap,
  729. 727.  - .wall_module .reply_actions_wrap {
  730. 728.  -   position: relative;
  731. 729.  -   z-index: 10;
  732. 730.  - }
  733. 731.  - .wall_module .post_actions,
  734. 732.  - .wall_module .reply_actions {
  735. 733.  -   height: 11px;
  736. 734.  -   width: 32px;
  737. 735.  -   padding-top: 4px;
  738. 736.  -   position: absolute;
  739. 737.  -   right: 0;
  740. 738.  - }
  741. 739.  - .wall_module .post_delete_button,
  742. 740.  - .wall_module .post_edit_button,
  743. 741.  - .wall_module .reply_delete_button,
  744. 742.  - .wall_module .reply_edit_button {
  745. 743.  -   background: url(/images/pics/statusx_op.gif) 0 0 no-repeat;
  746. 744.  -   opacity: 0;
  747. 745.  -   filter: alpha(opacity=0);
  748. 746.  -   cursor: pointer;
  749. 747.  -   height: 11px;
  750. 748.  -   width: 11px;
  751. 749.  -   margin-left: 5px;
  752. 750.  - }
  753. 751.  - .wall_module .reply_edit_button,
  754. 752.  - .wall_module .post_edit_button {
  755. 753.  -   background-image: url(/images/pics/statusedit.gif);
  756. 754.  - }
  757. 755.  -
  758. 756.  - .wall_module div.post_table {
  759. 757.  -   position: relative;
  760. 758.  - }
  761. 759.  - .wall_module div.post_image {
  762. 760.  -   padding: 5px 0;
  763. 761.  -   position: absolute;
  764. 762.  -   top: 0;
  765. 763.  -   *left: 0;
  766. 764.  -   width: 50px;
  767. 765.  - }
  768. 766.  - .wall_module a.post_image {
  769. 767.  -   width: 50px;
  770. 768.  -   height: 50px;
  771. 769.  -   display: block;
  772. 770.  - }
  773. 771.  - .wall_module .post_info {
  774. 772.  -   margin-left: 60px;
  775. 773.  -   padding: 0 0 2px;
  776. 774.  -   width: 337px;
  777. 775.  -   min-height: 60px;
  778. 776.  -   *position: relative;
  779. 777.  - }
  780. 778.  - .wall_module .dld {
  781. 779.  -   padding: 5px 4px 8px 60px;
  782. 780.  -   color: #777;
  783. 781.  - }
  784. 782.  - .wall_module .reply .dld {
  785. 783.  -   padding: 11px 4px 12px 41px;
  786. 784.  - }
  787. 785.  - .wide_wall_module .reply .dld {
  788. 786.  -   padding: 11px 4px 12px 64px;
  789. 787.  - }
  790. 788.  - .wall_module .author {
  791. 789.  -   font-weight: bold;
  792. 790.  -   line-height: 140%;
  793. 791.  - }
  794. 792.  - .wall_module .published_by_wrap {
  795. 793.  -   margin: 5px 0 5px;
  796. 794.  - }
  797. 795.  - .wall_module a.published_by_photo {
  798. 796.  -   display: block;
  799. 797.  -   width: 30px;
  800. 798.  -   height: 30px;
  801. 799.  -   margin-right: 8px;
  802. 800.  - }
  803. 801.  - .wall_module .published_by_title {
  804. 802.  -   white-space: nowrap;
  805. 803.  -   text-overflow: ellipsis;
  806. 804.  -   max-width: 288px;
  807. 805.  -   overflow: hidden;
  808. 806.  - }
  809. 807.  - .wide_wall_module .published_by_title {
  810. 808.  -   max-width: 480px;
  811. 809.  - }
  812. 810.  - .wall_module .published_by {
  813. 811.  -   padding-left: 12px;
  814. 812.  -   background: url(/images/icons/published.gif) no-repeat 0px 3px;
  815. 813.  -   font-weight: bold;
  816. 814.  - }
  817. 815.  - .wall_module div.published_by_date {
  818. 816.  -   padding-top: 4px;
  819. 817.  -   white-space: nowrap;
  820. 818.  -   overflow: hidden;
  821. 819.  -   text-overflow: ellipsis;
  822. 820.  -   width: 290px;
  823. 821.  - }
  824. 822.  - .wall_module .published_comment {
  825. 823.  -   padding: 0px 0 1px;
  826. 824.  - }
  827. 825.  - .wall_module .published_comment .wall_post_text {
  828. 826.  -   padding-bottom: 3px;
  829. 827.  - }
  830. 828.  - .wall_module .published_by_date, .wall_module .wall_post_source {
  831. 829.  -   color: #777;
  832. 830.  - }
  833. 831.  - .wall_post_source_icon {
  834. 832.  -   margin: 0px 0px -1px 4px;
  835. 833.  -   display: inline-block;
  836. 834.  -   *display: block;
  837. 835.  -   zoom: 1;
  838. 836.  -   background: url(/images/profile_icons.gif?11) no-repeat;
  839. 837.  -   width: 11px;
  840. 838.  -   height: 11px;
  841. 839.  - }
  842. 840.  - .wall_post_source_default {
  843. 841.  -   background-position: 0px -132px;
  844. 842.  - }
  845. 843.  - .wall_post_source_iphone,
  846. 844.  - .wall_post_source_ipad {
  847. 845.  -   background-position: 0px -109px;
  848. 846.  - }
  849. 847.  - .wall_post_source_android {
  850. 848.  -   background-position: 0px -97px;
  851. 849.  - }
  852. 850.  - .wall_post_source_wphone,
  853. 851.  - .wall_post_source_windows {
  854. 852.  -   background-position: 0px -143px;
  855. 853.  - }
  856. 854.  - .wall_post_source_mobile {
  857. 855.  -   background-position: 0px -121px;
  858. 856.  - }
  859. 857.  - /*.published_a_quote:hover .wall_post_source_default {
  860. 858.  -   background-position: 0px -209px;
  861. 859.  - }
  862. 860.  - .published_a_quote:hover .wall_post_source_iphone {
  863. 861.  -   background-position: 0px -186px;
  864. 862.  - }
  865. 863.  - .published_a_quote:hover .wall_post_source_android {
  866. 864.  -   background-position: 0px -174px;
  867. 865.  - }
  868. 866.  - .published_a_quote:hover .wall_post_source_windows {
  869. 867.  -   background-position: 0px -220px;
  870. 868.  - }
  871. 869.  - .published_a_quote:hover .wall_post_source_mobile {
  872. 870.  -   background-position: 0px -198px;
  873. 871.  - }*/
  874. 872.  - .wall_module .published_by_quote,
  875. 873.  - .wall_module .published_sec_quote {
  876. 874.  -   margin: 5px 0;
  877. 875.  -   border-left: 2px solid #C3D1E0;
  878. 876.  -   overflow: hidden;
  879. 877.  -   padding-left: 8px;
  880. 878.  - }
  881. 879.  - .published_by_quote .published_by_wrap {
  882. 880.  -   margin-top: 0;
  883. 881.  - }
  884. 882.  - .wall_module .published_sec_quote {
  885. 883.  -   margin: 5px 0 3px;
  886. 884.  - }
  887. 885.  - .published_sec_quote .published_by_wrap {
  888. 886.  -   margin: 0px;
  889. 887.  - }
  890. 888.  - .wall_module .published_by_quote .published_sec_quote {
  891. 889.  -   margin: 5px 0px 0px -5px;
  892. 890.  -   padding-left: 3px;
  893. 891.  - }
  894. 892.  - .published_a_quote {
  895. 893.  -   cursor: pointer;
  896. 894.  - /*  background: #E9EDF1;*/
  897. 895.  - }
  898. 896.  - .published_a_quote .published_by_wrap {
  899. 897.  -   margin-bottom: 1px;
  900. 898.  - }
  901. 899.  - /*.wall_module .published_a_quote:hover .published_by_date {
  902. 900.  -  color: #8795a5;
  903. 901.  - }*/
  904. 902.  - .wall_signed {
  905. 903.  -   margin-top: 5px;
  906. 904.  -   padding: 0px;
  907. 905.  -   background: none;
  908. 906.  - }
  909. 907.  - .wall_signed_by {
  910. 908.  -   padding: 0px 15px;
  911. 909.  -   background: url(/images/icons/mono_iconset.gif?8) left 1px no-repeat;
  912. 910.  - }
  913. 911.  - .is_rtl1 .wall_signed_by {
  914. 912.  -   background-position: right 1px;
  915. 913.  - }
  916. 914.  -
  917. 915.  - .wall_module #submit_post_box {
  918. 916.  -   padding: 8px;
  919. 917.  -   background: #F1F1F1;
  920. 918.  -   position: relative;
  921. 919.  - }
  922. 920.  - .wall_module #submit_post_box textarea {
  923. 921.  -   overflow: hidden;
  924. 922.  -   outline: none;
  925. 923.  -   width: 372px;
  926. 924.  -   height: 14px;
  927. 925.  -   resize: none;
  928. 926.  - }
  929. 927.  - .wide_wall_module #submit_post_box textarea {
  930. 928.  -   width: 568px;
  931. 929.  - }
  932. 930.  - .wall_module #submit_post {
  933. 931.  -   display: none;
  934. 932.  -   padding-top: 8px;
  935. 933.  - }
  936. 934.  - .wall_module #submit_post .progress.fl_r {
  937. 935.  -   margin: 6px 8px 0px;
  938. 936.  - }
  939. 937.  - .wall_module #submit_post .checkbox,
  940. 938.  - .wall_module #submit_post .checkbox_pic {
  941. 939.  -   margin: 6px 0 0px 10px;
  942. 940.  - }
  943. 941.  - .wall_module td {
  944. 942.  -   vertical-align: top;
  945. 943.  - }
  946. 944.  - .wall_module .online {
  947. 945.  -   display: block;
  948. 946.  -   width: 50px;
  949. 947.  -   text-align: center;
  950. 948.  -   padding-top: 5px;
  951. 949.  -   color: #AAA;
  952. 950.  -   white-space: nowrap;
  953. 951.  - }
  954. 952.  -
  955. 953.  - .wall_post_over .wall_post_text,
  956. 954.  - .wall_post_over .post_media,
  957. 955.  - .wall_post_over .explain,
  958. 956.  - .wall_post_over .group_share,
  959. 957.  - .wall_post_over .group_checkin,
  960. 958.  - .wall_post_over .public_share,
  961. 959.  - .wall_post_over .event_share,
  962. 960.  - .wall_post_over .reply_link_wrap {
  963. 961.  -   cursor: pointer;
  964. 962.  - }
  965. 963.  -
  966. 964.  - .wall_post_text,
  967. 965.  - .wall_reply_text {
  968. 966.  -   padding-top: 2px;
  969. 967.  -   padding-bottom: 1px; /* for smiles */
  970. 968.  -   line-height: 140%;
  971. 969.  - }
  972. 970.  - .font_medium .wall_post_text,
  973. 971.  - .font_medium .wall_reply_text {
  974. 972.  -   line-height: 140%;
  975. 973.  - }
  976. 974.  - .wall_post_text {
  977. 975.  -   width: 320px;
  978. 976.  -   overflow: hidden;
  979. 977.  -   word-wrap: break-word;
  980. 978.  - }
  981. 979.  - .published_by_quote .wall_post_text {
  982. 980.  -   width: 310px;
  983. 981.  - }
  984. 982.  - .page_description {
  985. 983.  -   cursor: pointer;
  986. 984.  - }
  987. 985.  - .wall_post_more,
  988. 986.  - .wall_reply_more,
  989. 987.  - .wall_copy_more,
  990. 988.  - .wall_module .reply_show_whole {
  991. 989.  -   position: relative;
  992. 990.  -   top: 2px;
  993. 991.  -   font-weight: bold;
  994. 992.  -   color: #91A4B8;
  995. 993.  -   -webkit-transition: color 200ms linear;
  996. 994.  -   -moz-transition: color 200ms linear;
  997. 995.  -   -o-transition: color 200ms linear;
  998. 996.  -   transition: color 200ms linear;
  999. 997.  - }
  1000. 998.  - .wall_post_text:hover .wall_post_more,
  1001. 999.  - .wall_reply_text:hover .wall_reply_more,
  1002. 1000.  - .page_description:hover .wall_post_more,
  1003. 1001.  - .wall_post_more:hover,
  1004. 1002.  - .wall_reply_more:hover,
  1005. 1003.  - .published_a_quote:hover .wall_copy_more {
  1006. 1004.  -   color: #45688E;
  1007. 1005.  -   text-decoration: none;
  1008. 1006.  - }
  1009. 1007.  - .wall_text {
  1010. 1008.  -   width: 337px;
  1011. 1009.  -   padding: 5px 0px 0px 4px;
  1012. 1010.  -   margin-left: -4px;
  1013. 1011.  -   white-space: break-word;
  1014. 1012.  -   -o-text-overflow: ellipsis;
  1015. 1013.  -   text-overflow: ellipsis;
  1016. 1014.  -   position: relative;
  1017. 1015.  - }
  1018. 1016.  - .is_rtl1 .wall_text {
  1019. 1017.  -   padding: 5px 4px 0px 0px;
  1020. 1018.  -   margin-left: 0px;
  1021. 1019.  -   margin-right: -4px;
  1022. 1020.  - }
  1023. 1021.  - .wall_text_name {
  1024. 1022.  -   width: 305px;
  1025. 1023.  -   overflow: hidden;
  1026. 1024.  - }
  1027. 1025.  - .published_by_quote .wall_text {
  1028. 1026.  -   width: 320px;
  1029. 1027.  - }
  1030. 1028.  - .wall_text .explain {
  1031. 1029.  -   color: #777;
  1032. 1030.  -   line-height: 140%;
  1033. 1031.  - }
  1034. 1032.  - .wall_module .audio {
  1035. 1033.  -   margin-left: -4px
  1036. 1034.  - }
  1037. 1035.  - .is_rtl1 .wall_module .audio {
  1038. 1036.  -   margin-left: 0px;
  1039. 1037.  -   margin-right: -4px;
  1040. 1038.  - }
  1041. 1039.  - .wall_module .audio .info {
  1042. 1040.  -   width: 100%;
  1043. 1041.  - }
  1044. 1042.  -
  1045. 1043.  - /* Likes */
  1046. 1044.  - .wall_module .like_wrap {
  1047. 1045.  -   margin: 4px 1px 8px;
  1048. 1046.  -   color: #2F5879;
  1049. 1047.  -   font-size: 10px;
  1050. 1048.  -   cursor: pointer;
  1051. 1049.  - }
  1052. 1050.  - .font_medium .wall_module .like_wrap {
  1053. 1051.  -   font-size: 11px;
  1054. 1052.  - }
  1055. 1053.  - .wall_module .reply .like_wrap {
  1056. 1054.  -   margin: 0 1px 0 0;
  1057. 1055.  - }
  1058. 1056.  - .fw_reply .like_wrap {
  1059. 1057.  -   margin: 0 1px 0 0;
  1060. 1058.  -   color: #2F5879;
  1061. 1059.  -   font-size: 11px;
  1062. 1060.  -   cursor: pointer;
  1063. 1061.  - }
  1064. 1062.  - .font_medium .fw_reply .like_wrap {
  1065. 1063.  -   font-size: 12px;
  1066. 1064.  - }
  1067. 1065.  -
  1068. 1066.  - .wall_module .like_link,
  1069. 1067.  - .wall_module .no_likes {
  1070. 1068.  -   visibility: hidden;
  1071. 1069.  -   opacity: 0;
  1072. 1070.  -   filter: alpha(opacity=0);
  1073. 1071.  - }
  1074. 1072.  - .fw_reply .like_link,
  1075. 1073.  - .wall_module .review_comment .like_link {
  1076. 1074.  -   cursor: pointer;
  1077. 1075.  -   color: #2F5879;
  1078. 1076.  -   visibility: visible;
  1079. 1077.  -   opacity: 1;
  1080. 1078.  -   filter: none;
  1081. 1079.  - }
  1082. 1080.  -
  1083. 1081.  - .wall_module .one .like_link {
  1084. 1082.  -   visibility: visible;
  1085. 1083.  -   opacity: 1;
  1086. 1084.  -   filter: none;
  1087. 1085.  - }
  1088. 1086.  - .wall_module .one .no_likes {
  1089. 1087.  -   visibility: visible;
  1090. 1088.  - }
  1091. 1089.  - .wall_module .like_wrap i,
  1092. 1090.  - .fw_reply .like_wrap i {
  1093. 1091.  -   background: url(/images/icons/like.gif?2) no-repeat 1px 0px;
  1094. 1092.  -   height: 10px;
  1095. 1093.  -   margin: 2px 2px 0px;
  1096. 1094.  -   padding-right: 1px;
  1097. 1095.  -   opacity: 0.4;
  1098. 1096.  -   filter: alpha(opacity=40);
  1099. 1097.  -   width: 11px;
  1100. 1098.  - }
  1101. 1099.  - .wide_wall_module .like_wrap i,
  1102. 1100.  - .wide_wall_module .fw_reply .like_wrap i,
  1103. 1101.  - #fw_post_wrap .fw_reply .like_wrap i {
  1104. 1102.  -   display: block;
  1105. 1103.  -   margin-top: 3px;
  1106. 1104.  - }
  1107. 1105.  -
  1108. 1106.  - .wall_module .like_wrap i.my_like,
  1109. 1107.  - .fw_reply .like_wrap i.my_like {
  1110. 1108.  -   opacity: 1;
  1111. 1109.  -   filter: none;
  1112. 1110.  - }
  1113. 1111.  - .wall_module .like_wrap i.no_likes {
  1114. 1112.  -   margin-right: 0px;
  1115. 1113.  - }
  1116. 1114.  - .wall_module .like_count,
  1117. 1115.  - .fw_reply .like_count {
  1118. 1116.  -   font-weight: bold;
  1119. 1117.  -   color: #7295b2;
  1120. 1118.  - }
  1121. 1119.  - .wall_module .like_count {
  1122. 1120.  -   margin-right: 3px;
  1123. 1121.  - }
  1124. 1122.  -
  1125. 1123.  - /* Replies */
  1126. 1124.  - .wall_module .reply_link_wrap {
  1127. 1125.  -   padding-top: 4px;
  1128. 1126.  -   padding-bottom: 8px;
  1129. 1127.  -   font-size: 10px;
  1130. 1128.  - }
  1131. 1129.  - .font_medium .wall_module .reply_link_wrap {
  1132. 1130.  -   font-size: 11px;
  1133. 1131.  - }
  1134. 1132.  - .wall_module .reply_link_wrap small, .wall_module .reply_link_wrap small a {
  1135. 1133.  -   color: #999;
  1136. 1134.  - }
  1137. 1135.  - a.reply_parent_link,
  1138. 1136.  - .wall_module .reply_link_wrap small a.reply_parent_link {
  1139. 1137.  -   color: #2B587A;
  1140. 1138.  - }
  1141. 1139.  -
  1142. 1140.  - /* Replies header link */
  1143. 1141.  - .wrh_text {
  1144. 1142.  -   text-align: center;
  1145. 1143.  - }
  1146. 1144.  - .wrh_prg {
  1147. 1145.  -   margin: 0px auto;
  1148. 1146.  - }
  1149. 1147.  - .wr_header {
  1150. 1148.  -   display: block;
  1151. 1149.  -   cursor: pointer;
  1152. 1150.  -   color: #6A7989;
  1153. 1151.  -   background: #E9EDF1;
  1154. 1152.  -   height: 13px;
  1155. 1153.  -   padding: 9px 0px 8px;
  1156. 1154.  - }
  1157. 1155.  - .wr_header:hover {
  1158. 1156.  -   text-decoration: none;
  1159. 1157.  - }
  1160. 1158.  - .wrh_all {
  1161. 1159.  -   background: #FFF;
  1162. 1160.  -   color: #777;
  1163. 1161.  - }
  1164. 1162.  - .wrh_all:hover {
  1165. 1163.  -   background: #E9EDF1;
  1166. 1164.  -   color: #6A7989;
  1167. 1165.  - }
  1168. 1166.  - .wd_lnk {
  1169. 1167.  -   color: #999;
  1170. 1168.  - }
  1171. 1169.  - .wall_module .replies_wrap {
  1172. 1170.  -   padding-top: 2px;
  1173. 1171.  -   margin-bottom: 6px;
  1174. 1172.  -   position: relative;
  1175. 1173.  - }
  1176. 1174.  - /* Reply */
  1177. 1175.  - .wall_module .reply {
  1178. 1176.  -   background: #FFF;
  1179. 1177.  -   border-top: 1px solid #E9EDF1;
  1180. 1178.  -   padding: 6px 0px;
  1181. 1179.  -   position: relative;
  1182. 1180.  - }
  1183. 1181.  - .wall_module .reply .delete_post {
  1184. 1182.  -   padding-top: 2px;
  1185. 1183.  - }
  1186. 1184.  - .wall_module a.reply_image {
  1187. 1185.  -   width: 32px;
  1188. 1186.  -   height: 32px;
  1189. 1187.  -   margin: 8px 0 2px;
  1190. 1188.  -   display: block;
  1191. 1189.  -   overflow: hidden;
  1192. 1190.  -   position: absolute;
  1193. 1191.  -   top: 0;
  1194. 1192.  -   *left: 0;
  1195. 1193.  - }
  1196. 1194.  - .wall_module img.reply_image {
  1197. 1195.  -   width: 32px;
  1198. 1196.  -   height: 32px;
  1199. 1197.  - }
  1200. 1198.  - .wall_module .reply .author {
  1201. 1199.  -   padding-right: 3px;
  1202. 1200.  -   font-weight: normal;
  1203. 1201.  - }
  1204. 1202.  - .wall_module .wall_reply_text {
  1205. 1203.  -   word-wrap: break-word;
  1206. 1204.  -   overflow: hidden;
  1207. 1205.  -   width: 298px;
  1208. 1206.  - }
  1209. 1207.  - .wall_module .reply_info {
  1210. 1208.  -   margin-left: 39px;
  1211. 1209.  -   *position: relative;
  1212. 1210.  -   width: 298px;
  1213. 1211.  -   white-space: break-word;
  1214. 1212.  -   min-height: 33px;
  1215. 1213.  - }
  1216. 1214.  - .wall_module .bp_post .like_link,
  1217. 1215.  - .wall_module .reply_info .like_link,
  1218. 1216.  - .wall_module .pv_comment .like_link,
  1219. 1217.  - .wall_module .mv_comment .like_link {
  1220. 1218.  -   cursor: pointer;
  1221. 1219.  -   color: #2F5879;
  1222. 1220.  -   visibility: visible;
  1223. 1221.  -   opacity: 0;
  1224. 1222.  -   filter:alpha(opacity=0);
  1225. 1223.  - }
  1226. 1224.  - .wall_module .bp_post .like_wrap {
  1227. 1225.  -   margin: 0px 1px;
  1228. 1226.  - }
  1229. 1227.  - #photos_container .pv_comment .like_link {
  1230. 1228.  -   opacity: 1;
  1231. 1229.  -   filter:none;
  1232. 1230.  - }
  1233. 1231.  - .wall_module .info_footer {
  1234. 1232.  -   font-size: 10px;
  1235. 1233.  -   color: #999;
  1236. 1234.  -   padding: 4px 0 0;
  1237. 1235.  - }
  1238. 1236.  - .font_medium .wall_module .info_footer {
  1239. 1237.  -   font-size: 11px;
  1240. 1238.  - }
  1241. 1239.  - .wall_module .reply_to {
  1242. 1240.  -   color: #999;
  1243. 1241.  - }
  1244. 1242.  - /* Reply form */
  1245. 1243.  - .wall_module .reply_fakebox_wrap {
  1246. 1244.  -   background: #F1F1F1;
  1247. 1245.  -   padding: 6px;
  1248. 1246.  - }
  1249. 1247.  - .wall_module .reply_fakebox {
  1250. 1248.  -   cursor: text;
  1251. 1249.  -   background: #FFF;
  1252. 1250.  -   border: 1px solid #C0CAD5;
  1253. 1251.  -   padding: 3px 5px;
  1254. 1252.  -   color: #777;
  1255. 1253.  - }
  1256. 1254.  -
  1257. 1255.  - .wall_module .reply_box {
  1258. 1256.  -   background: #F1F1F1;
  1259. 1257.  -   padding: 6px;
  1260. 1258.  -   *position: relative;
  1261. 1259.  -   clear: both;
  1262. 1260.  - }
  1263. 1261.  - .wall_module a.reply_form_image {
  1264. 1262.  -   display: none;
  1265. 1263.  -   width: 32px;
  1266. 1264.  -   height: 32px;
  1267. 1265.  -   overflow: hidden;
  1268. 1266.  -   position: absolute;
  1269. 1267.  -   *left: 6px;
  1270. 1268.  - }
  1271. 1269.  - .wall_module .reply_form_img {
  1272. 1270.  -   width: 32px;
  1273. 1271.  -   height: 32px;
  1274. 1272.  - }
  1275. 1273.  - .wall_module .reply_form {
  1276. 1274.  -   zoom: 1;
  1277. 1275.  - }
  1278. 1276.  - .reply_field_wrap {
  1279. 1277.  -   padding: 3px;
  1280. 1278.  -   background: #FFF;
  1281. 1279.  -   border: 1px solid #C0CAD5;
  1282. 1280.  -   *position: relative;
  1283. 1281.  - }
  1284. 1282.  - .reply_field {
  1285. 1283.  -   padding: 0;
  1286. 1284.  -   border: 0;
  1287. 1285.  -   overflow: hidden;
  1288. 1286.  -   height: 14px;
  1289. 1287.  -   outline: 0;
  1290. 1288.  -   margin: 0px;
  1291. 1289.  -   width: 100%;
  1292. 1290.  -   resize: none;
  1293. 1291.  -   height: 14px;
  1294. 1292.  - }
  1295. 1293.  - .reply_field_tail {
  1296. 1294.  -   display: none;
  1297. 1295.  -   width: 5px;
  1298. 1296.  -   height: 9px;
  1299. 1297.  -   background: url(/images/icons/feedback_iconset.gif?4) 0 -155px no-repeat;
  1300. 1298.  -   position: absolute;
  1301. 1299.  -   margin-left: -8px;
  1302. 1300.  -   margin-top: 8px;
  1303. 1301.  - }
  1304. 1302.  - .wall_module .submit_reply {
  1305. 1303.  -   display: none;
  1306. 1304.  -   height: 25px;
  1307. 1305.  - }
  1308. 1306.  - .wall_module .reply_as_group_wrap {
  1309. 1307.  -   padding: 6px 0 0 5px;
  1310. 1308.  -   display: none;
  1311. 1309.  - }
  1312. 1310.  - .wall_module .reply_as_group_active {
  1313. 1311.  -   display: block;
  1314. 1312.  - }
  1315. 1313.  - .reply_as_group_long,
  1316. 1314.  - .wide_wall_module .reply_as_group_short {
  1317. 1315.  -   display: none;
  1318. 1316.  - }
  1319. 1317.  - .wide_wall_module .reply_as_group_long {
  1320. 1318.  -   display: inline;
  1321. 1319.  - }
  1322. 1320.  - .reply_button_wrap {
  1323. 1321.  -   padding-right: 5px;
  1324. 1322.  -   zoom: 1;
  1325. 1323.  -   *position: relative;
  1326. 1324.  - }
  1327. 1325.  - .wall_module .reply_button_wrap button {
  1328. 1326.  -   padding: 5px 16px;
  1329. 1327.  - }
  1330. 1328.  -
  1331. 1329.  - .reply_box_open .reply_field {
  1332. 1330.  -   height: 24px;
  1333. 1331.  - }
  1334. 1332.  - .wall_module .reply_box_open .reply_form {
  1335. 1333.  -   margin-left: 38px;
  1336. 1334.  - }
  1337. 1335.  - .wall_module .reply_hint {
  1338. 1336.  -   padding: 6px 0 0px 5px;
  1339. 1337.  -   overflow: hidden;
  1340. 1338.  -   -o-text-overflow: ellipsis;
  1341. 1339.  -   text-overflow: ellipsis;
  1342. 1340.  -   position: relative;
  1343. 1341.  - }
  1344. 1342.  - .wall_module .reply_hint_text {
  1345. 1343.  -   color: #777;
  1346. 1344.  -   cursor: default;
  1347. 1345.  -   white-space: nowrap;
  1348. 1346.  -   overflow: hidden;
  1349. 1347.  -   -o-text-overflow: ellipsis;
  1350. 1348.  -   text-overflow: ellipsis;
  1351. 1349.  - }
  1352. 1350.  - .wall_module .reply_box_open .reply_box {
  1353. 1351.  -   margin-left: -6px;
  1354. 1352.  - }
  1355. 1353.  - .wall_module .reply_to_title {
  1356. 1354.  -   display: none;
  1357. 1355.  -   padding: 6px 5px 0px;
  1358. 1356.  -   white-space: nowrap;
  1359. 1357.  -   overflow: hidden;
  1360. 1358.  -   -o-text-overflow: ellipsis;
  1361. 1359.  -   text-overflow: ellipsis;
  1362. 1360.  - }
  1363. 1361.  -
  1364. 1362.  - .reply_multiline_tt_point {
  1365. 1363.  -   position: absolute;
  1366. 1364.  -   width: 1px;
  1367. 1365.  -   height: 1px;
  1368. 1366.  - }
  1369. 1367.  - .wall_module .reply_box_open .replies_wrap,
  1370. 1368.  - .wall_module .reply_box_open .submit_reply,
  1371. 1369.  - .wall_module .reply_box_open a.reply_form_image,
  1372. 1370.  - .reply_box_open .reply_field_tail {
  1373. 1371.  -   display: block;
  1374. 1372.  - }
  1375. 1373.  - .wall_module .reply_box_open .reply_link {
  1376. 1374.  -   display: none;
  1377. 1375.  - }
  1378. 1376.  - .wall_module #post_warn,
  1379. 1377.  - .wall_module .reply_warn,
  1380. 1378.  - #like_repost_comment_warn {
  1381. 1379.  -   display: none;
  1382. 1380.  -   padding-top: 5px;
  1383. 1381.  -   color: #777;
  1384. 1382.  - }
  1385. 1383.  - .wall_module .reply_warn {
  1386. 1384.  -   padding: 0 0 7px;
  1387. 1385.  - }
  1388. 1386.  - #wl_reply_form .reply_warn {
  1389. 1387.  -   padding-top: 0px;
  1390. 1388.  -   padding-bottom: 12px;
  1391. 1389.  - }
  1392. 1390.  - .wall_module .reply_box .reply_warn {
  1393. 1391.  -   padding-top: 0;
  1394. 1392.  -   padding-bottom: 5px;
  1395. 1393.  - }
  1396. 1394.  - .wall_module #submit_post_error {
  1397. 1395.  -   display: none;
  1398. 1396.  -   margin-bottom: 10px;
  1399. 1397.  -   padding: 5px 10px;
  1400. 1398.  - }
  1401. 1399.  - /* Reply submit hint */
  1402. 1400.  - .reply_submit_hint_wrap {
  1403. 1401.  -   width: 210px;
  1404. 1402.  -   /*height: 110px;*/
  1405. 1403.  -   padding: 8px 5px 8px;
  1406. 1404.  - }
  1407. 1405.  - .reply_submit_hint_title {
  1408. 1406.  -   color: #2A5779;
  1409. 1407.  -   font-weight: bold;
  1410. 1408.  -   padding-bottom: 2px;
  1411. 1409.  - }
  1412. 1410.  - #reply_submit_hint_opts .radiobtn {
  1413. 1411.  -   color: #000;
  1414. 1412.  -   padding: 10px 0 5px 19px;
  1415. 1413.  -   line-height: 160%;
  1416. 1414.  -   position: relative;
  1417. 1415.  - }
  1418. 1416.  - #reply_submit_hint_opts .radiobtn div {
  1419. 1417.  -   position: absolute;
  1420. 1418.  -   left: 0;
  1421. 1419.  -   top: 12px;
  1422. 1420.  - }
  1423. 1421.  - .reply_multiline_tt .side_sh {
  1424. 1422.  -   display: table-cell !important;
  1425. 1423.  - }
  1426. 1424.  - .reply_submit_tail_wrap {
  1427. 1425.  -   left: 233px;
  1428. 1426.  -   position: absolute;
  1429. 1427.  -   bottom: 18px;
  1430. 1428.  -   z-index: 2001;
  1431. 1429.  - }
  1432. 1430.  - .reply_submit_tail {
  1433. 1431.  -   background: url(/images/ddtooltip.png) -8px 0 no-repeat;
  1434. 1432.  -   width: 8px;
  1435. 1433.  -   height: 11px;
  1436. 1434.  - }
  1437. 1435.  -
  1438. 1436.  - /* Post media */
  1439. 1437.  - .wall_module .post_media {
  1440. 1438.  -   padding: 6px 0px 4px;
  1441. 1439.  -   width: 338px;
  1442. 1440.  -   overflow: hidden;
  1443. 1441.  - }
  1444. 1442.  - .wall_module .reply_text .post_media {
  1445. 1443.  -   width: 298px;
  1446. 1444.  - }
  1447. 1445.  - .wall_module .reply_text .audio .title_wrap {
  1448. 1446.  -   width: 220px;
  1449. 1447.  - }
  1450. 1448.  - .wall_module .published_by_quote .post_media {
  1451. 1449.  -   width: 326px;
  1452. 1450.  - }
  1453. 1451.  - .wall_module .post_media.post_audio {
  1454. 1452.  -   padding: 2px 0px 0px 4px;
  1455. 1453.  -   margin-left: -4px;
  1456. 1454.  -   width: auto !important;
  1457. 1455.  - }
  1458. 1456.  - .wall_module .post_media.wall_audio {
  1459. 1457.  -   padding: 6px 0px 0px 4px;
  1460. 1458.  -   margin-left: -4px;
  1461. 1459.  -   width: auto !important;
  1462. 1460.  - }
  1463. 1461.  - .wall_module .page_media_thumb {
  1464. 1462.  -   height: 98px;
  1465. 1463.  -   max-width: 130px;
  1466. 1464.  -   *width: 130px;
  1467. 1465.  -   overflow: hidden;
  1468. 1466.  -   margin: 0 6px 6px 0;
  1469. 1467.  - }
  1470. 1468.  - .wall_module .page_media_graffiti {
  1471. 1469.  -   width: 196px;
  1472. 1470.  -   max-width: 196px;
  1473. 1471.  - }
  1474. 1472.  - .wall_module .graffiti img {
  1475. 1473.  -   width: auto;
  1476. 1474.  - }
  1477. 1475.  - .wall_module .photo {
  1478. 1476.  -   display: block;
  1479. 1477.  - }
  1480. 1478.  - .wall_module .photo:hover {
  1481. 1479.  -   text-decoration: none;
  1482. 1480.  - }
  1483. 1481.  - .wall_module .photo img {
  1484. 1482.  -   vertical-align: top;
  1485. 1483.  -   max-height: 98px;
  1486. 1484.  -   overflow: hidden;
  1487. 1485.  - }
  1488. 1486.  - .wall_module .page_media_full_photo,
  1489. 1487.  - .wall_module .page_media_full_video,
  1490. 1488.  - .wall_module .page_media_full_graffiti {
  1491. 1489.  -   max-width: 520px;
  1492. 1490.  -   max-height: 520px;
  1493. 1491.  -   height: auto;
  1494. 1492.  -   float: none;
  1495. 1493.  -   margin: 0;
  1496. 1494.  -   *width: auto;
  1497. 1495.  -   padding: 20px 0 10px;
  1498. 1496.  - }
  1499. 1497.  - .wall_module .post_full_thumbs .page_media_thumb1 {
  1500. 1498.  -   padding-top: 10px;
  1501. 1499.  - }
  1502. 1500.  - .wall_module .page_media_full_photo img,
  1503. 1501.  - .wall_module .page_media_full_graffiti img {
  1504. 1502.  -   max-width: 520px;
  1505. 1503.  -   max-height: 520px;
  1506. 1504.  -   width: auto;
  1507. 1505.  -   height: auto;
  1508. 1506.  -   *height: 500px;
  1509. 1507.  - }
  1510. 1508.  - .post_media .audio .actions {
  1511. 1509.  -   visibility: hidden;
  1512. 1510.  - }
  1513. 1511.  - .post_media .audio .actions a {
  1514. 1512.  -   display: block;
  1515. 1513.  -   padding: 6px;
  1516. 1514.  - }
  1517. 1515.  - .post_media .audio.over .actions {
  1518. 1516.  -   visibility: visible;
  1519. 1517.  -   background-color: #EDF1F5;
  1520. 1518.  - }
  1521. 1519.  -
  1522. 1520.  -
  1523. 1521.  - /* Single photo */
  1524. 1522.  - .wall_module .post_thumbs_num1 .page_media_thumb1,
  1525. 1523.  - .wall_module .post_thumbs_num3 .page_media_thumb1,
  1526. 1524.  - .wall_module .post_thumbs_num4 .page_media_thumb1,
  1527. 1525.  - .wall_module .post_thumbs_num2 .page_media_thumb1,
  1528. 1526.  - .wall_module .post_thumbs_num2 .page_media_thumb2 {
  1529. 1527.  -   max-width: 320px;
  1530. 1528.  -   max-height: 306px;
  1531. 1529.  -   height: auto;
  1532. 1530.  -   float: left;
  1533. 1531.  -   *width: auto;
  1534. 1532.  - }
  1535. 1533.  - .wall_module .post_thumbs_num1 .page_media_thumb1 img,
  1536. 1534.  - .wall_module .post_thumbs_num3 .page_media_thumb1 img,
  1537. 1535.  - .wall_module .post_thumbs_num4 .page_media_thumb1 img,
  1538. 1536.  - .wall_module .post_thumbs_num2 .page_media_thumb1 img,
  1539. 1537.  - .wall_module .post_thumbs_num2 .page_media_thumb2 img {
  1540. 1538.  -   max-width: 320px;
  1541. 1539.  -   max-height: 306px;
  1542. 1540.  -   width: auto;
  1543. 1541.  -   height: auto;
  1544. 1542.  -   *height: 200px;
  1545. 1543.  - }
  1546. 1544.  - .wall_module .post_thumbs_num1 .page_media_video {
  1547. 1545.  -   max-width: 320px;
  1548. 1546.  -   max-height: 240px;
  1549. 1547.  - }
  1550. 1548.  - .wall_module .post_thumbs_num1 .page_media_video .video img {
  1551. 1549.  -   max-width: 320px;
  1552. 1550.  -   max-height: 240px;
  1553. 1551.  -   width: 320px;
  1554. 1552.  -   height: 240px;
  1555. 1553.  - }
  1556. 1554.  -
  1557. 1555.  - /* Wide wall changes */
  1558. 1556.  - .wide_wall_module .post_thumbs_num1 .page_media_thumb1,
  1559. 1557.  - .wide_wall_module .post_thumbs_num3 .page_media_thumb1,
  1560. 1558.  - .wide_wall_module .post_thumbs_num4 .page_media_thumb1 {
  1561. 1559.  -   max-width: 537px;
  1562. 1560.  - }
  1563. 1561.  - .wide_wall_module .post_thumbs_num1 .page_media_thumb1 img,
  1564. 1562.  - .wide_wall_module .post_thumbs_num3 .page_media_thumb1 img,
  1565. 1563.  - .wide_wall_module .post_thumbs_num4 .page_media_thumb1 img {
  1566. 1564.  -   max-width: 537px;
  1567. 1565.  - }
  1568. 1566.  - .wide_wall_module .post_thumbs_num2 .page_media_thumb1,
  1569. 1567.  - .wide_wall_module .post_thumbs_num2 .page_media_thumb2 {
  1570. 1568.  -   max-width: 240px;
  1571. 1569.  - }
  1572. 1570.  - .wide_wall_module .post_thumbs_num2 .page_media_thumb1 img,
  1573. 1571.  - .wide_wall_module .post_thumbs_num2 .page_media_thumb2 img {
  1574. 1572.  -   max-width: 240px;
  1575. 1573.  - }
  1576. 1574.  - .wide_wall_module .audio .title_wrap {
  1577. 1575.  -   width: 430px;
  1578. 1576.  - }
  1579. 1577.  - .wide_wall_module .audio .title_wrap b {
  1580. 1578.  -   max-width: 310px;
  1581. 1579.  - }
  1582. 1580.  - .wide_wall_module .published_by_quote .audio .title_wrap {
  1583. 1581.  -   width: 415px;
  1584. 1582.  - }
  1585. 1583.  - .wide_wall_module .published_by_quote .audio .title_wrap b {
  1586. 1584.  -   max-width: 290px;
  1587. 1585.  - }
  1588. 1586.  - .wide_wall_module .reply_table .audio .title_wrap {
  1589. 1587.  -   width: 400px;
  1590. 1588.  - }
  1591. 1589.  - .wide_wall_module .reply_table .audio .title_wrap b {
  1592. 1590.  -   max-width: 280px;
  1593. 1591.  - }
  1594. 1592.  -
  1595. 1593.  - /* Inline view video */
  1596. 1594.  - .wide_wall_module .post_thumbs_num1 .page_media_video .video div,
  1597. 1595.  - .wall_module .page_media_full_video .video div {
  1598. 1596.  -   bottom: 10px;
  1599. 1597.  -   font-size: 11px;
  1600. 1598.  - }
  1601. 1599.  - .font_medium .wide_wall_module .post_thumbs_num1 .page_media_video .video div,
  1602. 1600.  - .font_medium .wall_module .page_media_full_video .video div {
  1603. 1601.  -   font-size: 12px;
  1604. 1602.  - }
  1605. 1603.  - .wall_module .post_thumbs_num1 .page_media_thumb1 {
  1606. 1604.  -   margin: 0;
  1607. 1605.  - }
  1608. 1606.  - .wall_module .page_media_full_video {
  1609. 1607.  -   padding-bottom: 0;
  1610. 1608.  - }
  1611. 1609.  - .wide_wall_module .post_thumbs_num1 .page_media_video,
  1612. 1610.  - .wall_module .page_media_full_video  {
  1613. 1611.  -   max-width: 480px;
  1614. 1612.  -   max-height: 360px;
  1615. 1613.  - }
  1616. 1614.  - .wide_wall_module .post_thumbs_num1 .page_media_video .video img,
  1617. 1615.  - .wall_module .page_media_full_video .video img {
  1618. 1616.  -   max-width: 480px;
  1619. 1617.  -   max-height: 360px;
  1620. 1618.  -   width: 480px;
  1621. 1619.  -   height: 360px;
  1622. 1620.  - }
  1623. 1621.  - .wall_module .page_media_video .video div.video_play_inline,
  1624. 1622.  - .wall_module .page_media_full_video .video div.video_play_inline {
  1625. 1623.  -   left: 137px;
  1626. 1624.  -   top: 97px;
  1627. 1625.  -   position: absolute;
  1628. 1626.  -   z-index: 10;
  1629. 1627.  -   background: url(/images/inline_video_play.png) no-repeat;
  1630. 1628.  -   width: 46px;
  1631. 1629.  -   height: 46px;
  1632. 1630.  - }
  1633. 1631.  - .wide_wall_module .page_media_video .video div.video_play_inline,
  1634. 1632.  - .wall_module .page_media_full_video .video div.video_play_inline {
  1635. 1633.  -   left: 225px;
  1636. 1634.  -   top: 165px;
  1637. 1635.  - }
  1638. 1636.  - .wall_module .video div.page_video_play_live {
  1639. 1637.  -   left: 80px;
  1640. 1638.  -   top: 97px;
  1641. 1639.  -   position: absolute;
  1642. 1640.  -   z-index: 10;
  1643. 1641.  -   background: url(/images/inline_video_small_play.png) right no-repeat;
  1644. 1642.  -   background-color: rgba(0,0,0,0.5);
  1645. 1643.  -   width: 100px;
  1646. 1644.  -   height: 14px;
  1647. 1645.  -   color: #FFFFFF;
  1648. 1646.  -   font-weight: bold;
  1649. 1647.  -   border-radius: 10px;
  1650. 1648.  -   padding: 16px 40px 16px 20px;
  1651. 1649.  -   font-size: 13px !important;
  1652. 1650.  -   font-size: 13px;
  1653. 1651.  -   line-height: 100%;
  1654. 1652.  - }
  1655. 1653.  - .font_medium .wall_module .video div.page_video_play_live {
  1656. 1654.  -   font-size: 13px;
  1657. 1655.  - }
  1658. 1656.  -
  1659. 1657.  - .wide_wall_module .video div.page_video_play_live,
  1660. 1658.  - .wall_module .page_media_full_video div.page_video_play_live {
  1661. 1659.  -   left: 160px;
  1662. 1660.  -   top: 165px;
  1663. 1661.  - }
  1664. 1662.  - .wide_wall_module .page_media_video .video div.video_play_inline_loading,
  1665. 1663.  - .wall_module .page_media_full_video .video div.video_play_inline_loading {
  1666. 1664.  -   background: url(/images/upload_inv_mono.gif) no-repeat 50% 50%;
  1667. 1665.  -   width: 100px;
  1668. 1666.  -   background-color: #000;
  1669. 1667.  -   background-color: rgba(0, 0, 0, 0.7);
  1670. 1668.  -   *filter: alpha(opacity=70);
  1671. 1669.  -
  1672. 1670.  -   -webkit-border-radius: 5px;
  1673. 1671.  -   -khtml-border-radius: 5px;
  1674. 1672.  -   -moz-border-radius: 5px;
  1675. 1673.  -   border-radius: 5px;
  1676. 1674.  -
  1677. 1675.  -   margin: -2px 0 0 -27px;
  1678. 1676.  - }
  1679. 1677.  -
  1680. 1678.  - /* Thumbed links */
  1681. 1679.  - .wall_module .page_media_thumbed_link {
  1682. 1680.  -   display: block;
  1683. 1681.  -   margin: 5px 0 5px 3px;
  1684. 1682.  -   border-left: 2px solid #C3D1E0;
  1685. 1683.  -   padding: 0 5px;
  1686. 1684.  -   overflow: hidden;
  1687. 1685.  - }
  1688. 1686.  - .wall_module a.page_media_thumbed_link {
  1689. 1687.  -   cursor: pointer !important;
  1690. 1688.  - }
  1691. 1689.  - .wall_module a.page_media_thumbed_link:hover {
  1692. 1690.  -   background: #E1E7ED;
  1693. 1691.  -   cursor: pointer;
  1694. 1692.  -   margin: 0;
  1695. 1693.  -   border: 0;
  1696. 1694.  -   padding: 5px 5px 5px 10px;
  1697. 1695.  - }
  1698. 1696.  - .wall_module td.page_media_link_thumb {
  1699. 1697.  -   cursor: pointer;
  1700. 1698.  -   background-position: 50% 50%;
  1701. 1699.  -   background-repeat: no-repeat;
  1702. 1700.  - }
  1703. 1701.  - .wall_module a.page_media_link_thumb,
  1704. 1702.  - .wall_module i.page_media_link_thumb {
  1705. 1703.  -   display: block;
  1706. 1704.  -   width: 100px;
  1707. 1705.  -   overflow: hidden;
  1708. 1706.  -   line-height: 0;
  1709. 1707.  -   min-height: 63px;
  1710. 1708.  -   height: 100%;
  1711. 1709.  -   *height: 63px;
  1712. 1710.  - }
  1713. 1711.  - .wall_module a.page_media_link_thumb:hover {
  1714. 1712.  -   text-decoration: none;
  1715. 1713.  - }
  1716. 1714.  - .wall_module div.page_media_link_desc_wrap {
  1717. 1715.  -   padding-left: 10px;
  1718. 1716.  -   line-height: 15px;
  1719. 1717.  -   min-height: 63px;
  1720. 1718.  -   max-height: 7.1em;
  1721. 1719.  -   overflow: hidden;
  1722. 1720.  -   -o-text-overflow: ellipsis;
  1723. 1721.  -   text-overflow: ellipsis;
  1724. 1722.  - }
  1725. 1723.  - .font_medium .wall_module div.page_media_link_desc_wrap {
  1726. 1724.  -   line-height: 16px;
  1727. 1725.  -   max-height: 7.1em;
  1728. 1726.  - }
  1729. 1727.  - .wall_module div.page_media_no_photo {
  1730. 1728.  -   padding-left: 0px;
  1731. 1729.  - }
  1732. 1730.  - .wall_module div.page_media_link_wpreview_desc {
  1733. 1731.  -   min-height: 48px;
  1734. 1732.  - }
  1735. 1733.  - .wall_module a.page_media_link_title,
  1736. 1734.  - .wall_module span.page_media_link_title {
  1737. 1735.  -   font-weight: bold;
  1738. 1736.  - }
  1739. 1737.  - .wall_module div.page_media_link_desc {
  1740. 1738.  -   color: #000;
  1741. 1739.  -   padding-top: 3px;
  1742. 1740.  - }
  1743. 1741.  - .wall_module .wall_postlink_preview_btn {
  1744. 1742.  -   padding: 7px 10px 0;
  1745. 1743.  - }
  1746. 1744.  - .wall_module .page_media_thumbed_link_no_photo .wall_postlink_preview_btn {
  1747. 1745.  -   padding: 7px 0 0;
  1748. 1746.  - }
  1749. 1747.  - .wall_postlink_preview_disabler {
  1750. 1748.  -   display: none;
  1751. 1749.  - }
  1752. 1750.  - .wall_postlink_preview_btn_disabled .wall_postlink_preview_disabler {
  1753. 1751.  -   display: block;
  1754. 1752.  -   width: 122px;
  1755. 1753.  -   background: #bbcada;
  1756. 1754.  -   background: rgba(255, 255, 255, 0.5);
  1757. 1755.  -   color: #FFF;
  1758. 1756.  -   padding: 6px 0;
  1759. 1757.  -   text-align: center;
  1760. 1758.  -   position: absolute;
  1761. 1759.  -   height: 15px;
  1762. 1760.  -   z-index: 10;
  1763. 1761.  -   margin: 0 auto;
  1764. 1762.  - }
  1765. 1763.  - .wall_postlink_preview_btn .button_blue {
  1766. 1764.  -   width: 120px;
  1767. 1765.  - }
  1768. 1766.  - .wall_postlink_preview_btn button {
  1769. 1767.  -   width: 120px;
  1770. 1768.  - }
  1771. 1769.  - .wall_postlink_preview_btn_disabled .wall_postlink_preview_btn_label {
  1772. 1770.  -   visibility: hidden;
  1773. 1771.  - }
  1774. 1772.  - .post_media_link_preview_loading {
  1775. 1773.  -   color: #777;
  1776. 1774.  -   display: none;
  1777. 1775.  - }
  1778. 1776.  - .wall_postlink_preview_btn_disabled .post_media_link_preview_loading {
  1779. 1777.  -   display: inline;
  1780. 1778.  - }
  1781. 1779.  - .wall_postlink_preview_btn_disabled .post_media_link_preview {
  1782. 1780.  -   display: none;
  1783. 1781.  - }
  1784. 1782.  -
  1785. 1783.  - .post_media_link_preview_wrap .button_blue {
  1786. 1784.  -   margin: -4px 0 0 10px;
  1787. 1785.  - }
  1788. 1786.  - .post_media_link_preview_wrap button {
  1789. 1787.  -   padding: 4px 10px;
  1790. 1788.  -   vertical-align: baseline;
  1791. 1789.  - }
  1792. 1790.  -
  1793. 1791.  - .post_media_link_preview_wrap .post_media_link_preview_disabler {
  1794. 1792.  -   display: none;
  1795. 1793.  - }
  1796. 1794.  - .post_media_link_preview_wrap .wall_postlink_preview_btn_disabled .post_media_link_preview_disabler {
  1797. 1795.  -   cursor: default;
  1798. 1796.  -   display: block;
  1799. 1797.  -   border: 1px solid #4E6F93;
  1800. 1798.  -   border-top-color: #517295;
  1801. 1799.  -   background: #7d99b8;
  1802. 1800.  -   background: rgba(93, 128, 167, 0.8);
  1803. 1801.  -
  1804. 1802.  -   color: #FFF;
  1805. 1803.  -   text-shadow: 0 1px 0 #45688E;
  1806. 1804.  -   padding: 2px 9px;
  1807. 1805.  -   margin: -3px 0 0 10px;
  1808. 1806.  -
  1809. 1807.  -   -webkit-border-radius: 2px;
  1810. 1808.  -   -khtml-border-radius: 2px;
  1811. 1809.  -   -moz-border-radius: 2px;
  1812. 1810.  -   border-radius: 2px;
  1813. 1811.  - }
  1814. 1812.  - .post_media_link_preview_wrap .wall_postlink_preview_btn_disabled .button_blue {
  1815. 1813.  -   display: none;
  1816. 1814.  - }
  1817. 1815.  -
  1818. 1816.  - .page_media_caption {
  1819. 1817.  -   padding: 1px 0 5px;
  1820. 1818.  -   line-height: 160%;
  1821. 1819.  - }
  1822. 1820.  - span.post_video_title {
  1823. 1821.  -   font-weight: bold;
  1824. 1822.  - }
  1825. 1823.  - span.post_video_duration {
  1826. 1824.  -   font-weight: bold;
  1827. 1825.  -   color: #000;
  1828. 1826.  - }
  1829. 1827.  - .wall_module .video {
  1830. 1828.  -   display: block;
  1831. 1829.  -   position: relative;
  1832. 1830.  - }
  1833. 1831.  - .wall_module .video:hover {
  1834. 1832.  -   text-decoration: none;
  1835. 1833.  - }
  1836. 1834.  - .wall_module .video img {
  1837. 1835.  -   height: 98px;
  1838. 1836.  -   vertical-align: top;
  1839. 1837.  - }
  1840. 1838.  - .wall_module .app img.icon {
  1841. 1839.  -   padding: 4px 5px 0px 0px;
  1842. 1840.  -   vertical-align: bottom;
  1843. 1841.  - }
  1844. 1842.  - .wall_module .app img.thumb {
  1845. 1843.  -   max-width: 75px;
  1846. 1844.  -   max-height: 75px;
  1847. 1845.  -   margin: 3px 6px 3px 0px;
  1848. 1846.  -   vertical-align: middle;
  1849. 1847.  - }
  1850. 1848.  - .wall_module .post_single_thumb_media .page_media_graffiti {
  1851. 1849.  -   height: 100px;
  1852. 1850.  -   width: 200px;
  1853. 1851.  -   max-width: 200px;
  1854. 1852.  - }
  1855. 1853.  - .wall_module .post_single_thumb_media .page_media_graffiti img {
  1856. 1854.  -   width: 200px;
  1857. 1855.  -   height: 100px;
  1858. 1856.  - }
  1859. 1857.  -
  1860. 1858.  - /* Mentions */
  1861. 1859.  - .wall_module .mention_rich_ta {
  1862. 1860.  -   background: #FFF;
  1863. 1861.  -   color: #000;
  1864. 1862.  -   padding: 3px;
  1865. 1863.  -   border: 1px solid #C0CAD5;
  1866. 1864.  -   outline: none;
  1867. 1865.  -   overflow-x: hidden;
  1868. 1866.  -   line-height: normal;
  1869. 1867.  - }
  1870. 1868.  - .wall_module .mini_editor_cont {
  1871. 1869.  -   display: none;
  1872. 1870.  -   position: relative;
  1873. 1871.  -   z-index: 100;
  1874. 1872.  - }
  1875. 1873.  - .wall_module .mention_rich_ta a {
  1876. 1874.  -   color: #2B587A !important;
  1877. 1875.  -   cursor: text !important;
  1878. 1876.  -   text-decoration: none !important;
  1879. 1877.  - }
  1880. 1878.  - .wall_module .mention_rich_ta p {
  1881. 1879.  -   font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
  1882. 1880.  -   font-size: 11px;
  1883. 1881.  -   padding: 0px;
  1884. 1882.  -   margin: 0;
  1885. 1883.  -   line-height: normal;
  1886. 1884.  - }
  1887. 1885.  - .big_wall_post #submit_post_box textarea,
  1888. 1886.  - .big_wall_post .mention_rich_ta,
  1889. 1887.  - .wall_module .mention_rich_ta p {
  1890. 1888.  -   font-size: 13px !important;
  1891. 1889.  -   line-height: 150% !important;
  1892. 1890.  - }
  1893. 1891.  - .font_medium .wall_module .mention_rich_ta p {
  1894. 1892.  -   font-size: 12px;
  1895. 1893.  - }
  1896. 1894.  -
  1897. 1895.  - .big_wall_post #submit_post_box textarea::-webkit-input-placeholder { color:#FFF; }
  1898. 1896.  - .big_wall_post #submit_post_box textarea::-moz-placeholder { color:#FFF; }
  1899. 1897.  -
  1900. 1898.  - .wall_module .mini_editor_cont .selector_container .result_list {
  1901. 1899.  -   display: none;
  1902. 1900.  - }
  1903. 1901.  - #page_add_media {
  1904. 1902.  -   padding: 6px 9px 0px;
  1905. 1903.  - }
  1906. 1904.  - .add_media_lnk {
  1907. 1905.  -   cursor: default;
  1908. 1906.  -   color: #2B587A;
  1909. 1907.  - }
  1910. 1908.  - #page_no_wall,
  1911. 1909.  - #page_no_suggests {
  1912. 1910.  -   padding: 30px 15px;
  1913. 1911.  -   font-size: 1.09em;
  1914. 1912.  -   color: #777;
  1915. 1913.  -   text-align: center;
  1916. 1914.  - }
  1917. 1915.  -
  1918. 1916.  - .add_media_rows {
  1919. 1917.  -   -webkit-border-radius: 2px;
  1920. 1918.  -   -khtml-border-radius: 2px;
  1921. 1919.  -   -moz-border-radius: 2px;
  1922. 1920.  -   border-radius: 2px;
  1923. 1921.  -   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  1924. 1922.  -   -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  1925. 1923.  -   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  1926. 1924.  -   background: #FFF;
  1927. 1925.  -   border: 1px solid #B2BDCA;
  1928. 1926.  -   position: static;
  1929. 1927.  -   margin: 0px -20px;
  1930. 1928.  - }
  1931. 1929.  - .add_media_head {
  1932. 1930.  -   background: #EDF1F5;
  1933. 1931.  -   padding: 7px 27px;
  1934. 1932.  -   color: #2B587A;
  1935. 1933.  - }
  1936. 1934.  - .add_media_menu {
  1937. 1935.  -   /* position: absolute; is in js*/
  1938. 1936.  -   display: none;
  1939. 1937.  -   cursor: default;
  1940. 1938.  -   z-index: 1005;
  1941. 1939.  - }
  1942. 1940.  - .add_media_item {
  1943. 1941.  -   padding: 6px 10px 2px 27px;
  1944. 1942.  -   display: block;
  1945. 1943.  -   height: 18px;
  1946. 1944.  -   position: relative;
  1947. 1945.  -   background: #FFF no-repeat;
  1948. 1946.  - }
  1949. 1947.  - .add_media_item:last-child,
  1950. 1948.  - .add_media_head:last-child,
  1951. 1949.  - .add_media_more_wrap a.add_media_more {
  1952. 1950.  -   -webkit-border-radius: 0px 0px 2px 2px;
  1953. 1951.  -   -khtml-border-radius: 0px 0px 2px 2px;
  1954. 1952.  -   -moz-border-radius: 0px 0px 2px 2px;
  1955. 1953.  -   border-radius: 0px 0px 2px 2px;
  1956. 1954.  - }
  1957. 1955.  - .add_media_item:first-child,
  1958. 1956.  - .add_media_head:first-child,
  1959. 1957.  - .add_media_rev .add_media_more_wrap a.add_media_more {
  1960. 1958.  -   -webkit-border-radius: 2px 2px 0px 0px;
  1961. 1959.  -   -khtml-border-radius: 2px 2px 0px 0px;
  1962. 1960.  -   -moz-border-radius: 2px 2px 0px 0px;
  1963. 1961.  -   border-radius: 2px 2px 0px 0px;
  1964. 1962.  - }
  1965. 1963.  - .add_media_item:hover {
  1966. 1964.  -   text-decoration: none;
  1967. 1965.  -   background-color: #e1e7ed;
  1968. 1966.  - }
  1969. 1967.  - .add_media_menu .rows {
  1970. 1968.  -   margin: 0px;
  1971. 1969.  -   position: relative;
  1972. 1970.  -   *position: static;
  1973. 1971.  -   z-index: 1006;
  1974. 1972.  - }
  1975. 1973.  - div.media_preview {
  1976. 1974.  -   margin-bottom: 8px;
  1977. 1975.  -   display: none;
  1978. 1976.  - }
  1979. 1977.  - div.med_no_attach {
  1980. 1978.  -   margin-bottom: 0px;
  1981. 1979.  - }
  1982. 1980.  - .media_preview .audio,
  1983. 1981.  - .media_preview .doc {
  1984. 1982.  -   padding-top: 4px;
  1985. 1983.  - }
  1986. 1984.  - .media_preview .doc {
  1987. 1985.  -   padding-bottom: 5px;
  1988. 1986.  - }
  1989. 1987.  -
  1990. 1988.  - .media_preview .x {
  1991. 1989.  -   cursor: pointer;
  1992. 1990.  -   margin: 4px 5px 0px;
  1993. 1991.  -   background: url(/images/pics/statusx_op.gif) no-repeat 0 0;
  1994. 1992.  -   opacity: 0.6;
  1995. 1993.  -   filter: alpha(opacity=60);
  1996. 1994.  -   height: 11px;
  1997. 1995.  -   width: 11px;
  1998. 1996.  - }
  1999. 1997.  - .media_preview .x:hover {
  2000. 1998.  -   opacity: 1;
  2001. 1999.  -   filter: none;
  2002. 2000.  - }
  2003. 2001.  - .media_preview .graffiti {
  2004. 2002.  -   width: 100px;
  2005. 2003.  -   height: 50px;
  2006. 2004.  - }
  2007. 2005.  - .media_preview .audio img,
  2008. 2006.  - .media_preview .app img {
  2009. 2007.  -   padding-top: 3px;
  2010. 2008.  - }
  2011. 2009.  - .media_preview .audio span,
  2012. 2010.  - .media_preview .app span,
  2013. 2011.  - .media_preview .doc span {
  2014. 2012.  -   padding: 0px 2px;
  2015. 2013.  -   position: relative;
  2016. 2014.  -   top: -1px;
  2017. 2015.  -   color: #45688E;
  2018. 2016.  - }
  2019. 2017.  - .page_pics_preview .pam_dpic .page_media_x_wrap {
  2020. 2018.  -   position: absolute;
  2021. 2019.  -   right: 0;
  2022. 2020.  -   top: 0;
  2023. 2021.  - }
  2024. 2022.  - .pam_dpic {
  2025. 2023.  -   position: relative;
  2026. 2024.  - }
  2027. 2025.  - .pam_dpic_up .pam_dpic {
  2028. 2026.  -   position: absolute;
  2029. 2027.  -   float: none;
  2030. 2028.  - }
  2031. 2029.  - .pam_bg {
  2032. 2030.  -   display: none;
  2033. 2031.  - }
  2034. 2032.  - .pam_dpic_up .pam_bg {
  2035. 2033.  -   display: block;
  2036. 2034.  -   position: static;
  2037. 2035.  - }
  2038. 2036.  - .page_preview_audio_wrap,
  2039. 2037.  - .page_preview_doc_wrap,
  2040. 2038.  - .page_preview_note_wrap,
  2041. 2039.  - .page_preview_share_wrap,
  2042. 2040.  - .page_preview_page_wrap,
  2043. 2041.  - .page_preview_poll_wrap,
  2044. 2042.  - .page_preview_postpone_wrap {
  2045. 2043.  -   padding: 5px 0px;
  2046. 2044.  - }
  2047. 2045.  - .media_audio_icon {
  2048. 2046.  -   float: left;
  2049. 2047.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -222px;
  2050. 2048.  -   width: 13px;
  2051. 2049.  -   height: 11px;
  2052. 2050.  - }
  2053. 2051.  - .media_doc_icon {
  2054. 2052.  -   float: left;
  2055. 2053.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -280px;
  2056. 2054.  -   width: 11px;
  2057. 2055.  -   height: 11px;
  2058. 2056.  -   margin: 0px 3px 0 -1px;
  2059. 2057.  - }
  2060. 2058.  - .wall_module .media_preview .share,
  2061. 2059.  - .wall_module .media_preview .note,
  2062. 2060.  - .wall_module .media_preview .poll {
  2063. 2061.  -   padding: 3px 0;
  2064. 2062.  -   color: #555;
  2065. 2063.  - }
  2066. 2064.  - .wall_module .media_preview .share,
  2067. 2065.  - .wall_module .media_preview .note,
  2068. 2066.  - .wall_module .media_preview .poll,
  2069. 2067.  - .wall_module .media_desc {
  2070. 2068.  -   line-height: 140%;
  2071. 2069.  - }
  2072. 2070.  - .wall_module .media_preview .share b,
  2073. 2071.  - .wall_module .media_preview .note b,
  2074. 2072.  - .wall_module .media_preview .poll b,
  2075. 2073.  - .wall_module .media_desc b {
  2076. 2074.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat left -237px;
  2077. 2075.  -   width: 15px;
  2078. 2076.  -   height: 11px;
  2079. 2077.  -   margin-top: 3px;
  2080. 2078.  - }
  2081. 2079.  - .wall_module .media_preview b.postpone {
  2082. 2080.  -   background-position: 0 -334px;
  2083. 2081.  -   margin-top: 2px;
  2084. 2082.  - }
  2085. 2083.  - .wall_module .media_desc b.topic {
  2086. 2084.  -   background-position: 0 -192px;
  2087. 2085.  - }
  2088. 2086.  - .wall_module .media_desc b.group {
  2089. 2087.  -   background-position: 0 -45px;
  2090. 2088.  -   height: 12px;
  2091. 2089.  - }
  2092. 2090.  - .wall_module .media_desc b.doc {
  2093. 2091.  -   background-position: 0 -280px;
  2094. 2092.  -   height: 11px;
  2095. 2093.  - }
  2096. 2094.  - .wall_module .media_desc b.note,
  2097. 2095.  - .wall_module .media_preview .note b {
  2098. 2096.  -   background-position: 0 -134px;
  2099. 2097.  - }
  2100. 2098.  - .wall_module .media_preview .poll {
  2101. 2099.  -   max-width: 300px;
  2102. 2100.  -   overflow: hidden;
  2103. 2101.  -   text-overflow: ellipsis;
  2104. 2102.  - }
  2105. 2103.  - .wall_module .media_preview .poll b {
  2106. 2104.  -   background-position: left -208px;
  2107. 2105.  - }
  2108. 2106.  - .wall_module .poll span span {
  2109. 2107.  -   color: #2B587A;
  2110. 2108.  - }
  2111. 2109.  -
  2112. 2110.  - .page_preview_map {
  2113. 2111.  -   -webkit-border-radius: 3px;
  2114. 2112.  -   -moz-border-radius: 3px;
  2115. 2113.  -   border-radius: 3px;
  2116. 2114.  -   margin-bottom: 5px;
  2117. 2115.  - }
  2118. 2116.  - .page_preview_map_wrap {
  2119. 2117.  -   margin-right: 8px;
  2120. 2118.  - }
  2121. 2119.  - .wall_module .media_desc {
  2122. 2120.  -   padding: 4px 0px 2px;
  2123. 2121.  - }
  2124. 2122.  - .wall_module .post_media .media_desc {
  2125. 2123.  -   padding-top: 8px;
  2126. 2124.  -   clear: both;
  2127. 2125.  - }
  2128. 2126.  - .wall_module .post_media .media_desc_soft {
  2129. 2127.  -   padding: 0px;
  2130. 2128.  -   float: left;
  2131. 2129.  -   margin-bottom: 2px;
  2132. 2130.  -   margin-right: 8px;
  2133. 2131.  -   margin-top: 8px;
  2134. 2132.  -   clear: none;
  2135. 2133.  - }
  2136. 2134.  - .wall_module .media_desc .lnk {
  2137. 2135.  -   color: #777;
  2138. 2136.  -   cursor: pointer;
  2139. 2137.  - }
  2140. 2138.  - .wall_module .media_desc .lnk:hover {
  2141. 2139.  -   text-decoration: none;
  2142. 2140.  - }
  2143. 2141.  - .wall_module .media_desc .a {
  2144. 2142.  -   color: #2b587a;
  2145. 2143.  -   word-wrap: break-word;
  2146. 2144.  - }
  2147. 2145.  - .wall_module .media_desc .lnk:hover .a {
  2148. 2146.  -   text-decoration: underline;
  2149. 2147.  - }
  2150. 2148.  - .wall_module .media_desc .comment {
  2151. 2149.  -   background-position: 0px -194px;
  2152. 2150.  - }
  2153. 2151.  - .wall_module .media_desc .note {
  2154. 2152.  -   background-position: 0px -150px;
  2155. 2153.  - }
  2156. 2154.  - .wall_module .media_desc .poll {
  2157. 2155.  -   background-position: 0px -208px;
  2158. 2156.  - }
  2159. 2157.  - .wall_module .media_desc .app {
  2160. 2158.  -   background-position: 0px -60px;
  2161. 2159.  - }
  2162. 2160.  - .wall_module .media_desc .checkin {
  2163. 2161.  -   background-position: 0px -165px;
  2164. 2162.  - }
  2165. 2163.  - .wall_module .media_desc .donation {
  2166. 2164.  -   background-position: 0px -179px;
  2167. 2165.  - }
  2168. 2166.  - .wall_module .media_desc .video {
  2169. 2167.  -   background-position: 0px -75px;
  2170. 2168.  - }
  2171. 2169.  - .page_media_map {
  2172. 2170.  -   margin: 5px 0px;
  2173. 2171.  -   -webkit-border-radius: 3px;
  2174. 2172.  -   -moz-border-radius: 3px;
  2175. 2173.  -   border-radius: 3px;
  2176. 2174.  -   display: inline-block;
  2177. 2175.  - }
  2178. 2176.  - .page_media_map_point {
  2179. 2177.  -   position: absolute;
  2180. 2178.  -   background: url('/images/map/small.png') center no-repeat;
  2181. 2179.  -   width: 190px;
  2182. 2180.  -   height: 60px;
  2183. 2181.  - }
  2184. 2182.  - .page_media_fullmap_wrap {
  2185. 2183.  -   display: block;
  2186. 2184.  -   width: 320px;
  2187. 2185.  -   overflow: hidden;
  2188. 2186.  - }
  2189. 2187.  - .page_media_fullmap_wrap .page_media_map_point {
  2190. 2188.  -   width: 344px;
  2191. 2189.  -   height: 205px;
  2192. 2190.  - }
  2193. 2191.  - .wall_module .media_desc .page_media_geo {
  2194. 2192.  -   color: #2B587A;
  2195. 2193.  - }
  2196. 2194.  - .wall_module .media_desc .page_media_geo:hover {
  2197. 2195.  -   text-decoration: underline;
  2198. 2196.  - }
  2199. 2197.  -
  2200. 2198.  - .big_wall_post #submit_post_box {
  2201. 2199.  -   padding: 15px;
  2202. 2200.  -   border-top: 0px;
  2203. 2201.  -   border-bottom: 1px solid #DAE1E8;
  2204. 2202.  -   background: #F7F7F7;
  2205. 2203.  - }
  2206. 2204.  - .big_wall_post #submit_post_box textarea {
  2207. 2205.  -   width: 589px;
  2208. 2206.  -   height: 50px;
  2209. 2207.  - }
  2210. 2208.  - .big_wall_post #submit_post {
  2211. 2209.  -   display: block;
  2212. 2210.  - }
  2213. 2211.  -
  2214. 2212.  - .box_body .shadow div {
  2215. 2213.  -   background: #000;
  2216. 2214.  -   height: 1px;
  2217. 2215.  -   opacity: 0.8;
  2218. 2216.  -   filter: alpha(opacity=80);
  2219. 2217.  -   position: absolute;
  2220. 2218.  -   z-index: 1050;
  2221. 2219.  -   overflow: hidden;
  2222. 2220.  - }
  2223. 2221.  - .box_body .shadow .sh0 {
  2224. 2222.  -   background: #FFFFFF;
  2225. 2223.  - }
  2226. 2224.  - .box_body .shadow .sh1 {
  2227. 2225.  -   opacity: 0.3;
  2228. 2226.  -   filter: alpha(opacity=30);
  2229. 2227.  -   margin-top: 0px;
  2230. 2228.  - }
  2231. 2229.  - .box_body .shadow.bottom .sh1 {
  2232. 2230.  -   margin-top: -1px;
  2233. 2231.  - }
  2234. 2232.  - .box_body .shadow .sh2 {
  2235. 2233.  -   opacity: 0.11;
  2236. 2234.  -   filter: alpha(opacity=11);
  2237. 2235.  -   margin-top: 1px;
  2238. 2236.  - }
  2239. 2237.  - .box_body .shadow.bottom .sh2 {
  2240. 2238.  -   margin-top: -2px;
  2241. 2239.  - }
  2242. 2240.  - .box_body .shadow .sh3 {
  2243. 2241.  -   opacity: 0.07;
  2244. 2242.  -   filter: alpha(opacity=7);
  2245. 2243.  -   margin-top: 2px;
  2246. 2244.  - }
  2247. 2245.  - .box_body .shadow.bottom .sh3 {
  2248. 2246.  -   margin-top: -3px;
  2249. 2247.  - }
  2250. 2248.  - .box_body .shadow .sh4 {
  2251. 2249.  -   opacity: 0.03;
  2252. 2250.  -   filter: alpha(opacity=3);
  2253. 2251.  -   margin-top: 3px;
  2254. 2252.  - }
  2255. 2253.  - .box_body .shadow.bottom .sh4 {
  2256. 2254.  -   margin-top: -4px;
  2257. 2255.  - }
  2258. 2256.  - .box_body .search_bar {
  2259. 2257.  -   background: #F2F2F2;
  2260. 2258.  -   /*height: 38px;*/
  2261. 2259.  -   padding: 9px 4px;
  2262. 2260.  - }
  2263. 2261.  - #add_place_data {
  2264. 2262.  -   background: #F7F7F7;
  2265. 2263.  -   padding: 14px 20px 6px;
  2266. 2264.  - }
  2267. 2265.  - .box_body .search_wrap {
  2268. 2266.  -   padding:  0px 4px;
  2269. 2267.  - }
  2270. 2268.  - .box_body .search_wrap .button_blue button {
  2271. 2269.  -   padding: 4px 16px;
  2272. 2270.  - }
  2273. 2271.  -
  2274. 2272.  - .box_body .choose_box .shadow div {
  2275. 2273.  -   width: 608px;
  2276. 2274.  - }
  2277. 2275.  - .box_body .search {
  2278. 2276.  -   margin: 0px 4px;
  2279. 2277.  -   width: 300px;
  2280. 2278.  - }
  2281. 2279.  - .font_medium .box_body .search {
  2282. 2280.  -   width: 280px;
  2283. 2281.  - }
  2284. 2282.  -
  2285. 2283.  - .choose_box {
  2286. 2284.  -   position: relative;
  2287. 2285.  - }
  2288. 2286.  - .choose_box .rows {
  2289. 2287.  -   margin: 0px auto;
  2290. 2288.  - }
  2291. 2289.  - .choose_box .return_link {
  2292. 2290.  -   padding: 4px 8px 0px;
  2293. 2291.  -   display: none;
  2294. 2292.  - }
  2295. 2293.  - .choose_box .progress {
  2296. 2294.  -   display: block;
  2297. 2295.  -   visibility: hidden;
  2298. 2296.  -   position: relative;
  2299. 2297.  -   margin: 3px 5px 0px;
  2300. 2298.  - }
  2301. 2299.  -
  2302. 2300.  - .choose_photo .item {
  2303. 2301.  -   background: #FFF;
  2304. 2302.  -   margin: 0px auto 10px;
  2305. 2303.  -   width: 87px;
  2306. 2304.  - }
  2307. 2305.  - .choose_photo .item.last {
  2308. 2306.  -   margin-bottom: 0px;
  2309. 2307.  - }
  2310. 2308.  - .choose_photo .item a {
  2311. 2309.  -   background: #FFF;
  2312. 2310.  -   border: 1px solid #AAA;
  2313. 2311.  -   display: block;
  2314. 2312.  -   height: 57px;
  2315. 2313.  -   padding: 5px;
  2316. 2314.  -   width: 75px;
  2317. 2315.  - }
  2318. 2316.  - .choose_photo .item a:hover {
  2319. 2317.  -   border-color: #45688E;
  2320. 2318.  -   text-decoration: none;
  2321. 2319.  - }
  2322. 2320.  - .choose_photo .item .thumb {
  2323. 2321.  -   background: #FFF;
  2324. 2322.  -   cursor: pointer;
  2325. 2323.  -   height: 57px;
  2326. 2324.  -   overflow: hidden;
  2327. 2325.  -   text-align: center;
  2328. 2326.  -   width: 75px;
  2329. 2327.  - }
  2330. 2328.  - .choose_photo .item img {
  2331. 2329.  -   cursor: pointer;
  2332. 2330.  - }
  2333. 2331.  - #choose_photo_rows, #choose_video_rows, #choose_audio_rows {
  2334. 2332.  -   padding: 10px 0px;
  2335. 2333.  -   position: relative;
  2336. 2334.  - }
  2337. 2335.  - #choose_video_rows .no_results, #choose_audio_rows .no_results {
  2338. 2336.  -   text-align: center;
  2339. 2337.  -   color: #777;
  2340. 2338.  -   line-height: 150%;
  2341. 2339.  - }
  2342. 2340.  - #choose_photo_bottom, #choose_video_bottom, #choose_audio_bottom {
  2343. 2341.  -   padding: 0px 10px;
  2344. 2342.  -   height: 21px;
  2345. 2343.  -   border-top: 1px solid #DAE2E8;
  2346. 2344.  - }
  2347. 2345.  - #choose_photo_content, #choose_video_content, #choose_audio_content {
  2348. 2346.  -   height: 374px;
  2349. 2347.  -   position: relative;
  2350. 2348.  -   overflow: auto;
  2351. 2349.  -   overflow-x: hidden;
  2352. 2350.  -   overflow-y: auto;
  2353. 2351.  - }
  2354. 2352.  - .choose_box .summary {
  2355. 2353.  -   padding: 5px 10px 0px;
  2356. 2354.  -   border-bottom: 1px solid #DAE2E8;
  2357. 2355.  - }
  2358. 2356.  - #choose_photo_summary, #choose_video_summary, #choose_audio_summary {
  2359. 2357.  -   padding: 3px 0px 4px;
  2360. 2358.  -   color: #45688E;
  2361. 2359.  -   font-weight: bold;
  2362. 2360.  - }
  2363. 2361.  - #choose_photo td, #choose_video td {
  2364. 2362.  -   text-align: center;
  2365. 2363.  -   vertical-align: top;
  2366. 2364.  - }
  2367. 2365.  - #choose_video td {
  2368. 2366.  -   width: 148px;
  2369. 2367.  - }
  2370. 2368.  - #choose_photo_upload_box {
  2371. 2369.  -   background-color: #F2F2F2;
  2372. 2370.  -   height: 38px;
  2373. 2371.  -   padding: 0px 4px;
  2374. 2372.  - }
  2375. 2373.  - #choose_photo_upload_box div {
  2376. 2374.  -   padding: 8px 6px 0px;
  2377. 2375.  - }
  2378. 2376.  - #choose_photo_upload_box div#choose_photo_upload {
  2379. 2377.  -   padding: 0px;
  2380. 2378.  -   margin: 0px;
  2381. 2379.  -   height: 20px;
  2382. 2380.  - }
  2383. 2381.  - #choose_photo_upload_box.over {
  2384. 2382.  -   background-color: #F9F9F9;
  2385. 2383.  - }
  2386. 2384.  - #choose_photo_upload .loading {
  2387. 2385.  -   padding: 5px;
  2388. 2386.  - }
  2389. 2387.  -
  2390. 2388.  - #page_new_photo {
  2391. 2389.  -   padding: 16px 14px;
  2392. 2390.  - }
  2393. 2391.  - #page_photo_upload {
  2394. 2392.  -   margin: 15px 0 0;
  2395. 2393.  -   text-align: center;
  2396. 2394.  - }
  2397. 2395.  - .page_upload_progress_wrap {
  2398. 2396.  -   width: 250px;
  2399. 2397.  -   height: 18px;
  2400. 2398.  -   margin: auto;
  2401. 2399.  -   background: #FFF;
  2402. 2400.  -   border: 1px solid #CCC;
  2403. 2401.  - }
  2404. 2402.  - .page_upload_progress {
  2405. 2403.  -   height: 18px;
  2406. 2404.  -   background: #597DA3 url(/images/progress_grad.gif) repeat;
  2407. 2405.  -   border: 1px solid #45688E;
  2408. 2406.  -   margin: -1px;
  2409. 2407.  - }
  2410. 2408.  - .page_attach_progress_wrap {
  2411. 2409.  -   width: 110px;
  2412. 2410.  -   height: 8px;
  2413. 2411.  -   margin: auto;
  2414. 2412.  -   margin-bottom: 6px;
  2415. 2413.  -   background: #FFF;
  2416. 2414.  -   border: 1px solid #CCC;
  2417. 2415.  - }
  2418. 2416.  - .page_attach_progress {
  2419. 2417.  -   height: 8px;
  2420. 2418.  -   background: #597DA3 url(/images/progress_grad.gif) repeat;
  2421. 2419.  -   border: 1px solid #45688E;
  2422. 2420.  -   margin: -1px;
  2423. 2421.  - }
  2424. 2422.  - .attach_label {
  2425. 2423.  -   color: #777777;
  2426. 2424.  -   margin: 0px 0 0 6px;
  2427. 2425.  - }
  2428. 2426.  - .media_preview .progress_x {
  2429. 2427.  -   cursor: pointer;
  2430. 2428.  -   margin: 3px 5px 0px;
  2431. 2429.  -   background: url(/images/hide_to.gif) no-repeat -2px -2px;
  2432. 2430.  -   opacity: 0.6;
  2433. 2431.  -   filter: alpha(opacity=60);
  2434. 2432.  -   height: 10px;
  2435. 2433.  -   width: 10px;
  2436. 2434.  - }
  2437. 2435.  -
  2438. 2436.  - #choose_video .item {
  2439. 2437.  -   display: block;
  2440. 2438.  -   position: relative;
  2441. 2439.  -   padding: 2px 0px 1px;
  2442. 2440.  -   font-size: 10px;
  2443. 2441.  -   margin: 0px auto 10px;
  2444. 2442.  -   overflow: hidden;
  2445. 2443.  -   text-decoration: none;
  2446. 2444.  -   width: 134px;
  2447. 2445.  - }
  2448. 2446.  - .font_medium #choose_video .item {
  2449. 2447.  -   font-size: 11px;
  2450. 2448.  - }
  2451. 2449.  - #choose_video .item img {
  2452. 2450.  -   background: #FFF;
  2453. 2451.  -   border: 1px solid #AAA;
  2454. 2452.  -   height: 97px;
  2455. 2453.  -   padding: 1px;
  2456. 2454.  -   width: 130px;
  2457. 2455.  - }
  2458. 2456.  - #choose_video .item:hover img {
  2459. 2457.  -   border: 1px solid #45688E;
  2460. 2458.  - }
  2461. 2459.  - #choose_video .item:hover span {
  2462. 2460.  -   text-decoration: underline;
  2463. 2461.  - }
  2464. 2462.  - #choose_video .item div {
  2465. 2463.  -   position: absolute;
  2466. 2464.  -   z-index: 1100;
  2467. 2465.  -   width: 130px;
  2468. 2466.  -   margin-top: 84px;
  2469. 2467.  - }
  2470. 2468.  - #choose_video .item div span.bg {
  2471. 2469.  -   background: #000;
  2472. 2470.  -   color: #000;
  2473. 2471.  -   opacity: 0.6;
  2474. 2472.  -   filter: alpha(opacity=60);
  2475. 2473.  - }
  2476. 2474.  - #choose_video .item div span {
  2477. 2475.  -   color: #FFF;
  2478. 2476.  -   padding: 0px 3px 1px;
  2479. 2477.  - }
  2480. 2478.  - #choose_video .item:hover div span {
  2481. 2479.  -   text-decoration: none;
  2482. 2480.  - }
  2483. 2481.  -
  2484. 2482.  - #choose_audio .audio_content {
  2485. 2483.  -   width: 460px;
  2486. 2484.  - }
  2487. 2485.  - .choose_audio_row  {
  2488. 2486.  -   height: 38px;
  2489. 2487.  -   overflow: hidden;
  2490. 2488.  - }
  2491. 2489.  - .choose_audio_row .audio .title_wrap {
  2492. 2490.  -   width: 340px;
  2493. 2491.  - }
  2494. 2492.  - .choose_audio_row .audio .title_wrap b {
  2495. 2493.  -   max-width: 240px;
  2496. 2494.  - }
  2497. 2495.  - .font_medium .choose_audio_row  .audio .title_wrap {
  2498. 2496.  -   width: 330px;
  2499. 2497.  - }
  2500. 2498.  - .font_medium .choose_audio_row  .audio .title_wrap b {
  2501. 2499.  -   max-width: 230px;
  2502. 2500.  - }
  2503. 2501.  - .narrow_column .audio .title_wrap {
  2504. 2502.  -   width: 116px;
  2505. 2503.  - }
  2506. 2504.  - .narrow_column .audio .title_wrap b {
  2507. 2505.  -   max-width: 116px;
  2508. 2506.  - }
  2509. 2507.  - a.choose {
  2510. 2508.  -   display: block;
  2511. 2509.  -   padding: 4px 6px;
  2512. 2510.  -   margin: 2px 6px 0px;
  2513. 2511.  - }
  2514. 2512.  - a.choose:hover {
  2515. 2513.  -   background: #DAE1E8;
  2516. 2514.  -   text-decoration: none;
  2517. 2515.  - }
  2518. 2516.  -
  2519. 2517.  -
  2520. 2518.  - /* new audio/video attach box */
  2521. 2519.  - .choose_close a {
  2522. 2520.  -   display: inline-block;
  2523. 2521.  -   padding-top: 17px;
  2524. 2522.  -   padding-bottom: 18px;
  2525. 2523.  -   color: #C7D7E9;
  2526. 2524.  -   -webkit-transition: color 100ms linear;
  2527. 2525.  -   -moz-transition: color 100ms linear;
  2528. 2526.  -   -o-transition: color 100ms linear;
  2529. 2527.  -   transition: color 100ms linear;
  2530. 2528.  - }
  2531. 2529.  - .choose_close a:hover {
  2532. 2530.  -   color: #FFF;
  2533. 2531.  -   text-decoration: none;
  2534. 2532.  - }
  2535. 2533.  - .choose_close .divider {
  2536. 2534.  -   color: #C7D7E9;
  2537. 2535.  - }
  2538. 2536.  - .choose_close a.choose_close_link {
  2539. 2537.  -   padding-right: 20px;
  2540. 2538.  -   padding-left: 0px;
  2541. 2539.  - }
  2542. 2540.  - .is_rtl1 .choose_close a.choose_close_link {
  2543. 2541.  -   padding-right: 0px;
  2544. 2542.  -   padding-left: 20px;
  2545. 2543.  - }
  2546. 2544.  - .choose_header {
  2547. 2545.  -   font-size: 1.09em;
  2548. 2546.  -   color: #FFF;
  2549. 2547.  -   background: #597BA5;
  2550. 2548.  -   font-weight: bold;
  2551. 2549.  -   padding: 17px 20px 18px;
  2552. 2550.  - }
  2553. 2551.  - #choose_audio.audio_search,
  2554. 2552.  - #choose_video.video_search_wrap {
  2555. 2553.  -   background-color: #ffffff;
  2556. 2554.  -   padding: 0px;
  2557. 2555.  - }
  2558. 2556.  - #choose_audio.audio_search #choose_audio_content,
  2559. 2557.  - #choose_video.video_search_wrap #choose_video_content {
  2560. 2558.  -   overflow: hidden;
  2561. 2559.  -   height: auto;
  2562. 2560.  - }
  2563. 2561.  - .choose_search_cont .search_bar {
  2564. 2562.  -   background-color: #eff1f3;
  2565. 2563.  -   margin: 0px;
  2566. 2564.  -   padding: 12px 5px 12px 20px;
  2567. 2565.  -   width: 619px;
  2568. 2566.  - }
  2569. 2567.  - #choose_audio a.choose {
  2570. 2568.  -   display: block;
  2571. 2569.  -   text-align: center;
  2572. 2570.  -   height: 28px;
  2573. 2571.  -   line-height: 28px;
  2574. 2572.  -   margin: 0px;
  2575. 2573.  -   padding: 0px 6px;
  2576. 2574.  -   float: right;
  2577. 2575.  -   max-width: 130px;
  2578. 2576.  -   overflow: hidden;
  2579. 2577.  -   text-overflow: ellipsis;
  2580. 2578.  - }
  2581. 2579.  - #choose_audio a.choose:hover {
  2582. 2580.  -   background: #EDF1F5;
  2583. 2581.  -   text-decoration: none;
  2584. 2582.  - }
  2585. 2583.  - .choose_search_cont {
  2586. 2584.  -   top: 0px;
  2587. 2585.  -   z-index: 10;
  2588. 2586.  - }
  2589. 2587.  - .choose_search_cont .top_shadow {
  2590. 2588.  -   position: absolute;
  2591. 2589.  -   height: 3px;
  2592. 2590.  -   margin-top: -1px;
  2593. 2591.  -   background: #555;
  2594. 2592.  -   opacity: 0.12;
  2595. 2593.  -   filter: alpha(opacity=12);
  2596. 2594.  -   width: 644px;
  2597. 2595.  -   display: none;
  2598. 2596.  - }
  2599. 2597.  - .choose_search_cont.fixed .top_shadow {
  2600. 2598.  -   display: block;
  2601. 2599.  - }
  2602. 2600.  - .choose_search_cont input {
  2603. 2601.  -   height: 13px;
  2604. 2602.  -   padding: 5px 20px;
  2605. 2603.  -   background: white url(/images/magglass.png) no-repeat 5px 6px;
  2606. 2604.  -   outline: none;
  2607. 2605.  - }
  2608. 2606.  - #choose_audio.audio_search .s_search {
  2609. 2607.  -   width: 418px;
  2610. 2608.  - }
  2611. 2609.  - .choose_search_cont input#choose_video_query {
  2612. 2610.  -   width: 564px;
  2613. 2611.  - }
  2614. 2612.  - #choose_audio.audio_search div.abutton_wrap button {
  2615. 2613.  -   width: 141px;
  2616. 2614.  - }
  2617. 2615.  - .choose_more_btn {
  2618. 2616.  -   display: block;
  2619. 2617.  -   background: #EEF0F2;
  2620. 2618.  -   text-align: center;
  2621. 2619.  -   padding: 16px;
  2622. 2620.  -   color: #738392;
  2623. 2621.  - }
  2624. 2622.  - .choose_more_btn:hover {
  2625. 2623.  -   text-decoration: none;
  2626. 2624.  -   background: #e9edf1;
  2627. 2625.  - }
  2628. 2626.  - .choose_preload {
  2629. 2627.  -   display: none;
  2630. 2628.  - }
  2631. 2629.  - .choose_no_rows {
  2632. 2630.  -   color: #777;
  2633. 2631.  -   padding: 150px 20px;
  2634. 2632.  -   text-align: center;
  2635. 2633.  -   font-size: 1.21em;
  2636. 2634.  - }
  2637. 2635.  - #choose_video .choose_no_rows {
  2638. 2636.  -   padding: 100px 20px 120px;
  2639. 2637.  - }
  2640. 2638.  - .dd_menu_stype_act.choose .dd_menu_header div,
  2641. 2639.  - .font_medium .dd_menu_stype_act.choose .dd_menu_header div {
  2642. 2640.  -   width: 109px;
  2643. 2641.  - }
  2644. 2642.  - #choose_audio #choose_audio_rows {
  2645. 2643.  -   padding: 12px 20px 0px;
  2646. 2644.  - }
  2647. 2645.  - #choose_video #choose_video_rows {
  2648. 2646.  -   padding: 20px 0px 7px 20px;
  2649. 2647.  - }
  2650. 2648.  - .is_rtl1 #choose_video #choose_video_rows {
  2651. 2649.  -   padding: 20px 20px 7px 0px;
  2652. 2650.  - }
  2653. 2651.  - .choose_video_row {
  2654. 2652.  -   width: 157px;
  2655. 2653.  -   text-align: center;
  2656. 2654.  - }
  2657. 2655.  - .choose_video_row .img {
  2658. 2656.  -   width: 130px;
  2659. 2657.  -   height: 97px;
  2660. 2658.  -   margin: 0px auto;
  2661. 2659.  -   position: relative;
  2662. 2660.  - }
  2663. 2661.  - .choose_video_row .duration {
  2664. 2662.  -   position: absolute;
  2665. 2663.  -   bottom: 4px;
  2666. 2664.  -   right: 4px;
  2667. 2665.  -   color: white;
  2668. 2666.  -   font-size: 0.9em;
  2669. 2667.  -   padding: 1px 4px 2px;
  2670. 2668.  -   -moz-border-radius: 2px;
  2671. 2669.  -   -webkit-border-radius: 2px;
  2672. 2670.  -   border-radius: 2px;
  2673. 2671.  -   background: rgba(0, 0, 0, 0.5);
  2674. 2672.  -   line-height: 1.35em;
  2675. 2673.  - }
  2676. 2674.  - .choose_video_row .label {
  2677. 2675.  -   font-size: 0.9em;
  2678. 2676.  -   height: 30px;
  2679. 2677.  -   width: 157px;
  2680. 2678.  -   padding: 4px 0px;
  2681. 2679.  -   margin-bottom: 7px;
  2682. 2680.  -   overflow: hidden;
  2683. 2681.  -   text-overflow: ellipsis;
  2684. 2682.  - }
  2685. 2683.  - #choose_video .search_reset {
  2686. 2684.  -   cursor: pointer;
  2687. 2685.  -   display: none;
  2688. 2686.  -   background: transparent url(/images/icons/input_clear.gif) 6px 6px no-repeat;
  2689. 2687.  -   padding: 2px;
  2690. 2688.  -   width: 19px;
  2691. 2689.  -   height: 19px;
  2692. 2690.  -   margin-left: -24px;
  2693. 2691.  -   margin-top: 1px;
  2694. 2692.  -   opacity: 0.6;
  2695. 2693.  -   filter: alpha(opacity=60);
  2696. 2694.  -   position: relative;
  2697. 2695.  -   z-index: 100;
  2698. 2696.  - }
  2699. 2697.  - #choose_video .search_progress {
  2700. 2698.  -   background: url("/images/upload.gif") no-repeat scroll center center transparent;
  2701. 2699.  -   display: none;
  2702. 2700.  -   height: 23px;
  2703. 2701.  -   margin-left: -41px;
  2704. 2702.  -   margin-top: 1px;
  2705. 2703.  -   position: relative;
  2706. 2704.  -   width: 32px;
  2707. 2705.  -   z-index: 95;
  2708. 2706.  - }
  2709. 2707.  - #choose_video.loading .search_progress,
  2710. 2708.  - #choose_video .search_reset.shown {
  2711. 2709.  -   display:block;
  2712. 2710.  - }
  2713. 2711.  - #choose_video.loading .search_reset.shown {
  2714. 2712.  -   display:none;
  2715. 2713.  - }
  2716. 2714.  - #choose_audio_rows.light div.title_wrap b span,
  2717. 2715.  - #choose_audio_rows.light div.title_wrap span.title span {
  2718. 2716.  -   background-color: #EFF1F3;
  2719. 2717.  -   border-bottom: 1px solid #EFF3F6;
  2720. 2718.  -   display: inline-block;
  2721. 2719.  - }
  2722. 2720.  -
  2723. 2721.  - .mem_no_list {
  2724. 2722.  -   background: #FFFFFF;
  2725. 2723.  -   border: 1px solid #DAE2E8;
  2726. 2724.  -   color: #777777;
  2727. 2725.  -   font-size: 1.18em;
  2728. 2726.  -   margin: 0 0 3px;
  2729. 2727.  -   padding: 80px 0;
  2730. 2728.  -   text-align: center;
  2731. 2729.  - }
  2732. 2730.  -
  2733. 2731.  - .module.empty .module_header .header_bottom,
  2734. 2732.  - .module.no_subheader .module_header .header_bottom {
  2735. 2733.  -   display: none;
  2736. 2734.  - }
  2737. 2735.  -
  2738. 2736.  - .module.empty .module_body {
  2739. 2737.  -   color: #707070;
  2740. 2738.  -   padding: 10px 8px;
  2741. 2739.  -   background-color: #F7F7F7;
  2742. 2740.  -   margin-bottom: 10px;
  2743. 2741.  -   text-align: center;
  2744. 2742.  -   border-bottom: 1px solid #DAE1E8;
  2745. 2743.  - }
  2746. 2744.  -
  2747. 2745.  - .module_warning {
  2748. 2746.  -   border-bottom: 1px solid #CCCCCC;
  2749. 2747.  -   color: #666666;
  2750. 2748.  -   background: #F7F7F7;
  2751. 2749.  -   padding: 8px;
  2752. 2750.  - }
  2753. 2751.  -
  2754. 2752.  - .video_module.empty .module_body,
  2755. 2753.  - .album_module.empty .module_body {
  2756. 2754.  -   padding: 10px 8px;
  2757. 2755.  - }
  2758. 2756.  -
  2759. 2757.  - .page_box .error {
  2760. 2758.  -   display: none;
  2761. 2759.  - }
  2762. 2760.  -
  2763. 2761.  - .page_box .error, .page_box .info_msg {
  2764. 2762.  -   margin-bottom:15px;
  2765. 2763.  - }
  2766. 2764.  -
  2767. 2765.  - .page_box .additional {
  2768. 2766.  -   font-size: 10px;
  2769. 2767.  -   margin-top:15px;
  2770. 2768.  - }
  2771. 2769.  - .font_medium .page_box .additional {
  2772. 2770.  -   font-size: 11px;
  2773. 2771.  - }
  2774. 2772.  -
  2775. 2773.  - .page_box .column {
  2776. 2774.  -   padding: 0px 7px;
  2777. 2775.  - }
  2778. 2776.  - .page_box #page_edit_small_photos {
  2779. 2777.  -   width: 179px;
  2780. 2778.  - }
  2781. 2779.  - .page_box #page_edit_preview50,
  2782. 2780.  - .page_box #page_edit_preview100 {
  2783. 2781.  -   height: 50px;
  2784. 2782.  -   overflow: hidden;
  2785. 2783.  -   width: 50px;
  2786. 2784.  - }
  2787. 2785.  - .page_box #page_edit_preview100 {
  2788. 2786.  -   height: 100px;
  2789. 2787.  -   width: 100px;
  2790. 2788.  - }
  2791. 2789.  -
  2792. 2790.  - .page_actions {
  2793. 2791.  -   padding-bottom: 10px;
  2794. 2792.  -   position: relative;
  2795. 2793.  - }
  2796. 2794.  - .page_actions .separator {
  2797. 2795.  -   border-top: 1px solid #E7EAED;
  2798. 2796.  -   margin: 3px 0 2px;
  2799. 2797.  -   height: 1px;
  2800. 2798.  - }
  2801. 2799.  - .page_actions a {
  2802. 2800.  -   background: none repeat scroll 0 0 #FFFFFF;
  2803. 2801.  -   display: block;
  2804. 2802.  -   padding: 4px 6px;
  2805. 2803.  -   width: 188px;
  2806. 2804.  - }
  2807. 2805.  - .page_actions a.unshown {
  2808. 2806.  -   display: none;
  2809. 2807.  - }
  2810. 2808.  -
  2811. 2809.  - .group_block_module a {
  2812. 2810.  -   display: block;
  2813. 2811.  -   padding: 4px 6px;
  2814. 2812.  -   background: #F1F1F1;
  2815. 2813.  -   width: 168px;
  2816. 2814.  - }
  2817. 2815.  -
  2818. 2816.  - .other_acts {
  2819. 2817.  -   position: absolute;
  2820. 2818.  -   z-index: 2000;
  2821. 2819.  -   display: none;
  2822. 2820.  - }
  2823. 2821.  - .other_acts .side_shadow {
  2824. 2822.  -   background: #000;
  2825. 2823.  -   opacity: 0.1;
  2826. 2824.  -   filter: alpha(opacity=10);
  2827. 2825.  - }
  2828. 2826.  - .other_acts .side_shadow div {
  2829. 2827.  -   width: 1px;
  2830. 2828.  - }
  2831. 2829.  - .other_acts .shadow1, .other_acts .shadow2 {
  2832. 2830.  -   background: #000;
  2833. 2831.  -   height: 1px;
  2834. 2832.  -   overflow: hidden;
  2835. 2833.  -   position: relative;
  2836. 2834.  -   opacity: 0.1;
  2837. 2835.  -   filter: alpha(opacity=10);
  2838. 2836.  - }
  2839. 2837.  - .other_acts .shadow2 {
  2840. 2838.  -   height: 1px;
  2841. 2839.  -   opacity: 0.05;
  2842. 2840.  -   filter: alpha(opacity=5);
  2843. 2841.  - }
  2844. 2842.  - .other_acts .header {
  2845. 2843.  -   cursor: pointer;
  2846. 2844.  -   width: 198px;
  2847. 2845.  -   border: 1px solid #517295;
  2848. 2846.  - }
  2849. 2847.  - .other_acts .header div {
  2850. 2848.  -   color: #FFF;
  2851. 2849.  -   background: #5e82a8;
  2852. 2850.  -   border: 1px solid;
  2853. 2851.  -   border-color: #7E9CBC #5C82AB #5e82a8;
  2854. 2852.  -   padding: 2px 4px;
  2855. 2853.  - }
  2856. 2854.  - .other_acts .header span {
  2857. 2855.  -   padding-right: 12px;
  2858. 2856.  -   background: url(/images/darr_dd_over.gif) no-repeat right 6px;
  2859. 2857.  - }
  2860. 2858.  - .other_acts .actions {
  2861. 2859.  -   border: 1px solid #96AABE;
  2862. 2860.  -   border-top: 0px;
  2863. 2861.  - }
  2864. 2862.  - .other_acts a,
  2865. 2863.  - .page_actions .other_acts a {
  2866. 2864.  -   background: #FFF;
  2867. 2865.  -   display: block;
  2868. 2866.  -   width: 192px !important;
  2869. 2867.  -   padding: 4px 3px !important;
  2870. 2868.  - }
  2871. 2869.  - .other_acts a span {
  2872. 2870.  -   font-weight: normal;
  2873. 2871.  -   margin: 0px 3px;
  2874. 2872.  - }
  2875. 2873.  - .other_acts a span.fl_l {
  2876. 2874.  -   background: url(/images/edit_photo_icons.gif) no-repeat;
  2877. 2875.  -   width: 16px;
  2878. 2876.  -   height: 13px;
  2879. 2877.  -   margin: 0px 1px;
  2880. 2878.  - }
  2881. 2879.  - .other_acts a span.new_photo {
  2882. 2880.  -   background-position: 0px -4px;
  2883. 2881.  - }
  2884. 2882.  - .other_acts a span.edit_small {
  2885. 2883.  -   background-position: 0px -26px;
  2886. 2884.  - }
  2887. 2885.  - .other_acts a span.from_webcam {
  2888. 2886.  -   background-position: 0px -48px;
  2889. 2887.  - }
  2890. 2888.  - .other_acts a span.delete_photo {
  2891. 2889.  -   background-position: 0px -70px;
  2892. 2890.  - }
  2893. 2891.  - .other_acts a:hover {
  2894. 2892.  -   text-decoration: none;
  2895. 2893.  -   background: #DAE1E8;
  2896. 2894.  - }
  2897. 2895.  - .page_actions a:hover {
  2898. 2896.  -   text-decoration: none;
  2899. 2897.  -   background: #DAE1E8;
  2900. 2898.  - }
  2901. 2899.  - .page_actions a span.other {
  2902. 2900.  -   background: url(/images/darr_on.gif) no-repeat right 6px;
  2903. 2901.  -   padding-right: 12px;
  2904. 2902.  - }
  2905. 2903.  -
  2906. 2904.  - .apps_list_module .module_body {
  2907. 2905.  -   padding: 5px 0px 10px;
  2908. 2906.  - }
  2909. 2907.  - .apps_list_module .thumb img {
  2910. 2908.  -   width: 16px;
  2911. 2909.  -   display: block;
  2912. 2910.  - }
  2913. 2911.  - .apps_list_module .thumb {
  2914. 2912.  -   height: 16px;
  2915. 2913.  -   width: 16px;
  2916. 2914.  -   overflow: hidden;
  2917. 2915.  - }
  2918. 2916.  - .apps_list_module .line_cell {
  2919. 2917.  -   display: block;
  2920. 2918.  -   padding: 3px 8px 3px;
  2921. 2919.  -   margin: 0px 0px;
  2922. 2920.  - }
  2923. 2921.  - .apps_list_module .line_cell:hover {
  2924. 2922.  -   text-decoration: none;
  2925. 2923.  - }
  2926. 2924.  - .apps_list_module .line_cell:hover .info .name {
  2927. 2925.  -   text-decoration: underline;
  2928. 2926.  - }
  2929. 2927.  - .apps_list_module .info {
  2930. 2928.  -   padding: 1px 6px 0px;
  2931. 2929.  -   width: 145px;
  2932. 2930.  -   overflow: hidden;
  2933. 2931.  -   /*height:14px;*/
  2934. 2932.  - }
  2935. 2933.  - .apps_list_module .info div {
  2936. 2934.  -   width: 300px;
  2937. 2935.  - }
  2938. 2936.  - .apps_list_module .info span {
  2939. 2937.  -   display: block;
  2940. 2938.  -   width: 300px;
  2941. 2939.  -   color: #777;
  2942. 2940.  -   font-size: 0.81em;
  2943. 2941.  - }
  2944. 2942.  -
  2945. 2943.  - .wide_column .big_header .fl_r {
  2946. 2944.  -   font-size: 11px;
  2947. 2945.  - }
  2948. 2946.  - .font_medium .wide_column .big_header .fl_r {
  2949. 2947.  -   font-size: 12px;
  2950. 2948.  - }
  2951. 2949.  -
  2952. 2950.  - .groups_list_module .thumb {
  2953. 2951.  -   height: 32px;
  2954. 2952.  -   width: 37px;
  2955. 2953.  -   overflow: hidden;
  2956. 2954.  - }
  2957. 2955.  -
  2958. 2956.  - .groups_list_module .module_body {
  2959. 2957.  -   padding: 5px 5px 10px;
  2960. 2958.  - }
  2961. 2959.  -
  2962. 2960.  - .groups_list_module .thumb img {
  2963. 2961.  -   width: 32px;
  2964. 2962.  - }
  2965. 2963.  -
  2966. 2964.  - .groups_list_module .group_desc,
  2967. 2965.  - .page_list_module .group_desc,
  2968. 2966.  - .page_list_module .people_desc,
  2969. 2967.  - .page_list_module .people_extra {
  2970. 2968.  -   max-height: 36px;
  2971. 2969.  -   overflow: hidden;
  2972. 2970.  -   font-size: 0.9em;
  2973. 2971.  -   color: gray;
  2974. 2972.  -   margin-bottom: 5px;
  2975. 2973.  - }
  2976. 2974.  - .font_medium .groups_list_module .group_desc,
  2977. 2975.  - .font_medium .page_list_module .group_desc,
  2978. 2976.  - .font_medium .page_list_module .people_desc,
  2979. 2977.  - .font_medium .page_list_module .people_extra {
  2980. 2978.  -   max-height: 42px;
  2981. 2979.  - }
  2982. 2980.  - .people_extra_lnk {
  2983. 2981.  -   color: gray;
  2984. 2982.  - }
  2985. 2983.  -
  2986. 2984.  - .page_list_module .people_extra {
  2987. 2985.  -   padding-bottom: 0px;
  2988. 2986.  - }
  2989. 2987.  -
  2990. 2988.  - .page_list_module .people_desc {
  2991. 2989.  -   color: #000;
  2992. 2990.  -   padding-bottom: 1px;
  2993. 2991.  - }
  2994. 2992.  -
  2995. 2993.  - .search_image {
  2996. 2994.  -   height: 100px;
  2997. 2995.  -   width: 100px;
  2998. 2996.  -   overflow: hidden;
  2999. 2997.  -   margin-right: 10px;
  3000. 2998.  - }
  3001. 2999.  -
  3002. 3000.  - .module .closed,
  3003. 3001.  - .module.closed .opened {
  3004. 3002.  -   display: none;
  3005. 3003.  - }
  3006. 3004.  -
  3007. 3005.  - .module.closed .closed {
  3008. 3006.  -   display: block;
  3009. 3007.  - }
  3010. 3008.  -
  3011. 3009.  - .help_steps_module .closed h4 {
  3012. 3010.  -   /*border: 0;*/
  3013. 3011.  - }
  3014. 3012.  -
  3015. 3013.  - .page_list_module .thumb img {
  3016. 3014.  -   width: 32px;
  3017. 3015.  -   display: block;
  3018. 3016.  - }
  3019. 3017.  -
  3020. 3018.  - .page_list_module .thumb {
  3021. 3019.  -   height: 32px;
  3022. 3020.  -   width: 32px;
  3023. 3021.  -   padding-top: 3px;
  3024. 3022.  -   overflow: hidden;
  3025. 3023.  - }
  3026. 3024.  -
  3027. 3025.  - .page_list_app {
  3028. 3026.  -   padding: 3px 0px 3px 10px;
  3029. 3027.  - }
  3030. 3028.  - .page_list_app .thumb img {
  3031. 3029.  -   width: 68px;
  3032. 3030.  -   display: block;
  3033. 3031.  -   border-radius: 5px;
  3034. 3032.  -   -moz-border-radius: 5px;
  3035. 3033.  -   -webkit-border-radius: 5px;
  3036. 3034.  - }
  3037. 3035.  -
  3038. 3036.  - .page_list_app .thumb {
  3039. 3037.  -   height: 68px;
  3040. 3038.  -   width: 68px;
  3041. 3039.  -   border-radius: 5px;
  3042. 3040.  -   -moz-border-radius: 5px;
  3043. 3041.  -   -webkit-border-radius: 5px;
  3044. 3042.  -   padding-top: 3px;
  3045. 3043.  -   overflow: hidden;
  3046. 3044.  - }
  3047. 3045.  -
  3048. 3046.  - .page_list_app .extra_info {
  3049. 3047.  -   width: 108px;
  3050. 3048.  -   padding: 4px 0px 0px 10px;
  3051. 3049.  - }
  3052. 3050.  - .page_list_app .people_name {
  3053. 3051.  -   font-weight: bold;
  3054. 3052.  -   padding-bottom: 4px;
  3055. 3053.  - }
  3056. 3054.  - .page_list_app .people_desc {
  3057. 3055.  -   color: #888888;
  3058. 3056.  -   padding-bottom: 9px;
  3059. 3057.  -   font-size: 1em;
  3060. 3058.  - }
  3061. 3059.  - .page_list_short .thumb {
  3062. 3060.  -   width: 38px;
  3063. 3061.  -   height: 38px;
  3064. 3062.  - }
  3065. 3063.  - .page_list_short .thumb img {
  3066. 3064.  -   width: 38px;
  3067. 3065.  - }
  3068. 3066.  - .page_list_short .extra_info {
  3069. 3067.  -   width: 120px;
  3070. 3068.  - }
  3071. 3069.  - .page_list_app button {
  3072. 3070.  -   padding-right: 10px;
  3073. 3071.  -   padding-left: 10px;
  3074. 3072.  - }
  3075. 3073.  - .page_app_run_arr {
  3076. 3074.  -   padding-right: 10px;
  3077. 3075.  -   width: 60px;
  3078. 3076.  -   background: url(/images/backlink.gif?4) no-repeat 62px -127px;
  3079. 3077.  - }
  3080. 3078.  - #group_apps {
  3081. 3079.  -
  3082. 3080.  - }
  3083. 3081.  -
  3084. 3082.  - .page_list_module .line_cell {
  3085. 3083.  -   display: block;
  3086. 3084.  -   padding: 3px 8px;
  3087. 3085.  -   margin: 0px 0px;
  3088. 3086.  - }
  3089. 3087.  -
  3090. 3088.  - .page_list_module .line_cell .info,
  3091. 3089.  - .page_list_module .line_cell .desc_info,
  3092. 3090.  - .page_list_module .line_cell .extra_info {
  3093. 3091.  -   width: 138px;
  3094. 3092.  -   overflow: hidden;
  3095. 3093.  -   word-wrap: break-word;
  3096. 3094.  - }
  3097. 3095.  -
  3098. 3096.  - .page_list_module .line_cell .info {
  3099. 3097.  -   padding: 9px 6px 0px;
  3100. 3098.  - }
  3101. 3099.  - .page_list_module .line_cell .info:hover {
  3102. 3100.  -   text-decoration: underline;
  3103. 3101.  - }
  3104. 3102.  -
  3105. 3103.  - .page_list_module .line_cell .desc_info {
  3106. 3104.  -   padding: 3px 6px 0px;
  3107. 3105.  - }
  3108. 3106.  -
  3109. 3107.  - .page_list_module .line_cell .extra_info {
  3110. 3108.  -   padding: 0px 6px;
  3111. 3109.  - }
  3112. 3110.  -
  3113. 3111.  - .page_list_module .module_body {
  3114. 3112.  -   padding: 5px 0px 10px;
  3115. 3113.  - }
  3116. 3114.  -
  3117. 3115.  - .groups_list_module .line_cell .info {
  3118. 3116.  -   padding: 5px 0px 0px;
  3119. 3117.  - }
  3120. 3118.  -
  3121. 3119.  - #own_reply_add_media {
  3122. 3120.  -   padding: 10px 9px 0px;
  3123. 3121.  - }
  3124. 3122.  -
  3125. 3123.  - #own_reply .wall_module .post,
  3126. 3124.  - #own_reply .wall_text,
  3127. 3125.  - .tt .wall_module .post,
  3128. 3126.  - .tt .wall_text,
  3129. 3127.  - .tt .wall_module div.post_image {
  3130. 3128.  -   border-top: 0px;
  3131. 3129.  -   padding-top: 0px;
  3132. 3130.  - }
  3133. 3131.  - #own_reply .wall_module .online,
  3134. 3132.  - .tt .wall_module .online {
  3135. 3133.  -   display: none;
  3136. 3134.  - }
  3137. 3135.  - #own_reply .your_reply {
  3138. 3136.  -   color: #777;
  3139. 3137.  -   padding-bottom: 10px;
  3140. 3138.  - }
  3141. 3139.  - #own_reply_field {
  3142. 3140.  -   width: 422px;
  3143. 3141.  - }
  3144. 3142.  - #own_reply_in_news,
  3145. 3143.  - #own_reply_no_news,
  3146. 3144.  - #own_reply_warn {
  3147. 3145.  -   color: #777;
  3148. 3146.  -   padding-top: 10px;
  3149. 3147.  - }
  3150. 3148.  - #own_reply_no_news,
  3151. 3149.  - #own_reply_warn {
  3152. 3150.  -   display: none;
  3153. 3151.  - }
  3154. 3152.  - #own_reply_media_preview {
  3155. 3153.  -   padding-top: 8px;
  3156. 3154.  - }
  3157. 3155.  -
  3158. 3156.  - .module .add_link {
  3159. 3157.  -   padding-top: 5px;
  3160. 3158.  -   padding-bottom: 5px;
  3161. 3159.  - }
  3162. 3160.  - .module .add_item {
  3163. 3161.  -   padding-top: 5px;
  3164. 3162.  -   padding-bottom: 5px;
  3165. 3163.  - }
  3166. 3164.  -
  3167. 3165.  - #page_edit_small_photos .fl_l {
  3168. 3166.  -   padding: 0 7px 10px;
  3169. 3167.  - }
  3170. 3168.  -
  3171. 3169.  - #choose_photo_upload_box .right_link, .choose_box .right_link {
  3172. 3170.  -   padding: 4px;
  3173. 3171.  - }
  3174. 3172.  -
  3175. 3173.  - .group_share, .event_share, .group_checkin {
  3176. 3174.  -   padding-top: 5px;
  3177. 3175.  - }
  3178. 3176.  -
  3179. 3177.  - .group_share .photo, .event_share .photo {
  3180. 3178.  -   width: 75px;
  3181. 3179.  -   height: 75px;
  3182. 3180.  -   padding: 3px 0 0;
  3183. 3181.  -   overflow: hidden;
  3184. 3182.  - }
  3185. 3183.  -
  3186. 3184.  - .group_share .photo img, .event_share .photo img {
  3187. 3185.  -   width: 75px;
  3188. 3186.  - }
  3189. 3187.  -
  3190. 3188.  - .group_share .info, .event_share .info {
  3191. 3189.  -   width: 220px;
  3192. 3190.  -   overflow: hidden;
  3193. 3191.  -   padding: 0 10px;
  3194. 3192.  - }
  3195. 3193.  - .group_checkin .photo {
  3196. 3194.  -   width: 35px;
  3197. 3195.  -   height: 35px;
  3198. 3196.  -   padding: 3px 0 3px;
  3199. 3197.  -   overflow: hidden;
  3200. 3198.  - }
  3201. 3199.  - .group_checkin .photo img {
  3202. 3200.  -   width: 35px;
  3203. 3201.  - }
  3204. 3202.  - .group_checkin .info {
  3205. 3203.  -   margin: 3px 0px 3px 8px;
  3206. 3204.  -   width: 280px;
  3207. 3205.  - }
  3208. 3206.  - .group_checkin .desc {
  3209. 3207.  -   color: #777;
  3210. 3208.  -   padding: 3px 0 0;
  3211. 3209.  -   line-height: 140%;
  3212. 3210.  - }
  3213. 3211.  -
  3214. 3212.  - .tt .wall_module .group_share .info, .tt .wall_module .event_share .info, .tt .wall_module .group_checkin .info {
  3215. 3213.  -   width: 180px;
  3216. 3214.  - }
  3217. 3215.  -
  3218. 3216.  - .group_share .title, .event_share .title, .group_checkin .title {
  3219. 3217.  -   font-weight: bold;
  3220. 3218.  - }
  3221. 3219.  -
  3222. 3220.  - .group_share .desc {
  3223. 3221.  -   color: #777;
  3224. 3222.  -   padding: 5px 0 0;
  3225. 3223.  -   line-height: 140%;
  3226. 3224.  - }
  3227. 3225.  -
  3228. 3226.  - .event_share .desc {
  3229. 3227.  -   padding: 5px 0 0;
  3230. 3228.  -   line-height: 140%;
  3231. 3229.  - }
  3232. 3230.  -
  3233. 3231.  - .event_share .where {
  3234. 3232.  -   color: #777;
  3235. 3233.  -   padding: 5px 0 0;
  3236. 3234.  - }
  3237. 3235.  -
  3238. 3236.  - .event_share .when {
  3239. 3237.  -   color: #777;
  3240. 3238.  - }
  3241. 3239.  -
  3242. 3240.  - .page_add_place_box .row {
  3243. 3241.  -   padding: 0px 0px 6px;
  3244. 3242.  - }
  3245. 3243.  - .page_add_place_box .label {
  3246. 3244.  -   clear: left;
  3247. 3245.  -   color: #555555;
  3248. 3246.  -   padding-right: 10px;
  3249. 3247.  -   padding-top: 4px;
  3250. 3248.  -   width: 160px;
  3251. 3249.  - }
  3252. 3250.  - .page_add_place_box .labeled {
  3253. 3251.  -   width: 200px;
  3254. 3252.  - }
  3255. 3253.  - .page_add_place_box .details {
  3256. 3254.  -   color: #777;
  3257. 3255.  -   font-size: 0.9em;
  3258. 3256.  -   width: 140px;
  3259. 3257.  -   margin: 0px 10px 0px 170px;
  3260. 3258.  - }
  3261. 3259.  - .page_add_place_box .text {
  3262. 3260.  -   width: 200px;
  3263. 3261.  -   padding: 6px 3px;
  3264. 3262.  -
  3265. 3263.  - }
  3266. 3264.  - .box_body .page_add_place_box .shadow div {
  3267. 3265.  -   width: 548px;
  3268. 3266.  -   z-index: 5;
  3269. 3267.  - }
  3270. 3268.  - #public_place_map {
  3271. 3269.  -   padding: 20px;
  3272. 3270.  - }
  3273. 3271.  - .page_add_place_box .places_map {
  3274. 3272.  -   height: 300px;
  3275. 3273.  - }
  3276. 3274.  - #place_map_yandex, #place_map_google, #place_map_mapbox {
  3277. 3275.  -   display: none;
  3278. 3276.  - }
  3279. 3277.  -
  3280. 3278.  - .member_list_more_link {
  3281. 3279.  -   display: block;
  3282. 3280.  -   padding: 10px 0px;
  3283. 3281.  -   text-align: center;
  3284. 3282.  -   margin-bottom: 5px;
  3285. 3283.  - }
  3286. 3284.  - .member_list_more_link:hover {
  3287. 3285.  -   text-decoration: none;
  3288. 3286.  -   background: #E9EDF1;
  3289. 3287.  - }
  3290. 3288.  - .member_list_more_link .progress {
  3291. 3289.  -   margin: 0px auto;
  3292. 3290.  - }
  3293. 3291.  - .member_list_more_link div {
  3294. 3292.  -   height: 13px;
  3295. 3293.  - }
  3296. 3294.  -
  3297. 3295.  - .page_add_event_info .tip {
  3298. 3296.  -   color: #777;
  3299. 3297.  -   padding: 0 0 3px 23px;
  3300. 3298.  - }
  3301. 3299.  -
  3302. 3300.  - .page_members_box {
  3303. 3301.  -   overflow: auto;
  3304. 3302.  -   max-height: 380px;
  3305. 3303.  -   padding: 10px;
  3306. 3304.  -   padding-bottom: 0px;
  3307. 3305.  - }
  3308. 3306.  - .page_members_box .member_row {
  3309. 3307.  -   border-bottom: 1px solid #dee4e8;
  3310. 3308.  -   margin-bottom: 5px;
  3311. 3309.  -   padding-bottom: 2px;
  3312. 3310.  - }
  3313. 3311.  - .page_members_box .member_row:last-child {
  3314. 3312.  -   border-bottom: none;
  3315. 3313.  - }
  3316. 3314.  - .page_members_box .member_row .member_info {
  3317. 3315.  -   width: 200px;
  3318. 3316.  - }
  3319. 3317.  - .page_members_box .member_row .photo {
  3320. 3318.  -   display: block;
  3321. 3319.  -   width: 60px;
  3322. 3320.  - }
  3323. 3321.  - .page_members_box .member_row .actions {
  3324. 3322.  -   width: 150px;
  3325. 3323.  - }
  3326. 3324.  - .page_members_box .member_row b {
  3327. 3325.  -   color: #888888;
  3328. 3326.  -   font-weight: normal;
  3329. 3327.  - }
  3330. 3328.  -
  3331. 3329.  - .page_members_box .member_row .actions a {
  3332. 3330.  -   background: white;
  3333. 3331.  -   border-top: #FFFFFF;
  3334. 3332.  -   border-style:solid none none;
  3335. 3333.  -   border-width:1px 0 0;
  3336. 3334.  -   display:block;
  3337. 3335.  -   padding:3px 6px 3px;
  3338. 3336.  - }
  3339. 3337.  -
  3340. 3338.  - .page_members_box .member_row .actions a:hover {
  3341. 3339.  -   background: #DAE1E8;
  3342. 3340.  -   color:#36638E;
  3343. 3341.  -   /*border-top: 1px solid #CAD1D9;*/
  3344. 3342.  -   text-decoration:none;
  3345. 3343.  - }
  3346. 3344.  -
  3347. 3345.  - .page_members_box .member_row .res {
  3348. 3346.  -   background-color: #F7F7F7;
  3349. 3347.  -   border: 1px solid #CCC;
  3350. 3348.  -   padding: 5px 11px;
  3351. 3349.  -   margin: 5px 0 0;
  3352. 3350.  -   width: 310px;
  3353. 3351.  - }
  3354. 3352.  -
  3355. 3353.  - .add_blacklist_box .photo {
  3356. 3354.  -   width: 110px;
  3357. 3355.  -   height: 100px;
  3358. 3356.  -   overflow: hidden;
  3359. 3357.  - }
  3360. 3358.  -
  3361. 3359.  - .add_blacklist_box .info {
  3362. 3360.  -   width: 270px;
  3363. 3361.  - }
  3364. 3362.  -
  3365. 3363.  - .page_contact_error {
  3366. 3364.  -   margin-bottom: 15px;
  3367. 3365.  - }
  3368. 3366.  - a.wall_reply_greeting {
  3369. 3367.  -   color: #000;
  3370. 3368.  - }
  3371. 3369.  -
  3372. 3370.  - /* Docs module */
  3373. 3371.  - .page_doc {
  3374. 3372.  -   padding: 10px 8px 0px 8px;
  3375. 3373.  -   display: block;
  3376. 3374.  - }
  3377. 3375.  - .page_doc_icon {
  3378. 3376.  -   background: #E1E7ED url('/images/icons/darr.gif') 6px 7px no-repeat;
  3379. 3377.  -   width: 27px;
  3380. 3378.  -   height: 17px;
  3381. 3379.  -   border-radius: 3px;
  3382. 3380.  -   -moz-border-radius: 3px;
  3383. 3381.  -   color: #6A839E;
  3384. 3382.  -   padding: 3px 0px 0px 17px;
  3385. 3383.  -   position: absolute;
  3386. 3384.  -   display: block;
  3387. 3385.  - }
  3388. 3386.  - .page_doc_icon:hover {
  3389. 3387.  -   text-decoration: none;
  3390. 3388.  - }
  3391. 3389.  - .page_doc_cont {
  3392. 3390.  -   padding: 2px 5px 0px 52px;
  3393. 3391.  - }
  3394. 3392.  - .page_doc_name {
  3395. 3393.  -   font-weight: bold;
  3396. 3394.  - }
  3397. 3395.  - .page_doc_date {
  3398. 3396.  -   color: #777;
  3399. 3397.  - }
  3400. 3398.  -
  3401. 3399.  - /* Real-time replies update */
  3402. 3400.  - .new_reply {
  3403. 3401.  -   display: none;
  3404. 3402.  - }
  3405. 3403.  - .replies_open {
  3406. 3404.  -   color: #71869B;
  3407. 3405.  -   background: #E9EDF1;
  3408. 3406.  -   cursor: pointer;
  3409. 3407.  -   padding: 6px;
  3410. 3408.  -   text-align: center;
  3411. 3409.  -   margin: 5px 0;
  3412. 3410.  - }
  3413. 3411.  - .replies_open:hover {
  3414. 3412.  -   background: #EEF2F6;
  3415. 3413.  - }
  3416. 3414.  -
  3417. 3415.  - /* Replies side pointer */
  3418. 3416.  - .replies_side_wrap {
  3419. 3417.  -   cursor: pointer;
  3420. 3418.  -   width: 50px;
  3421. 3419.  -   position: absolute;
  3422. 3420.  -   margin-left: -60px;
  3423. 3421.  -   padding-top: 31px;
  3424. 3422.  - }
  3425. 3423.  - .wide_wall_module .replies_side_wrap {
  3426. 3424.  -   margin-left: -61px;
  3427. 3425.  - }
  3428. 3426.  - .replies_side {
  3429. 3427.  -   position: relative;
  3430. 3428.  -   padding: 10px 0;
  3431. 3429.  - }
  3432. 3430.  - .replies_side_over {
  3433. 3431.  -   background: #E9EDF1;
  3434. 3432.  - }
  3435. 3433.  - .replies_side_icon {
  3436. 3434.  -   display: none;
  3437. 3435.  -   width: 14px;
  3438. 3436.  -   height: 7px;
  3439. 3437.  -   background: url(/images/toplink.gif?3) 0 -58px no-repeat;
  3440. 3438.  - }
  3441. 3439.  - .replies_side_over .replies_side_icon {
  3442. 3440.  -   display: block;
  3443. 3441.  - }
  3444. 3442.  -
  3445. 3443.  - /* Abuse */
  3446. 3444.  - .page_abuse_footer {
  3447. 3445.  -   border-top: 1px solid #D8DFE5;
  3448. 3446.  -   color: #777;
  3449. 3447.  -   padding: 6px 8px;
  3450. 3448.  -   background: #F1F1F1;
  3451. 3449.  -   margin: 0 -10px;
  3452. 3450.  -   text-align: center;
  3453. 3451.  - }
  3454. 3452.  - #abx_error_wrap {
  3455. 3453.  -   display: none;
  3456. 3454.  - }
  3457. 3455.  - #abx_error {
  3458. 3456.  -   line-height: 160%;
  3459. 3457.  -   background: #F4EBBD;
  3460. 3458.  -   margin-bottom: 10px;
  3461. 3459.  - }
  3462. 3460.  - .abx_content {
  3463. 3461.  -   line-height: 140%;
  3464. 3462.  - }
  3465. 3463.  - h2.abx_header {
  3466. 3464.  -   border-bottom: none;
  3467. 3465.  -   margin-bottom: 7px;
  3468. 3466.  - }
  3469. 3467.  - #abx_radiobtns {
  3470. 3468.  -   padding: 0px 0 20px 12px;
  3471. 3469.  - }
  3472. 3470.  - #abx_radiobtns .radiobtn {
  3473. 3471.  -   margin-top: 14px;
  3474. 3472.  - }
  3475. 3473.  - .abx_addinfo {
  3476. 3474.  -   margin-top: 2px;
  3477. 3475.  - }
  3478. 3476.  - #abx_comment {
  3479. 3477.  -   width: 372px;
  3480. 3478.  -   height: 34px;
  3481. 3479.  - }
  3482. 3480.  - .abx_blacklist_cb_wrap {
  3483. 3481.  -   padding-top: 10px;
  3484. 3482.  - }
  3485. 3483.  - .abx_hint {
  3486. 3484.  -   padding-top: 10px;
  3487. 3485.  - }
  3488. 3486.  -
  3489. 3487.  -
  3490. 3488.  -
  3491. 3489.  - /* Multi attaches */
  3492. 3490.  - .page_preview_photo_wrap, .page_preview_video_wrap, .page_preview_graffiti_wrap {
  3493. 3491.  -   position: relative;
  3494. 3492.  -   height: 57px;
  3495. 3493.  -   overflow: hidden;
  3496. 3494.  -   cursor: pointer;
  3497. 3495.  -   padding: 0 10px 8px 0;
  3498. 3496.  - }
  3499. 3497.  - .page_preview_album_wrap {
  3500. 3498.  -   position: relative;
  3501. 3499.  -   overflow: hidden;
  3502. 3500.  -   cursor: pointer;
  3503. 3501.  -   padding: 0 10px 8px 0;
  3504. 3502.  - }
  3505. 3503.  - div.page_preview_photo, div.page_preview_video, div.page_preview_graffiti {
  3506. 3504.  -   height: 57px;
  3507. 3505.  -   overflow: hidden;
  3508. 3506.  - }
  3509. 3507.  - div.page_preview_video, div.page_preview_graffiti {
  3510. 3508.  -   width: 75px;
  3511. 3509.  -   overflow: hidden;
  3512. 3510.  - }
  3513. 3511.  - img.page_preview_video, img.page_preview_graffiti {
  3514. 3512.  -   width: 75px;
  3515. 3513.  - }
  3516. 3514.  -
  3517. 3515.  - .page_doc_photo {
  3518. 3516.  -   width: 130px;
  3519. 3517.  -   height: 98px;
  3520. 3518.  -   background: #000000;
  3521. 3519.  -   background-position: 50% 50%;
  3522. 3520.  -   background-repeat: no-repeat;
  3523. 3521.  -   text-align: center;
  3524. 3522.  - }
  3525. 3523.  - .page_doc_photo_href {
  3526. 3524.  -   position: relative;
  3527. 3525.  - }
  3528. 3526.  - .page_doc_photo_href:hover {
  3529. 3527.  -   text-decoration: none;
  3530. 3528.  - }
  3531. 3529.  - .page_preview_doc_photo_hint {
  3532. 3530.  -   width: 92px;
  3533. 3531.  -   *width: 100px;
  3534. 3532.  -   text-align: center;
  3535. 3533.  -   color: #FFFFFF;
  3536. 3534.  -   background: #000000;
  3537. 3535.  -   padding: 2px 4px;
  3538. 3536.  -   font-size: 0.81em;
  3539. 3537.  -   margin-bottom: 5px;
  3540. 3538.  -   *background: #000000;
  3541. 3539.  -   background: rgba(0,0,0,0.5);
  3542. 3540.  -   position: absolute;
  3543. 3541.  -   margin-top: -18px;
  3544. 3542.  -   height: 14px;
  3545. 3543.  -   line-height: 14px;
  3546. 3544.  -   *height: 18px;
  3547. 3545.  - }
  3548. 3546.  - .font_medium .page_preview_doc_photo_hint span.fl_l {
  3549. 3547.  -   display: inline-block;
  3550. 3548.  -   max-width: 51px;
  3551. 3549.  -   overflow: hidden;
  3552. 3550.  -   text-overflow: ellipsis;
  3553. 3551.  - }
  3554. 3552.  -
  3555. 3553.  - .page_doc_photo_hint {
  3556. 3554.  -   width: 110px;
  3557. 3555.  -   *width: 130px;
  3558. 3556.  -   text-align: center;
  3559. 3557.  -   color: #FFFFFF;
  3560. 3558.  -   background: #000000;
  3561. 3559.  -   padding: 2px 10px;
  3562. 3560.  -   font-size: 0.81em;
  3563. 3561.  -   margin-bottom: 5px;
  3564. 3562.  -   *background: #000000;
  3565. 3563.  -   background: rgba(0,0,0,0.5);
  3566. 3564.  -   position: absolute;
  3567. 3565.  -   margin-top: -18px;
  3568. 3566.  -   height: 14px;
  3569. 3567.  -   *height: 18px;
  3570. 3568.  -   padding: 2px 10px;
  3571. 3569.  -   font-size: 0.81em;
  3572. 3570.  - }
  3573. 3571.  -
  3574. 3572.  -
  3575. 3573.  - .page_pics_preview .page_preview_doc_wrap {
  3576. 3574.  -   padding: 0 10px 8px 0;
  3577. 3575.  -   width: 100px;
  3578. 3576.  -   height: 75px;
  3579. 3577.  - }
  3580. 3578.  -
  3581. 3579.  - .page_preview_doc_photo {
  3582. 3580.  -   width: 100px;
  3583. 3581.  -   min-height: 30px;
  3584. 3582.  -   background: #000000;
  3585. 3583.  -   text-align: center;
  3586. 3584.  - }
  3587. 3585.  -
  3588. 3586.  -
  3589. 3587.  - .page_pics_preview {
  3590. 3588.  -   position: relative;
  3591. 3589.  -   margin-bottom: 0;
  3592. 3590.  - }
  3593. 3591.  - .page_pics_preview .page_media_x_wrap {
  3594. 3592.  -   position: relative;
  3595. 3593.  -   background: #222;
  3596. 3594.  -   background: rgba(0, 0, 0, 0.5);
  3597. 3595.  -
  3598. 3596.  -   -webkit-border-radius: 3px;
  3599. 3597.  -   -moz-border-radius: 3px;
  3600. 3598.  -   border-radius: 3px;
  3601. 3599.  -   padding: 3px;
  3602. 3600.  -
  3603. 3601.  -   cursor: pointer;
  3604. 3602.  -   margin-left: -13px;
  3605. 3603.  - }
  3606. 3604.  - .page_photos_count {
  3607. 3605.  -   position: absolute;
  3608. 3606.  -   top: 3px;
  3609. 3607.  -   right: 3px;
  3610. 3608.  -   padding: 1px 3px;
  3611. 3609.  -   font-size: 0.7em;
  3612. 3610.  -   color: #FFF;
  3613. 3611.  -   background: rgba(0,0,0,1);
  3614. 3612.  -   opacity: 0.6;
  3615. 3613.  -   filter: alpha(opacity=60);
  3616. 3614.  -   -moz-border-radius: 3px;
  3617. 3615.  -   -webkit-border-radius: 3px;
  3618. 3616.  -   border-radius: 3px;
  3619. 3617.  -   font-weight: bold;
  3620. 3618.  - }
  3621. 3619.  - .page_pics_preview .page_media_x {
  3622. 3620.  -   display: block;
  3623. 3621.  -   background: url("/images/notifier_close.gif") no-repeat scroll 0 0 transparent;
  3624. 3622.  -   opacity: 0.6;
  3625. 3623.  -   filter: alpha(opacity=60);
  3626. 3624.  -
  3627. 3625.  -   width: 7px;
  3628. 3626.  -   height: 7px;
  3629. 3627.  - }
  3630. 3628.  - .page_pics_preview .page_media_x_wrap:hover .page_media_x {
  3631. 3629.  -   opacity: 0.8;
  3632. 3630.  -   filter: alpha(opacity=80);
  3633. 3631.  - }
  3634. 3632.  - .page_media_sortable {
  3635. 3633.  -   position: relative;
  3636. 3634.  - }
  3637. 3635.  - .page_docs_preview .page_media_x_wrap {
  3638. 3636.  -   cursor: pointer;
  3639. 3637.  -   margin: 6px 5px 0px;
  3640. 3638.  -   background: url(/images/pics/statusx_op.gif) no-repeat 0 0;
  3641. 3639.  -   opacity: 0.6;
  3642. 3640.  -   filter: alpha(opacity=60);
  3643. 3641.  -   height: 11px;
  3644. 3642.  -   width: 11px;
  3645. 3643.  -   -webkit-box-shadow: 0;
  3646. 3644.  -   -moz-box-shadow: 0;
  3647. 3645.  -   box-shadow: 0;
  3648. 3646.  -   -webkit-transition: opacity 100ms linear;
  3649. 3647.  -   -moz-transition: opacity 100ms linear;
  3650. 3648.  -   -o-transition: opacity 100ms linear;
  3651. 3649.  -   transition: opacity 100ms linear;
  3652. 3650.  - }
  3653. 3651.  - .page_docs_preview .page_media_x_wrap:hover {
  3654. 3652.  -   opacity: 1;
  3655. 3653.  - }
  3656. 3654.  -
  3657. 3655.  - /* New checkboxes */
  3658. 3656.  - .checkbox_pic {
  3659. 3657.  -   cursor: pointer;
  3660. 3658.  - }
  3661. 3659.  - #status_export.checkbox_pic, #facebook_export.checkbox_pic,
  3662. 3660.  - #own_status_export.checkbox_pic, #own_facebook_export.checkbox_pic,
  3663. 3661.  - .checkbox_status_export, .checkbox_facebook_export
  3664. 3662.  -  {
  3665. 3663.  -   background: url(/images/icons/wall_export.gif?1) no-repeat 0 0;
  3666. 3664.  -   height: 14px;
  3667. 3665.  -   width: 14px;
  3668. 3666.  -   overflow: hidden;
  3669. 3667.  - }
  3670. 3668.  - #status_export.checkbox_pic,
  3671. 3669.  - #own_status_export.checkbox_pic,
  3672. 3670.  - .checkbox_status_export {
  3673. 3671.  -   background-position: 0 -42px;
  3674. 3672.  -   opacity: 0.5;
  3675. 3673.  -   filter: alpha(opacity=50);
  3676. 3674.  - }
  3677. 3675.  - #facebook_export.checkbox_pic,
  3678. 3676.  - #own_facebook_export.checkbox_pic,
  3679. 3677.  - .checkbox_facebook_export {
  3680. 3678.  -   background-position: 0 -14px;
  3681. 3679.  -   opacity: 0.5;
  3682. 3680.  -   filter: alpha(opacity=50);
  3683. 3681.  - }
  3684. 3682.  - #status_export.on,
  3685. 3683.  - #own_status_export.on,
  3686. 3684.  - .checkbox_status_export.on {
  3687. 3685.  -   opacity: 1;
  3688. 3686.  -   filter: none;
  3689. 3687.  - }
  3690. 3688.  - #facebook_export.on,
  3691. 3689.  - #own_facebook_export.on,
  3692. 3690.  - .checkbox_facebook_export.on {
  3693. 3691.  -   opacity: 1;
  3694. 3692.  -   filter: none;
  3695. 3693.  - }
  3696. 3694.  - .box_controls_text .checkbox_pic {
  3697. 3695.  -   margin-right: 5px;
  3698. 3696.  - }
  3699. 3697.  - .postpone_preview .checkbox,
  3700. 3698.  - .postpone_preview .checkbox_status_export,
  3701. 3699.  - .postpone_preview .checkbox_facebook_export {
  3702. 3700.  -   margin: 0 10px 0 0;
  3703. 3701.  - }
  3704. 3702.  - .postpone_preview .checkbox div {
  3705. 3703.  -   margin-bottom: 0;
  3706. 3704.  - }
  3707. 3705.  -
  3708. 3706.  - /* New upload form */
  3709. 3707.  - .post_upload_wrap {
  3710. 3708.  -   position: absolute;
  3711. 3709.  -   right: 10px;
  3712. 3710.  -   z-index: 110;
  3713. 3711.  - }
  3714. 3712.  - .post_upload_wrap .loading {
  3715. 3713.  -   display: none;
  3716. 3714.  - }
  3717. 3715.  - .post_upload_wrap div.post_upload {
  3718. 3716.  -   background: url(/images/icons/attach_photo.gif) center 15px no-repeat;
  3719. 3717.  -   width: 34px;
  3720. 3718.  -   height: 40px;
  3721. 3719.  -   overflow: hidden;
  3722. 3720.  -   position: relative;
  3723. 3721.  -   opacity: 0.8;
  3724. 3722.  -   filter: alpha(opacity=80);
  3725. 3723.  - }
  3726. 3724.  - .post_upload_wrap div.post_upload:hover {
  3727. 3725.  -   opacity: 1;
  3728. 3726.  -   filter: none;
  3729. 3727.  - }
  3730. 3728.  - .post_upload_wrap input {
  3731. 3729.  -   opacity: 0.01;
  3732. 3730.  -   filter: alpha(opacity=1);
  3733. 3731.  -   font-size: 6.54em !important;
  3734. 3732.  -   right: 0px;
  3735. 3733.  -   margin: 0px;
  3736. 3734.  -   padding: 0px;
  3737. 3735.  -   cursor: pointer;
  3738. 3736.  -   position: absolute;
  3739. 3737.  - }
  3740. 3738.  - .post_upload_dropbox {
  3741. 3739.  -   position: absolute;
  3742. 3740.  -   z-index: 120;
  3743. 3741.  -   display: none;
  3744. 3742.  - }
  3745. 3743.  - .post_upload_dropbox_inner {
  3746. 3744.  -   background: #FFF;
  3747. 3745.  -   text-align: center;
  3748. 3746.  -   color: #7F92A5;
  3749. 3747.  -   font-size: 1.09em;
  3750. 3748.  -   border: 1px dashed #A3B6C9;
  3751. 3749.  -   padding: 0 5px;
  3752. 3750.  -   display: table-cell;
  3753. 3751.  -   vertical-align: middle;
  3754. 3752.  -   width: 369px;
  3755. 3753.  - }
  3756. 3754.  - .dropbox_over .post_upload_dropbox_inner {
  3757. 3755.  -   background-color: #E1E7ED;
  3758. 3756.  - }
  3759. 3757.  - .dropbox_over .post_upload_release_label {
  3760. 3758.  -   display: inline;
  3761. 3759.  - }
  3762. 3760.  - .post_upload_release_label, .dropbox_over .post_upload_drop_label {
  3763. 3761.  -   display: none;
  3764. 3762.  - }
  3765. 3763.  -
  3766. 3764.  - #wpe_signed {
  3767. 3765.  -   padding-bottom: 10px;
  3768. 3766.  - }
  3769. 3767.  - .wpe_buttons {
  3770. 3768.  -   height: 25px;
  3771. 3769.  -   padding-bottom: 10px;
  3772. 3770.  - }
  3773. 3771.  - .wpe_auth {
  3774. 3772.  -   padding-bottom: 10px;
  3775. 3773.  -   line-height: 160%;
  3776. 3774.  -   color: #777;
  3777. 3775.  - }
  3778. 3776.  - .wpe_auth_lnk {
  3779. 3777.  -   color: #777;
  3780. 3778.  - }
  3781. 3779.  - #wpe_warn {
  3782. 3780.  -   padding-top: 10px;
  3783. 3781.  -   color: #777;
  3784. 3782.  -   display: none;
  3785. 3783.  - }
  3786. 3784.  - .wpe_cancel {
  3787. 3785.  -   margin: 0px 7px;
  3788. 3786.  - }
  3789. 3787.  - .wpe_cancel .button {
  3790. 3788.  -   padding-left: 10px;
  3791. 3789.  -   padding-right: 10px;
  3792. 3790.  - }
  3793. 3791.  - #wpe_prg {
  3794. 3792.  -   margin: 6px 10px 0px;
  3795. 3793.  - }
  3796. 3794.  - #wpe_add_media {
  3797. 3795.  -   padding: 6px 9px 0px;
  3798. 3796.  - }
  3799. 3797.  - .wpe_info {
  3800. 3798.  -   color: #777;
  3801. 3799.  - }
  3802. 3800.  - .wpe_prg {
  3803. 3801.  -   margin: 0px 3px;
  3804. 3802.  -   height: 10px;
  3805. 3803.  - }
  3806. 3804.  - #wpe_text {
  3807. 3805.  -   line-height: 1.27em;
  3808. 3806.  -   outline: none;
  3809. 3807.  - }
  3810. 3808.  - #wpe_cont .mention_rich_ta {
  3811. 3809.  -   line-height: 1.27em;
  3812. 3810.  - }
  3813. 3811.  - #wpe_cont {
  3814. 3812.  -   margin-top: 10px;
  3815. 3813.  - }
  3816. 3814.  - #wpe_text {
  3817. 3815.  -   width: 329px;
  3818. 3816.  - }
  3819. 3817.  - .reply_text #wpe_text {
  3820. 3818.  -   width: 290px;
  3821. 3819.  - }
  3822. 3820.  - .fw_reply_info #wpe_text {
  3823. 3821.  -   width: 446px;
  3824. 3822.  - }
  3825. 3823.  - .wpe_buttons {
  3826. 3824.  -   width: 337px;
  3827. 3825.  - }
  3828. 3826.  - .reply_text .wpe_buttons {
  3829. 3827.  -   width: 298px;
  3830. 3828.  - }
  3831. 3829.  - #wpe_media_preview {
  3832. 3830.  -   padding-top: 10px;
  3833. 3831.  - }
  3834. 3832.  -
  3835. 3833.  -
  3836. 3834.  - /* Inline polls */
  3837. 3835.  - .page_media_poll_desc {
  3838. 3836.  -   padding-left: 5px;
  3839. 3837.  -   font-weight: normal;
  3840. 3838.  -   color: #777;
  3841. 3839.  - }
  3842. 3840.  - .page_media_poll_wrap {
  3843. 3841.  -   padding: 5px 0 10px;
  3844. 3842.  -   clear: left;
  3845. 3843.  - }
  3846. 3844.  - .page_media_poll {
  3847. 3845.  -   max-width: 400px;
  3848. 3846.  - }
  3849. 3847.  - .page_media_poll_title {
  3850. 3848.  -   line-height: 140%;
  3851. 3849.  -   border-bottom: 1px solid #E7EAED;
  3852. 3850.  -   font-weight: bold;
  3853. 3851.  -   color: #45688E;
  3854. 3852.  -   padding: 4px 0px 2px;
  3855. 3853.  -   max-width: 400px;
  3856. 3854.  - }
  3857. 3855.  - .page_media_poll_title .a {
  3858. 3856.  -   color: #45688E;
  3859. 3857.  - }
  3860. 3858.  - .page_poll_options {
  3861. 3859.  -   padding: 2px 0 0 ;
  3862. 3860.  - }
  3863. 3861.  - .page_poll_radio {
  3864. 3862.  -   padding: 10px 0 0;
  3865. 3863.  - }
  3866. 3864.  - .wall_module .page_poll_radio .progress_inline {
  3867. 3865.  -   float: none;
  3868. 3866.  -   margin: 0 0 0 5px;
  3869. 3867.  -   display: inline;
  3870. 3868.  -   display: inline-block;
  3871. 3869.  -   _zoom: 1;
  3872. 3870.  -   vertical-align: bottom;
  3873. 3871.  -   width: 32px;
  3874. 3872.  -   height: 13px;
  3875. 3873.  -   background: url(/images/upload.gif) no-repeat 50% 50%;
  3876. 3874.  - }
  3877. 3875.  -
  3878. 3876.  - .page_media_poll .page_poll_row {
  3879. 3877.  -   background: #F7F7F7;
  3880. 3878.  -   width: 100%;
  3881. 3879.  - }
  3882. 3880.  - .page_media_poll .page_poll_row_count {
  3883. 3881.  -   text-align: center;
  3884. 3882.  -   margin-top: -15px;
  3885. 3883.  -   color: #8BA1BC;
  3886. 3884.  -   line-height: 15px;
  3887. 3885.  - }
  3888. 3886.  - .page_media_poll .page_poll_row_percent,
  3889. 3887.  - .im_log_t .post_media td.page_poll_row_percent {
  3890. 3888.  -   line-height: 13px;
  3891. 3889.  -   padding: 2px 0 0 6px;
  3892. 3890.  -   cursor: default;
  3893. 3891.  - }
  3894. 3892.  - .page_media_poll .page_poll_text {
  3895. 3893.  -   padding: 10px 2px 2px;
  3896. 3894.  - }
  3897. 3895.  - .page_media_poll .page_poll_percent {
  3898. 3896.  -   background: #DAE1E8;
  3899. 3897.  -   height: 15px;
  3900. 3898.  - }
  3901. 3899.  - .page_poll_bottom {
  3902. 3900.  -   padding-top: 12px;
  3903. 3901.  - }
  3904. 3902.  -
  3905. 3903.  -
  3906. 3904.  - /* Wide wall fixes */
  3907. 3905.  - .wide_wall_module {
  3908. 3906.  -   background: #FFF;
  3909. 3907.  -   padding: 5px 15px 15px;
  3910. 3908.  - }
  3911. 3909.  - .wide_wall_module .audio .info {
  3912. 3910.  -   width: 100%;
  3913. 3911.  - }
  3914. 3912.  - .wide_wall_module .post {
  3915. 3913.  -   border-top: 0px;
  3916. 3914.  -   border-bottom: 1px solid #DAE1E8;
  3917. 3915.  - }
  3918. 3916.  - .wide_wall_module .post:last-child {
  3919. 3917.  -   border-bottom: 0px;
  3920. 3918.  - }
  3921. 3919.  - .wide_wall_module .post_info {
  3922. 3920.  -   width: 537px;
  3923. 3921.  - }
  3924. 3922.  - .wide_wall_module .wall_text,
  3925. 3923.  - .wide_wall_module .wall_post_text,
  3926. 3924.  - .wide_wall_module .post_media {
  3927. 3925.  -   width: 537px;
  3928. 3926.  - }
  3929. 3927.  - .wide_wall_module .wall_text_name {
  3930. 3928.  -   width: 505px;
  3931. 3929.  - }
  3932. 3930.  -
  3933. 3931.  - .wide_wall_module .reply_table .post_media {
  3934. 3932.  -   width: 465px;
  3935. 3933.  - }
  3936. 3934.  - .wide_wall_module .published_by_quote .wall_text,
  3937. 3935.  - .wide_wall_module .published_by_quote .wall_post_text,
  3938. 3936.  - .wide_wall_module .published_by_quote .post_media  {
  3939. 3937.  -   width: 527px;
  3940. 3938.  - }
  3941. 3939.  - .wide_wall_module .wall_post_text, .wide_wall_module .wall_reply_text {
  3942. 3940.  -   line-height: 160%;
  3943. 3941.  - }
  3944. 3942.  - .wide_wall_module .like_wrap, .wide_wall_module .reply_link_wrap,
  3945. 3943.  - .wide_wall_module .reply_link_wrap small, .wide_wall_module .info_footer {
  3946. 3944.  -   font-size: 11px;
  3947. 3945.  - }
  3948. 3946.  - .font_medium .wide_wall_module .like_wrap,
  3949. 3947.  - .font_medium .wide_wall_module .reply_link_wrap,
  3950. 3948.  - .font_medium .wide_wall_module .reply_link_wrap small,
  3951. 3949.  - .font_medium .wide_wall_module .info_footer {
  3952. 3950.  -   font-size: 12px;
  3953. 3951.  - }
  3954. 3952.  -
  3955. 3953.  - .big_wall #page_wall_posts .post,
  3956. 3954.  - .big_wall #page_wall_posts .online {
  3957. 3955.  -   display: block;
  3958. 3956.  - }
  3959. 3957.  - .wide_wall_module .group_share .info, .wide_wall_module .event_share .info, .wide_wall_module .group_checkin .info {
  3960. 3958.  -   width: 390px;
  3961. 3959.  - }
  3962. 3960.  - .wide_wall_module .wpe_prg {
  3963. 3961.  -   height: 13px;
  3964. 3962.  -   margin: 0px 10px;
  3965. 3963.  - }
  3966. 3964.  - .wide_wall_module #wpe_text {
  3967. 3965.  -   width: 529px;
  3968. 3966.  -   line-height: 1.54em;
  3969. 3967.  - }
  3970. 3968.  -
  3971. 3969.  - .wide_wall_module div.published_by_date {
  3972. 3970.  -   width: 480px;
  3973. 3971.  - }
  3974. 3972.  - .wide_wall_module .reply_text #wpe_text {
  3975. 3973.  -   width: 468px;
  3976. 3974.  - }
  3977. 3975.  - .fw_reply_info #wpe_text {
  3978. 3976.  -   width: 450px;
  3979. 3977.  - }
  3980. 3978.  - .wide_wall_module .reply_text .wpe_buttons {
  3981. 3979.  -   width: 477px;
  3982. 3980.  - }
  3983. 3981.  - .fw_reply_info .wpe_buttons {
  3984. 3982.  -   width: 455px;
  3985. 3983.  - }
  3986. 3984.  - .wide_wall_module .wpe_buttons {
  3987. 3985.  -   width: 537px;
  3988. 3986.  - }
  3989. 3987.  - .wide_wall_module #wpe_cont .mention_rich_ta {
  3990. 3988.  -   line-height: 1.54em;
  3991. 3989.  - }
  3992. 3990.  - .wide_wall_module .postpone_preview .content, .fw_post_info .postpone_preview .content {
  3993. 3991.  -   width: 300px!important;
  3994. 3992.  - }
  3995. 3993.  - .wide_wall_module a.page_media_link_thumb,
  3996. 3994.  - .wide_wall_module i.page_media_link_thumb,
  3997. 3995.  - .wide_wall_moudle span.page_media_link_thumb {
  3998. 3996.  -   width: 130px;
  3999. 3997.  - }
  4000. 3998.  - .wide_wall_module .reply {
  4001. 3999.  -   padding: 10px 0px 11px;
  4002. 4000.  - }
  4003. 4001.  - .wide_wall_module a.reply_image,
  4004. 4002.  - .wide_wall_module img.reply_image {
  4005. 4003.  -   width: 50px;
  4006. 4004.  -   height: 50px;
  4007. 4005.  - }
  4008. 4006.  - .wide_wall_module .reply_info {
  4009. 4007.  -   margin-left: 60px;
  4010. 4008.  -   width: 477px;
  4011. 4009.  -   min-height: 51px;
  4012. 4010.  - }
  4013. 4011.  - .wide_wall_module .wall_reply_text {
  4014. 4012.  -   width: 477px;
  4015. 4013.  - }
  4016. 4014.  - .wide_wall_module .reply_button_wrap button {
  4017. 4015.  -   padding: 6px 16px;
  4018. 4016.  - }
  4019. 4017.  - .wide_wall_module .reply_box_open .reply_field {
  4020. 4018.  -   height: 42px;
  4021. 4019.  - }
  4022. 4020.  - .wide_wall_module .reply_field_tail {
  4023. 4021.  -   width: 6px;
  4024. 4022.  -   height: 11px;
  4025. 4023.  -   background-position: 0 -154px;
  4026. 4024.  -   margin-left: -9px;
  4027. 4025.  -   margin-top: 16px;
  4028. 4026.  - }
  4029. 4027.  -
  4030. 4028.  - .wide_wall_module .reply_form_img,
  4031. 4029.  - .wide_wall_module a.reply_form_image {
  4032. 4030.  -   width: 50px;
  4033. 4031.  -   height: 50px;
  4034. 4032.  - }
  4035. 4033.  - .wide_wall_module .reply_box_open .reply_form {
  4036. 4034.  -   margin-left: 62px;
  4037. 4035.  - }
  4038. 4036.  -
  4039. 4037.  - /* New post likes */
  4040. 4038.  - .wall_module .post_like_wrap {
  4041. 4039.  -   position: relative;
  4042. 4040.  -   width: 150px;
  4043. 4041.  - }
  4044. 4042.  - .wide_wall_module .post_like_wrap {
  4045. 4043.  -   width: 200px;
  4046. 4044.  - }
  4047. 4045.  - .post_like,
  4048. 4046.  - .post_share {
  4049. 4047.  -   background: #FFF;
  4050. 4048.  -   color: #2F5879;
  4051. 4049.  -   font-size: 10px;
  4052. 4050.  -   cursor: pointer;
  4053. 4051.  -   padding: 5px 6px;
  4054. 4052.  -   margin-top: -1px;
  4055. 4053.  -   right: 0px;
  4056. 4054.  -   position: absolute;
  4057. 4055.  -   white-space: nowrap;
  4058. 4056.  -
  4059. 4057.  -   -webkit-border-radius: 3px;
  4060. 4058.  -   -khtml-border-radius: 3px;
  4061. 4059.  -   -moz-border-radius: 3px;
  4062. 4060.  -   border-radius: 3px;
  4063. 4061.  -   overflow: hidden;
  4064. 4062.  - }
  4065. 4063.  - .font_medium .post_like,
  4066. 4064.  - .font_medium .post_share {
  4067. 4065.  -   font-size: 11px;
  4068. 4066.  - }
  4069. 4067.  - .wide_wall_module .post_like,
  4070. 4068.  - .wide_wall_module .post_share {
  4071. 4069.  -   font-size: 11px;
  4072. 4070.  - }
  4073. 4071.  - .font_medium .wide_wall_module .post_like,
  4074. 4072.  - .font_medium .wide_wall_module .post_share {
  4075. 4073.  -   font-size: 12px;
  4076. 4074.  - }
  4077. 4075.  - .post_like_link,
  4078. 4076.  - .post_share_link {
  4079. 4077.  -   color: #829BAF;
  4080. 4078.  - }
  4081. 4079.  - .wall_post_over .post_like_link,
  4082. 4080.  - .wall_module .post:hover .post_like_link,
  4083. 4081.  - .wall_post_over .post_share_link,
  4084. 4082.  - .wall_module .post:hover .post_share_link {
  4085. 4083.  -   color: #2F5879;
  4086. 4084.  - }
  4087. 4085.  - .wall_module .post_like:hover,
  4088. 4086.  - .wall_module .post_share:hover {
  4089. 4087.  -   background: #E9EDF1;
  4090. 4088.  - }
  4091. 4089.  - .wall_module .post_like_icon,
  4092. 4090.  - .wall_module .post_share_icon {
  4093. 4091.  -   background: url(/images/icons/like.gif?2) no-repeat 1px 0px;
  4094. 4092.  -   height: 10px;
  4095. 4093.  -   margin: 2px 2px 0px;
  4096. 4094.  -   padding-right: 1px;
  4097. 4095.  -   opacity: 0.4;
  4098. 4096.  -   filter: alpha(opacity=40);
  4099. 4097.  -   width: 11px;
  4100. 4098.  - }
  4101. 4099.  - .wall_module .post_share_icon {
  4102. 4100.  -   background-position: 0 -21px;
  4103. 4101.  -   margin-top: 1px;
  4104. 4102.  -   width: 11px;
  4105. 4103.  -   height: 11px;
  4106. 4104.  - }
  4107. 4105.  - .wide_wall_module .post_like_icon {
  4108. 4106.  -   margin-top: 3px;
  4109. 4107.  - }
  4110. 4108.  - .wide_wall_module .post_share_icon {
  4111. 4109.  -   margin: 2px 2px 0 3px;
  4112. 4110.  - }
  4113. 4111.  - .wall_module .post_like_count,
  4114. 4112.  - .wall_module .post_share_count {
  4115. 4113.  -   font-weight: bold;
  4116. 4114.  -   color: #7295b2;
  4117. 4115.  - }
  4118. 4116.  - .wall_module .post_like .no_likes {
  4119. 4117.  -   visibility: visible;
  4120. 4118.  -   opacity: 0.4;
  4121. 4119.  -   filter: alpha(opacity=40);
  4122. 4120.  -   padding-right: 1px;
  4123. 4121.  - }
  4124. 4122.  - .wall_module .post_like i.my_like,
  4125. 4123.  - .wall_module .my_share i {
  4126. 4124.  -   opacity: 1;
  4127. 4125.  -   filter: none;
  4128. 4126.  - }
  4129. 4127.  -
  4130. 4128.  -
  4131. 4129.  - /* New post shares */
  4132. 4130.  - .post_full_like_wrap {
  4133. 4131.  -   position: relative;
  4134. 4132.  -   width: 230px;
  4135. 4133.  - }
  4136. 4134.  - .wide_wall_module .post_full_like_wrap,
  4137. 4135.  - .post_fixed .post_full_like_wrap {
  4138. 4136.  -   width: 300px;
  4139. 4137.  - }
  4140. 4138.  - .post_full_like {
  4141. 4139.  -   position: absolute;
  4142. 4140.  -   top: 0;
  4143. 4141.  -   right: 0;
  4144. 4142.  - }
  4145. 4143.  - .post_full_like_wrap .post_like,
  4146. 4144.  - .post_full_like_wrap .post_share {
  4147. 4145.  -   position: static;
  4148. 4146.  - }
  4149. 4147.  - .post_share_link {
  4150. 4148.  -   display: none;
  4151. 4149.  - }
  4152. 4150.  - .wide_wall_module .post_share_link {
  4153. 4151.  -   display: inline;
  4154. 4152.  - }
  4155. 4153.  - .wall_module .no_shares {
  4156. 4154.  -   visibility: hidden;
  4157. 4155.  - }
  4158. 4156.  - .wall_module .wall_post_over .no_shares {
  4159. 4157.  -   visibility: visible;
  4160. 4158.  - }
  4161. 4159.  -
  4162. 4160.  -
  4163. 4161.  - .reply_replieable,
  4164. 4162.  - .reply_moreable {
  4165. 4163.  -   cursor: pointer;
  4166. 4164.  - }
  4167. 4165.  -
  4168. 4166.  - .like_comment_header,
  4169. 4167.  - .like_to_header {
  4170. 4168.  -   font-size: 1.18em;
  4171. 4169.  -   font-weight: bold;
  4172. 4170.  -   color: #45688E;
  4173. 4171.  -   padding: 5px 0px;
  4174. 4172.  - }
  4175. 4173.  - .like_comment_header {
  4176. 4174.  -   padding-top: 0;
  4177. 4175.  - }
  4178. 4176.  - .like_comment_row {
  4179. 4177.  -   padding: 4px 0px 10px;
  4180. 4178.  - }
  4181. 4179.  - #like_repost_comment {
  4182. 4180.  -   width: 372px;
  4183. 4181.  -   height: 32px;
  4184. 4182.  - }
  4185. 4183.  - .like_to_row {
  4186. 4184.  -   padding: 10px 0px 0px;
  4187. 4185.  - }
  4188. 4186.  - .like_to_about {
  4189. 4187.  -   color: #777;
  4190. 4188.  -   padding: 3px 25px;
  4191. 4189.  - }
  4192. 4190.  - .like_to_about_select {
  4193. 4191.  -   padding-top: 5px;
  4194. 4192.  - }
  4195. 4193.  - .like_to_point {
  4196. 4194.  -   padding: 0px 5px;
  4197. 4195.  - }
  4198. 4196.  - .like_to_row div.disabled {
  4199. 4197.  -   opacity: 0.4;
  4200. 4198.  -   filter: alpha(opacity=40);
  4201. 4199.  -   cursor: default;
  4202. 4200.  - }
  4203. 4201.  - .like_to_row div.disabled:hover div {
  4204. 4202.  -   background-position: 0px 0px;
  4205. 4203.  - }
  4206. 4204.  - .like_to_row div.disabled.on:hover div {
  4207. 4205.  -   background-position: 0px -14px;
  4208. 4206.  - }
  4209. 4207.  - .like_to_nopadd {
  4210. 4208.  -   padding: 0px !important;
  4211. 4209.  - }
  4212. 4210.  -
  4213. 4211.  -
  4214. 4212.  - .page_post_sized_thumbs {
  4215. 4213.  -   margin: 9px 0 0px;
  4216. 4214.  -   padding-bottom: 4px;
  4217. 4215.  - }
  4218. 4216.  - .page_post_sized_full_thumb {
  4219. 4217.  -   margin: 20px 0 10px;
  4220. 4218.  - }
  4221. 4219.  - .page_post_sized_full_thumb_first {
  4222. 4220.  -   margin-top: 10px;
  4223. 4221.  - }
  4224. 4222.  - .page_post_sized_relative_wrap {
  4225. 4223.  -   position: relative;
  4226. 4224.  -   float: left;
  4227. 4225.  - }
  4228. 4226.  - .page_post_sized_relative {
  4229. 4227.  -   position: absolute;
  4230. 4228.  -   left: 0;
  4231. 4229.  -   right: 0;
  4232. 4230.  -   top: 0;
  4233. 4231.  -   bottom: 0;
  4234. 4232.  - }
  4235. 4233.  -
  4236. 4234.  - a.page_post_thumb_wrap,
  4237. 4235.  - span.page_post_thumb_wrap {
  4238. 4236.  -   display: block;
  4239. 4237.  -   overflow: hidden;
  4240. 4238.  -   position: relative;
  4241. 4239.  -   margin: 0 3px 3px 0;
  4242. 4240.  - }
  4243. 4241.  - a.page_post_thumb_wrap:hover,
  4244. 4242.  - a.page_post_thumb_unsized:hover {
  4245. 4243.  -   text-decoration: none !important;
  4246. 4244.  - }
  4247. 4245.  - .page_post_thumb_video {
  4248. 4246.  -   position: relative;
  4249. 4247.  - }
  4250. 4248.  - .page_post_thumb_sized_photo {
  4251. 4249.  -   position: absolute;
  4252. 4250.  -   top: 0;
  4253. 4251.  -   left: 0;
  4254. 4252.  - }
  4255. 4253.  - .video_module .video div.page_video_play_icon,
  4256. 4254.  - .page_post_video_play_inline {
  4257. 4255.  -   position: absolute;
  4258. 4256.  -   z-index: 10;
  4259. 4257.  -   background: url(/images/inline_video_play.png) no-repeat;
  4260. 4258.  -   margin-left: -23px;
  4261. 4259.  -   margin-top: -23px;
  4262. 4260.  -   width: 46px;
  4263. 4261.  -   height: 46px;
  4264. 4262.  -   top: 50%;
  4265. 4263.  -   left: 50%;
  4266. 4264.  - }
  4267. 4265.  - .page_post_video_is_processing {
  4268. 4266.  -   position: absolute;
  4269. 4267.  -   z-index: 10;
  4270. 4268.  -   margin-left: -70px;
  4271. 4269.  -   margin-top: -23px;
  4272. 4270.  -   width: 140px;
  4273. 4271.  -   height: 18px;
  4274. 4272.  -   top: 50%;
  4275. 4273.  -   left: 50%;
  4276. 4274.  -   color: #FFFFFF;
  4277. 4275.  -   background: #000000;
  4278. 4276.  -   background: rgba(0, 0, 0, 0.8);
  4279. 4277.  -   -webkit-border-radius: 5px;
  4280. 4278.  -   -moz-border-radius: 5px;
  4281. 4279.  -   border-radius: 5px;
  4282. 4280.  -   padding: 15px 10px;
  4283. 4281.  - }
  4284. 4282.  - .page_post_video_duration {
  4285. 4283.  -   background: url('/images/mv_bg.png');
  4286. 4284.  -   background: rgba(0,0,0, 0.6);
  4287. 4285.  -   color: #FFF;
  4288. 4286.  -   position: absolute;
  4289. 4287.  -   bottom: 5px;
  4290. 4288.  -   right: 5px;
  4291. 4289.  -   padding: 0px 3px 1px;
  4292. 4290.  -   z-index: 10;
  4293. 4291.  - }
  4294. 4292.  -
  4295. 4293.  - a.page_post_thumb_last_column .page_post_thumb_undersized_w,
  4296. 4294.  - span.page_post_thumb_last_column .page_post_thumb_undersized_w {
  4297. 4295.  -   right: 0;
  4298. 4296.  - }
  4299. 4297.  - a.page_post_thumb_last_row .page_post_thumb_undersized_h,
  4300. 4298.  - span.page_post_thumb_last_row .page_post_thumb_undersized_h {
  4301. 4299.  -   bottom: 0;
  4302. 4300.  - }
  4303. 4301.  -
  4304. 4302.  - a.page_post_thumb_unsized,
  4305. 4303.  - span.page_post_thumb_unsized {
  4306. 4304.  -   background: 50% 50% no-repeat;
  4307. 4305.  -   background-size: cover;
  4308. 4306.  -
  4309. 4307.  -   display: block;
  4310. 4308.  -   position: relative;
  4311. 4309.  -   overflow: hidden;
  4312. 4310.  -   margin: 0 3px 3px 0;
  4313. 4311.  - }
  4314. 4312.  - a.page_post_thumb_unsized_single,
  4315. 4313.  - span.page_post_thumb_unsized_single {
  4316. 4314.  -   /*background: 0 0 no-repeat;*/
  4317. 4315.  -   background-size: contain;
  4318. 4316.  - }
  4319. 4317.  -
  4320. 4318.  - .wide_wall_module a.page_post_thumb_unsized,
  4321. 4319.  - .wide_wall_module a.page_post_thumb_wrap,
  4322. 4320.  - .wide_wall_module span.page_post_thumb_unsized,
  4323. 4321.  - .wide_wall_module span.page_post_thumb_wrap {
  4324. 4322.  -   margin: 0 6px 6px 0;
  4325. 4323.  - }
  4326. 4324.  - .page_post_sized_thumbs a.page_post_thumb_last_column,
  4327. 4325.  - .page_post_sized_thumbs span.page_post_thumb_last_column {
  4328. 4326.  -   margin-right: 0;
  4329. 4327.  - }
  4330. 4328.  - .page_post_sized_thumbs a.page_post_thumb_last_row,
  4331. 4329.  - .page_post_sized_thumbs span.page_post_thumb_last_row {
  4332. 4330.  -   margin-bottom: 0;
  4333. 4331.  - }
  4334. 4332.  -
  4335. 4333.  - .page_post_queue_wide,
  4336. 4334.  - .wide_wall_module .page_post_queue_narrow {
  4337. 4335.  -   display: none;
  4338. 4336.  - }
  4339. 4337.  - .wide_wall_module .page_post_queue_wide {
  4340. 4338.  -   display: block;
  4341. 4339.  - }
  4342. 4340.  -
  4343. 4341.  - .page_name {
  4344. 4342.  -   padding-bottom: 2px;
  4345. 4343.  -   max-width: 385px;
  4346. 4344.  -   overflow: hidden;
  4347. 4345.  - }
  4348. 4346.  - h4.page_top {
  4349. 4347.  -   font-size: 1.09em;
  4350. 4348.  -   background: #FFF;
  4351. 4349.  -   padding: 0px 6px 4px;
  4352. 4350.  -   margin: 0px;
  4353. 4351.  - }
  4354. 4352.  - #page_current_info {
  4355. 4353.  -   font-weight: normal;
  4356. 4354.  -   padding: 2px 0px 2px;
  4357. 4355.  -   color: #000;
  4358. 4356.  -   width: 385px;
  4359. 4357.  -   overflow: hidden;
  4360. 4358.  -   max-height: 3.55em;
  4361. 4359.  -   height: auto !important;
  4362. 4360.  - }
  4363. 4361.  - #page_current_info #current_info {
  4364. 4362.  -   display: block;
  4365. 4363.  - }
  4366. 4364.  - .my_current_info, .no_current_info {
  4367. 4365.  -   display: block;
  4368. 4366.  -   cursor: pointer;
  4369. 4367.  -   margin: 0px -6px;
  4370. 4368.  -   padding: 0px 6px;
  4371. 4369.  - }
  4372. 4370.  - .my_current_info:hover, .no_current_info:hover {
  4373. 4371.  -   text-decoration: underline;
  4374. 4372.  - }
  4375. 4373.  - .current_text {
  4376. 4374.  -   padding: 0px 1px;
  4377. 4375.  - }
  4378. 4376.  - .current_audio {
  4379. 4377.  -   color: #2B587A;
  4380. 4378.  -   max-width: 334px;
  4381. 4379.  -   overflow: hidden;
  4382. 4380.  -   text-overflow: ellipsis;
  4383. 4381.  -   white-space: nowrap;
  4384. 4382.  - }
  4385. 4383.  - .page_wide_no_narrow #page_current_info {
  4386. 4384.  -   width: 576px;
  4387. 4385.  - }
  4388. 4386.  - .page_wide_no_narrow .current_audio {
  4389. 4387.  -   max-width: 520px;
  4390. 4388.  - }
  4391. 4389.  - .current_audio.prg {
  4392. 4390.  -   max-width: 302px;
  4393. 4391.  - }
  4394. 4392.  - .current_audio_cnt {
  4395. 4393.  -   opacity: 0.70;
  4396. 4394.  -   filter: alpha(opacity=70);
  4397. 4395.  -   font-size: 0.9em;
  4398. 4396.  -   font-weight: bold !important;
  4399. 4397.  -   color: #507292;
  4400. 4398.  -   cursor: pointer;
  4401. 4399.  -   -webkit-transition: all 150ms ease-in-out;
  4402. 4400.  -   -moz-transition: all 150ms ease-in-out;
  4403. 4401.  -   -o-transition: all 150ms ease-in-out;
  4404. 4402.  -   transition: all 150ms ease-in-out;
  4405. 4403.  - }
  4406. 4404.  - h4 .current_audio_cnt span {
  4407. 4405.  -   font-weight: bold;
  4408. 4406.  - }
  4409. 4407.  - .current_audio_cnt:hover {
  4410. 4408.  -   opacity: 1;
  4411. 4409.  -   filter: alpha(opacity=100);
  4412. 4410.  - }
  4413. 4411.  - .current_audio_cnt.hidden {
  4414. 4412.  -   display: none;
  4415. 4413.  - }
  4416. 4414.  - .current_audio_cnt .value {
  4417. 4415.  -   text-align: right;
  4418. 4416.  - }
  4419. 4417.  - .current_audio div.label {
  4420. 4418.  -   width: 13px;
  4421. 4419.  -   height: 11px;
  4422. 4420.  -   background: url(/images/icons/audio_icons.png?5) no-repeat scroll -66px -51px;
  4423. 4421.  -   opacity: 0.60;
  4424. 4422.  -   filter: alpha(opacity=60);
  4425. 4423.  -   margin: 2px 3px 0px 0px;
  4426. 4424.  - }
  4427. 4425.  - .is_rtl1 .current_audio div.label {
  4428. 4426.  -   margin-right: auto;
  4429. 4427.  -   margin-left: 3px;
  4430. 4428.  - }
  4431. 4429.  - .current_audio_cnt div.label {
  4432. 4430.  -   width: 12px;
  4433. 4431.  -   height: 12px;
  4434. 4432.  -   background: url(/images/icons/audio_icons.png?5) no-repeat scroll -202px -51px;
  4435. 4433.  -   margin-left: 5px;
  4436. 4434.  - }
  4437. 4435.  - .is_rtl1 .current_audio_cnt div {
  4438. 4436.  -   margin-left: auto;
  4439. 4437.  -   margin-right: 5px;
  4440. 4438.  - }
  4441. 4439.  - .audio_listeners {
  4442. 4440.  -   position: relative;
  4443. 4441.  -   overflow: hidden;
  4444. 4442.  -   padding: 20px 10px 1px;
  4445. 4443.  - }
  4446. 4444.  - .current_app {
  4447. 4445.  -   color: #2B587A;
  4448. 4446.  -   padding-left: 14px;
  4449. 4447.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat left -58px;
  4450. 4448.  - }
  4451. 4449.  - a.current_app_icon {
  4452. 4450.  -   padding: 1px 0px 2px 20px;
  4453. 4451.  -   display: inline;
  4454. 4452.  -   display: inline-block;
  4455. 4453.  -   zoom: 1;
  4456. 4454.  -   background-position: 0px 0px;
  4457. 4455.  -   margin-bottom: -2px;
  4458. 4456.  -   margin-top: -1px;
  4459. 4457.  - }
  4460. 4458.  - .is_rtl1 .current_audio {
  4461. 4459.  -   background-position: right -220px;
  4462. 4460.  - }
  4463. 4461.  - #page_current_info {
  4464. 4462.  -   font-size: 11px;
  4465. 4463.  - }
  4466. 4464.  - .font_medium #page_current_info {
  4467. 4465.  -   font-size: 12px;
  4468. 4466.  - }
  4469. 4467.  - .current_audio_prg {
  4470. 4468.  -   margin: 0px 10px;
  4471. 4469.  - }
  4472. 4470.  - #content h4 .no_current_info {
  4473. 4471.  -   color: #AAA;
  4474. 4472.  - }
  4475. 4473.  - #currinfo_editor {
  4476. 4474.  -   position: absolute;
  4477. 4475.  -   z-index: 10;
  4478. 4476.  -   margin: -27px -14px 0px;
  4479. 4477.  -   display: none;
  4480. 4478.  - }
  4481. 4479.  - #currinfo_editor .sidesh {
  4482. 4480.  -   background: #000;
  4483. 4481.  -   width: 1px;
  4484. 4482.  -   opacity: 0.08;
  4485. 4483.  -   filter: alpha(opacity=8);
  4486. 4484.  - }
  4487. 4485.  - #currinfo_editor .sidesh div {
  4488. 4486.  -   width: 1px;
  4489. 4487.  -   overflow: hidden;
  4490. 4488.  - }
  4491. 4489.  - #currinfo_editor .bottomsh1 {
  4492. 4490.  -   background: #000;
  4493. 4491.  -   height: 1px;
  4494. 4492.  -   opacity: 0.1;
  4495. 4493.  -   filter: alpha(opacity=10);
  4496. 4494.  - }
  4497. 4495.  - #currinfo_editor .bottomsh2 {
  4498. 4496.  -   background: #000;
  4499. 4497.  -   height: 1px;
  4500. 4498.  -   opacity: 0.05;
  4501. 4499.  -   filter: alpha(opacity=5);
  4502. 4500.  - }
  4503. 4501.  - #currinfo_editor .bottomsh1 div, #currinfo_editor .bottomsh2 div {
  4504. 4502.  -   height: 1px;
  4505. 4503.  -   overflow: hidden;
  4506. 4504.  - }
  4507. 4505.  - #currinfo_editor .editor {
  4508. 4506.  -   background: #F7F7F7;
  4509. 4507.  -   border: 1px solid #CCC;
  4510. 4508.  -   padding: 8px;
  4511. 4509.  -   width: 384px;
  4512. 4510.  - }
  4513. 4511.  - #content h4 #currinfo_about, #content h4 #currinfo_warn {
  4514. 4512.  -   margin: 5px 8px 0px;
  4515. 4513.  -   font-size: 0.9em;
  4516. 4514.  -   color: #777;
  4517. 4515.  -   display: none;
  4518. 4516.  - }
  4519. 4517.  - #currinfo_clear {
  4520. 4518.  -   margin: 4px 4px 0px;
  4521. 4519.  -   display: none;
  4522. 4520.  - }
  4523. 4521.  - #currinfo_audio,
  4524. 4522.  - #currinfo_app {
  4525. 4523.  -   margin: 5px 8px 0px;
  4526. 4524.  - }
  4527. 4525.  - #currinfo_editor .button_blue {
  4528. 4526.  -   margin: 0px;
  4529. 4527.  - }
  4530. 4528.  - button#currinfo_save {
  4531. 4529.  -   padding: 3px 10px 4px;
  4532. 4530.  -   *padding: 4px 10px 3px;
  4533. 4531.  - }
  4534. 4532.  - #currinfo_input {
  4535. 4533.  -   margin: 0px 0px 8px;
  4536. 4534.  -   width: 376px;
  4537. 4535.  -   padding: 4px 3px;
  4538. 4536.  - }
  4539. 4537.  -
  4540. 4538.  - /* Poll export */
  4541. 4539.  - .page_poll_export_label {
  4542. 4540.  -   vertical-align: top;
  4543. 4541.  -   white-space: nowrap;
  4544. 4542.  -   padding: 3px 10px 0px 0px;
  4545. 4543.  -   width: 90px;
  4546. 4544.  -   color: #777;
  4547. 4545.  - }
  4548. 4546.  - textarea.page_poll_export_code {
  4549. 4547.  -   background-color: #F0F4FB;
  4550. 4548.  -   width: 372px;
  4551. 4549.  -   height: 110px;
  4552. 4550.  -   margin: 0;
  4553. 4551.  - }
  4554. 4552.  - .page_poll_export_desc {
  4555. 4553.  -   vertical-align: top;
  4556. 4554.  -   padding: 0;
  4557. 4555.  -   font-size: 0.9em;
  4558. 4556.  -   color: #777;
  4559. 4557.  - }
  4560. 4558.  -
  4561. 4559.  - b.wall_mob_onl {
  4562. 4560.  -   background-position: -1px 0px;
  4563. 4561.  -   *background-position: -1px -1px;
  4564. 4562.  - }
  4565. 4563.  -
  4566. 4564.  - #page_suggest_post {
  4567. 4565.  -   display: none;
  4568. 4566.  - }
  4569. 4567.  - .page_sugg_loading {
  4570. 4568.  -   height: 41px;
  4571. 4569.  - /*  background: url(/images/upload.gif) no-repeat 50% 50%;*/
  4572. 4570.  - }
  4573. 4571.  - .post_publish_button,
  4574. 4572.  - .post_nopublish_button {
  4575. 4573.  -   margin: 0px 5px;
  4576. 4574.  - }
  4577. 4575.  - .post_publish {
  4578. 4576.  -   text-align: center;
  4579. 4577.  -   background: #F7F7F7;
  4580. 4578.  -   padding: 10px;
  4581. 4579.  -   margin: 5px 0px 8px;
  4582. 4580.  - }
  4583. 4581.  - .post_publish_text {
  4584. 4582.  -   color: #45688E;
  4585. 4583.  -   font-weight: bold;
  4586. 4584.  - }
  4587. 4585.  -
  4588. 4586.  - #suggest_publish_add_media {
  4589. 4587.  -   padding: 10px 9px 0px;
  4590. 4588.  - }
  4591. 4589.  - #suggest_publish_field {
  4592. 4590.  -   width: 422px;
  4593. 4591.  -   height: 32px;
  4594. 4592.  - }
  4595. 4593.  - #suggest_publish_warn {
  4596. 4594.  -   color: #777;
  4597. 4595.  -   padding-top: 10px;
  4598. 4596.  -   display: none;
  4599. 4597.  - }
  4600. 4598.  - #suggest_publish_media_preview {
  4601. 4599.  -   padding-top: 8px;
  4602. 4600.  - }
  4603. 4601.  - #suggest_publish_author_wrap {
  4604. 4602.  -   padding-top: 10px;
  4605. 4603.  -   color: #2B587A;
  4606. 4604.  - }
  4607. 4605.  - .closed_page {
  4608. 4606.  -   margin: 10px 0;
  4609. 4607.  - }
  4610. 4608.  - .closed_details {
  4611. 4609.  -   padding-top: 10px;
  4612. 4610.  - }
  4613. 4611.  - .closed_reason {
  4614. 4612.  -   font-weight: normal;
  4615. 4613.  - }
  4616. 4614.  - #custom_menu_cont {
  4617. 4615.  -   top: 0px;
  4618. 4616.  -   width: 100%;
  4619. 4617.  - }
  4620. 4618.  - #custom_menu_wrap {
  4621. 4619.  -   z-index: 1005;
  4622. 4620.  -   position: absolute;
  4623. 4621.  -   top: 0px;
  4624. 4622.  - }
  4625. 4623.  - .fw_post_thumb_img {
  4626. 4624.  -   width: 50px;
  4627. 4625.  - }
  4628. 4626.  - .page_photo_thumb {
  4629. 4627.  -   max-width: 75px;
  4630. 4628.  - }
  4631. 4629.  - .page_album_row {
  4632. 4630.  -   margin: 10px 10px 0px;
  4633. 4631.  -   width: 178px;
  4634. 4632.  -   height: 118px;
  4635. 4633.  -   overflow: hidden;
  4636. 4634.  -   display: inline-block;
  4637. 4635.  -   vertical-align: top;
  4638. 4636.  -   background: #EEEEEE;
  4639. 4637.  - }
  4640. 4638.  - .page_album_row a {
  4641. 4639.  -   position: relative;
  4642. 4640.  -   display: block;
  4643. 4641.  -   text-align: center;
  4644. 4642.  - }
  4645. 4643.  - .page_album_row a.img_link {
  4646. 4644.  -   width: 178px;
  4647. 4645.  -   height: 118px;
  4648. 4646.  - }
  4649. 4647.  - .page_photo_thumb_big {
  4650. 4648.  -   vertical-align: top;
  4651. 4649.  -   max-width: 178px;
  4652. 4650.  - }
  4653. 4651.  - .page_album_title_wrap {
  4654. 4652.  -   background: rgba(0, 0, 0, 0.5);
  4655. 4653.  -   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7f000000', endColorstr='#7f000000')"; /* IE */
  4656. 4654.  -   color: white;
  4657. 4655.  -   position: absolute;
  4658. 4656.  -   top: 0px;
  4659. 4657.  -   width: 178px;
  4660. 4658.  -   margin-top: 98px;
  4661. 4659.  -   text-align: left;
  4662. 4660.  -   padding: 4px 0px 10px;
  4663. 4661.  -   line-height: 12px;
  4664. 4662.  - }
  4665. 4663.  - .page_album_title_wrap:not([dummy]) {
  4666. 4664.  -   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='false')";
  4667. 4665.  - }
  4668. 4666.  - .page_album_title {
  4669. 4667.  -   white-space: nowrap;
  4670. 4668.  -   overflow: hidden;
  4671. 4669.  -   -o-text-overflow: ellipsis;
  4672. 4670.  -   text-overflow: ellipsis;
  4673. 4671.  -   max-width: 125px;
  4674. 4672.  -   font-weight: bold;
  4675. 4673.  -   margin-left: 6px;
  4676. 4674.  - }
  4677. 4675.  - .page_album_description {
  4678. 4676.  -   max-height: 49px;
  4679. 4677.  -   margin: 5px 6px 0px;
  4680. 4678.  -   font-size: 0.9em;
  4681. 4679.  -   overflow: hidden;
  4682. 4680.  -   text-overflow: ellipsis;
  4683. 4681.  - }
  4684. 4682.  - .page_album_camera {
  4685. 4683.  -   background: url(/images/camera_white.png) 0 2px no-repeat;
  4686. 4684.  -   padding-left: 14px;
  4687. 4685.  -   font-weight: bold;
  4688. 4686.  -   margin: 0px 6px;
  4689. 4687.  - }
  4690. 4688.  - #owner_photo_wrap {
  4691. 4689.  -   margin-bottom: 8px;
  4692. 4690.  - }
  4693. 4691.  - #owner_photo_bubble_wrap {
  4694. 4692.  -   /* height: 80px; */
  4695. 4693.  -   height: 56px;
  4696. 4694.  -   width: 200px;
  4697. 4695.  -   /* margin-top: -88px; */
  4698. 4696.  -   margin-top: -64px;
  4699. 4697.  -   overflow: hidden;
  4700. 4698.  -   position: relative;
  4701. 4699.  - }
  4702. 4700.  - #owner_photo_bubble {
  4703. 4701.  -   color: #FFF;
  4704. 4702.  -   opacity: 0;
  4705. 4703.  -   filter: alpha(opacity=0);
  4706. 4704.  -   background: rgba(0, 0, 0, 0.7);
  4707. 4705.  -   width: 200px;
  4708. 4706.  -   margin-top: 40px;
  4709. 4707.  -   -webkit-transition: all 200ms ease-in-out;
  4710. 4708.  -   -moz-transition: all 200ms ease-in-out;
  4711. 4709.  -   -o-transition: all 200ms ease-in-out;
  4712. 4710.  -   transition: all 200ms ease-in-out;
  4713. 4711.  -   z-index: 450;
  4714. 4712.  -   padding: 4px 0;
  4715. 4713.  - }
  4716. 4714.  - #owner_photo_top_bubble_wrap {
  4717. 4715.  -   position: relative;
  4718. 4716.  - }
  4719. 4717.  - #owner_photo_top_bubble {
  4720. 4718.  -   display: none;
  4721. 4719.  -   position: absolute;
  4722. 4720.  -   right: 0;
  4723. 4721.  -   top: 0;
  4724. 4722.  -   color: #FFF;
  4725. 4723.  -   opacity: 0;
  4726. 4724.  -   filter: alpha(opacity=0);
  4727. 4725.  -   background: rgba(0, 0, 0, 0.7);
  4728. 4726.  -   -webkit-transition: all 200ms ease-in-out;
  4729. 4727.  -   -moz-transition: all 200ms ease-in-out;
  4730. 4728.  -   -o-transition: all 200ms ease-in-out;
  4731. 4729.  -   transition: all 200ms ease-in-out;
  4732. 4730.  -   z-index: 450;
  4733. 4731.  -   padding: 4px 0;
  4734. 4732.  - }
  4735. 4733.  - #owner_photo_wrap:hover #owner_photo_bubble {
  4736. 4734.  -   opacity: 1;
  4737. 4735.  -   filter: none;
  4738. 4736.  -   margin-top: 0px;
  4739. 4737.  - }
  4740. 4738.  - #owner_photo_wrap:hover #owner_photo_top_bubble {
  4741. 4739.  -   display: block;
  4742. 4740.  -   opacity: 1;
  4743. 4741.  -   filter: none;
  4744. 4742.  - }
  4745. 4743.  - #owner_photo_top_bubble .owner_photo_bubble_action_delete {
  4746. 4744.  -   text-align: right;
  4747. 4745.  -   width: auto;
  4748. 4746.  -   max-width: 180px;
  4749. 4747.  -   white-space: nowrap;
  4750. 4748.  -   overflow: hidden;
  4751. 4749.  - }
  4752. 4750.  - .owner_photo_bubble_action {
  4753. 4751.  -   cursor: pointer;
  4754. 4752.  -   padding: 5px 10px;
  4755. 4753.  -   height: 14px;
  4756. 4754.  -   /*text-align: center;*/
  4757. 4755.  -   overflow: hidden;
  4758. 4756.  -   white-space: nowrap;
  4759. 4757.  -   text-shadow: 0px 1px 0px #262626;
  4760. 4758.  -   -o-text-overflow: ellipsis;
  4761. 4759.  -   text-overflow: ellipsis;
  4762. 4760.  -   width: 180px;
  4763. 4761.  - }
  4764. 4762.  - .owner_photo_bubble_action_in {
  4765. 4763.  -   background: url(/images/edit_photo_icons_white.gif) no-repeat 0 -3px;
  4766. 4764.  -   -webkit-transition: all 100ms ease-out;
  4767. 4765.  -   -moz-transition: all 100ms ease-out;
  4768. 4766.  -   -o-transition: all 100ms ease-out;
  4769. 4767.  -   transition: all 100ms ease-out;
  4770. 4768.  -   padding-left: 20px;
  4771. 4769.  -   opacity: 0.7;
  4772. 4770.  -   filter: none;
  4773. 4771.  - }
  4774. 4772.  - .owner_photo_bubble_action_crop .owner_photo_bubble_action_in {
  4775. 4773.  -   background-position: 0 -26px;
  4776. 4774.  - }
  4777. 4775.  - .owner_photo_bubble_action_delete .owner_photo_bubble_action_in {
  4778. 4776.  -   background-position: 0 -70px;
  4779. 4777.  - }
  4780. 4778.  - .owner_photo_bubble_action:hover .owner_photo_bubble_action_in {
  4781. 4779.  -   opacity: 1;
  4782. 4780.  -   filter: none;
  4783. 4781.  - }
  4784. 4782.  - .owner_photo_bubble_delete_wrap {
  4785. 4783.  -   position: absolute;
  4786. 4784.  -   z-index: 10;
  4787. 4785.  -   right: 0px;
  4788. 4786.  -   top: 0px;
  4789. 4787.  -   background: #222;
  4790. 4788.  -   background: rgba(0, 0, 0, 0.5);
  4791. 4789.  -   padding: 5px;
  4792. 4790.  -   cursor: pointer;
  4793. 4791.  -   -webkit-border-radius: 3px;
  4794. 4792.  -   -moz-border-radius: 3px;
  4795. 4793.  -   border-radius: 3px;
  4796. 4794.  -   /* -webkit-transition: opacity 100ms linear; */
  4797. 4795.  -   /* -moz-transition: opacity 100ms linear; */
  4798. 4796.  -   /* -o-transition: opacity 100ms linear; */
  4799. 4797.  -   /* transition: opacity 100ms linear; */
  4800. 4798.  - }
  4801. 4799.  - .owner_photo_bubble_delete {
  4802. 4800.  -   background: url(/images/notifier_close.gif) no-repeat;
  4803. 4801.  -   width: 7px;
  4804. 4802.  -   height: 7px;
  4805. 4803.  -   opacity: 0.5;
  4806. 4804.  -   filter: alpha(opacity=50);
  4807. 4805.  -   -webkit-transition: opacity 100ms linear;
  4808. 4806.  -   -moz-transition: opacity 100ms linear;
  4809. 4807.  -   -o-transition: opacity 100ms linear;
  4810. 4808.  -   transition: opacity 100ms linear;
  4811. 4809.  - }
  4812. 4810.  - .owner_photo_bubble_delete_wrap:hover .owner_photo_bubble_delete {
  4813. 4811.  -   opacity: 1;
  4814. 4812.  -   filter: none;
  4815. 4813.  - }
  4816. 4814.  - #owner_photo_bubble_input {
  4817. 4815.  -   position: absolute;
  4818. 4816.  -   visibility: hidden;
  4819. 4817.  - }
  4820. 4818.  -
  4821. 4819.  - .page_preview_photo {
  4822. 4820.  -   max-width: 80px;
  4823. 4821.  - }
  4824. 4822.  - .page_preview_ph_graff .page_preview_photo, .page_preview_ph_graff {
  4825. 4823.  -   max-width: 106px;
  4826. 4824.  - }
  4827. 4825.  - #page_load_photo {
  4828. 4826.  -   position: absolute;
  4829. 4827.  -   margin-top: -40px;
  4830. 4828.  -   width: 200px;
  4831. 4829.  -   text-align: center;
  4832. 4830.  - }
  4833. 4831.  - #page_avatar {
  4834. 4832.  -   text-align: center;
  4835. 4833.  -   max-height: 500px;
  4836. 4834.  -   height: auto !important;
  4837. 4835.  -   height: 500px;
  4838. 4836.  -   overflow: hidden;
  4839. 4837.  -   margin-bottom: 8px;
  4840. 4838.  - }
  4841. 4839.  - * html #page_avatar {
  4842. 4840.  -   height: expression((this.flag == undefined) ? (this.scrollHeight > 500) ? this.flag = '500px' : 'auto' : '');
  4843. 4841.  - }
  4844. 4842.  - #page_avatar img {
  4845. 4843.  -   vertical-align: top;
  4846. 4844.  - }
  4847. 4845.  -
  4848. 4846.  - .wall_album_wrap {
  4849. 4847.  -   padding: 6px 0 4px;
  4850. 4848.  - }
  4851. 4849.  -
  4852. 4850.  - .wall_private_album_wrap {
  4853. 4851.  -   width: 200px;
  4854. 4852.  -   padding: 60px 0;
  4855. 4853.  -   margin: 6px 0 4px;
  4856. 4854.  -   background: #EEE;
  4857. 4855.  -   font-size: 12px;
  4858. 4856.  -   color: #777;
  4859. 4857.  -   text-align: center;
  4860. 4858.  - }
  4861. 4859.  - .wall_album_cover_wrap {
  4862. 4860.  -   position: relative;
  4863. 4861.  -   display: block;
  4864. 4862.  -   width: 279px;
  4865. 4863.  -   height: 185px;
  4866. 4864.  -   overflow: hidden;
  4867. 4865.  -   text-align: center;
  4868. 4866.  -   background: #F1F1F1;
  4869. 4867.  - }
  4870. 4868.  - .wall_album_nocover {
  4871. 4869.  -   background: #F1F1F1 url('/images/camera_big.png') 50% 60px no-repeat !important;
  4872. 4870.  - }
  4873. 4871.  - .wall_album_cover {
  4874. 4872.  -   vertical-align: top;
  4875. 4873.  -   max-width: 279px;
  4876. 4874.  - }
  4877. 4875.  - .wide_wall_module .wall_album_cover_wrap {
  4878. 4876.  -   width: 390px;
  4879. 4877.  -   height: 260px;
  4880. 4878.  - }
  4881. 4879.  - .wide_wall_module .wall_album_cover {
  4882. 4880.  -   max-width: 390px;
  4883. 4881.  - }
  4884. 4882.  -
  4885. 4883.  - .wall_album_caption {
  4886. 4884.  -   background: url('/images/mv_bg.png');
  4887. 4885.  -   background: rgba(0, 0, 0, 0.5);
  4888. 4886.  -   color: white;
  4889. 4887.  -   position: absolute;
  4890. 4888.  -   top: 0px;
  4891. 4889.  -   width: 279px;
  4892. 4890.  -   margin-top: 163px;
  4893. 4891.  -   text-align: left;
  4894. 4892.  -   padding: 4px 0px 10px;
  4895. 4893.  -   line-height: 12px;
  4896. 4894.  - }
  4897. 4895.  - .page_post_thumb_album .wall_album_caption {
  4898. 4896.  -   z-index: 1;
  4899. 4897.  - }
  4900. 4898.  - .wide_wall_module .wall_album_caption {
  4901. 4899.  -   width: 390px;
  4902. 4900.  -   margin-top: 238px;
  4903. 4901.  - }
  4904. 4902.  -
  4905. 4903.  - #wpe_cont .wall_album_cover_wrap {
  4906. 4904.  -   width: 279px;
  4907. 4905.  -   height: 185px;
  4908. 4906.  - }
  4909. 4907.  - #wpe_cont .wall_album_cover {
  4910. 4908.  -   max-width: 279px;
  4911. 4909.  - }
  4912. 4910.  - #wpe_cont .wall_album_caption {
  4913. 4911.  -   width: 279px;
  4914. 4912.  -   margin-top: 163px;
  4915. 4913.  - }
  4916. 4914.  -
  4917. 4915.  - .wall_album_title {
  4918. 4916.  -   white-space: nowrap;
  4919. 4917.  -   overflow: hidden;
  4920. 4918.  -   -o-text-overflow: ellipsis;
  4921. 4919.  -   text-overflow: ellipsis;
  4922. 4920.  -   max-width: 208px;
  4923. 4921.  -   font-weight: bold;
  4924. 4922.  -   margin-right: 5px;
  4925. 4923.  -   margin: 0 7px;
  4926. 4924.  - }
  4927. 4925.  - .wall_album_count {
  4928. 4926.  -   background: url(/images/camera_white.png) 0 2px no-repeat;
  4929. 4927.  -   padding-left: 14px;
  4930. 4928.  -   font-weight: bold;
  4931. 4929.  -   margin: 0 7px;
  4932. 4930.  - }
  4933. 4931.  - .wall_album_description {
  4934. 4932.  -   max-height: 126px;
  4935. 4933.  -   margin: 5px 7px 0;
  4936. 4934.  - }
  4937. 4935.  - .wall_album_wrap .page_post_sized_thumbs {
  4938. 4936.  -   margin: 0;
  4939. 4937.  - }
  4940. 4938.  - .wall_album_photos {
  4941. 4939.  -   margin-left: 3px;
  4942. 4940.  - }
  4943. 4941.  - .wall_album_under_row {
  4944. 4942.  -   padding-top: 3px;
  4945. 4943.  -   clear: both;
  4946. 4944.  - }
  4947. 4945.  - .wide_wall_module .wall_album_photos {
  4948. 4946.  -   margin-left: 6px;
  4949. 4947.  - }
  4950. 4948.  - .wide_wall_module .wall_album_under_row {
  4951. 4949.  -   padding-top: 6px;
  4952. 4950.  - }
  4953. 4951.  -
  4954. 4952.  - .page_gif_preview {
  4955. 4953.  -   display: block;
  4956. 4954.  -   min-width: 130px;
  4957. 4955.  -   min-height: 98px;
  4958. 4956.  -   background: #000000;
  4959. 4957.  -   text-align: center;
  4960. 4958.  -   position: relative;
  4961. 4959.  - }
  4962. 4960.  - .page_gif_loading {
  4963. 4961.  -   position: absolute;
  4964. 4962.  -   width: 130px;
  4965. 4963.  -   height: 98px;
  4966. 4964.  - }
  4967. 4965.  - .pages_gif_img {
  4968. 4966.  -   max-width: 130px;
  4969. 4967.  -   max-height: 600px;
  4970. 4968.  -   vertical-align: middle;
  4971. 4969.  -   cursor: pointer;
  4972. 4970.  - }
  4973. 4971.  - .page_gif_big {
  4974. 4972.  -   max-width: 337px;
  4975. 4973.  - }
  4976. 4974.  - .reply_table .page_gif_big {
  4977. 4975.  -   max-width: 298px;
  4978. 4976.  - }
  4979. 4977.  - .wide_wall_module .page_gif_big {
  4980. 4978.  -   max-width: 536px;
  4981. 4979.  - }
  4982. 4980.  - .wide_wall_module .reply_text .page_gif_big {
  4983. 4981.  -   max-width: 465px;
  4984. 4982.  - }
  4985. 4983.  -
  4986. 4984.  - #dark_box_topic_wrap {
  4987. 4985.  -   background: #597BA5;
  4988. 4986.  -   padding: 10px 10px 11px;
  4989. 4987.  -   position: relative;
  4990. 4988.  -   overflow: hidden;
  4991. 4989.  - }
  4992. 4990.  - .dark_box_close {
  4993. 4991.  -   margin: -10px -10px -11px;
  4994. 4992.  -   padding: 17px 26px 18px;
  4995. 4993.  -   color: #C7D7E9;
  4996. 4994.  -   -webkit-transition: color 100ms linear;
  4997. 4995.  -   -moz-transition: color 100ms linear;
  4998. 4996.  -   -o-transition: color 100ms linear;
  4999. 4997.  -   transition: color 100ms linear;
  5000. 4998.  - }
  5001. 4999.  - .dark_box_close:hover {
  5002. 5000.  -   color: #FFF;
  5003. 5001.  -   text-decoration: none;
  5004. 5002.  - }
  5005. 5003.  - #dark_box_topic {
  5006. 5004.  -   color: #FFF;
  5007. 5005.  -   padding: 7px 16px;
  5008. 5006.  -   font-weight: bold;
  5009. 5007.  -   font-size: 1.09em;
  5010. 5008.  - }
  5011. 5009.  - .dark_box_label {
  5012. 5010.  -   color: #45688E;
  5013. 5011.  -   line-height: 1.27em;
  5014. 5012.  -   margin: 0px;
  5015. 5013.  -   padding: 26px 0px 9px;
  5016. 5014.  -   font-size: 1.09em;
  5017. 5015.  -   font-weight: bold;
  5018. 5016.  - }
  5019. 5017.  - #dark_box_ava {
  5020. 5018.  -   position: absolute;
  5021. 5019.  -   width: 32px;
  5022. 5020.  -   height: 32px;
  5023. 5021.  -   margin: -1px 0px 0px -26px;
  5024. 5022.  -   display: none;
  5025. 5023.  -   opacity: 0;
  5026. 5024.  - }
  5027. 5025.  - #dark_box_ava .wdd_img_layer {
  5028. 5026.  -   background: #597BA5;
  5029. 5027.  - }
  5030. 5028.  - .dark_box_cont .wdd_text {
  5031. 5029.  -   width: 405px;
  5032. 5030.  - }
  5033. 5031.  - #dark_box_ava .wdd_img {
  5034. 5032.  -   width: 32px;
  5035. 5033.  - }
  5036. 5034.  - #dark_box_ava .wdd_img_full,
  5037. 5035.  - #dark_box_ava .wdd_img_half,
  5038. 5036.  - #dark_box_ava .wdd_img_tiny {
  5039. 5037.  -   width: 32px;
  5040. 5038.  -   height: 32px;
  5041. 5039.  - }
  5042. 5040.  - #dark_box_ava .wdd_img_half {
  5043. 5041.  -   width: 15px;
  5044. 5042.  - }
  5045. 5043.  - #dark_box_ava .wdd_img_half .wdd_img {
  5046. 5044.  -   margin-left: -8px;
  5047. 5045.  - }
  5048. 5046.  - #dark_box_ava .wdd_img_tiny {
  5049. 5047.  -   width: 15px;
  5050. 5048.  -   height: 15px;
  5051. 5049.  -   margin-bottom: 2px;
  5052. 5050.  - }
  5053. 5051.  - #dark_box_ava .wdd_img_tiny .wdd_img {
  5054. 5052.  -   width: 15px;
  5055. 5053.  - }
  5056. 5054.  - #dark_box_ava .wdd_mark {
  5057. 5055.  -   margin: 0px 26px;
  5058. 5056.  - }
  5059. 5057.  - #dark_box_ava .wdd_img_tiny .wdd_mark,
  5060. 5058.  - #dark_box_ava .wdd_img_half .wdd_mark {
  5061. 5059.  -   margin: 0px 9px;
  5062. 5060.  - }
  5063. 5061.  - .dark_box_cont {
  5064. 5062.  -   padding: 0px 26px 26px;
  5065. 5063.  -   background: #F7F7F7;
  5066. 5064.  - }
  5067. 5065.  - .dark_box_btn {
  5068. 5066.  -   margin-top: 16px;
  5069. 5067.  -   line-height: normal;
  5070. 5068.  - }
  5071. 5069.  - .dark_box_btn.button_cancel {
  5072. 5070.  -   margin: 16px 10px 0;
  5073. 5071.  - }
  5074. 5072.  -
  5075. 5073.  - #like_share_error {
  5076. 5074.  -   margin-top: 26px;
  5077. 5075.  -   display: none;
  5078. 5076.  - }
  5079. 5077.  - #like_share_title_wrap {
  5080. 5078.  -   display: none;
  5081. 5079.  - }
  5082. 5080.  - #like_share_title {
  5083. 5081.  -   width: 438px;
  5084. 5082.  -   padding: 6px 5px 8px;
  5085. 5083.  - }
  5086. 5084.  - #like_share_text {
  5087. 5085.  -   width: 438px;
  5088. 5086.  -   height: 80px;
  5089. 5087.  -   padding: 5px;
  5090. 5088.  -   vertical-align: top;
  5091. 5089.  -   margin: 0px;
  5092. 5090.  - }
  5093. 5091.  - .like_share_row {
  5094. 5092.  -   padding: 10px 0px 0px;
  5095. 5093.  - }
  5096. 5094.  - .like_share_row div.disabled {
  5097. 5095.  -   opacity: 0.4;
  5098. 5096.  -   filter: alpha(opacity=40);
  5099. 5097.  -   cursor: default;
  5100. 5098.  - }
  5101. 5099.  - .like_share_row div.disabled:hover div {
  5102. 5100.  -   background-position: 0px 0px;
  5103. 5101.  - }
  5104. 5102.  - .like_share_row div.disabled.on:hover div {
  5105. 5103.  -   background-position: 0px -14px;
  5106. 5104.  - }
  5107. 5105.  - .like_share_about {
  5108. 5106.  -   color: #777;
  5109. 5107.  -   padding: 17px 8px 13px;
  5110. 5108.  - }
  5111. 5109.  - .like_share_about_select {
  5112. 5110.  -   padding: 10px 0px 5px;
  5113. 5111.  - }
  5114. 5112.  - .like_share_point {
  5115. 5113.  -   padding: 0px 5px;
  5116. 5114.  - }
  5117. 5115.  - .like_share_disabled {
  5118. 5116.  -   opacity: 0.4;
  5119. 5117.  -   filter: alpha(opacity=40);
  5120. 5118.  - }
  5121. 5119.  - #like_share_warn {
  5122. 5120.  -   color: #777;
  5123. 5121.  -   display: none;
  5124. 5122.  - }
  5125. 5123.  - #like_share_after_text {
  5126. 5124.  -   padding-top: 10px;
  5127. 5125.  - }
  5128. 5126.  - #like_share_add_media {
  5129. 5127.  -   padding: 16px 0px 0px;
  5130. 5128.  - }
  5131. 5129.  - #like_share_media_preview {
  5132. 5130.  -   line-height: normal;
  5133. 5131.  - }
  5134. 5132.  - div.like_share_target_label {
  5135. 5133.  -   padding-top: 16px;
  5136. 5134.  - }
  5137. 5135.  -
  5138. 5136.  - /* Composer */
  5139. 5137.  - .composer_wdd {
  5140. 5138.  -   clear: both;
  5141. 5139.  -   position: relative;
  5142. 5140.  - }
  5143. 5141.  - .composer_wdd .wdd_lwrap {
  5144. 5142.  -   left: 0;
  5145. 5143.  -   top: 0;
  5146. 5144.  - }
  5147. 5145.  - .reply_composer_dd .wdd_lwrap {
  5148. 5146.  -   left: -4px;
  5149. 5147.  -   top: 4px;
  5150. 5148.  - }
  5151. 5149.  - .reply_media_lnk {
  5152. 5150.  -   padding: 6px 9px 0px;
  5153. 5151.  - }
  5154. 5152.  - .wide_wall_module .reply_media_lnk {
  5155. 5153.  -   display: block;
  5156. 5154.  - }
  5157. 5155.  -
  5158. 5156.  - .reply_box_open .reply_field_wrap,
  5159. 5157.  - .wall_fixed_reply_to .reply_field_wrap {
  5160. 5158.  -   margin-bottom: 6px;
  5161. 5159.  - }
  5162. 5160.  -
  5163. 5161.  - .reply_media_preview .media_preview {
  5164. 5162.  -   margin-bottom: 6px;
  5165. 5163.  - }
  5166. 5164.  - .share_parse_progress {
  5167. 5165.  -   height: 10px;
  5168. 5166.  -   background-image: url(/images/upload_gray.gif);
  5169. 5167.  -   margin: 0 auto;
  5170. 5168.  -   display: block !important;
  5171. 5169.  - }
  5172. 5170.  - .page_gif_add {
  5173. 5171.  -   width: 15px;
  5174. 5172.  -   height: 12px;
  5175. 5173.  -   position: absolute;
  5176. 5174.  -   bottom: 4px;
  5177. 5175.  -   right: 4px;
  5178. 5176.  -   padding: 6px 5px;
  5179. 5177.  -   background: rgba(0, 0, 0, 0.6);
  5180. 5178.  -   -webkit-border-radius: 3px;
  5181. 5179.  -   -moz-border-radius: 3px;
  5182. 5180.  -   border-radius: 3px;
  5183. 5181.  -   display: none;
  5184. 5182.  -   opacity: 0.7;
  5185. 5183.  -   filter: alpha(opacity=70);
  5186. 5184.  -   cursor: pointer;
  5187. 5185.  - }
  5188. 5186.  - .page_gif_loaded .page_gif_add {
  5189. 5187.  -   display: block;
  5190. 5188.  - }
  5191. 5189.  - .page_gif_add_icon {
  5192. 5190.  -   width: 16px;
  5193. 5191.  -   height: 12px;
  5194. 5192.  -   background: url(/images/icons/audio_icons.png?5) -92px -51px no-repeat;
  5195. 5193.  - }
  5196. 5194.  - .page_gif_added .page_gif_add_icon {
  5197. 5195.  -   background: url(/images/icons/audio_icons.png?5) -184px -51px no-repeat;
  5198. 5196.  - }
  5199. 5197.  -
  5200. 5198.  - div.create_poll_cb,
  5201. 5199.  - .wall_module #submit_post div.create_poll_cb {
  5202. 5200.  -   color: #777;
  5203. 5201.  -   margin: 0px 0px 10px;
  5204. 5202.  - }
  5205. 5203.  - .page_fronly {
  5206. 5204.  -   margin-left: 4px;
  5207. 5205.  -   background: url(/images/profile_icons.gif?10) no-repeat;
  5208. 5206.  -   background-position: 0px -163px;
  5209. 5207.  -   width: 8px;
  5210. 5208.  -   height: 11px;
  5211. 5209.  -   margin: 2px 0px 0px 4px;
  5212. 5210.  - }
  5213. 5211.  - .wl_owner_head_date .page_fronly {
  5214. 5212.  -   background-position: 0px -153px;
  5215. 5213.  - }
  5216. 5214.  - .medadd_c_doc {
  5217. 5215.  -   overflow: hidden;
  5218. 5216.  -   -o-text-overflow: ellipsis;
  5219. 5217.  -   text-overflow: ellipsis;
  5220. 5218.  - }
  5221. 5219.  - .medadd_h,
  5222. 5220.  - .medadd_c_pollh {
  5223. 5221.  -   font-size: 1.09em;
  5224. 5222.  -   font-weight: bold;
  5225. 5223.  -   color: #45688E;
  5226. 5224.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat;
  5227. 5225.  -   margin: 4px 2px 0px;
  5228. 5226.  - }
  5229. 5227.  - .font_medium .medadd_h,
  5230. 5228.  - .font_medium .medadd_c_pollh {
  5231. 5229.  -   margin-top: 3px;
  5232. 5230.  - }
  5233. 5231.  - .medadd_h:hover {
  5234. 5232.  -   text-decoration: none;
  5235. 5233.  - }
  5236. 5234.  - .medadd_h_note {
  5237. 5235.  -   background-position: 0 -132px;
  5238. 5236.  - }
  5239. 5237.  - .medadd_h_doc {
  5240. 5238.  -   background-position: 0 -278px;
  5241. 5239.  - }
  5242. 5240.  - .medadd_h_poll {
  5243. 5241.  -   background-position: 0 -206px;
  5244. 5242.  - }
  5245. 5243.  - .medadd_h_link,
  5246. 5244.  - .medadd_h_page {
  5247. 5245.  -   background-position: 0 -235px;
  5248. 5246.  - }
  5249. 5247.  - .medadd_h_timer {
  5250. 5248.  -   background-position: 0 -332px;
  5251. 5249.  - }
  5252. 5250.  - .medadd_h_mail {
  5253. 5251.  -   background-position: 0 -292px;
  5254. 5252.  - }
  5255. 5253.  - .medadd_h,
  5256. 5254.  - .medadd_c {
  5257. 5255.  -   padding-left: 15px;
  5258. 5256.  - }
  5259. 5257.  - .medadd_c {
  5260. 5258.  -   margin: 7px 2px 0px;
  5261. 5259.  - }
  5262. 5260.  -
  5263. 5261.  - .medadd_c_pollh {
  5264. 5262.  -   margin: 7px 0px 0px;
  5265. 5263.  -   background: none;
  5266. 5264.  - }
  5267. 5265.  - .wall_module #submit_post div.medadd_c_pollcb,
  5268. 5266.  - div.medadd_c_pollcb {
  5269. 5267.  -   margin: 5px 0px 0px;
  5270. 5268.  - }
  5271. 5269.  - .page_docs_preview div.medadd_c_pollrem {
  5272. 5270.  -   margin: 11px 0px 0px 8px;
  5273. 5271.  -   opacity: 0;
  5274. 5272.  - }
  5275. 5273.  - .page_docs_preview .medadd_c_polla_wr:hover div.medadd_c_pollrem {
  5276. 5274.  -   opacity: 0.6;
  5277. 5275.  - }
  5278. 5276.  - .page_docs_preview .medadd_c_polla_wr div.medadd_c_pollrem:hover {
  5279. 5277.  -   opacity: 1;
  5280. 5278.  - }
  5281. 5279.  - .medadd_c_timerat {
  5282. 5280.  -   padding: 4px 8px 0;
  5283. 5281.  - }
  5284. 5282.  - .medadd_c_timer .datepicker_control {
  5285. 5283.  -   padding: 4px;
  5286. 5284.  - }
  5287. 5285.  - .firefox .medadd_c_timer .datepicker_control {
  5288. 5286.  -   padding: 3px 4px;
  5289. 5287.  - }
  5290. 5288.  - .medadd_c_timer .datepicker_container input {
  5291. 5289.  -   margin: 0;
  5292. 5290.  -   padding: 0px;
  5293. 5291.  - }
  5294. 5292.  - .medadd_c_timer .timepicker_container input {
  5295. 5293.  -   position: static;
  5296. 5294.  -   margin: 1px 0 2px 0;
  5297. 5295.  - }
  5298. 5296.  - .medadd_c_timer .selector_container td.selector {
  5299. 5297.  -   padding: 2px 0 1px 2px;
  5300. 5298.  - }
  5301. 5299.  -
  5302. 5300.  - div.medadd_c_poll,
  5303. 5301.  - div.medadd_c_link {
  5304. 5302.  -   margin: 0px 2px;
  5305. 5303.  -   padding-bottom: 10px;
  5306. 5304.  -   overflow: hidden;
  5307. 5305.  - }
  5308. 5306.  - div.medadd_c_timer {
  5309. 5307.  -   margin: 5px 2px 0px;
  5310. 5308.  -   height: 33px;
  5311. 5309.  -   overflow: hidden;
  5312. 5310.  - }
  5313. 5311.  - div.medadd_c_nofixed {
  5314. 5312.  -   height: auto;
  5315. 5313.  - }
  5316. 5314.  - .medadd_c_linkcon {
  5317. 5315.  -   overflow: hidden;
  5318. 5316.  -   background: #FFF;
  5319. 5317.  -   padding: 6px 8px;
  5320. 5318.  -   border: 1px solid #C0CAD5;
  5321. 5319.  - }
  5322. 5320.  - div.medadd_c_linkprg {
  5323. 5321.  -   display: block;
  5324. 5322.  -   margin: 0px auto;
  5325. 5323.  - }
  5326. 5324.  - .medadd_c_linkimg {
  5327. 5325.  -   padding: 5px 10px 5px 5px;
  5328. 5326.  - }
  5329. 5327.  - .medadd_c_linkhead {
  5330. 5328.  -   margin: 0px;
  5331. 5329.  -   padding: 5px;
  5332. 5330.  -   border: 0px;
  5333. 5331.  -   font-size: 11px;
  5334. 5332.  - }
  5335. 5333.  - .font_medium .medadd_c_linkhead {
  5336. 5334.  -   font-size: 12px;
  5337. 5335.  - }
  5338. 5336.  - .medadd_c_linkdsc {
  5339. 5337.  -   padding: 0px 5px 5px;
  5340. 5338.  - }
  5341. 5339.  -
  5342. 5340.  - .medadd_c_polladd,
  5343. 5341.  - .medadd_c_poll input.medadd_c_pollq,
  5344. 5342.  - .medadd_c_poll input.medadd_c_polla {
  5345. 5343.  -   width: 330px;
  5346. 5344.  -   margin: 5px 0px;
  5347. 5345.  -   border: 1px solid #C0CAD5;
  5348. 5346.  -   background: #FFF;
  5349. 5347.  -   padding: 4px;
  5350. 5348.  -   cursor: text;
  5351. 5349.  - }
  5352. 5350.  - .medadd_c_poll input.medadd_c_pollq {
  5353. 5351.  -   margin-top: 0px;
  5354. 5352.  - }
  5355. 5353.  - .medadd_c_polladd_wr {
  5356. 5354.  -   padding: 5px 0px;
  5357. 5355.  - }
  5358. 5356.  - .medadd_c_polladd {
  5359. 5357.  -   margin: 0px;
  5360. 5358.  -   color: #777;
  5361. 5359.  - }
  5362. 5360.  -
  5363. 5361.  - .medadd_c_mail {
  5364. 5362.  -   color: #2B587A;
  5365. 5363.  - }
  5366. 5364.  - .medadd_c_timersett {
  5367. 5365.  -   padding-top: 10px;
  5368. 5366.  - }
  5369. 5367.  - .medadd_c_timersett .checkbox_status_export,
  5370. 5368.  - .medadd_c_timersett .checkbox_facebook_export,
  5371. 5369.  - .medadd_c_timersett .checkbox {
  5372. 5370.  -   cursor: pointer;
  5373. 5371.  -   margin-right: 10px;
  5374. 5372.  - }
  5375. 5373.  -
  5376. 5374.  - .medadd_aud {
  5377. 5375.  -   width: 355px;
  5378. 5376.  -   padding: 0px 3px 0px 2px;
  5379. 5377.  -   line-height: normal;
  5380. 5378.  - }
  5381. 5379.  - .medadd_aud .title_wrap {
  5382. 5380.  -   width: 285px;
  5383. 5381.  -   overflow: hidden;
  5384. 5382.  -   -o-text-overflow: ellipsis;
  5385. 5383.  -   text-overflow: ellipsis;
  5386. 5384.  -   white-space: nowrap;
  5387. 5385.  -   color: #2B587A;
  5388. 5386.  - }
  5389. 5387.  - .medadd_aud_play {
  5390. 5388.  -   margin-right: 8px;
  5391. 5389.  -   background: url(/images/icons/audio_icons.png?5) no-repeat 0 -25px;
  5392. 5390.  -   padding: 0px;
  5393. 5391.  -   width: 22px;
  5394. 5392.  -   height: 22px;
  5395. 5393.  -   cursor: pointer;
  5396. 5394.  - }
  5397. 5395.  - .medadd_aud_play.playing {
  5398. 5396.  -   background-position: -72px -25px;
  5399. 5397.  - }
  5400. 5398.  - .medadd_aud_perf {
  5401. 5399.  -   color: #45688E;
  5402. 5400.  - }
  5403. 5401.  - .medadd_aud .duration {
  5404. 5402.  -   color: #777;
  5405. 5403.  -   font-size: 0.9em;
  5406. 5404.  -   max-width: 40px;
  5407. 5405.  -   overflow: hidden;
  5408. 5406.  -   white-space: nowrap;
  5409. 5407.  -   -o-text-overflow: ellipsis;
  5410. 5408.  -   text-overflow: ellipsis;
  5411. 5409.  - }
  5412. 5410.  - .medadd_aud .player {
  5413. 5411.  -   height: 9px;
  5414. 5412.  -   display: none;
  5415. 5413.  - }
  5416. 5414.  - .medadd_aud.current .player {
  5417. 5415.  -   display: block;
  5418. 5416.  - }
  5419. 5417.  - .medadd_aud .audio_vol,
  5420. 5418.  - .medadd_aud .audio_pr {
  5421. 5419.  -   padding-top: 4px;
  5422. 5420.  - }
  5423. 5421.  - div.medadd_aud_ph {
  5424. 5422.  -   top: 4px;
  5425. 5423.  - }
  5426. 5424.  - .current .medadd_aud_ph {
  5427. 5425.  -   display: none;
  5428. 5426.  - }
  5429. 5427.  - .medadd_aud_td {
  5430. 5428.  -   vertical-align: top;
  5431. 5429.  - }
  5432. 5430.  - .medadd_aud_wid {
  5433. 5431.  -   width: 100%;
  5434. 5432.  - }
  5435. 5433.  - #wpe_media_preview .medadd_aud {
  5436. 5434.  -   width: 295px;
  5437. 5435.  - }
  5438. 5436.  - #wpe_media_preview .medadd_aud .title_wrap {
  5439. 5437.  -   width: 225px;
  5440. 5438.  - }
  5441. 5439.  - #wpe_media_preview .medadd_c_polladd,
  5442. 5440.  - #wpe_media_preview .medadd_c_poll input.medadd_c_pollq,
  5443. 5441.  - #wpe_media_preview .medadd_c_poll input.medadd_c_polla {
  5444. 5442.  -   width: 270px;
  5445. 5443.  - }
  5446. 5444.  - .reply_media_preview .medadd_aud,
  5447. 5445.  - .reply_info #wpe_media_preview .medadd_aud {
  5448. 5446.  -   width: 265px;
  5449. 5447.  - }
  5450. 5448.  - .reply_media_preview .medadd_aud .title_wrap,
  5451. 5449.  - .reply_info #wpe_media_preview .medadd_aud .title_wrap {
  5452. 5450.  -   width: 195px;
  5453. 5451.  - }
  5454. 5452.  - .wide_wall_module .reply_media_preview .medadd_aud {
  5455. 5453.  -   width: 335px;
  5456. 5454.  - }
  5457. 5455.  - .wide_wall_module .reply_media_preview .medadd_aud .title_wrap {
  5458. 5456.  -   width: 265px;
  5459. 5457.  - }
  5460. 5458.  - #like_share_media_preview .medadd_aud {
  5461. 5459.  -   width: 420px;
  5462. 5460.  - }
  5463. 5461.  - #like_share_media_preview .medadd_aud .title_wrap {
  5464. 5462.  -   width: 350px;
  5465. 5463.  - }
  5466. 5464.  -
  5467. 5465.  - button.wall_block_app_btn {
  5468. 5466.  -   max-width: 290px;
  5469. 5467.  -   overflow: hidden;
  5470. 5468.  - }
  5471. 5469.  - .wide_wall_module button.wall_block_app_btn {
  5472. 5470.  -   max-width: 390px;
  5473. 5471.  - }
  5474. 5472.  - .page_place_error {
  5475. 5473.  -   display: block;
  5476. 5474.  -   padding: 2px 0px 2px;
  5477. 5475.  - }
  5478. 5476.  - .page_no_flash_wrap {
  5479. 5477.  -   padding: 10px;
  5480. 5478.  -   background: rgba(255,255,255,0.8);
  5481. 5479.  -   position: absolute;
  5482. 5480.  -   margin: -160px 0px 0px -140px;
  5483. 5481.  -   -webkit-border-radius: 5px;
  5484. 5482.  -   -moz-border-radius: 5px;
  5485. 5483.  -   border-radius: 5px;
  5486. 5484.  -   width: 264px;
  5487. 5485.  -   left: 50%;
  5488. 5486.  -   line-height: 160%;
  5489. 5487.  - }
  5490. 5488.  - .wide_wall_module .page_no_flash_wrap {
  5491. 5489.  -   margin: -220px 0px 0px -55px;
  5492. 5490.  -   width: 300px;
  5493. 5491.  - }
  5494. 5492.  - #mv_box .page_no_flash_wrap {
  5495. 5493.  -   margin: -200px 0px 0px -160px;
  5496. 5494.  -   width: 300px;
  5497. 5495.  - }
  5498. 5496.  - .wall_browse_images {
  5499. 5497.  -   padding-top: 4px;
  5500. 5498.  - }
  5501. 5499.  -
  5502. 5500.  - .status_audio_shared {
  5503. 5501.  -   padding: 8px 2px 2px;
  5504. 5502.  -   font-size: 0.9em;
  5505. 5503.  -   color: #777;
  5506. 5504.  -   overflow: hidden;
  5507. 5505.  -
  5508. 5506.  -   -o-text-overflow: ellipsis;
  5509. 5507.  -   text-overflow: ellipsis;
  5510. 5508.  - }
  5511. 5509.  - .status_audio_shared_lnk {
  5512. 5510.  -   color: #777;
  5513. 5511.  - }
  5514. 5512.  -
  5515. 5513.  - /* Verified accounts */
  5516. 5514.  - .page_verified {
  5517. 5515.  -   background: url(/images/profile_icons.gif?10) no-repeat 0 -73px;
  5518. 5516.  -   width: 13px;
  5519. 5517.  -   height: 11px;
  5520. 5518.  -   display:-moz-inline-stack;
  5521. 5519.  -   display:inline-block;
  5522. 5520.  -   _overflow:hidden;
  5523. 5521.  -   zoom:1;
  5524. 5522.  -   *display:inline;
  5525. 5523.  -   position: relative;
  5526. 5524.  -   top: 1px;
  5527. 5525.  -   margin: 0 3px 0 6px;
  5528. 5526.  - }
  5529. 5527.  -
  5530. 5528.  - #choose_query_reset.shown {
  5531. 5529.  -   display: block;
  5532. 5530.  - }
  5533. 5531.  - .loading #choose_query_reset.shown {
  5534. 5532.  -   display: none;
  5535. 5533.  - }
  5536. 5534.  - .page_media_place {
  5537. 5535.  -   color: #888888;
  5538. 5536.  -   display: block;
  5539. 5537.  -   line-height: 17px;
  5540. 5538.  -   margin: 4px 0px;
  5541. 5539.  - }
  5542. 5540.  - .page_media_place:hover {
  5543. 5541.  -   text-decoration: none;
  5544. 5542.  -   background-color: #F5F6F7;
  5545. 5543.  -   color: #85909b;
  5546. 5544.  - }
  5547. 5545.  - .feedback_row_content .page_media_place:hover {
  5548. 5546.  -   background-color: #E9EDF1;
  5549. 5547.  - }
  5550. 5548.  - .checkin_big {
  5551. 5549.  -   width: 39px;
  5552. 5550.  -   height: 39px;
  5553. 5551.  -   background: #E9EDF1 url(/images/icons/checkin_big.png) center center no-repeat;
  5554. 5552.  - }
  5555. 5553.  - .page_media_place:hover .checkin_big {
  5556. 5554.  -   background-color: #E7EAEE;
  5557. 5555.  - }
  5558. 5556.  - .page_media_place_label {
  5559. 5557.  -   width: 280px;
  5560. 5558.  -   padding: 2px 9px;
  5561. 5559.  - }
  5562. 5560.  - .page_report_progress {
  5563. 5561.  -   vertical-align: top;
  5564. 5562.  -   padding-top: 7px;
  5565. 5563.  - }
  5566. 5564.  - .wall_posts .page_report_progress {
  5567. 5565.  -   padding-top: 0px;
  5568. 5566.  - }
  5569. 5567.  - .wall_post_report_cont {
  5570. 5568.  -   position: relative;
  5571. 5569.  -   border: 1px solid #FFFFFF;
  5572. 5570.  -   display: inline-block;
  5573. 5571.  -   *display: inline;
  5574. 5572.  -   zoom: 1;
  5575. 5573.  - }
  5576. 5574.  - .reply .wall_post_report_cont {
  5577. 5575.  -   border: none;
  5578. 5576.  -   border-left: 1px solid #FFFFFF;
  5579. 5577.  - }
  5580. 5578.  - #wl_post_body_wrap .wall_post_report_cont,
  5581. 5579.  - #wl_replies_wrap .wall_post_report_cont{
  5582. 5580.  -   border: none;
  5583. 5581.  - }
  5584. 5582.  - .wall_reasons_item {
  5585. 5583.  -   padding: 5px 0px;
  5586. 5584.  - }
  5587. 5585.  - .wall_reasons_result {
  5588. 5586.  -   line-height: 150%;
  5589. 5587.  -   padding: 6px 0px;
  5590. 5588.  - }
  5591. 5589.  - .wall_reasons_list {
  5592. 5590.  -   color: #000000;
  5593. 5591.  -   padding-top: 6px;
  5594. 5592.  -   padding-bottom: 2px;
  5595. 5593.  -   text-align: left;
  5596. 5594.  -   width: 190px;
  5597. 5595.  -   display: inline-block;
  5598. 5596.  -   *display: inline;
  5599. 5597.  -   zoom: 1;
  5600. 5598.  - }
  5601. ------
  5602. Файл - im.css (Старый размер - 39280 | Новый - 0):
  5603. 0.  - #im_css {
  5604. 1.  -   display: none;
  5605. 2.  - }
  5606. 3.  -
  5607. 4.  - #tab_conversation, #tab_friends, #tab_spam, #tab_search, #tab_write, #tab_important {
  5608. 5.  -   display: none;
  5609. 6.  - }
  5610. 7.  - #im_top_tabs .active_link {
  5611. 8.  -   display: block;
  5612. 9.  - }
  5613. 10.  - #im_bar {
  5614. 11.  -   padding: 5px;
  5615. 12.  -   background: #F7F7F7;
  5616. 13.  -   border-bottom: 1px solid #DAE1E8;
  5617. 14.  - }
  5618. 15.  -
  5619. 16.  - .im_bar_controls {
  5620. 17.  -   padding: 3px 5px 3px 0;
  5621. 18.  -   display: none;
  5622. 19.  - }
  5623. 20.  - #im_bar .im_bar_controls .button_blue {
  5624. 21.  -   margin: 3px 0 3px 8px;
  5625. 22.  - }
  5626. 23.  - #im_bar .im_bar_controls button {
  5627. 24.  -   padding: 4px 10px;
  5628. 25.  -   line-height: 1.36em;
  5629. 26.  -   height: 24px;
  5630. 27.  - }
  5631. 28.  - .im_cancel_mark {
  5632. 29.  -   padding: 6px 0 0;
  5633. 30.  - }
  5634. 31.  - .im_spam_hint {
  5635. 32.  -   color: #777;
  5636. 33.  -   padding: 8px 0 0 8px;
  5637. 34.  - }
  5638. 35.  -
  5639. 36.  - #im_tabs {
  5640. 37.  -   padding: 3px 0;
  5641. 38.  - }
  5642. 39.  - .im_tab,
  5643. 40.  - .im_tab_selected,
  5644. 41.  - .im_tab_over {
  5645. 42.  -   cursor: pointer;
  5646. 43.  -   padding: 5px 1px 5px 5px;
  5647. 44.  -   float: left;
  5648. 45.  - }
  5649. 46.  - .im_tab2 {
  5650. 47.  -   padding: 3px 6px 4px;
  5651. 48.  - }
  5652. 49.  - .im_tab_over .im_tab2 {
  5653. 50.  -   -moz-border-radius: 2px;
  5654. 51.  -   -webkit-border-radius: 2px;
  5655. 52.  -   border-radius: 2px;
  5656. 53.  -   background-color: #E1E7ED;
  5657. 54.  - }
  5658. 55.  - .im_tab_selected .im_tab2 {
  5659. 56.  -   -moz-border-radius: 2px;
  5660. 57.  -   -webkit-border-radius: 2px;
  5661. 58.  -   border-radius: 2px;
  5662. 59.  -   background-color: #597DA3;
  5663. 60.  - }
  5664. 61.  - .im_tab3 {
  5665. 62.  -   font-weight: bold;
  5666. 63.  -   color: #45688E;
  5667. 64.  -   padding-left: 2px;
  5668. 65.  -   padding-right: 5px;
  5669. 66.  -   max-width: 300px;
  5670. 67.  -   overflow: hidden;
  5671. 68.  -   -o-text-overflow: ellipsis;
  5672. 69.  -   text-overflow: ellipsis;
  5673. 70.  -   white-space: nowrap;
  5674. 71.  - }
  5675. 72.  -
  5676. 73.  - .im_tab_selected .im_tab3 {
  5677. 74.  -   color: #FFF;
  5678. 75.  - }
  5679. 76.  -
  5680. 77.  - .im_tabx {
  5681. 78.  -   margin-top: 2px;
  5682. 79.  -   width: 11px;
  5683. 80.  -   height: 11px;
  5684. 81.  - }
  5685. 82.  - .im_tab .im_tabx {
  5686. 83.  -   background: url(/images/pics/im_tabx.gif?1) 0 0;
  5687. 84.  -   opacity: 0.12;
  5688. 85.  -   filter: alpha(opacity=12);
  5689. 86.  - }
  5690. 87.  -
  5691. 88.  - .im_tab_over .im_tabx_over {
  5692. 89.  -   background: url(/images/pics/im_tabx.gif?1) 0 0;
  5693. 90.  -   opacity: 0.6;
  5694. 91.  -   filter: alpha(opacity=60);
  5695. 92.  - }
  5696. 93.  -
  5697. 94.  - .im_tab_selected .im_tabx {
  5698. 95.  -   background: url(/images/pics/im_tabx.gif?1) 0 -13px;
  5699. 96.  -   opacity: 0.2;
  5700. 97.  -   filter: alpha(opacity=20);
  5701. 98.  - }
  5702. 99.  - .im_tab_selected .im_tabx_over {
  5703. 100.  -   background: url(/images/pics/im_tabx.gif?1) 0 -13px;
  5704. 101.  -   opacity: 1;
  5705. 102.  -   filter: alpha(opacity=100);
  5706. 103.  - }
  5707. 104.  - .im_unread {
  5708. 105.  -   font-size: 0.9em;
  5709. 106.  -   vertical-align: bottom;
  5710. 107.  - }
  5711. 108.  - #im_progress {
  5712. 109.  -   margin-top: 2px;
  5713. 110.  - }
  5714. 111.  -
  5715. 112.  - #im_to_end_wrap {
  5716. 113.  -   display: none;
  5717. 114.  -   width: 627px;
  5718. 115.  -   cursor: pointer;
  5719. 116.  -   position: absolute;
  5720. 117.  -   margin-top: -35px;
  5721. 118.  -   height: 14px;
  5722. 119.  -   padding: 10px 0px;
  5723. 120.  -   text-align: center;
  5724. 121.  -   background: #E1E7E9;
  5725. 122.  -   background: rgba(225, 231, 233, 0.95);
  5726. 123.  -   color: #738392;
  5727. 124.  -   border-top: 1px solid #DAE2E8;
  5728. 125.  - }
  5729. 126.  - #im_to_end_wrap:hover {
  5730. 127.  -   background: #E6EDF0;
  5731. 128.  -   background: rgba(230, 237, 240, 0.95);
  5732. 129.  - }
  5733. 130.  - .im_to_end {
  5734. 131.  -   padding: 0px 16px;
  5735. 132.  -   background: url(/images/im_toend.gif) no-repeat right 0px;
  5736. 133.  - }
  5737. 134.  - #im_top_sh,
  5738. 135.  - #im_bottom_sh {
  5739. 136.  -   display: none;
  5740. 137.  -   position: absolute;
  5741. 138.  -   width: 627px;
  5742. 139.  -   height: 3px;
  5743. 140.  -   z-index: 100;
  5744. 141.  -   background: #555;
  5745. 142.  -   opacity: 0.12;
  5746. 143.  -   filter: alpha(opacity=12);
  5747. 144.  -   margin-top: -1px;
  5748. 145.  - }
  5749. 146.  - #im_bottom_sh {
  5750. 147.  -   margin: -2px 0 0;
  5751. 148.  -   top: 0;
  5752. 149.  -   left: 0;
  5753. 150.  - }
  5754. 151.  - .im_to_end_controls #im_peer_controls {
  5755. 152.  -   border-top: 1px solid #D3DBE3;
  5756. 153.  - }
  5757. 154.  - .im_to_end_controls #im_bottom_sh {
  5758. 155.  -   visibility: hidden;
  5759. 156.  - }
  5760. 157.  - .im_to_end_controls #im_to_end_wrap {
  5761. 158.  -   display: block;
  5762. 159.  - }
  5763. 160.  -
  5764. 161.  - .dialogs_row {
  5765. 162.  -   cursor: pointer;
  5766. 163.  -   padding: 5px 10px 5px 7px;
  5767. 164.  -   border-bottom: 1px solid #e4e8ed;
  5768. 165.  - }
  5769. 166.  - .dialogs_deleted_row {
  5770. 167.  -   cursor: default;
  5771. 168.  - }
  5772. 169.  - .dialogs_new_msg {
  5773. 170.  -   background: #edf1f5;
  5774. 171.  -   border-color: #DAE1E8;
  5775. 172.  - }
  5776. 173.  - .dialogs_row_t {
  5777. 174.  -   width: 100%;
  5778. 175.  - }
  5779. 176.  - .dialogs_row_over {
  5780. 177.  -   background: #edf1f5;
  5781. 178.  -   border-color: #DAE1E8;
  5782. 179.  - }
  5783. 180.  - .dialogs_row_over .dialogs_new_msg {
  5784. 181.  -   background: #DAE1E8;
  5785. 182.  - }
  5786. 183.  - .dialogs_row_over .dialogs_online,
  5787. 184.  - .dialogs_new_msg .dialogs_online {
  5788. 185.  -   color: #93a2b3;
  5789. 186.  - }
  5790. 187.  - .dialogs_row_over .dialogs_date,
  5791. 188.  - .dialogs_new_msg .dialogs_date {
  5792. 189.  -   color: #8795a5;
  5793. 190.  - }
  5794. 191.  - .dialogs_photo {
  5795. 192.  -   width: 50px;
  5796. 193.  -   padding: 5px 5px 2px;
  5797. 194.  -   vertical-align: top;
  5798. 195.  - }
  5799. 196.  - .dialogs_info {
  5800. 197.  -   padding: 5px;
  5801. 198.  -   vertical-align: middle;
  5802. 199.  -   width: 125px;
  5803. 200.  - }
  5804. 201.  - .dialogs_user {
  5805. 202.  -   width: 120px;
  5806. 203.  - }
  5807. 204.  - .dialogs_online {
  5808. 205.  -   color: #aaa;
  5809. 206.  -   padding: 3px 0 2px;
  5810. 207.  - }
  5811. 208.  - .dialogs_date {
  5812. 209.  -   color: #999999;
  5813. 210.  -   font-size: 0.9em;
  5814. 211.  - }
  5815. 212.  - .dialogs_msg_contents {
  5816. 213.  -   padding: 0px;
  5817. 214.  -   vertical-align: middle;
  5818. 215.  - }
  5819. 216.  - .dialogs_msg_body {
  5820. 217.  -   padding: 6px 8px 8px;
  5821. 218.  - }
  5822. 219.  - .dialogs_deleted_row .dialogs_msg_body {
  5823. 220.  -   color: #777;
  5824. 221.  -   line-height: 1.81em;
  5825. 222.  -   text-align: center;
  5826. 223.  - }
  5827. 224.  - .dialogs_msg_text {
  5828. 225.  -   color: #67829E;
  5829. 226.  -   line-height: 160%;
  5830. 227.  -   width: 345px;
  5831. 228.  - }
  5832. 229.  - .dialogs_msg_body .dialogs_inline_author {
  5833. 230.  -   width: 32px;
  5834. 231.  -   height: 32px;
  5835. 232.  -   margin: 3px 10px 2px 0;
  5836. 233.  -
  5837. 234.  -   -moz-border-radius: 2px;
  5838. 235.  -   -webkit-border-radius: 2px;
  5839. 236.  -   border-radius: 2px;
  5840. 237.  - }
  5841. 238.  -
  5842. 239.  - div.dialogs_inline_chatter {
  5843. 240.  -   margin: 0 4px 4px 0;
  5844. 241.  -   float: left;
  5845. 242.  -   width: 23px;
  5846. 243.  -   height: 23px;
  5847. 244.  -   overflow: hidden;
  5848. 245.  -   -moz-border-radius: 2px;
  5849. 246.  -   -webkit-border-radius: 2px;
  5850. 247.  -   border-radius: 2px;
  5851. 248.  - }
  5852. 249.  - img.dialogs_inline_chatter {
  5853. 250.  -   width: 23px;
  5854. 251.  -   height: 23px;
  5855. 252.  -   -moz-border-radius: 2px;
  5856. 253.  -   -webkit-border-radius: 2px;
  5857. 254.  -   border-radius: 2px;
  5858. 255.  - }
  5859. 256.  - div.dialogs_inline_chatter_half {
  5860. 257.  -   height: 50px;
  5861. 258.  - }
  5862. 259.  - img.dialogs_inline_chatter_half {
  5863. 260.  -   margin: 0px -12px;
  5864. 261.  -   height: 50px;
  5865. 262.  -   width: 50px;
  5866. 263.  - }
  5867. 264.  - #im_dialogs_next {
  5868. 265.  -   display: none;
  5869. 266.  - }
  5870. 267.  - .dialogs_chat_title {
  5871. 268.  -   font-weight: bold;
  5872. 269.  -   width: 240px;
  5873. 270.  - }
  5874. 271.  - .dialogs_del_wrap {
  5875. 272.  -   display: none;
  5876. 273.  -   position: absolute;
  5877. 274.  -   right: 15px;
  5878. 275.  -   margin-top: 10px;
  5879. 276.  -   opacity: 0.6;
  5880. 277.  -   filter: alpha(opacity=60);
  5881. 278.  - }
  5882. 279.  -
  5883. 280.  - .dialogs_row_over .dialogs_del_wrap {
  5884. 281.  -   display: block;
  5885. 282.  - }
  5886. 283.  - .dialogs_del_wrap:hover {
  5887. 284.  -   opacity: 1;
  5888. 285.  -   filter: alpha(opacity=100);
  5889. 286.  - }
  5890. 287.  - .dialogs_del {
  5891. 288.  -   cursor: pointer;
  5892. 289.  -   background: url(/images/pics/statusx_op.gif) no-repeat;
  5893. 290.  -   height: 11px;
  5894. 291.  -   width: 11px;
  5895. 292.  - }
  5896. 293.  -
  5897. 294.  - #im_more_dialogs, #im_more_friends {
  5898. 295.  -   display: block;
  5899. 296.  -   margin-top: -1px;
  5900. 297.  -   border-top: 1px solid #DAE1E8;
  5901. 298.  -   text-align: center;
  5902. 299.  -   padding: 10px;
  5903. 300.  - }
  5904. 301.  - .im_more {
  5905. 302.  -   display: block;
  5906. 303.  -   margin: 0 10px 10px;
  5907. 304.  - }
  5908. 305.  - .im_morenew {
  5909. 306.  -   display: block;
  5910. 307.  -   margin: 10px 10px 0px;
  5911. 308.  - }
  5912. 309.  - .im_more_progress {
  5913. 310.  -   display: none;
  5914. 311.  -   padding: 10px 10px 11px; /* border */
  5915. 312.  -   background: url(/images/upload.gif) 50% 50% no-repeat;
  5916. 313.  - }
  5917. 314.  - .im_more_text {
  5918. 315.  -   padding: 10px;
  5919. 316.  -   text-align: center;
  5920. 317.  -   border-bottom: 1px solid #DAE1E8;
  5921. 318.  - }
  5922. 319.  - .im_more_loading {
  5923. 320.  -   cursor: default;
  5924. 321.  - }
  5925. 322.  - .im_more_loading .im_more_text {
  5926. 323.  -   display: none;
  5927. 324.  - }
  5928. 325.  - .im_more_loading .im_more_progress {
  5929. 326.  -   display: block;
  5930. 327.  - }
  5931. 328.  - #im_more_dialogs:hover, #im_more_friends:hover {
  5932. 329.  -   text-decoration: none;
  5933. 330.  -   background: #E9EDF1;
  5934. 331.  - }
  5935. 332.  - .im_more:hover,
  5936. 333.  - .im_morenew:hover {
  5937. 334.  -   text-decoration: none;
  5938. 335.  - }
  5939. 336.  - .im_more:hover .im_more_text,
  5940. 337.  - .im_morenew:hover .im_more_text {
  5941. 338.  -   background: #E9EDF1;
  5942. 339.  - }
  5943. 340.  -
  5944. 341.  - /* Conversation log */
  5945. 342.  - .im_log_t {
  5946. 343.  -   /* margin: 0 71px 0 auto; */
  5947. 344.  -   width: 100%;
  5948. 345.  - }
  5949. 346.  -
  5950. 347.  - .im_log_t td {
  5951. 348.  -   border-top: 5px solid #FFF;
  5952. 349.  -   padding: 5px;
  5953. 350.  -   vertical-align: top;
  5954. 351.  - }
  5955. 352.  - .im_log_t td td {
  5956. 353.  -   border-top: none;
  5957. 354.  -   padding: 0px;
  5958. 355.  - }
  5959. 356.  - .im_log_t #html5_player td {
  5960. 357.  -   border-top: 0;
  5961. 358.  - }
  5962. 359.  - .im_log_t .im_in,
  5963. 360.  - .im_log_t .im_out {
  5964. 361.  -   cursor: pointer;
  5965. 362.  - }
  5966. 363.  - .im_log_t .wall_module .post_media {
  5967. 364.  -   width: auto;
  5968. 365.  - }
  5969. 366.  - .im_log_t .post_media td {
  5970. 367.  -   padding: 0;
  5971. 368.  -   border-top: 0;
  5972. 369.  - }
  5973. 370.  - .im_log_author {
  5974. 371.  -   text-align: right;
  5975. 372.  -   padding-right: 10px !important;
  5976. 373.  -   width: 32px;
  5977. 374.  - }
  5978. 375.  - .im_log_author a {
  5979. 376.  -   color: #8FAAC7;
  5980. 377.  -   font-weight: bold;
  5981. 378.  - }
  5982. 379.  - .im_in .im_log_author a {
  5983. 380.  -   color: #2B587A;
  5984. 381.  - }
  5985. 382.  - div.im_log_author_chat_thumb {
  5986. 383.  -   width: 32px;
  5987. 384.  -   height: 32px;
  5988. 385.  -   overflow: hidden;
  5989. 386.  -
  5990. 387.  -   -moz-border-radius: 2px;
  5991. 388.  -   -webkit-border-radius: 2px;
  5992. 389.  -   border-radius: 2px;
  5993. 390.  -   text-align: right;
  5994. 391.  - }
  5995. 392.  - img.im_log_author_chat_thumb {
  5996. 393.  -   width: 32px;
  5997. 394.  - }
  5998. 395.  - .im_log_author_chat_name {
  5999. 396.  -   padding-bottom: 2px;
  6000. 397.  -   color: #777;
  6001. 398.  - }
  6002. 399.  - .im_log_author_chat_name .mem_link,
  6003. 400.  - .im_log_author_chat_name .im_chat_link,
  6004. 401.  - .im_log_author_chat_name .group_link {
  6005. 402.  -   font-weight: bold;
  6006. 403.  - }
  6007. 404.  - .im_log_body {
  6008. 405.  -   line-height: 150%;
  6009. 406.  -   width: 350px;
  6010. 407.  -   /* vertical-align: middle ! important; */
  6011. 408.  - }
  6012. 409.  - .im_log_body div.wrapped,
  6013. 410.  - .im_log_body .wall_module .post_media,
  6014. 411.  - .im_single_log .im_log_body div.im_fwd_log_wrapped {
  6015. 412.  -   width: 350px;
  6016. 413.  -   overflow: visible;
  6017. 414.  - }
  6018. 415.  - .im_log_body div.im_fwd_log_wrapped .post_media {
  6019. 416.  -   width: 290px;
  6020. 417.  -   padding-top: 0;
  6021. 418.  - }
  6022. 419.  - .im_log_body div.im_fwd_log_wrapped .im_msg_media_doc .post_media {
  6023. 420.  -   width: auto;
  6024. 421.  -   padding-top: 8px;
  6025. 422.  - }
  6026. 423.  - .im_log_body div.im_fwd_log_wrapped .media_desc {
  6027. 424.  -   padding-top: 3px;
  6028. 425.  - }
  6029. 426.  - .im_fwd_log_body div.wrapped,
  6030. 427.  - .im_log_body div.wrapped {
  6031. 428.  -   padding-left: 4px;
  6032. 429.  -   margin-left: -4px;
  6033. 430.  - }
  6034. 431.  - .im_fwd_log_body .explain {
  6035. 432.  -   color: #777;
  6036. 433.  -   line-height: 140%;
  6037. 434.  - }
  6038. 435.  - .im_log_body  .wall_module .video {
  6039. 436.  -   *position: static;
  6040. 437.  - }
  6041. 438.  - .im_log_body  .wall_module .video div {
  6042. 439.  -   *display: none;
  6043. 440.  - }
  6044. 441.  - .wall_module .im_msg_media .post_media {
  6045. 442.  -   padding-top: 4px;
  6046. 443.  - }
  6047. 444.  - .im_log_body .im_log_match {
  6048. 445.  -   background: #E1E7ED;
  6049. 446.  -   border-bottom: 1px solid #DAE1E8;
  6050. 447.  -   margin: 0px;
  6051. 448.  -   padding: 0px 1px;
  6052. 449.  - }
  6053. 450.  - .im_msg_media_photo {
  6054. 451.  -   min-height: 87px;
  6055. 452.  -   *height: 87px;
  6056. 453.  -   display: inline-block;
  6057. 454.  - }
  6058. 455.  - .wall_module .im_msg_media_photo .post_media {
  6059. 456.  -   width: auto;
  6060. 457.  -   margin-right: 10px;
  6061. 458.  - }
  6062. 459.  - .im_msg_media_doc, .im_msg_media_video {
  6063. 460.  -   display: inline-block;
  6064. 461.  - }
  6065. 462.  - .im_msg_media_doc .media_desc {
  6066. 463.  -   width: 350px;
  6067. 464.  - }
  6068. 465.  - .wall_module .im_msg_media_doc .post_media,
  6069. 466.  - .wall_module .im_msg_media_video .post_media {
  6070. 467.  -   width: auto;
  6071. 468.  -   margin-right: 10px;
  6072. 469.  - }
  6073. 470.  - .wall_module .im_msg_media_doc .post_media .media-desc {
  6074. 471.  -   padding: 0px;
  6075. 472.  - }
  6076. 473.  - .im_msg_media_video {
  6077. 474.  -   height: 105px;
  6078. 475.  -   overflow: hidden;
  6079. 476.  - }
  6080. 477.  - img.im_video_thumb {
  6081. 478.  -   max-height: 98px !important
  6082. 479.  - }
  6083. 480.  - img.im_photo_thumb {
  6084. 481.  -   max-height: 87px !important
  6085. 482.  - }
  6086. 483.  -
  6087. 484.  - .im_audio_filler {
  6088. 485.  -   height: 45px;
  6089. 486.  - }
  6090. 487.  - .im_photo_filler {
  6091. 488.  -   height: 87px;
  6092. 489.  - }
  6093. 490.  - .im_video_filler {
  6094. 491.  -   height: 98px;
  6095. 492.  - }
  6096. 493.  - .im_doc_filler {
  6097. 494.  -   height: 27px;
  6098. 495.  - }
  6099. 496.  - .im_forward_filler {
  6100. 497.  -   height: 100px;
  6101. 498.  - }
  6102. 499.  - .im_log_act {
  6103. 500.  -   padding-left: 10px !important;
  6104. 501.  -   width: 65px;
  6105. 502.  - }
  6106. 503.  - .im_log_date {
  6107. 504.  -   padding-left: 8px !important;
  6108. 505.  -   color: #999;
  6109. 506.  -   width: 55px;
  6110. 507.  -   /* width: 110px; */
  6111. 508.  - }
  6112. 509.  - a.im_date_link {
  6113. 510.  -   color: #999;
  6114. 511.  - }
  6115. 512.  - .im_log_act div.im_log_check_wrap,
  6116. 513.  - .im_log_ract div.im_log_context_wrap {
  6117. 514.  -   visibility: hidden;
  6118. 515.  -   zoom: 1;
  6119. 516.  -   pointer-events: none;
  6120. 517.  - }
  6121. 518.  - .im_log_rspacer {
  6122. 519.  -   width: 61px;
  6123. 520.  - }
  6124. 521.  - .im_new_msg .im_log_author,
  6125. 522.  - .im_new_msg .im_log_body,
  6126. 523.  - .im_new_msg .im_log_date {
  6127. 524.  -   background: #EDF1F5;
  6128. 525.  - }
  6129. 526.  - .im_new_msg .im_log_body .audio.over .area {
  6130. 527.  -   background: #DAE1E8;
  6131. 528.  - }
  6132. 529.  - .im_new_msg .im_log_body .audio.over .duration {
  6133. 530.  -   color: #788594;
  6134. 531.  - }
  6135. 532.  - .im_sel_row .im_log_author,
  6136. 533.  - .im_sel_row .im_log_body,
  6137. 534.  - .im_sel_row .im_log_date,
  6138. 535.  - .im_sel_row {
  6139. 536.  -   background: #EDF1F5;
  6140. 537.  - }
  6141. 538.  - .im_sel_row div.im_log_check_wrap,
  6142. 539.  - .im_msg_over div.im_log_check_wrap,
  6143. 540.  - .im_msg_over div.im_log_context_wrap {
  6144. 541.  -   visibility: visible;
  6145. 542.  - }
  6146. 543.  - .im_sel_row .im_log_check {
  6147. 544.  -   background-position: 0 -65px;
  6148. 545.  - }
  6149. 546.  - .im_new_msg .im_log_date a.im_date_link,
  6150. 547.  - .im_sel_row .im_log_date a.im_date_link,
  6151. 548.  - .im_new_msg .im_fwd_log_date,
  6152. 549.  - .im_sel_row .im_fwd_log_date {
  6153. 550.  -   color: #879BB0;
  6154. 551.  - }
  6155. 552.  -
  6156. 553.  - .im_new_msg .wall_module .media_desc .lnk,
  6157. 554.  - .im_sel_row .wall_module .media_desc .lnk,
  6158. 555.  - .im_new_msg .im_media_mail_title,
  6159. 556.  - .im_sel_row .im_media_mail_title {
  6160. 557.  -   color: #6A7989;
  6161. 558.  - }
  6162. 559.  - .im_del_row {
  6163. 560.  -   background: #F4EBD6;
  6164. 561.  - }
  6165. 562.  - .im_del_row td {
  6166. 563.  -   background: #F4EBD6 !important;
  6167. 564.  -   padding-bottom: 4px;
  6168. 565.  -   border-bottom: 1px solid #ECE4CF;
  6169. 566.  - }
  6170. 567.  - .im_del_row .im_log_body {
  6171. 568.  -   color: #7F7661;
  6172. 569.  - }
  6173. 570.  - .im_spam_row .im_log_body {
  6174. 571.  -   color: #728292;
  6175. 572.  - }
  6176. 573.  - .im_marked_res {
  6177. 574.  -   padding-top: 9px;
  6178. 575.  - }
  6179. 576.  - .im_add_row .im_marked_res {
  6180. 577.  -   padding-top: 3px;
  6181. 578.  - }
  6182. 579.  - .im_spam_row {
  6183. 580.  -   background: #E0E7EC;
  6184. 581.  - }
  6185. 582.  - .im_spam_row td {
  6186. 583.  -   padding-bottom: 4px;
  6187. 584.  -   border-bottom: 1px solid #DADFEA;
  6188. 585.  - }
  6189. 586.  - .im_del_row .im_date_link, .im_spam_row .im_date_link {
  6190. 587.  -   display: none;
  6191. 588.  - }
  6192. 589.  - .im_log_t td.im_log_act {
  6193. 590.  -   padding: 4px;
  6194. 591.  -   /* border-bottom-color: #FFF !important; */
  6195. 592.  - }
  6196. 593.  - .im_log_check, .im_log_context {
  6197. 594.  -   cursor: pointer;
  6198. 595.  -   width: 21px;
  6199. 596.  -   height: 16px;
  6200. 597.  -   background: url(/images/icons/plus_icon1.gif?2) 0 -44px no-repeat;
  6201. 598.  -   margin-top: 9px;
  6202. 599.  - }
  6203. 600.  - .im_log_context {
  6204. 601.  -   background-position: 0 -84px;
  6205. 602.  -   margin-top: 8px;
  6206. 603.  - }
  6207. 604.  - .im_log_check_on {
  6208. 605.  -   background-position: 0 -65px;
  6209. 606.  - }
  6210. 607.  -
  6211. 608.  - .im_add_row td {
  6212. 609.  -   border-top: 0;
  6213. 610.  - }
  6214. 611.  - .im_add_row .im_log_author a,
  6215. 612.  - .im_add_row .im_log_date span,
  6216. 613.  - .im_add_row .im_log_date a.im_date_link,
  6217. 614.  - .im_add_row .im_log_author_chat_thumb,
  6218. 615.  - .im_add_row .im_log_author_chat_name {
  6219. 616.  -   display: none;
  6220. 617.  - }
  6221. 618.  - .im_add_row .im_log_check {
  6222. 619.  -   margin-top: 1px;
  6223. 620.  - }
  6224. 621.  - .im_add_row .im_log_date .im_log_date_error {
  6225. 622.  -   display: inline;
  6226. 623.  -   color: #800;
  6227. 624.  - }
  6228. 625.  - .im_attach_photo,
  6229. 626.  - .im_attach_video,
  6230. 627.  - .im_attach_doc,
  6231. 628.  - .im_attach_mail,
  6232. 629.  - .im_attach_audio,
  6233. 630.  - .im_attach_geo,
  6234. 631.  - .im_attach_wall,
  6235. 632.  - .im_attach_gift,
  6236. 633.  - .im_attach_link {
  6237. 634.  -   float: left;
  6238. 635.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 0;
  6239. 636.  -   width: 11px;
  6240. 637.  -   height: 11px;
  6241. 638.  -   margin: 3px 5px 2px 0;
  6242. 639.  - }
  6243. 640.  - .im_attach_photo {
  6244. 641.  -   background-position: 0px -30px;
  6245. 642.  - }
  6246. 643.  - .im_attach_video {
  6247. 644.  -   background-position: 0px -75px;
  6248. 645.  - }
  6249. 646.  - .im_attach_audio {
  6250. 647.  -   background-position: 0px -222px;
  6251. 648.  - }
  6252. 649.  - .im_attach_doc {
  6253. 650.  -   background-position: 0px -280px;
  6254. 651.  - }
  6255. 652.  - .im_attach_mail,
  6256. 653.  - .im_attach_wall,
  6257. 654.  - .im_attach_wall_reply {
  6258. 655.  -   background-position: 0px -294px;
  6259. 656.  -   margin-top: 4px;
  6260. 657.  - }
  6261. 658.  - .im_attach_geo {
  6262. 659.  -   background-position: 0px -165px;
  6263. 660.  - }
  6264. 661.  - .im_attach_gift {
  6265. 662.  -   background-position: 0px -104px;
  6266. 663.  - }
  6267. 664.  - .im_attach_link {
  6268. 665.  -   background-position: 0px -237px;
  6269. 666.  - }
  6270. 667.  -
  6271. 668.  - /* Im fwd log */
  6272. 669.  - .im_media_mail_title {
  6273. 670.  -   color: #777;
  6274. 671.  - }
  6275. 672.  - .im_fwd_log_wrap,
  6276. 673.  - .im_wall_log_wrap {
  6277. 674.  -   border-left: 2px solid #C3D1E0;
  6278. 675.  -   padding-left: 10px;
  6279. 676.  -   margin: 10px 0 5px 3px;
  6280. 677.  - }
  6281. 678.  - .im_fwd_log_wrap {
  6282. 679.  -   min-width: 382px;
  6283. 680.  - }
  6284. 681.  -
  6285. 682.  -
  6286. 683.  - .wall_module .media_desc .audio .title_wrap b {
  6287. 684.  -   background: none;
  6288. 685.  -   width: auto;
  6289. 686.  -   height: auto;
  6290. 687.  -   margin: 0;
  6291. 688.  - }
  6292. 689.  - .im_fwd_log_row .audio .title_wrap,
  6293. 690.  - .im_fwd_log_row .post_media .audio .title_wrap {
  6294. 691.  -   width: 220px;
  6295. 692.  - }
  6296. 693.  - .im_fwd_log_row .audio .title_wrap b,
  6297. 694.  - .im_fwd_log_row .post_media .audio .title_wrap b {
  6298. 695.  -   max-width: 155px;
  6299. 696.  - }
  6300. 697.  - .im_fwd_log_t {
  6301. 698.  -   width: 100%;
  6302. 699.  - }
  6303. 700.  - .im_fwd_log_t .im_fwd_log_row td.im_fwd_log_author {
  6304. 701.  -   padding-top: 5px;
  6305. 702.  -   width: 43px;
  6306. 703.  - }
  6307. 704.  - .im_fwd_log_t .im_fwd_log_row td.im_fwd_log_body {
  6308. 705.  -   padding-top: 5px;
  6309. 706.  - }
  6310. 707.  - .im_fwd_log_body .im_log_author_chat_name {
  6311. 708.  -   display: block;
  6312. 709.  - }
  6313. 710.  - .im_fwd_log_author .im_log_author_chat_thumb a {
  6314. 711.  -   display: inline;
  6315. 712.  - }
  6316. 713.  - .im_fwd_log_author .im_log_author_chat_thumb {
  6317. 714.  -   display: block;
  6318. 715.  -   margin-right: 11px;
  6319. 716.  - }
  6320. 717.  - .im_fwd_log_date {
  6321. 718.  -   color: #999;
  6322. 719.  -   padding-left: 5px;
  6323. 720.  - }
  6324. 721.  - .im_log_body div.im_fwd_log_wrapped {
  6325. 722.  -   width: 300px;
  6326. 723.  - }
  6327. 724.  -
  6328. 725.  -
  6329. 726.  - .im_error {
  6330. 727.  -   display: none;
  6331. 728.  -   background-color: #FFEFE8;
  6332. 729.  -   border: 1px solid #E89B88;
  6333. 730.  -   font-size: 1em;
  6334. 731.  -   margin: 8px;
  6335. 732.  -   padding: 8px 11px;
  6336. 733.  - }
  6337. 734.  -
  6338. 735.  - /* IM controls */
  6339. 736.  - #im_controls_wrap {
  6340. 737.  -   position: relative;
  6341. 738.  - }
  6342. 739.  - #im_resizer_wrap {
  6343. 740.  -   background-color: #F2F2F2;
  6344. 741.  -   padding: 3px;
  6345. 742.  -   cursor: s-resize;
  6346. 743.  -   *height: 10px;
  6347. 744.  -   *overflow: hidden;
  6348. 745.  - }
  6349. 746.  - .im_resizer {
  6350. 747.  -   width: 40px;
  6351. 748.  -   border-top: 1px solid #DAE1E8;
  6352. 749.  -   border-bottom: 1px solid #FFF;
  6353. 750.  -   margin: 0 auto 1px;
  6354. 751.  - }
  6355. 752.  - #im_footer_filler {
  6356. 753.  -   background: #FFF;
  6357. 754.  -   height: 300px;
  6358. 755.  -   margin: 0 -2px;
  6359. 756.  -   overflow: hidden;
  6360. 757.  - }
  6361. 758.  - #im_footer_sh {
  6362. 759.  -   height: 1px;
  6363. 760.  -   margin: 0 -1px;
  6364. 761.  -   background-color: #D9E0E7;
  6365. 762.  -   border-bottom: 1px solid #F3F3F3;
  6366. 763.  - }
  6367. 764.  - #im_sound_controls {
  6368. 765.  -   background-color: #F2F2F2;
  6369. 766.  -   border-top: 1px solid #DAE1E8;
  6370. 767.  -   padding: 13px 10px;
  6371. 768.  - }
  6372. 769.  - #im_browser_notify {
  6373. 770.  -   display: none;
  6374. 771.  - }
  6375. 772.  - #im_peer_controls_wrap {
  6376. 773.  -   background-color: #F2F2F2;
  6377. 774.  - }
  6378. 775.  - #im_peer_controls {
  6379. 776.  -   border-top: 1px solid #DAE1E8;
  6380. 777.  -   padding: 8px 15px 0 67px;
  6381. 778.  - }
  6382. 779.  - td#im_user_holder {
  6383. 780.  -   width: 50px;
  6384. 781.  -   padding-right: 10px;
  6385. 782.  -   vertical-align: top;
  6386. 783.  - }
  6387. 784.  - img.im_user_holder {
  6388. 785.  -   -moz-border-radius: 3px;
  6389. 786.  -   -webkit-border-radius: 3px;
  6390. 787.  -   border-radius: 3px;
  6391. 788.  - }
  6392. 789.  - td#im_peer_holders {
  6393. 790.  -   width: 130px;
  6394. 791.  -   padding-left: 10px;
  6395. 792.  -   vertical-align: top;
  6396. 793.  - }
  6397. 794.  - .im_photo_holder {
  6398. 795.  -   width: 50px;
  6399. 796.  -   height: 50px;
  6400. 797.  -   margin-right: 8px;
  6401. 798.  -   overflow: hidden;
  6402. 799.  -
  6403. 800.  -   -moz-border-radius: 3px;
  6404. 801.  -   -webkit-border-radius: 3px;
  6405. 802.  -   border-radius: 3px;
  6406. 803.  - }
  6407. 804.  - .im_photo_holder img {
  6408. 805.  -   width: 50px;
  6409. 806.  -   -moz-border-radius: 3px;
  6410. 807.  -   -webkit-border-radius: 3px;
  6411. 808.  -   border-radius: 3px;
  6412. 809.  - }
  6413. 810.  - .im_status_holder {
  6414. 811.  -   width: 50px;
  6415. 812.  -   padding: 3px 0;
  6416. 813.  -   color: #999;
  6417. 814.  -   text-align: center;
  6418. 815.  - }
  6419. 816.  - .im_peer_mini_holder {
  6420. 817.  -   padding-bottom: 4px;
  6421. 818.  - }
  6422. 819.  - .im_peer_mini_holder:nth-child(2) {
  6423. 820.  -   margin-right: 60px;
  6424. 821.  - }
  6425. 822.  - .im_peer_mini_holder .im_photo_holder {
  6426. 823.  -   width: 23px;
  6427. 824.  -   height: 23px;
  6428. 825.  -   margin-right: 4px;
  6429. 826.  -   overflow: hidden;
  6430. 827.  -   -moz-border-radius: 2px;
  6431. 828.  -   -webkit-border-radius: 2px;
  6432. 829.  -   border-radius: 2px;
  6433. 830.  - }
  6434. 831.  - .im_peer_mini_holder .im_photo_holder img {
  6435. 832.  -   width: 23px;
  6436. 833.  - }
  6437. 834.  - .im_status_online {
  6438. 835.  -   margin-left: 17px;
  6439. 836.  -   position: relative;
  6440. 837.  -   top: -8px;
  6441. 838.  -   width: 4px;
  6442. 839.  -   height: 4px;
  6443. 840.  -   border: 1px solid #EEE;
  6444. 841.  -   background: #8fa9c7;
  6445. 842.  -   -moz-border-radius: 2px;
  6446. 843.  -   -webkit-border-radius: 2px;
  6447. 844.  -   border-radius: 2px;
  6448. 845.  -   z-index: 10;
  6449. 846.  - }
  6450. 847.  - .im_write_form {
  6451. 848.  -   vertical-align: top;
  6452. 849.  - }
  6453. 850.  - #im_texts {
  6454. 851.  -   /*position: *relative;*/
  6455. 852.  -   position: relative;
  6456. 853.  -   padding-bottom: 6px;
  6457. 854.  - }
  6458. 855.  - .im_txt_wrap {
  6459. 856.  -   position: relative;
  6460. 857.  - }
  6461. 858.  - .im_txt {
  6462. 859.  -   width: 328px;
  6463. 860.  -   height: 42px;
  6464. 861.  -   padding: 3px 25px 3px 3px;
  6465. 862.  -   margin: 0;
  6466. 863.  -   outline: 0;
  6467. 864.  -   -moz-border-radius: 2px;
  6468. 865.  -   -webkit-border-radius: 2px;
  6469. 866.  -   border-radius: 2px;
  6470. 867.  -   resize: none;
  6471. 868.  -   line-height: 150%;
  6472. 869.  - }
  6473. 870.  - .im_txt_warn {
  6474. 871.  -   display: none;
  6475. 872.  -   padding-top: 5px;
  6476. 873.  -   color: #777;
  6477. 874.  - }
  6478. 875.  - #im_send_wrap {
  6479. 876.  -   position: relative;
  6480. 877.  - }
  6481. 878.  - .im_send_cont {
  6482. 879.  -   margin-right: 2px;
  6483. 880.  - }
  6484. 881.  - #im_add_media {
  6485. 882.  -   padding: 6px 0px 0;
  6486. 883.  - }
  6487. 884.  - #im_chat_actions, #im_to_dialog {
  6488. 885.  -   display: none;
  6489. 886.  -   position: relative;
  6490. 887.  - }
  6491. 888.  - .im_media_progress {
  6492. 889.  -   background-position: 50% 50%;
  6493. 890.  - }
  6494. 891.  - .im_attach_label {
  6495. 892.  -   font-weight: bold;
  6496. 893.  -   padding-top: 3px;
  6497. 894.  - }
  6498. 895.  - .im_preview_photo_wrap,
  6499. 896.  - .im_preview_video_wrap {
  6500. 897.  -   margin: -1px 9px 7px -1px;
  6501. 898.  - }
  6502. 899.  - .im_preview_doc_wrap,
  6503. 900.  - .im_preview_mail_wrap,
  6504. 901.  - .im_preview_audio_wrap {
  6505. 902.  -   padding: 5px 0px;
  6506. 903.  - }
  6507. 904.  - .im_preview_doc_wrap .pam_dpic {
  6508. 905.  -   padding: 1px;
  6509. 906.  - }
  6510. 907.  - #im_media_dpreview .im_preview_doc_wrap {
  6511. 908.  -   width: 100px;
  6512. 909.  -   height: 75px;
  6513. 910.  -   margin: -1px 9px 7px -1px;
  6514. 911.  - }
  6515. 912.  - #im_media_mpreview .im_preview_map_wrap {
  6516. 913.  -   padding: 0 10px 8px 0;
  6517. 914.  - }
  6518. 915.  - div.im_preview_photo,
  6519. 916.  - div.im_preview_video {
  6520. 917.  -   position: relative;
  6521. 918.  -   padding: 1px;
  6522. 919.  -   height: 57px;
  6523. 920.  -   overflow: hidden;
  6524. 921.  -   cursor: pointer;
  6525. 922.  -   z-index: 120;
  6526. 923.  - }
  6527. 924.  - div.im_preview_video,
  6528. 925.  - img.im_preview_video {
  6529. 926.  -   width: 75px;
  6530. 927.  -   overflow: hidden;
  6531. 928.  - }
  6532. 929.  - .im_preview_up div.im_preview_photo,
  6533. 930.  - .im_preview_up div.im_preview_video {
  6534. 931.  -   position: absolute;
  6535. 932.  - }
  6536. 933.  - div.im_preview_photo_doc {
  6537. 934.  -   width: 100px;
  6538. 935.  -   min-height: 30px;
  6539. 936.  -   background: #000000;
  6540. 937.  -   text-align: center;
  6541. 938.  - }
  6542. 939.  - .im_preview_photo_doc img {
  6543. 940.  -   display: block;
  6544. 941.  - }
  6545. 942.  - .im_preview_doc_photo_hint {
  6546. 943.  -   width: 92px;
  6547. 944.  -   *width: 100px;
  6548. 945.  -   text-align: center;
  6549. 946.  -   color: #FFFFFF;
  6550. 947.  -   background: #000000;
  6551. 948.  -   padding: 2px 4px;
  6552. 949.  -   font-size: 0.81em;
  6553. 950.  -   margin-bottom: 5px;
  6554. 951.  -   *background: #000000;
  6555. 952.  -   background: rgba(0,0,0,0.5);
  6556. 953.  -   position: absolute;
  6557. 954.  -   margin-top: -18px;
  6558. 955.  -   height: 14px;
  6559. 956.  -   line-height: 14px;
  6560. 957.  -   *height: 18px;
  6561. 958.  - }
  6562. 959.  - .font_medium .im_preview_doc_photo_hint span.fl_l {
  6563. 960.  -   display: inline-block;
  6564. 961.  -   max-width: 51px;
  6565. 962.  -   overflow: hidden;
  6566. 963.  -   text-overflow: ellipsis;
  6567. 964.  - }
  6568. 965.  - .im_doc_photo {
  6569. 966.  -   width: 130px;
  6570. 967.  -   height: 100px;
  6571. 968.  -   background: #000000;
  6572. 969.  -   text-align: center;
  6573. 970.  - }
  6574. 971.  - .wall_module .photo .im_doc_photo img {
  6575. 972.  -   max-height: none;
  6576. 973.  - }
  6577. 974.  - .im_doc_photo_hint {
  6578. 975.  -   width: 110px;
  6579. 976.  -   text-align: center;
  6580. 977.  -   color: #FFFFFF;
  6581. 978.  -   *background: #000000;
  6582. 979.  -   background: rgba(0,0,0,0.5);
  6583. 980.  -   position: absolute;
  6584. 981.  -   margin-top: -18px;
  6585. 982.  -   height: 14px;
  6586. 983.  -   *height: 18px;
  6587. 984.  -   padding: 2px 10px;
  6588. 985.  -   font-size: 0.81em;
  6589. 986.  -   margin-bottom: 5px;
  6590. 987.  -   z-index: 1;
  6591. 988.  - }
  6592. 989.  - .im_doc_photo_href:hover {
  6593. 990.  -   text-decoration: none;
  6594. 991.  - }
  6595. 992.  - #im_media_preview,
  6596. 993.  - #im_media_dpreview,
  6597. 994.  - #im_media_mpreview {
  6598. 995.  -   position: relative;
  6599. 996.  -   margin-bottom: 0;
  6600. 997.  - }
  6601. 998.  - #im_docs_preview {
  6602. 999.  -   position: relative;
  6603. 1000.  - }
  6604. 1001.  - #im_media_preview .im_media_x,
  6605. 1002.  - #im_media_dpreview .im_media_x,
  6606. 1003.  - #im_media_mpreview .im_media_x {
  6607. 1004.  -   position: relative;
  6608. 1005.  -   z-index: 105;
  6609. 1006.  -   background: #222;
  6610. 1007.  -   background: rgba(0, 0, 0, 0.5);
  6611. 1008.  -
  6612. 1009.  -   -webkit-border-radius: 3px;
  6613. 1010.  -   -moz-border-radius: 3px;
  6614. 1011.  -   border-radius: 3px;
  6615. 1012.  -   padding: 3px;
  6616. 1013.  -
  6617. 1014.  -   cursor: pointer;
  6618. 1015.  -   margin-left: -13px;
  6619. 1016.  - }
  6620. 1017.  - #im_media_preview .im_media_x:hover .im_x,
  6621. 1018.  - #im_media_dpreview .im_media_x:hover .im_x,
  6622. 1019.  - #im_media_mpreview .im_media_x:hover .im_x {
  6623. 1020.  -   opacity: 0.8;
  6624. 1021.  -   filter: alpha(opacity=80);
  6625. 1022.  - }
  6626. 1023.  - #im_docs_preview .im_media_x,
  6627. 1024.  - #im_sdocs_preview .im_media_x {
  6628. 1025.  -   cursor: pointer;
  6629. 1026.  -   margin: 6px 5px 0px;
  6630. 1027.  -   background: url(/images/pics/statusx_op.gif) no-repeat 0 0;
  6631. 1028.  -   opacity: 0.6;
  6632. 1029.  -   filter: alpha(opacity=60);
  6633. 1030.  -   height: 11px;
  6634. 1031.  -   width: 11px;
  6635. 1032.  - }
  6636. 1033.  - #im_media_dpreview .pam_dpic .im_media_x {
  6637. 1034.  -   position: absolute;
  6638. 1035.  -   right: 1px;
  6639. 1036.  -   top: 1px;
  6640. 1037.  - }
  6641. 1038.  - #im_media_preview .im_x,
  6642. 1039.  - #im_media_dpreview .im_x,
  6643. 1040.  - #im_media_mpreview .im_x {
  6644. 1041.  -   display: block;
  6645. 1042.  -   background: url("/images/notifier_close.gif") no-repeat scroll 0 0 transparent;
  6646. 1043.  -   opacity: 0.6;
  6647. 1044.  -   filter: alpha(opacity=60);
  6648. 1045.  -
  6649. 1046.  -   width: 7px;
  6650. 1047.  -   height: 7px;
  6651. 1048.  - }
  6652. 1049.  -
  6653. 1050.  - #im_reading,
  6654. 1051.  - #im_rcpt {
  6655. 1052.  -   cursor: default;
  6656. 1053.  -   overflow: hidden;
  6657. 1054.  -   padding: 6px 0 0 5px;
  6658. 1055.  - }
  6659. 1056.  - #im_reading {
  6660. 1057.  -   color: #777;
  6661. 1058.  -   white-space: nowrap;
  6662. 1059.  -   overflow: hidden;
  6663. 1060.  -   width: 150px;
  6664. 1061.  -   -o-text-overflow: ellipsis;
  6665. 1062.  -   text-overflow: ellipsis;
  6666. 1063.  - }
  6667. 1064.  - .im_typing_wrap {
  6668. 1065.  -   padding: 13px 0 0;
  6669. 1066.  -   min-height: 1.7em;
  6670. 1067.  -   *height: 1.7em;
  6671. 1068.  -   max-height: 2.5em;
  6672. 1069.  - }
  6673. 1070.  - .im_typing {
  6674. 1071.  -   opacity: 0;
  6675. 1072.  -   filter: alpha(opacity=0);
  6676. 1073.  -   color: #777;
  6677. 1074.  -   background: url(/images/icons/typing.gif?1) 0 2px no-repeat;
  6678. 1075.  -   margin: 0 144px 0 130px;
  6679. 1076.  -   padding: 1px 0 0 20px;
  6680. 1077.  - }
  6681. 1078.  - .im_lastact {
  6682. 1079.  -   color: #777;
  6683. 1080.  -   margin: 0 144px 0 130px;
  6684. 1081.  -   padding: 0px 0px 6px 0px;
  6685. 1082.  - }
  6686. 1083.  -
  6687. 1084.  - /* Friends list */
  6688. 1085.  - #im_friends {
  6689. 1086.  -   padding: 0;
  6690. 1087.  -   word-wrap: break-word;
  6691. 1088.  - }
  6692. 1089.  - .im_friend {
  6693. 1090.  -   border-bottom: 1px solid #e4e8ed;
  6694. 1091.  -   color: #2B587A;
  6695. 1092.  -   font-weight: bold;
  6696. 1093.  -   padding: 8px 10px;
  6697. 1094.  -   height: 32px;
  6698. 1095.  -   cursor: pointer;
  6699. 1096.  - }
  6700. 1097.  - /*.im_friend:last-child {
  6701. 1098.  -   border-bottom: 0;
  6702. 1099.  - }*/
  6703. 1100.  - .im_friend div {
  6704. 1101.  -   padding: 9px 6px 0;
  6705. 1102.  -   width: 150px;
  6706. 1103.  -   height: 14px;
  6707. 1104.  -   -o-text-overflow: ellipsis;
  6708. 1105.  -   text-overflow: ellipsis;
  6709. 1106.  -   overflow: hidden;
  6710. 1107.  - }
  6711. 1108.  - .im_chat div {
  6712. 1109.  -   width: 218px;
  6713. 1110.  - }
  6714. 1111.  -
  6715. 1112.  - .im_friend img {
  6716. 1113.  -   width: 32px;
  6717. 1114.  -   height: 32px;
  6718. 1115.  -   overflow: hidden;
  6719. 1116.  -   padding-right: 6px;
  6720. 1117.  - }
  6721. 1118.  -
  6722. 1119.  - .im_friend div em, .im_friend_over div em {
  6723. 1120.  -   background-color: #FFF8CC;
  6724. 1121.  -   border-bottom: 1px solid #FFE222;
  6725. 1122.  -   padding: 0;
  6726. 1123.  -   font-weight: bold;
  6727. 1124.  -   font-style: normal;
  6728. 1125.  - }
  6729. 1126.  -
  6730. 1127.  - .im_friend div.online {
  6731. 1128.  -   float: none;
  6732. 1129.  -   width: auto;
  6733. 1130.  -   height: auto;
  6734. 1131.  -   padding-top: 9px;
  6735. 1132.  -   color: #738392;
  6736. 1133.  -   font-weight: normal;
  6737. 1134.  - }
  6738. 1135.  - .im_friend_over {
  6739. 1136.  -   background: #edf1f5;
  6740. 1137.  - }
  6741. 1138.  - #im_filter_out {
  6742. 1139.  -   clear: both;
  6743. 1140.  -   padding: 5px;
  6744. 1141.  -   position: relative;
  6745. 1142.  - }
  6746. 1143.  - #im_filter {
  6747. 1144.  -   margin: 0;
  6748. 1145.  -   padding: 4px 20px 5px 20px;
  6749. 1146.  -   width: 304px;
  6750. 1147.  -   height: 15px;
  6751. 1148.  -   line-height: 15px;
  6752. 1149.  -   background: #FFF url(/images/magglass.png) no-repeat 5px 6px;
  6753. 1150.  - }
  6754. 1151.  - #im_filter::-ms-clear {
  6755. 1152.  -   display: none;
  6756. 1153.  - }
  6757. 1154.  - #im_filter::-webkit-input-placeholder {
  6758. 1155.  -   padding: 0 2px;
  6759. 1156.  - }
  6760. 1157.  - #im_filter:moz-input-placeholder {
  6761. 1158.  -   padding: 0 2px;
  6762. 1159.  - }
  6763. 1160.  - #im_filter_out .input_back_content {
  6764. 1161.  -   height: 15px;
  6765. 1162.  -   line-height: 15px;
  6766. 1163.  - }
  6767. 1164.  - #im_filter_reset {
  6768. 1165.  -   cursor: pointer;
  6769. 1166.  -   display: none;
  6770. 1167.  -   background: transparent url(/images/icons/input_clear.gif) 5px 7px no-repeat;
  6771. 1168.  -   padding: 5px;
  6772. 1169.  -   width: 11px;
  6773. 1170.  -   height: 11px;
  6774. 1171.  -   margin-left: -23px;
  6775. 1172.  -   opacity: 0.5;
  6776. 1173.  -   filter: alpha(opacity=50);
  6777. 1174.  -   position: relative;
  6778. 1175.  -   z-index: 100;
  6779. 1176.  - }
  6780. 1177.  -
  6781. 1178.  - .im_none {
  6782. 1179.  -   font-size: 1.09em;
  6783. 1180.  -   line-height: 160%;
  6784. 1181.  -   margin: 0px 10px;
  6785. 1182.  -   padding: 130px 0px;
  6786. 1183.  -   text-align: center;
  6787. 1184.  -   color: #777;
  6788. 1185.  -   display: none;
  6789. 1186.  - }
  6790. 1187.  -
  6791. 1188.  - #transport_frame {
  6792. 1189.  -   position: absolute;
  6793. 1190.  -   width: 10px;
  6794. 1191.  -   height: 10px;
  6795. 1192.  -   top: -100px
  6796. 1193.  - }
  6797. 1194.  -
  6798. 1195.  - /* Scroll with fixed head and side menu */
  6799. 1196.  - .im_fixed_nav,
  6800. 1197.  - .im_fixed_nav .scroll_fix_wrap {
  6801. 1198.  -   overflow-x: hidden;
  6802. 1199.  - }
  6803. 1200.  - .im_fixed_nav #wrap1, .im_fixed_nav #wrap3 {
  6804. 1201.  -   border-bottom: 0px;
  6805. 1202.  - }
  6806. 1203.  - .im_fixed_nav #page_header,
  6807. 1204.  - .im_fixed_nav #side_bar {
  6808. 1205.  -   position: fixed;
  6809. 1206.  -   z-index: 120;
  6810. 1207.  - }
  6811. 1208.  - .im_fixed_nav_loading #page_header {
  6812. 1209.  -   top: 0;
  6813. 1210.  -   width: 791px;
  6814. 1211.  - }
  6815. 1212.  - .im_fixed_nav #side_bar {
  6816. 1213.  -   top: 40px;
  6817. 1214.  -   z-index: 119;
  6818. 1215.  - }
  6819. 1216.  - .im_fixed_nav #im_nav_wrap {
  6820. 1217.  -   top: 40px;
  6821. 1218.  -   width: 627px;
  6822. 1219.  - }
  6823. 1220.  - .im_fixed_nav #im_controls_wrap {
  6824. 1221.  -   width: 627px;
  6825. 1222.  -   bottom: -2px;
  6826. 1223.  - }
  6827. 1224.  -
  6828. 1225.  - .im_fixed_nav #im_nav_wrap, .im_fixed_nav #im_controls_wrap {
  6829. 1226.  -   position: fixed;
  6830. 1227.  -   z-index: 101;
  6831. 1228.  - }
  6832. 1229.  - .im_fixed_nav #im_controls_wrap {
  6833. 1230.  -   z-index: 103;
  6834. 1231.  - }
  6835. 1232.  - .im_fixed_nav #im_rows_wrap {
  6836. 1233.  -   height: auto;
  6837. 1234.  - }
  6838. 1235.  - .im_fixed_nav #footer_wrap {
  6839. 1236.  -   display: none;
  6840. 1237.  - }
  6841. 1238.  - .im_fixed_nav_loading #im_content {
  6842. 1239.  -   padding: 121px 0 110px;
  6843. 1240.  - }
  6844. 1241.  - .im_fixed_nav_loading #im_rows {
  6845. 1242.  -   height: 2000px;
  6846. 1243.  - }
  6847. 1244.  - .im_fixed_nav_loading .im_peer_rows {
  6848. 1245.  -   visibility: hidden;
  6849. 1246.  - }
  6850. 1247.  - .im_fixed_nav_loading #im_fixed_nav_progress_wrap {
  6851. 1248.  -   position: relative;
  6852. 1249.  - }
  6853. 1250.  - .im_fixed_nav_loading #im_fixed_nav_progress {
  6854. 1251.  -   position: absolute;
  6855. 1252.  -   width: 631px;
  6856. 1253.  -   padding: 100px 0;
  6857. 1254.  -   height: 20px;
  6858. 1255.  -   background: url(/images/progress7.gif) 50% 50% no-repeat;
  6859. 1256.  - }
  6860. 1257.  -
  6861. 1258.  - #im_rows_wrap {
  6862. 1259.  -   overflow: hidden;
  6863. 1260.  - }
  6864. 1261.  - .im_rows {
  6865. 1262.  -   padding: 10px 0 0;
  6866. 1263.  - }
  6867. 1264.  - #im_rows0, #im_rows-1 {
  6868. 1265.  -   padding: 0;
  6869. 1266.  - }
  6870. 1267.  - #im_rows {
  6871. 1268.  -   position: relative;
  6872. 1269.  - }
  6873. 1270.  - .im_fixed_nav .im_peer_rows {
  6874. 1271.  -   position: absolute;
  6875. 1272.  -   bottom: 0;
  6876. 1273.  -   width: 100%;
  6877. 1274.  - }
  6878. 1275.  -
  6879. 1276.  -
  6880. 1277.  - /* Multi styles */
  6881. 1278.  - #im_friends_all_wrap,
  6882. 1279.  - #im_friends_sel_wrap {
  6883. 1280.  -   width: 290px;
  6884. 1281.  -   padding: 0 10px;
  6885. 1282.  -   vertical-align: top;
  6886. 1283.  - }
  6887. 1284.  - #im_friends_all_wrap {
  6888. 1285.  -   border-right: 1px solid #DBDEE5;
  6889. 1286.  - }
  6890. 1287.  - #im_friends_yes_wrap {
  6891. 1288.  -   display: none;
  6892. 1289.  - }
  6893. 1290.  - #im_friends_none {
  6894. 1291.  -   padding: 60px;
  6895. 1292.  -   color: #767676;
  6896. 1293.  -   font-size: 1.09em;
  6897. 1294.  -   text-align: center;
  6898. 1295.  -   line-height: 160%;
  6899. 1296.  - }
  6900. 1297.  - #im_friends_sel_count {
  6901. 1298.  -   padding: 15px;
  6902. 1299.  -   color: #767676;
  6903. 1300.  -   text-align: center;
  6904. 1301.  - }
  6905. 1302.  - #im_chat_title_input {
  6906. 1303.  -   margin: 0 0 10px;
  6907. 1304.  -   width: 152px;
  6908. 1305.  - }
  6909. 1306.  - #im_friends_sel_stats {
  6910. 1307.  -   width: 160px;
  6911. 1308.  -   margin: 0 auto;
  6912. 1309.  - }
  6913. 1310.  - #im_chat_start_wrap {
  6914. 1311.  -   text-align: center;
  6915. 1312.  - }
  6916. 1313.  - #im_chat_start {
  6917. 1314.  -   width: 158px;
  6918. 1315.  - }
  6919. 1316.  - #im_write, #im_leave, #im_appoint {
  6920. 1317.  -   float: none;
  6921. 1318.  -   padding-bottom: 0;
  6922. 1319.  - }
  6923. 1320.  - #im_friends_multi {
  6924. 1321.  -   display: none;
  6925. 1322.  - }
  6926. 1323.  - .im_chat_event .im_log_body {
  6927. 1324.  -   color: #777;
  6928. 1325.  - }
  6929. 1326.  - #privacy_chat_actions {
  6930. 1327.  -   float: none;
  6931. 1328.  -   padding: 0;
  6932. 1329.  - }
  6933. 1330.  - #privacy_dropdown #privacy_l_item201,
  6934. 1331.  - #privacy_dropdown #privacy_l_item202,
  6935. 1332.  - #privacy_dropdown #privacy_l_item203 {
  6936. 1333.  -   padding-left: 5px;
  6937. 1334.  - }
  6938. 1335.  - #privacy_l_item201 .privacy_item_icon,
  6939. 1336.  - #privacy_l_item202 .privacy_item_icon,
  6940. 1337.  - #privacy_l_item203 .privacy_item_icon {
  6941. 1338.  -   background-image: url(/images/icons/mono_iconset.gif?8);
  6942. 1339.  -   float: right;
  6943. 1340.  -   background-position: left 0;
  6944. 1341.  -   background-repeat: no-repeat;
  6945. 1342.  -   width: 11px;
  6946. 1343.  -   height: 11px;
  6947. 1344.  -   margin-top: 1px;
  6948. 1345.  -   *position: relative;
  6949. 1346.  - }
  6950. 1347.  - #privacy_l_item201 .privacy_item_icon { background-position: 0 -30px; }
  6951. 1348.  - #privacy_l_item202 .privacy_item_icon { background-position: 0 -75px; }
  6952. 1349.  - #privacy_l_item203 .privacy_item_icon { background-position: 0 -222px; }
  6953. 1350.  -
  6954. 1351.  -
  6955. 1352.  - #im_chatbox_list_members {
  6956. 1353.  -   width: 453px;
  6957. 1354.  -   padding: 0 0 0 5px;
  6958. 1355.  -   margin-top: -5px;
  6959. 1356.  - }
  6960. 1357.  - .im_chatbox_list_wrap {
  6961. 1358.  -   padding: 10px 10px 15px;
  6962. 1359.  -   overflow-y: scroll;
  6963. 1360.  -   overflow-x: hidden;
  6964. 1361.  -   height: 300px;
  6965. 1362.  -   position: relative;
  6966. 1363.  - }
  6967. 1364.  - .im_chatbox_mem_wrap {
  6968. 1365.  -   padding-top: 15px;
  6969. 1366.  - }
  6970. 1367.  - div.im_chatbox_mem_photo {
  6971. 1368.  -   padding-right: 15px;
  6972. 1369.  -   width: 50px;
  6973. 1370.  -   height: 50px;
  6974. 1371.  -   overflow: hidden;
  6975. 1372.  - }
  6976. 1373.  - img.im_chatbox_mem_photo {
  6977. 1374.  -   width: 50px;
  6978. 1375.  -   height: 50px;
  6979. 1376.  -   -moz-border-radius: 3px;
  6980. 1377.  -   -webkit-border-radius: 3px;
  6981. 1378.  -   border-radius: 3px;
  6982. 1379.  - }
  6983. 1380.  - .im_chatbox_mem_info {
  6984. 1381.  -   padding-top: 2px;
  6985. 1382.  - }
  6986. 1383.  - .im_chatbox_mem_name {
  6987. 1384.  -   font-weight: bold;
  6988. 1385.  - }
  6989. 1386.  - .im_chatbox_mem_online {
  6990. 1387.  -   font-weight: normal;
  6991. 1388.  -   color: #777;
  6992. 1389.  -   padding-left: 5px;
  6993. 1390.  - }
  6994. 1391.  - .im_chatbox_mem_info {
  6995. 1392.  -   width: 240px;
  6996. 1393.  -   padding-top: 8px;
  6997. 1394.  -   color: #777;
  6998. 1395.  - }
  6999. 1396.  - .im_chatbox_mem_control {
  7000. 1397.  -   display: block;
  7001. 1398.  -   width: 120px;
  7002. 1399.  -   padding: 5px;
  7003. 1400.  - }
  7004. 1401.  - a.im_chatbox_mem_control:hover {
  7005. 1402.  -   background-color: #E1E7ED;
  7006. 1403.  -   text-decoration: none;
  7007. 1404.  - }
  7008. 1405.  -
  7009. 1406.  - .im_change_topic_label {
  7010. 1407.  -   padding-top: 4px;
  7011. 1408.  -   padding-right: 10px;
  7012. 1409.  -   color: #777;
  7013. 1410.  -   width: 170px;
  7014. 1411.  - }
  7015. 1412.  - #im_change_topic_val {
  7016. 1413.  -   width: 142px;
  7017. 1414.  - }
  7018. 1415.  -
  7019. 1416.  - /* IM submit hint */
  7020. 1417.  - .im_submit_hint_wrap {
  7021. 1418.  -   width: 210px;
  7022. 1419.  -   /*height: 110px;*/
  7023. 1420.  -   /* padding: 10px; */
  7024. 1421.  -   padding: 8px 5px 8px;
  7025. 1422.  - }
  7026. 1423.  - .im_submit_hint_title {
  7027. 1424.  -   color: #2A5779;
  7028. 1425.  -   font-weight: bold;
  7029. 1426.  -   padding-bottom: 2px;
  7030. 1427.  - }
  7031. 1428.  - #im_submit_hint_opts .radiobtn {
  7032. 1429.  -   color: #000;
  7033. 1430.  -   padding: 10px 0 5px 19px;
  7034. 1431.  -   line-height: 160%;
  7035. 1432.  -   position: relative;
  7036. 1433.  - }
  7037. 1434.  - #im_submit_hint_opts .radiobtn div {
  7038. 1435.  -   position: absolute;
  7039. 1436.  -   left: 0;
  7040. 1437.  -   top: 12px;
  7041. 1438.  -   /*margin: 2px 5px 6px 0;*/
  7042. 1439.  - }
  7043. 1440.  - .im_submit_side_tt .side_sh {
  7044. 1441.  -   display: table-cell !important;
  7045. 1442.  - }
  7046. 1443.  - .im_submit_tail_wrap {
  7047. 1444.  -   left: 233px;
  7048. 1445.  -   position: absolute;
  7049. 1446.  -   /*top: 107px;*/
  7050. 1447.  -   bottom: 18px;
  7051. 1448.  -   z-index: 2001;
  7052. 1449.  - }
  7053. 1450.  - .im_submit_tail {
  7054. 1451.  -   background: url(/images/ddtooltip.png) -8px 0 no-repeat;
  7055. 1452.  -   width: 8px;
  7056. 1453.  -   height: 11px;
  7057. 1454.  - }
  7058. 1455.  - .im_friend_not_found, .im_find_in_mail {
  7059. 1456.  -   color: #6b839d;
  7060. 1457.  -   padding: 17px 10px;
  7061. 1458.  -   text-align: center;
  7062. 1459.  -   background: #edf0f5;
  7063. 1460.  -   border-bottom: 1px solid #E4E8ED;
  7064. 1461.  - }
  7065. 1462.  - a.im_find_in_mail {
  7066. 1463.  -   background: #f5f8fc;
  7067. 1464.  -   font-weight: normal;
  7068. 1465.  -   height: auto;
  7069. 1466.  -   display: block;
  7070. 1467.  - }
  7071. 1468.  - a.im_find_in_mail:hover {
  7072. 1469.  -   text-decoration: none;
  7073. 1470.  - }
  7074. 1471.  - a.im_find_in_mail.im_friend_over {
  7075. 1472.  -   background: #edf1f5;
  7076. 1473.  - }
  7077. 1474.  -
  7078. 1475.  - /* IM mail forward */
  7079. 1476.  - .media_mail_icon {
  7080. 1477.  -   float: left;
  7081. 1478.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -294px;
  7082. 1479.  -   width: 11px;
  7083. 1480.  -   height: 11px;
  7084. 1481.  -   margin-right: 3px;
  7085. 1482.  -   margin-top: 3px;
  7086. 1483.  - }
  7087. 1484.  - .im_preview_mail_wrap .media_mail_icon {
  7088. 1485.  -   margin-left: 3px;
  7089. 1486.  - }
  7090. 1487.  - .im_single_log_wrap {
  7091. 1488.  -   max-height: 600px;
  7092. 1489.  -   *height: 600px;
  7093. 1490.  -   max-width: 5000px;
  7094. 1491.  -   overflow: auto;
  7095. 1492.  -   position: relative;
  7096. 1493.  - }
  7097. 1494.  - .im_single_log_wrap .im_log_body {
  7098. 1495.  -   width: 5000px;
  7099. 1496.  - }
  7100. 1497.  - .im_single_log {
  7101. 1498.  -   padding: 5px 10px;
  7102. 1499.  -   position: relative;
  7103. 1500.  - }
  7104. 1501.  - .im_single_log_no_author {
  7105. 1502.  -   padding-top: 0;
  7106. 1503.  -   padding-bottom: 10px;
  7107. 1504.  - }
  7108. 1505.  - .im_browse_msg_images {
  7109. 1506.  -   padding-top: 4px;
  7110. 1507.  - }
  7111. 1508.  - .im_failed .im_log_author,
  7112. 1509.  - .im_failed .im_log_body,
  7113. 1510.  - .im_failed .im_log_date
  7114. 1511.  - {
  7115. 1512.  -   background: #FDF5F2;
  7116. 1513.  - }
  7117. 1514.  -
  7118. 1515.  - .im_write {
  7119. 1516.  -   background: #F7F7F7;
  7120. 1517.  -   padding: 8px 103px 70px;
  7121. 1518.  - }
  7122. 1519.  - .imw_header {
  7123. 1520.  -   color: #45688E;
  7124. 1521.  -   font-size: 1.09em;
  7125. 1522.  -   line-height: 1.27em;
  7126. 1523.  -   margin: 0px;
  7127. 1524.  -   padding: 24px 0px 9px;
  7128. 1525.  -   font-size: 1.09em;
  7129. 1526.  - }
  7130. 1527.  - #imw_ava {
  7131. 1528.  -   position: absolute;
  7132. 1529.  -   margin: 27px -62px 0px;
  7133. 1530.  - }
  7134. 1531.  - #imw_ava .wdd_img_layer {
  7135. 1532.  -   background: #F7F7F7;
  7136. 1533.  - }
  7137. 1534.  - #limw_inp {
  7138. 1535.  -   width: 382px;
  7139. 1536.  -   font-size: 1em;
  7140. 1537.  -   font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
  7141. 1538.  - }
  7142. 1539.  - #imw_attach {
  7143. 1540.  -   margin: 6px 0px 0px;
  7144. 1541.  - }
  7145. 1542.  - .imw_text_wrap {
  7146. 1543.  -   padding-bottom: 14px;
  7147. 1544.  - }
  7148. 1545.  - #imw_text {
  7149. 1546.  -   width: 389px;
  7150. 1547.  -   height: 90px;
  7151. 1548.  -   padding: 5px 25px 5px 5px;
  7152. 1549.  -   vertical-align: top;
  7153. 1550.  -   margin: 0px;
  7154. 1551.  -   outline: 0;
  7155. 1552.  - }
  7156. 1553.  - #imw_editable {
  7157. 1554.  -   width: 389px;
  7158. 1555.  -   min-height: 90px;
  7159. 1556.  -   max-height: 400px;
  7160. 1557.  -   padding: 5px 25px 5px 5px;
  7161. 1558.  -   vertical-align: top;
  7162. 1559.  -   -webkit-border-radius: 0px;
  7163. 1560.  -   -moz-border-radius: 0px;
  7164. 1561.  -   border-radius: 0px;
  7165. 1562.  -   margin: 0;
  7166. 1563.  -   overflow: auto;
  7167. 1564.  - }
  7168. 1565.  - .is_rtl1 #imw_text,
  7169. 1566.  - .is_rtl1 #imw_editable {
  7170. 1567.  -   padding: 5px 5px 5px 25px;
  7171. 1568.  - }
  7172. 1569.  - #imw_warn {
  7173. 1570.  -   color: #777;
  7174. 1571.  -   padding-bottom: 14px;
  7175. 1572.  -   display: none;
  7176. 1573.  - }
  7177. 1574.  - #imw_media_preview {
  7178. 1575.  -   padding-bottom: 6px;
  7179. 1576.  -   display: none;
  7180. 1577.  - }
  7181. 1578.  - #imw_title_wrap {
  7182. 1579.  -   display: none;
  7183. 1580.  - }
  7184. 1581.  - #imw_title {
  7185. 1582.  -   width: 409px;
  7186. 1583.  -   padding: 6px 5px 8px;
  7187. 1584.  - }
  7188. 1585.  -
  7189. 1586.  - .im_title_wrap {
  7190. 1587.  -   padding-bottom: 8px;
  7191. 1588.  -   display: none;
  7192. 1589.  - }
  7193. 1590.  - .im_title {
  7194. 1591.  -   width: 350px;
  7195. 1592.  - }
  7196. 1593.  - .im_subj {
  7197. 1594.  -   font-weight: bold;
  7198. 1595.  -   margin: 2px 0px 4px;
  7199. 1596.  - }
  7200. 1597.  - .dialogs_msg_text .im_subj {
  7201. 1598.  -   margin-top: 0px;
  7202. 1599.  - }
  7203. 1600.  -
  7204. 1601.  -
  7205. 1602.  -
  7206. 1603.  - #im_rows .im_wall_log_wrap .wall_post_text,
  7207. 1604.  - #im_rows .im_wall_log_wrap .wall_text {
  7208. 1605.  -   width: 290px;
  7209. 1606.  - }
  7210. 1607.  - #im_rows .published_by_quote .im_wall_log_wrap .wall_post_text,
  7211. 1608.  - #im_rows .published_by_quote .im_wall_log_wrap .wall_text {
  7212. 1609.  -   width: 280px;
  7213. 1610.  - }
  7214. 1611.  - #im_rows .page_poll_code {
  7215. 1612.  -   display: none;
  7216. 1613.  - }
  7217. 1614.  -
  7218. 1615.  -
  7219. 1616.  - .im_switch_notify {
  7220. 1617.  -   background: #FFFFFF;
  7221. 1618.  -   color: #000000;
  7222. 1619.  -   width: 340px;
  7223. 1620.  -   padding: 13px 12px;
  7224. 1621.  -   border: 1px solid #96AABE;
  7225. 1622.  -   background: #FFF;
  7226. 1623.  -   line-height: 160%;
  7227. 1624.  - }
  7228. 1625.  - .im_switch_notify_btn {
  7229. 1626.  -   padding-top: 7px;
  7230. 1627.  - }
  7231. 1628.  - .im_switch_notify_title {
  7232. 1629.  -   padding-bottom: 2px;
  7233. 1630.  - }
  7234. 1631.  - .im_switch_notify_pointer {
  7235. 1632.  -   left: 20px;
  7236. 1633.  -   background: url(/images/ddtooltip.png) 0px -5px no-repeat;
  7237. 1634.  -   width: 16px;
  7238. 1635.  -   height: 8px;
  7239. 1636.  -   position: absolute;
  7240. 1637.  -   bottom: -5px;
  7241. 1638.  -   overflow: hidden;
  7242. 1639.  -   z-index: 10;
  7243. 1640.  - }
  7244. 1641.  -
  7245. 1642.  - b.im_status_mob_onl {
  7246. 1643.  -   background-position: -31px 0px;
  7247. 1644.  -   *background-position: -31px -1px;
  7248. 1645.  - }
  7249. 1646.  -
  7250. 1647.  - b.dialogs_mob_onl {
  7251. 1648.  -   background-position: -1px 0px;
  7252. 1649.  -   *background-position: -1px -1px;
  7253. 1650.  - }
  7254. 1651.  - .dialogs_row_over b.dialogs_mob_onl,
  7255. 1652.  - .dialogs_new_msg b.dialogs_mob_onl {
  7256. 1653.  -   background-position: -21px 0px;
  7257. 1654.  -   *background-position: -21px -1px;
  7258. 1655.  - }
  7259. 1656.  - b.im_friend_mob_onl {
  7260. 1657.  -   background-position: -11px 0px;
  7261. 1658.  -   *background-position: -11px -1px;
  7262. 1659.  - }
  7263. 1660.  -
  7264. 1661.  -
  7265. 1662.  - /* Suspicious messages */
  7266. 1663.  - .im_msg_susp_title {
  7267. 1664.  -   color: #777;
  7268. 1665.  - }
  7269. 1666.  - .im_msg_susp_wrap_done .im_msg_susp_title,
  7270. 1667.  - .im_msg_susp_wrap_opened .im_msg_susp_title,
  7271. 1668.  - .im_msg_susp_wrap .im_fwd_log_wrap,
  7272. 1669.  - .im_msg_susp {
  7273. 1670.  -   display: none;
  7274. 1671.  - }
  7275. 1672.  - .im_msg_susp_wrap_opened .im_msg_susp,
  7276. 1673.  - .im_msg_susp_wrap_done .im_msg_susp,
  7277. 1674.  - .im_msg_susp_wrap_done .im_fwd_log_wrap {
  7278. 1675.  -   display: block;
  7279. 1676.  - }
  7280. 1677.  -
  7281. 1678.  - /* Emoji */
  7282. 1679.  - .im_editable {
  7283. 1680.  -   background: #FFFFFF;
  7284. 1681.  -   color: black;
  7285. 1682.  -   border: 1px solid #C0CAD5;
  7286. 1683.  -   width: 328px;
  7287. 1684.  -   min-height: 40px;
  7288. 1685.  -   padding: 3px 25px 3px 3px;
  7289. 1686.  -   padding-bottom: 5px;
  7290. 1687.  -   margin-bottom: 3px;
  7291. 1688.  -   outline: 0;
  7292. 1689.  -   -moz-border-radius: 2px;
  7293. 1690.  -   -webkit-border-radius: 2px;
  7294. 1691.  -   border-radius: 2px;
  7295. 1692.  -   line-height: 150%;
  7296. 1693.  -   word-wrap: break-word;
  7297. 1694.  -   cursor: text;
  7298. 1695.  - }
  7299. 1696.  - .im_editable p {
  7300. 1697.  -   margin: 0px;
  7301. 1698.  -   padding: 0px;
  7302. 1699.  - }
  7303. 1700.  - #im_smile,
  7304. 1701.  - #imw_smile {
  7305. 1702.  -   position: absolute;
  7306. 1703.  -   z-index: 100;
  7307. 1704.  -   padding: 0px;
  7308. 1705.  -   margin: 1px 1px 0px 0px;
  7309. 1706.  -   right: 0px;
  7310. 1707.  -   cursor: pointer;
  7311. 1708.  -   opacity: 0.7;
  7312. 1709.  -   filter: alpha(opacity=70);
  7313. 1710.  - }
  7314. 1711.  - .is_rtl1 #imw_smile {
  7315. 1712.  -   left: 0px;
  7316. 1713.  -   right: auto;
  7317. 1714.  - }
  7318. 1715.  -
  7319. 1716.  - .im_write .editable_thumbs_wrap {
  7320. 1717.  -   width: 350px;
  7321. 1718.  - }
  7322. 1719.  - #imw_smile .emoji_smile_icon_on {
  7323. 1720.  -   background-position: 1px 0px;
  7324. 1721.  - }
  7325. 1722.  - .im_hidden_textarea {
  7326. 1723.  -   position: absolute;
  7327. 1724.  -   width: 1px;
  7328. 1725.  -   padding: 0px;
  7329. 1726.  -   background: #F2F2F2;
  7330. 1727.  -   opacity: 0;
  7331. 1728.  -   filter: alpha(opacity=0);
  7332. 1729.  -   height: 1px;
  7333. 1730.  -   border: none;
  7334. 1731.  -   resize: none;
  7335. 1732.  - }
  7336. 1733.  - .im_emoji_done {
  7337. 1734.  -   font-size: 1em;
  7338. 1735.  -   font-weight: bold;
  7339. 1736.  - }
  7340. 1737.  - .im_emoji_intro {
  7341. 1738.  -   font-weight: bold;
  7342. 1739.  -   line-height: 160%;
  7343. 1740.  - }
  7344. 1741.  - #im_emoji_expand {
  7345. 1742.  -   display: none;
  7346. 1743.  -   z-index: 100;
  7347. 1744.  -   width: 13px;
  7348. 1745.  -   height: 13px;
  7349. 1746.  -   padding: 7px 6px;
  7350. 1747.  -   left: 174px;
  7351. 1748.  -   bottom: 3px;
  7352. 1749.  -   position: absolute;
  7353. 1750.  - }
  7354. 1751.  - .im_emoji_expand_icon {
  7355. 1752.  -   display: block;
  7356. 1753.  -   width: 13px;
  7357. 1754.  -   height: 9px;
  7358. 1755.  -   background: url('/images/emoji_expand.png?3') 0px 0px no-repeat;
  7359. 1756.  - }
  7360. 1757.  - .im_emoji_locked .emoji {
  7361. 1758.  -   opacity: 0.5;
  7362. 1759.  -   filter: alpha(opacity=50);
  7363. 1760.  - }
  7364. 1761.  - .im_emoji_locked:hover .emoji {
  7365. 1762.  -   opacity: 1;
  7366. 1763.  -   filter: alpha(opacity=100);
  7367. 1764.  - }
  7368. 1765.  - .im_emoji_unlock_tt .tt_text {
  7369. 1766.  -   font-weight: normal;
  7370. 1767.  - }
  7371. 1768.  - .im_unlock_tt_cont {
  7372. 1769.  -   position: absolute;
  7373. 1770.  -   width: 220px;
  7374. 1771.  -   text-align: center;
  7375. 1772.  -   z-index: 100;
  7376. 1773.  -   pointer-events: none;
  7377. 1774.  -   display: none;
  7378. 1775.  - }
  7379. 1776.  - .im_unlock_tt {
  7380. 1777.  -   display: inline-block;
  7381. 1778.  -   background: url('/images/ttb_bg.png');
  7382. 1779.  -   background: rgba(0,0,0,0.7);
  7383. 1780.  -   border-radius: 3px;
  7384. 1781.  -   padding: 4px 7px 4px;
  7385. 1782.  -   color: #FFFFFF;
  7386. 1783.  -   font-size: 1em;
  7387. 1784.  -   text-align: center;
  7388. 1785.  - }
  7389. 1786.  - .im_unlock_pointer {
  7390. 1787.  -   position: absolute;
  7391. 1788.  -   background: url(/images/icons/like_icons_bl.png) -2px -47px no-repeat;
  7392. 1789.  -   width: 13px;
  7393. 1790.  -   height: 7px;
  7394. 1791.  -   margin-left: 104px;
  7395. 1792.  -   margin-top: 0px;
  7396. 1793.  - }
  7397. 1794.  - #im_emoji_info {
  7398. 1795.  -   display: block;
  7399. 1796.  -   text-shadow: 0px 1px 1px #000;
  7400. 1797.  -   padding: 3px 0px 3px;
  7401. 1798.  -   color: #BBB;
  7402. 1799.  -   line-height: 160%;
  7403. 1800.  -   text-align: center;
  7404. 1801.  - }
  7405. 1802.  - .im_emoji_info_link {
  7406. 1803.  -   color: #BBB;
  7407. 1804.  -   font-weight: bold;
  7408. 1805.  - }
  7409. 1806.  - .im_emoji_info_link:hover {
  7410. 1807.  -   color: #EEE;
  7411. 1808.  -   text-decoration: none;
  7412. 1809.  - }
  7413. 1810.  - .im_write .wdd_text {
  7414. 1811.  -   width: 380px;
  7415. 1812.  - }
  7416. 1813.  - .dialogs_msg_text .emoji_css, .dialogs_msg_text .emoji {
  7417. 1814.  -   vertical-align: middle;
  7418. 1815.  - }
  7419. 1816.  - .im_preview_photo {
  7420. 1817.  -   max-width: 80px;
  7421. 1818.  - }
  7422. 1819.  -
  7423. 1820.  - .im_preview_audio_wrap .medadd_aud {
  7424. 1821.  -   width: 330px;
  7425. 1822.  - }
  7426. 1823.  - .im_preview_audio_wrap .medadd_aud .title_wrap {
  7427. 1824.  -   width: 260px;
  7428. 1825.  - }
  7429. 1826.  - #imw_media_preview .medadd_aud {
  7430. 1827.  -   width: 390px;
  7431. 1828.  - }
  7432. 1829.  - #imw_media_preview .medadd_aud .title_wrap {
  7433. 1830.  -   width: 320px;
  7434. 1831.  - }
  7435. 1832.  - #im_rcemoji {
  7436. 1833.  -   width: 400px;
  7437. 1834.  - }
  7438. 1835.  - .im_rc_emojibtn {
  7439. 1836.  -   display: inline-block;
  7440. 1837.  -   *display: block;
  7441. 1838.  -   zoom: 1;
  7442. 1839.  -   padding: 3px 3px;
  7443. 1840.  - }
  7444. 1841.  - .im_rc_emojibtn:hover {
  7445. 1842.  -   background: #D5DDE5;
  7446. 1843.  -   text-decoration: none;
  7447. 1844.  -   -webkit-border-radius: 2px;
  7448. 1845.  -   -khtml-border-radius: 2px;
  7449. 1846.  -   -moz-border-radius: 2px;
  7450. 1847.  -   border-radius: 2px;
  7451. 1848.  - }
  7452. 1849.  - .im_rc_emojibtn:active {
  7453. 1850.  -   background: #C9D2DB;
  7454. 1851.  - }
  7455. 1852.  - .im_rcem_cont {
  7456. 1853.  -   width: 156px;
  7457. 1854.  -   overflow: hidden;
  7458. 1855.  -   padding: 1px 0px 0px 4px;
  7459. 1856.  - }
  7460. 1857.  - .im_peer_multi .im_rcem_cont {
  7461. 1858.  -   width: 132px;
  7462. 1859.  - }
  7463. 1860.  - #imw_buttons .im_rcem_cont {
  7464. 1861.  -   padding: 1px 6px 0px;
  7465. 1862.  - }
  7466. 1863.  - .im_gift_intro {
  7467. 1864.  -   color: #777777;
  7468. 1865.  -   padding: 0px 0px 2px;
  7469. 1866.  - }
  7470. 1867.  - .im_gift_text {
  7471. 1868.  -   padding-top: 2px;
  7472. 1869.  - }
  7473. 1870.  - .im_log_body .im_gift_row {
  7474. 1871.  -   display: block;
  7475. 1872.  -   margin: 15px auto;
  7476. 1873.  -   width: 256px;
  7477. 1874.  -   -webkit-border-radius: 5px;
  7478. 1875.  -   -moz-border-radius: 5px;
  7479. 1876.  -   border-radius: 5px;
  7480. 1877.  -   background: #FFF;
  7481. 1878.  -   padding: 6px;
  7482. 1879.  -   box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  7483. 1880.  -   -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  7484. 1881.  -   -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  7485. 1882.  - }
  7486. 1883.  - .im_gift_msg .im_log_body, .im_gift_msg .im_log_author, .im_gift_msg .im_log_date {
  7487. 1884.  -   background: #F4EBD6;
  7488. 1885.  - }
  7489. 1886.  - .im_gift_msg .im_log_author_chat_name, .im_gift_msg .im_date_link {
  7490. 1887.  -   color: #7F7661;
  7491. 1888.  - }
  7492. 1889.  - .im_gift_msg.im_sel_row .im_log_date a.im_date_link,
  7493. 1890.  - .im_new_msg.im_gift_msg .im_log_date a.im_date_link {
  7494. 1891.  -   color: #7F7661;
  7495. 1892.  - }
  7496. 1893.  - .im_gift_msg .im_msg_text {
  7497. 1894.  -   text-align: center;
  7498. 1895.  -   font-family: Georgia, Lucida Grande, Arial, tahoma, verdana, sans-serif ;
  7499. 1896.  -   font-size: 15px;
  7500. 1897.  -   color: #6a614a;
  7501. 1898.  -   padding: 0px 0px 10px;
  7502. 1899.  - }
  7503. 1900.  - #im_search_btn {
  7504. 1901.  -   margin: 0 10px;
  7505. 1902.  - }
  7506. 1903.  - #im_search_cancel {
  7507. 1904.  -   padding: 6px 7px 7px;
  7508. 1905.  -   cursor: pointer;
  7509. 1906.  -   color: #2B587A;
  7510. 1907.  -   margin: 0 -5px;
  7511. 1908.  - }
  7512. 1909.  - #im_search_cancel:hover {
  7513. 1910.  -   background: #E1E7ED;
  7514. 1911.  - }
  7515. 1912.  -
  7516. 1913.  -
  7517. 1914.  -
  7518. 1915.  - /* New upload form */
  7519. 1916.  - .im_upload_wrap {
  7520. 1917.  -   position: absolute;
  7521. 1918.  -   z-index: 110;
  7522. 1919.  -   padding: 0px;
  7523. 1920.  -   margin: 25px 0px 0px 0px;
  7524. 1921.  -   right: 0px;
  7525. 1922.  -   bottom: 8px;
  7526. 1923.  -   /*bottom: 2px;*/
  7527. 1924.  - }
  7528. 1925.  - .im_upload_wrap .loading {
  7529. 1926.  -   display: none;
  7530. 1927.  - }
  7531. 1928.  - .im_upload_wrap div.im_upload {
  7532. 1929.  -   background: url(/images/icons/attach_photo.gif) center 4px no-repeat;
  7533. 1930.  -   width: 24px;
  7534. 1931.  -   height: 24px;
  7535. 1932.  -   overflow: hidden;
  7536. 1933.  -   position: relative;
  7537. 1934.  -   opacity: 0.7;
  7538. 1935.  -   filter: alpha(opacity=70);
  7539. 1936.  - }
  7540. 1937.  - .im_upload_wrap div.im_upload:hover {
  7541. 1938.  -   opacity: 1;
  7542. 1939.  -   filter: none;
  7543. 1940.  - }
  7544. 1941.  - .im_upload_wrap input {
  7545. 1942.  -   opacity: 0.01;
  7546. 1943.  -   filter: alpha(opacity=1);
  7547. 1944.  -   font-size: 6.54em !important;
  7548. 1945.  -   right: 0px;
  7549. 1946.  -   margin: 0px;
  7550. 1947.  -   padding: 0px;
  7551. 1948.  -   cursor: pointer;
  7552. 1949.  -   position: absolute;
  7553. 1950.  - }
  7554. 1951.  - .im_upload_dropbox {
  7555. 1952.  -   position: absolute;
  7556. 1953.  -   z-index: 130;
  7557. 1954.  -   display: none;
  7558. 1955.  - }
  7559. 1956.  - .im_upload_dropbox_inner {
  7560. 1957.  -   background: #FFF;
  7561. 1958.  -   text-align: center;
  7562. 1959.  -   color: #7F92A5;
  7563. 1960.  -   font-size: 1.09em;
  7564. 1961.  -   border: 1px dashed #A3B6C9;
  7565. 1962.  -   padding: 0 5px;
  7566. 1963.  -   display: table-cell;
  7567. 1964.  -   vertical-align: middle;
  7568. 1965.  -   width: 346px;
  7569. 1966.  - }
  7570. 1967.  - .dropbox_over .im_upload_dropbox_inner {
  7571. 1968.  -   background-color: #E1E7ED;
  7572. 1969.  - }
  7573. 1970.  - .dropbox_over .im_upload_release_label {
  7574. 1971.  -   display: inline;
  7575. 1972.  - }
  7576. 1973.  - .im_upload_release_label, .dropbox_over .im_upload_drop_label {
  7577. 1974.  -   display: none;
  7578. 1975.  - }
  7579. 1976.  - #im_emoji_progress {
  7580. 1977.  -   padding-top: 2px;
  7581. 1978.  - }
  7582. 1979.  - #im_datesearch_wrap {
  7583. 1980.  -   cursor: pointer;
  7584. 1981.  -   padding: 5px 0px 0px;
  7585. 1982.  - }
  7586. 1983.  - #im_search_date {
  7587. 1984.  -   width: 19px;
  7588. 1985.  -   height: 16px;
  7589. 1986.  -   background: url(/images/calendar1.gif?1) no-repeat;
  7590. 1987.  - }
  7591. 1988.  - .im_cal_clear {
  7592. 1989.  -   background: #F2F2F2;
  7593. 1990.  -   padding: 5px 0px;
  7594. 1991.  - }
  7595. 1992.  - .im_cal_clear_lnk {
  7596. 1993.  -   display: block;
  7597. 1994.  -   padding: 5px 0px;
  7598. 1995.  -   text-align: center;
  7599. 1996.  -   margin: 0px auto;
  7600. 1997.  - }
  7601. 1998.  - #im_datesearch_datepicker_container {
  7602. 1999.  -   display: inline;
  7603. 2000.  - }
  7604. 2001.  - #im_datesearch_datepicker_container .datepicker_control {
  7605. 2002.  -   display: none;
  7606. 2003.  - }
  7607. 2004.  - #im_datesearch_datepicker_container .cal_table .day {
  7608. 2005.  -   color: #999;
  7609. 2006.  - }
  7610. 2007.  - #im_datesearch_datepicker_container .cal_table .past_day,
  7611. 2008.  - #im_datesearch_datepicker_container .cal_table .today {
  7612. 2009.  -   color: #000;
  7613. 2010.  - }
  7614. 2011.  - .im_no_search_day #im_day_clear,
  7615. 2012.  - .im_no_search_day #im_month_clear {
  7616. 2013.  -   display: none;
  7617. 2014.  - }
  7618. 2015.  - #im_datesearch_wrap .cal_frame {
  7619. 2016.  -   z-index: 450;
  7620. 2017.  - }
  7621. 2018.  - #im_datesearch_wrap .cal_div {
  7622. 2019.  -   z-index: 480;
  7623. 2020.  - }
  7624. 2021.  -
  7625. 2022.  -
  7626. 2023.  - /* Favorites */
  7627. 2024.  - #im_log_fav_btn i {
  7628. 2025.  -   background: url(/images/icons/im_actions_iconset2.png?8) 0 -281px no-repeat;
  7629. 2026.  -   display: block;
  7630. 2027.  -   width: 20px;
  7631. 2028.  -   height: 20px;
  7632. 2029.  -   cursor: pointer;
  7633. 2030.  - }
  7634. 2031.  - #im_log_fav_btn.im_log_fav_btn__active i {
  7635. 2032.  -   opacity: 0.6;
  7636. 2033.  -   filter: alpha(opacity=60);
  7637. 2034.  - }
  7638. 2035.  - #im_log_fav_btn.im_log_fav_btn__loading i {
  7639. 2036.  -   visibility: hidden;
  7640. 2037.  - }
  7641. 2038.  -
  7642. 2039.  - .im_important_toggler {
  7643. 2040.  -   background: url(/images/icons/im_actions_iconset2.png?8) 0 -258px no-repeat;
  7644. 2041.  -   background-color: rgba(255, 255, 255, 0.5);
  7645. 2042.  -   -moz-border-radius: 2px;
  7646. 2043.  -   -webkit-border-radius: 2px;
  7647. 2044.  -   border-radius: 2px;
  7648. 2045.  -
  7649. 2046.  -   display: block;
  7650. 2047.  -   width: 20px;
  7651. 2048.  -   height: 20px;
  7652. 2049.  -   opacity: 0.6;
  7653. 2050.  -   filter: alpha(opacity=60);
  7654. 2051.  -   position: absolute;
  7655. 2052.  -   margin-left: -22px;
  7656. 2053.  -   margin-top: 0;
  7657. 2054.  -   margin-top: -2px;
  7658. 2055.  -   visibility: hidden;
  7659. 2056.  - }
  7660. 2057.  - .im_msg_over .im_important_toggler {
  7661. 2058.  -   visibility: visible;
  7662. 2059.  - }
  7663. 2060.  - .im_add_row .im_important_toggler {
  7664. 2061.  -   visibility: hidden;
  7665. 2062.  -   margin-top: -1px;
  7666. 2063.  -   margin-left: -2px;
  7667. 2064.  - }
  7668. 2065.  - .im_sel_row .im_important_toggler {
  7669. 2066.  -   visibility: visible;
  7670. 2067.  - }
  7671. 2068.  - .im_important_msg .im_important_toggler {
  7672. 2069.  -   background-position: 0 -239px;
  7673. 2070.  -   opacity: 1;
  7674. 2071.  -   filter: none;
  7675. 2072.  -   visibility: visible;
  7676. 2073.  - }
  7677. 2074.  - .im_sel_row .im_important_toggler,
  7678. 2075.  - .im_new_msg .im_important_toggler {
  7679. 2076.  -   background-position: 0 -239px;
  7680. 2077.  -   background-color: rgba(237, 241, 245, 0.5);
  7681. 2078.  - }
  7682. 2079.  -
  7683. 2080.  - #im_important_btn {
  7684. 2081.  -   margin-right: 10px;
  7685. 2082.  - }
  7686. 2083.  - #im_important_btn button {
  7687. 2084.  -   padding: 5px 10px;
  7688. 2085.  - }
  7689. 2086.  - i.im_important_icon {
  7690. 2087.  -   background: url(/images/icons/im_actions_iconset2.png?8) -2px -281px no-repeat;
  7691. 2088.  -   width: 15px;
  7692. 2089.  -   height: 15px;
  7693. 2090.  -   cursor: pointer;
  7694. 2091.  -   margin-right: 3px;
  7695. 2092.  - }
  7696. 2093.  - span#im_important_count {
  7697. 2094.  -   line-height: 15px;
  7698. 2095.  -   /*font-weight: bold;*/
  7699. 2096.  - }
  7700. 2097.  - #imw_emoji_wrap {
  7701. 2098.  -   position: relative;
  7702. 2099.  - }
  7703. 2100.  - .im_fwd_log_wrapped .page_media_place_label {
  7704. 2101.  -   width: 232px;
  7705. 2102.  - }
  7706. ------
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!