Hormold

VK Change (#1386342007)

Dec 6th, 2013
1,953
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 179.13 KB | None | 0 0
  1. Файл - page.css (Старый размер - 110189 | Новый - 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.  -   line-height: 140%;
  970. 968.  - }
  971. 969.  - .font_medium .wall_post_text,
  972. 970.  - .font_medium .wall_reply_text {
  973. 971.  -   line-height: 140%;
  974. 972.  - }
  975. 973.  - .wall_post_text {
  976. 974.  -   width: 320px;
  977. 975.  -   overflow: hidden;
  978. 976.  -   word-wrap: break-word;
  979. 977.  - }
  980. 978.  - .published_by_quote .wall_post_text {
  981. 979.  -   width: 310px;
  982. 980.  - }
  983. 981.  - .page_description {
  984. 982.  -   cursor: pointer;
  985. 983.  - }
  986. 984.  - .wall_post_more,
  987. 985.  - .wall_reply_more,
  988. 986.  - .wall_copy_more,
  989. 987.  - .wall_module .reply_show_whole {
  990. 988.  -   position: relative;
  991. 989.  -   top: 2px;
  992. 990.  -   font-weight: bold;
  993. 991.  -   color: #91A4B8;
  994. 992.  -   -webkit-transition: color 200ms linear;
  995. 993.  -   -moz-transition: color 200ms linear;
  996. 994.  -   -o-transition: color 200ms linear;
  997. 995.  -   transition: color 200ms linear;
  998. 996.  - }
  999. 997.  - .wall_post_text:hover .wall_post_more,
  1000. 998.  - .wall_reply_text:hover .wall_reply_more,
  1001. 999.  - .page_description:hover .wall_post_more,
  1002. 1000.  - .wall_post_more:hover,
  1003. 1001.  - .wall_reply_more:hover,
  1004. 1002.  - .published_a_quote:hover .wall_copy_more {
  1005. 1003.  -   color: #45688E;
  1006. 1004.  -   text-decoration: none;
  1007. 1005.  - }
  1008. 1006.  - .wall_text {
  1009. 1007.  -   width: 337px;
  1010. 1008.  -   padding: 5px 0px 0px 4px;
  1011. 1009.  -   margin-left: -4px;
  1012. 1010.  -   white-space: break-word;
  1013. 1011.  -   -o-text-overflow: ellipsis;
  1014. 1012.  -   text-overflow: ellipsis;
  1015. 1013.  -   position: relative;
  1016. 1014.  - }
  1017. 1015.  - .is_rtl1 .wall_text {
  1018. 1016.  -   padding: 5px 4px 0px 0px;
  1019. 1017.  -   margin-left: 0px;
  1020. 1018.  -   margin-right: -4px;
  1021. 1019.  - }
  1022. 1020.  - .wall_text_name {
  1023. 1021.  -   width: 305px;
  1024. 1022.  -   overflow: hidden;
  1025. 1023.  - }
  1026. 1024.  - .published_by_quote .wall_text {
  1027. 1025.  -   width: 320px;
  1028. 1026.  - }
  1029. 1027.  - .wall_text .explain {
  1030. 1028.  -   color: #777;
  1031. 1029.  -   line-height: 140%;
  1032. 1030.  - }
  1033. 1031.  - .wall_module .audio {
  1034. 1032.  -   margin-left: -4px
  1035. 1033.  - }
  1036. 1034.  - .is_rtl1 .wall_module .audio {
  1037. 1035.  -   margin-left: 0px;
  1038. 1036.  -   margin-right: -4px;
  1039. 1037.  - }
  1040. 1038.  - .wall_module .audio .info {
  1041. 1039.  -   width: 100%;
  1042. 1040.  - }
  1043. 1041.  -
  1044. 1042.  - /* Likes */
  1045. 1043.  - .wall_module .like_wrap {
  1046. 1044.  -   margin: 4px 1px 8px;
  1047. 1045.  -   color: #2F5879;
  1048. 1046.  -   font-size: 10px;
  1049. 1047.  -   cursor: pointer;
  1050. 1048.  - }
  1051. 1049.  - .font_medium .wall_module .like_wrap {
  1052. 1050.  -   font-size: 11px;
  1053. 1051.  - }
  1054. 1052.  - .wall_module .reply .like_wrap {
  1055. 1053.  -   margin: 0 1px 0 0;
  1056. 1054.  - }
  1057. 1055.  - .fw_reply .like_wrap {
  1058. 1056.  -   margin: 0 1px 0 0;
  1059. 1057.  -   color: #2F5879;
  1060. 1058.  -   font-size: 11px;
  1061. 1059.  -   cursor: pointer;
  1062. 1060.  - }
  1063. 1061.  - .font_medium .fw_reply .like_wrap {
  1064. 1062.  -   font-size: 12px;
  1065. 1063.  - }
  1066. 1064.  -
  1067. 1065.  - .wall_module .like_link,
  1068. 1066.  - .wall_module .no_likes {
  1069. 1067.  -   visibility: hidden;
  1070. 1068.  -   opacity: 0;
  1071. 1069.  -   filter: alpha(opacity=0);
  1072. 1070.  - }
  1073. 1071.  - .fw_reply .like_link,
  1074. 1072.  - .wall_module .review_comment .like_link {
  1075. 1073.  -   cursor: pointer;
  1076. 1074.  -   color: #2F5879;
  1077. 1075.  -   visibility: visible;
  1078. 1076.  -   opacity: 1;
  1079. 1077.  -   filter: none;
  1080. 1078.  - }
  1081. 1079.  -
  1082. 1080.  - .wall_module .one .like_link {
  1083. 1081.  -   visibility: visible;
  1084. 1082.  -   opacity: 1;
  1085. 1083.  -   filter: none;
  1086. 1084.  - }
  1087. 1085.  - .wall_module .one .no_likes {
  1088. 1086.  -   visibility: visible;
  1089. 1087.  - }
  1090. 1088.  - .wall_module .like_wrap i,
  1091. 1089.  - .fw_reply .like_wrap i {
  1092. 1090.  -   background: url(/images/icons/like.gif?2) no-repeat 1px 0px;
  1093. 1091.  -   height: 10px;
  1094. 1092.  -   margin: 2px 2px 0px;
  1095. 1093.  -   padding-right: 1px;
  1096. 1094.  -   opacity: 0.4;
  1097. 1095.  -   filter: alpha(opacity=40);
  1098. 1096.  -   width: 11px;
  1099. 1097.  - }
  1100. 1098.  - .wide_wall_module .like_wrap i,
  1101. 1099.  - .wide_wall_module .fw_reply .like_wrap i,
  1102. 1100.  - #fw_post_wrap .fw_reply .like_wrap i {
  1103. 1101.  -   display: block;
  1104. 1102.  -   margin-top: 3px;
  1105. 1103.  - }
  1106. 1104.  -
  1107. 1105.  - .wall_module .like_wrap i.my_like,
  1108. 1106.  - .fw_reply .like_wrap i.my_like {
  1109. 1107.  -   opacity: 1;
  1110. 1108.  -   filter: none;
  1111. 1109.  - }
  1112. 1110.  - .wall_module .like_wrap i.no_likes {
  1113. 1111.  -   margin-right: 0px;
  1114. 1112.  - }
  1115. 1113.  - .wall_module .like_count,
  1116. 1114.  - .fw_reply .like_count {
  1117. 1115.  -   font-weight: bold;
  1118. 1116.  -   color: #7295b2;
  1119. 1117.  - }
  1120. 1118.  - .wall_module .like_count {
  1121. 1119.  -   margin-right: 3px;
  1122. 1120.  - }
  1123. 1121.  -
  1124. 1122.  - /* Replies */
  1125. 1123.  - .wall_module .reply_link_wrap {
  1126. 1124.  -   padding-top: 4px;
  1127. 1125.  -   padding-bottom: 8px;
  1128. 1126.  -   font-size: 10px;
  1129. 1127.  - }
  1130. 1128.  - .font_medium .wall_module .reply_link_wrap {
  1131. 1129.  -   font-size: 11px;
  1132. 1130.  - }
  1133. 1131.  - .wall_module .reply_link_wrap small, .wall_module .reply_link_wrap small a {
  1134. 1132.  -   color: #999;
  1135. 1133.  - }
  1136. 1134.  - a.reply_parent_link,
  1137. 1135.  - .wall_module .reply_link_wrap small a.reply_parent_link {
  1138. 1136.  -   color: #2B587A;
  1139. 1137.  - }
  1140. 1138.  -
  1141. 1139.  - /* Replies header link */
  1142. 1140.  - .wrh_text {
  1143. 1141.  -   text-align: center;
  1144. 1142.  - }
  1145. 1143.  - .wrh_prg {
  1146. 1144.  -   margin: 0px auto;
  1147. 1145.  - }
  1148. 1146.  - .wr_header {
  1149. 1147.  -   display: block;
  1150. 1148.  -   cursor: pointer;
  1151. 1149.  -   color: #6A7989;
  1152. 1150.  -   background: #E9EDF1;
  1153. 1151.  -   height: 13px;
  1154. 1152.  -   padding: 9px 0px 8px;
  1155. 1153.  - }
  1156. 1154.  - .wr_header:hover {
  1157. 1155.  -   text-decoration: none;
  1158. 1156.  - }
  1159. 1157.  - .wrh_all {
  1160. 1158.  -   background: #FFF;
  1161. 1159.  -   color: #777;
  1162. 1160.  - }
  1163. 1161.  - .wrh_all:hover {
  1164. 1162.  -   background: #E9EDF1;
  1165. 1163.  -   color: #6A7989;
  1166. 1164.  - }
  1167. 1165.  - .wd_lnk {
  1168. 1166.  -   color: #999;
  1169. 1167.  - }
  1170. 1168.  - .wall_module .replies_wrap {
  1171. 1169.  -   padding-top: 2px;
  1172. 1170.  -   margin-bottom: 6px;
  1173. 1171.  -   position: relative;
  1174. 1172.  - }
  1175. 1173.  - /* Reply */
  1176. 1174.  - .wall_module .reply {
  1177. 1175.  -   background: #FFF;
  1178. 1176.  -   border-top: 1px solid #E9EDF1;
  1179. 1177.  -   padding: 6px 0px;
  1180. 1178.  -   position: relative;
  1181. 1179.  - }
  1182. 1180.  - .wall_module .reply .delete_post {
  1183. 1181.  -   padding-top: 2px;
  1184. 1182.  - }
  1185. 1183.  - .wall_module a.reply_image {
  1186. 1184.  -   width: 32px;
  1187. 1185.  -   height: 32px;
  1188. 1186.  -   margin: 8px 0 2px;
  1189. 1187.  -   display: block;
  1190. 1188.  -   overflow: hidden;
  1191. 1189.  -   position: absolute;
  1192. 1190.  -   top: 0;
  1193. 1191.  -   *left: 0;
  1194. 1192.  - }
  1195. 1193.  - .wall_module img.reply_image {
  1196. 1194.  -   width: 32px;
  1197. 1195.  -   height: 32px;
  1198. 1196.  - }
  1199. 1197.  - .wall_module .reply .author {
  1200. 1198.  -   padding-right: 3px;
  1201. 1199.  -   font-weight: normal;
  1202. 1200.  - }
  1203. 1201.  - .wall_module .wall_reply_text {
  1204. 1202.  -   word-wrap: break-word;
  1205. 1203.  -   overflow: hidden;
  1206. 1204.  -   width: 298px;
  1207. 1205.  - }
  1208. 1206.  - .wall_module .reply_info {
  1209. 1207.  -   margin-left: 39px;
  1210. 1208.  -   *position: relative;
  1211. 1209.  -   width: 298px;
  1212. 1210.  -   white-space: break-word;
  1213. 1211.  -   min-height: 33px;
  1214. 1212.  - }
  1215. 1213.  - .wall_module .bp_post .like_link,
  1216. 1214.  - .wall_module .reply_info .like_link,
  1217. 1215.  - .wall_module .pv_comment .like_link,
  1218. 1216.  - .wall_module .mv_comment .like_link {
  1219. 1217.  -   cursor: pointer;
  1220. 1218.  -   color: #2F5879;
  1221. 1219.  -   visibility: visible;
  1222. 1220.  -   opacity: 0;
  1223. 1221.  -   filter:alpha(opacity=0);
  1224. 1222.  - }
  1225. 1223.  - .wall_module .bp_post .like_wrap {
  1226. 1224.  -   margin: 0px 1px;
  1227. 1225.  - }
  1228. 1226.  - #photos_container .pv_comment .like_link {
  1229. 1227.  -   opacity: 1;
  1230. 1228.  -   filter:none;
  1231. 1229.  - }
  1232. 1230.  - .wall_module .info_footer {
  1233. 1231.  -   font-size: 10px;
  1234. 1232.  -   color: #999;
  1235. 1233.  -   padding: 4px 0 0;
  1236. 1234.  - }
  1237. 1235.  - .font_medium .wall_module .info_footer {
  1238. 1236.  -   font-size: 11px;
  1239. 1237.  - }
  1240. 1238.  - .wall_module .reply_to {
  1241. 1239.  -   color: #999;
  1242. 1240.  - }
  1243. 1241.  - /* Reply form */
  1244. 1242.  - .wall_module .reply_fakebox_wrap {
  1245. 1243.  -   background: #F1F1F1;
  1246. 1244.  -   padding: 6px;
  1247. 1245.  - }
  1248. 1246.  - .wall_module .reply_fakebox {
  1249. 1247.  -   cursor: text;
  1250. 1248.  -   background: #FFF;
  1251. 1249.  -   border: 1px solid #C0CAD5;
  1252. 1250.  -   padding: 3px 5px;
  1253. 1251.  -   color: #777;
  1254. 1252.  - }
  1255. 1253.  -
  1256. 1254.  - .wall_module .reply_box {
  1257. 1255.  -   background: #F1F1F1;
  1258. 1256.  -   padding: 6px;
  1259. 1257.  -   *position: relative;
  1260. 1258.  -   clear: both;
  1261. 1259.  - }
  1262. 1260.  - .wall_module a.reply_form_image {
  1263. 1261.  -   display: none;
  1264. 1262.  -   width: 32px;
  1265. 1263.  -   height: 32px;
  1266. 1264.  -   overflow: hidden;
  1267. 1265.  -   position: absolute;
  1268. 1266.  -   *left: 6px;
  1269. 1267.  - }
  1270. 1268.  - .wall_module .reply_form_img {
  1271. 1269.  -   width: 32px;
  1272. 1270.  -   height: 32px;
  1273. 1271.  - }
  1274. 1272.  - .wall_module .reply_form {
  1275. 1273.  -   zoom: 1;
  1276. 1274.  - }
  1277. 1275.  - .reply_field_wrap {
  1278. 1276.  -   padding: 3px;
  1279. 1277.  -   background: #FFF;
  1280. 1278.  -   border: 1px solid #C0CAD5;
  1281. 1279.  -   *position: relative;
  1282. 1280.  - }
  1283. 1281.  - .reply_field {
  1284. 1282.  -   padding: 0;
  1285. 1283.  -   border: 0;
  1286. 1284.  -   overflow: hidden;
  1287. 1285.  -   height: 14px;
  1288. 1286.  -   outline: 0;
  1289. 1287.  -   margin: 0px;
  1290. 1288.  -   width: 100%;
  1291. 1289.  -   resize: none;
  1292. 1290.  -   height: 14px;
  1293. 1291.  - }
  1294. 1292.  - .reply_field_tail {
  1295. 1293.  -   display: none;
  1296. 1294.  -   width: 5px;
  1297. 1295.  -   height: 9px;
  1298. 1296.  -   background: url(/images/icons/feedback_iconset.gif?4) 0 -155px no-repeat;
  1299. 1297.  -   position: absolute;
  1300. 1298.  -   margin-left: -8px;
  1301. 1299.  -   margin-top: 8px;
  1302. 1300.  - }
  1303. 1301.  - .wall_module .submit_reply {
  1304. 1302.  -   display: none;
  1305. 1303.  -   height: 25px;
  1306. 1304.  - }
  1307. 1305.  - .wall_module .reply_as_group_wrap {
  1308. 1306.  -   padding: 6px 0 0 5px;
  1309. 1307.  -   display: none;
  1310. 1308.  - }
  1311. 1309.  - .wall_module .reply_as_group_active {
  1312. 1310.  -   display: block;
  1313. 1311.  - }
  1314. 1312.  - .reply_as_group_long,
  1315. 1313.  - .wide_wall_module .reply_as_group_short {
  1316. 1314.  -   display: none;
  1317. 1315.  - }
  1318. 1316.  - .wide_wall_module .reply_as_group_long {
  1319. 1317.  -   display: inline;
  1320. 1318.  - }
  1321. 1319.  - .reply_button_wrap {
  1322. 1320.  -   padding-right: 5px;
  1323. 1321.  -   zoom: 1;
  1324. 1322.  -   *position: relative;
  1325. 1323.  - }
  1326. 1324.  - .wall_module .reply_button_wrap button {
  1327. 1325.  -   padding: 5px 16px;
  1328. 1326.  - }
  1329. 1327.  -
  1330. 1328.  - .reply_box_open .reply_field {
  1331. 1329.  -   height: 24px;
  1332. 1330.  - }
  1333. 1331.  - .wall_module .reply_box_open .reply_form {
  1334. 1332.  -   margin-left: 38px;
  1335. 1333.  - }
  1336. 1334.  - .wall_module .reply_hint {
  1337. 1335.  -   padding: 6px 0 0px 5px;
  1338. 1336.  -   overflow: hidden;
  1339. 1337.  -   -o-text-overflow: ellipsis;
  1340. 1338.  -   text-overflow: ellipsis;
  1341. 1339.  -   position: relative;
  1342. 1340.  - }
  1343. 1341.  - .wall_module .reply_hint_text {
  1344. 1342.  -   color: #777;
  1345. 1343.  -   cursor: default;
  1346. 1344.  -   white-space: nowrap;
  1347. 1345.  -   overflow: hidden;
  1348. 1346.  -   -o-text-overflow: ellipsis;
  1349. 1347.  -   text-overflow: ellipsis;
  1350. 1348.  - }
  1351. 1349.  - .wall_module .reply_box_open .reply_box {
  1352. 1350.  -   margin-left: -6px;
  1353. 1351.  - }
  1354. 1352.  - .wall_module .reply_to_title {
  1355. 1353.  -   display: none;
  1356. 1354.  -   padding: 6px 5px 0px;
  1357. 1355.  -   white-space: nowrap;
  1358. 1356.  -   overflow: hidden;
  1359. 1357.  -   -o-text-overflow: ellipsis;
  1360. 1358.  -   text-overflow: ellipsis;
  1361. 1359.  - }
  1362. 1360.  -
  1363. 1361.  - .reply_multiline_tt_point {
  1364. 1362.  -   position: absolute;
  1365. 1363.  -   width: 1px;
  1366. 1364.  -   height: 1px;
  1367. 1365.  - }
  1368. 1366.  - .wall_module .reply_box_open .replies_wrap,
  1369. 1367.  - .wall_module .reply_box_open .submit_reply,
  1370. 1368.  - .wall_module .reply_box_open a.reply_form_image,
  1371. 1369.  - .reply_box_open .reply_field_tail {
  1372. 1370.  -   display: block;
  1373. 1371.  - }
  1374. 1372.  - .wall_module .reply_box_open .reply_link {
  1375. 1373.  -   display: none;
  1376. 1374.  - }
  1377. 1375.  - .wall_module #post_warn,
  1378. 1376.  - .wall_module .reply_warn,
  1379. 1377.  - #like_repost_comment_warn {
  1380. 1378.  -   display: none;
  1381. 1379.  -   padding-top: 5px;
  1382. 1380.  -   color: #777;
  1383. 1381.  - }
  1384. 1382.  - .wall_module .reply_warn {
  1385. 1383.  -   padding: 0 0 7px;
  1386. 1384.  - }
  1387. 1385.  - #wl_reply_form .reply_warn {
  1388. 1386.  -   padding-top: 0px;
  1389. 1387.  -   padding-bottom: 12px;
  1390. 1388.  - }
  1391. 1389.  - .wall_module .reply_box .reply_warn {
  1392. 1390.  -   padding-top: 0;
  1393. 1391.  -   padding-bottom: 5px;
  1394. 1392.  - }
  1395. 1393.  - .wall_module #submit_post_error {
  1396. 1394.  -   display: none;
  1397. 1395.  -   margin-bottom: 10px;
  1398. 1396.  -   padding: 5px 10px;
  1399. 1397.  - }
  1400. 1398.  - /* Reply submit hint */
  1401. 1399.  - .reply_submit_hint_wrap {
  1402. 1400.  -   width: 210px;
  1403. 1401.  -   /*height: 110px;*/
  1404. 1402.  -   padding: 8px 5px 8px;
  1405. 1403.  - }
  1406. 1404.  - .reply_submit_hint_title {
  1407. 1405.  -   color: #2A5779;
  1408. 1406.  -   font-weight: bold;
  1409. 1407.  -   padding-bottom: 2px;
  1410. 1408.  - }
  1411. 1409.  - #reply_submit_hint_opts .radiobtn {
  1412. 1410.  -   color: #000;
  1413. 1411.  -   padding: 10px 0 5px 19px;
  1414. 1412.  -   line-height: 160%;
  1415. 1413.  -   position: relative;
  1416. 1414.  - }
  1417. 1415.  - #reply_submit_hint_opts .radiobtn div {
  1418. 1416.  -   position: absolute;
  1419. 1417.  -   left: 0;
  1420. 1418.  -   top: 12px;
  1421. 1419.  - }
  1422. 1420.  - .reply_multiline_tt .side_sh {
  1423. 1421.  -   display: table-cell !important;
  1424. 1422.  - }
  1425. 1423.  - .reply_submit_tail_wrap {
  1426. 1424.  -   left: 233px;
  1427. 1425.  -   position: absolute;
  1428. 1426.  -   bottom: 18px;
  1429. 1427.  -   z-index: 2001;
  1430. 1428.  - }
  1431. 1429.  - .reply_submit_tail {
  1432. 1430.  -   background: url(/images/ddtooltip.png) -8px 0 no-repeat;
  1433. 1431.  -   width: 8px;
  1434. 1432.  -   height: 11px;
  1435. 1433.  - }
  1436. 1434.  -
  1437. 1435.  - /* Post media */
  1438. 1436.  - .wall_module .post_media {
  1439. 1437.  -   padding: 6px 0px 4px;
  1440. 1438.  -   width: 338px;
  1441. 1439.  -   overflow: hidden;
  1442. 1440.  - }
  1443. 1441.  - .wall_module .reply_text .post_media {
  1444. 1442.  -   width: 298px;
  1445. 1443.  - }
  1446. 1444.  - .wall_module .reply_text .audio .title_wrap {
  1447. 1445.  -   width: 220px;
  1448. 1446.  - }
  1449. 1447.  - .wall_module .published_by_quote .post_media {
  1450. 1448.  -   width: 326px;
  1451. 1449.  - }
  1452. 1450.  - .wall_module .post_media.post_audio {
  1453. 1451.  -   padding: 2px 0px 0px 4px;
  1454. 1452.  -   margin-left: -4px;
  1455. 1453.  -   width: auto !important;
  1456. 1454.  - }
  1457. 1455.  - .wall_module .post_media.wall_audio {
  1458. 1456.  -   padding: 6px 0px 0px 4px;
  1459. 1457.  -   margin-left: -4px;
  1460. 1458.  -   width: auto !important;
  1461. 1459.  - }
  1462. 1460.  - .wall_module .page_media_thumb {
  1463. 1461.  -   height: 98px;
  1464. 1462.  -   max-width: 130px;
  1465. 1463.  -   *width: 130px;
  1466. 1464.  -   overflow: hidden;
  1467. 1465.  -   margin: 0 6px 6px 0;
  1468. 1466.  - }
  1469. 1467.  - .wall_module .page_media_graffiti {
  1470. 1468.  -   width: 196px;
  1471. 1469.  -   max-width: 196px;
  1472. 1470.  - }
  1473. 1471.  - .wall_module .graffiti img {
  1474. 1472.  -   width: auto;
  1475. 1473.  - }
  1476. 1474.  - .wall_module .photo {
  1477. 1475.  -   display: block;
  1478. 1476.  - }
  1479. 1477.  - .wall_module .photo:hover {
  1480. 1478.  -   text-decoration: none;
  1481. 1479.  - }
  1482. 1480.  - .wall_module .photo img {
  1483. 1481.  -   vertical-align: top;
  1484. 1482.  -   max-height: 98px;
  1485. 1483.  -   overflow: hidden;
  1486. 1484.  - }
  1487. 1485.  - .wall_module .page_media_full_photo,
  1488. 1486.  - .wall_module .page_media_full_video,
  1489. 1487.  - .wall_module .page_media_full_graffiti {
  1490. 1488.  -   max-width: 520px;
  1491. 1489.  -   max-height: 520px;
  1492. 1490.  -   height: auto;
  1493. 1491.  -   float: none;
  1494. 1492.  -   margin: 0;
  1495. 1493.  -   *width: auto;
  1496. 1494.  -   padding: 20px 0 10px;
  1497. 1495.  - }
  1498. 1496.  - .wall_module .post_full_thumbs .page_media_thumb1 {
  1499. 1497.  -   padding-top: 10px;
  1500. 1498.  - }
  1501. 1499.  - .wall_module .page_media_full_photo img,
  1502. 1500.  - .wall_module .page_media_full_graffiti img {
  1503. 1501.  -   max-width: 520px;
  1504. 1502.  -   max-height: 520px;
  1505. 1503.  -   width: auto;
  1506. 1504.  -   height: auto;
  1507. 1505.  -   *height: 500px;
  1508. 1506.  - }
  1509. 1507.  - .post_media .audio .actions {
  1510. 1508.  -   visibility: hidden;
  1511. 1509.  - }
  1512. 1510.  - .post_media .audio .actions a {
  1513. 1511.  -   display: block;
  1514. 1512.  -   padding: 6px;
  1515. 1513.  - }
  1516. 1514.  - .post_media .audio.over .actions {
  1517. 1515.  -   visibility: visible;
  1518. 1516.  -   background-color: #EDF1F5;
  1519. 1517.  - }
  1520. 1518.  -
  1521. 1519.  -
  1522. 1520.  - /* Single photo */
  1523. 1521.  - .wall_module .post_thumbs_num1 .page_media_thumb1,
  1524. 1522.  - .wall_module .post_thumbs_num3 .page_media_thumb1,
  1525. 1523.  - .wall_module .post_thumbs_num4 .page_media_thumb1,
  1526. 1524.  - .wall_module .post_thumbs_num2 .page_media_thumb1,
  1527. 1525.  - .wall_module .post_thumbs_num2 .page_media_thumb2 {
  1528. 1526.  -   max-width: 320px;
  1529. 1527.  -   max-height: 306px;
  1530. 1528.  -   height: auto;
  1531. 1529.  -   float: left;
  1532. 1530.  -   *width: auto;
  1533. 1531.  - }
  1534. 1532.  - .wall_module .post_thumbs_num1 .page_media_thumb1 img,
  1535. 1533.  - .wall_module .post_thumbs_num3 .page_media_thumb1 img,
  1536. 1534.  - .wall_module .post_thumbs_num4 .page_media_thumb1 img,
  1537. 1535.  - .wall_module .post_thumbs_num2 .page_media_thumb1 img,
  1538. 1536.  - .wall_module .post_thumbs_num2 .page_media_thumb2 img {
  1539. 1537.  -   max-width: 320px;
  1540. 1538.  -   max-height: 306px;
  1541. 1539.  -   width: auto;
  1542. 1540.  -   height: auto;
  1543. 1541.  -   *height: 200px;
  1544. 1542.  - }
  1545. 1543.  - .wall_module .post_thumbs_num1 .page_media_video {
  1546. 1544.  -   max-width: 320px;
  1547. 1545.  -   max-height: 240px;
  1548. 1546.  - }
  1549. 1547.  - .wall_module .post_thumbs_num1 .page_media_video .video img {
  1550. 1548.  -   max-width: 320px;
  1551. 1549.  -   max-height: 240px;
  1552. 1550.  -   width: 320px;
  1553. 1551.  -   height: 240px;
  1554. 1552.  - }
  1555. 1553.  -
  1556. 1554.  - /* Wide wall changes */
  1557. 1555.  - .wide_wall_module .post_thumbs_num1 .page_media_thumb1,
  1558. 1556.  - .wide_wall_module .post_thumbs_num3 .page_media_thumb1,
  1559. 1557.  - .wide_wall_module .post_thumbs_num4 .page_media_thumb1 {
  1560. 1558.  -   max-width: 537px;
  1561. 1559.  - }
  1562. 1560.  - .wide_wall_module .post_thumbs_num1 .page_media_thumb1 img,
  1563. 1561.  - .wide_wall_module .post_thumbs_num3 .page_media_thumb1 img,
  1564. 1562.  - .wide_wall_module .post_thumbs_num4 .page_media_thumb1 img {
  1565. 1563.  -   max-width: 537px;
  1566. 1564.  - }
  1567. 1565.  - .wide_wall_module .post_thumbs_num2 .page_media_thumb1,
  1568. 1566.  - .wide_wall_module .post_thumbs_num2 .page_media_thumb2 {
  1569. 1567.  -   max-width: 240px;
  1570. 1568.  - }
  1571. 1569.  - .wide_wall_module .post_thumbs_num2 .page_media_thumb1 img,
  1572. 1570.  - .wide_wall_module .post_thumbs_num2 .page_media_thumb2 img {
  1573. 1571.  -   max-width: 240px;
  1574. 1572.  - }
  1575. 1573.  - .wide_wall_module .audio .title_wrap {
  1576. 1574.  -   width: 430px;
  1577. 1575.  - }
  1578. 1576.  - .wide_wall_module .audio .title_wrap b {
  1579. 1577.  -   max-width: 310px;
  1580. 1578.  - }
  1581. 1579.  - .wide_wall_module .published_by_quote .audio .title_wrap {
  1582. 1580.  -   width: 415px;
  1583. 1581.  - }
  1584. 1582.  - .wide_wall_module .published_by_quote .audio .title_wrap b {
  1585. 1583.  -   max-width: 290px;
  1586. 1584.  - }
  1587. 1585.  - .wide_wall_module .reply_table .audio .title_wrap {
  1588. 1586.  -   width: 400px;
  1589. 1587.  - }
  1590. 1588.  - .wide_wall_module .reply_table .audio .title_wrap b {
  1591. 1589.  -   max-width: 280px;
  1592. 1590.  - }
  1593. 1591.  -
  1594. 1592.  - /* Inline view video */
  1595. 1593.  - .wide_wall_module .post_thumbs_num1 .page_media_video .video div,
  1596. 1594.  - .wall_module .page_media_full_video .video div {
  1597. 1595.  -   bottom: 10px;
  1598. 1596.  -   font-size: 11px;
  1599. 1597.  - }
  1600. 1598.  - .font_medium .wide_wall_module .post_thumbs_num1 .page_media_video .video div,
  1601. 1599.  - .font_medium .wall_module .page_media_full_video .video div {
  1602. 1600.  -   font-size: 12px;
  1603. 1601.  - }
  1604. 1602.  - .wall_module .post_thumbs_num1 .page_media_thumb1 {
  1605. 1603.  -   margin: 0;
  1606. 1604.  - }
  1607. 1605.  - .wall_module .page_media_full_video {
  1608. 1606.  -   padding-bottom: 0;
  1609. 1607.  - }
  1610. 1608.  - .wide_wall_module .post_thumbs_num1 .page_media_video,
  1611. 1609.  - .wall_module .page_media_full_video  {
  1612. 1610.  -   max-width: 480px;
  1613. 1611.  -   max-height: 360px;
  1614. 1612.  - }
  1615. 1613.  - .wide_wall_module .post_thumbs_num1 .page_media_video .video img,
  1616. 1614.  - .wall_module .page_media_full_video .video img {
  1617. 1615.  -   max-width: 480px;
  1618. 1616.  -   max-height: 360px;
  1619. 1617.  -   width: 480px;
  1620. 1618.  -   height: 360px;
  1621. 1619.  - }
  1622. 1620.  - .wall_module .page_media_video .video div.video_play_inline,
  1623. 1621.  - .wall_module .page_media_full_video .video div.video_play_inline {
  1624. 1622.  -   left: 137px;
  1625. 1623.  -   top: 97px;
  1626. 1624.  -   position: absolute;
  1627. 1625.  -   z-index: 10;
  1628. 1626.  -   background: url(/images/inline_video_play.png) no-repeat;
  1629. 1627.  -   width: 46px;
  1630. 1628.  -   height: 46px;
  1631. 1629.  - }
  1632. 1630.  - .wide_wall_module .page_media_video .video div.video_play_inline,
  1633. 1631.  - .wall_module .page_media_full_video .video div.video_play_inline {
  1634. 1632.  -   left: 225px;
  1635. 1633.  -   top: 165px;
  1636. 1634.  - }
  1637. 1635.  - .wall_module .video div.page_video_play_live {
  1638. 1636.  -   left: 80px;
  1639. 1637.  -   top: 97px;
  1640. 1638.  -   position: absolute;
  1641. 1639.  -   z-index: 10;
  1642. 1640.  -   background: url(/images/inline_video_small_play.png) right no-repeat;
  1643. 1641.  -   background-color: rgba(0,0,0,0.5);
  1644. 1642.  -   width: 100px;
  1645. 1643.  -   height: 14px;
  1646. 1644.  -   color: #FFFFFF;
  1647. 1645.  -   font-weight: bold;
  1648. 1646.  -   border-radius: 10px;
  1649. 1647.  -   padding: 16px 40px 16px 20px;
  1650. 1648.  -   font-size: 13px !important;
  1651. 1649.  -   font-size: 13px;
  1652. 1650.  -   line-height: 100%;
  1653. 1651.  - }
  1654. 1652.  - .font_medium .wall_module .video div.page_video_play_live {
  1655. 1653.  -   font-size: 13px;
  1656. 1654.  - }
  1657. 1655.  -
  1658. 1656.  - .wide_wall_module .video div.page_video_play_live,
  1659. 1657.  - .wall_module .page_media_full_video div.page_video_play_live {
  1660. 1658.  -   left: 160px;
  1661. 1659.  -   top: 165px;
  1662. 1660.  - }
  1663. 1661.  - .wide_wall_module .page_media_video .video div.video_play_inline_loading,
  1664. 1662.  - .wall_module .page_media_full_video .video div.video_play_inline_loading {
  1665. 1663.  -   background: url(/images/upload_inv_mono.gif) no-repeat 50% 50%;
  1666. 1664.  -   width: 100px;
  1667. 1665.  -   background-color: #000;
  1668. 1666.  -   background-color: rgba(0, 0, 0, 0.7);
  1669. 1667.  -   *filter: alpha(opacity=70);
  1670. 1668.  -
  1671. 1669.  -   -webkit-border-radius: 5px;
  1672. 1670.  -   -khtml-border-radius: 5px;
  1673. 1671.  -   -moz-border-radius: 5px;
  1674. 1672.  -   border-radius: 5px;
  1675. 1673.  -
  1676. 1674.  -   margin: -2px 0 0 -27px;
  1677. 1675.  - }
  1678. 1676.  -
  1679. 1677.  - /* Thumbed links */
  1680. 1678.  - .wall_module .page_media_thumbed_link {
  1681. 1679.  -   display: block;
  1682. 1680.  -   margin: 5px 0 5px 3px;
  1683. 1681.  -   border-left: 2px solid #C3D1E0;
  1684. 1682.  -   padding: 0 5px;
  1685. 1683.  -   overflow: hidden;
  1686. 1684.  - }
  1687. 1685.  - .wall_module a.page_media_thumbed_link {
  1688. 1686.  -   cursor: pointer !important;
  1689. 1687.  - }
  1690. 1688.  - .wall_module a.page_media_thumbed_link:hover {
  1691. 1689.  -   background: #E1E7ED;
  1692. 1690.  -   cursor: pointer;
  1693. 1691.  -   margin: 0;
  1694. 1692.  -   border: 0;
  1695. 1693.  -   padding: 5px 5px 5px 10px;
  1696. 1694.  - }
  1697. 1695.  - .wall_module td.page_media_link_thumb {
  1698. 1696.  -   cursor: pointer;
  1699. 1697.  -   background-position: 50% 50%;
  1700. 1698.  -   background-repeat: no-repeat;
  1701. 1699.  - }
  1702. 1700.  - .wall_module a.page_media_link_thumb,
  1703. 1701.  - .wall_module i.page_media_link_thumb {
  1704. 1702.  -   display: block;
  1705. 1703.  -   width: 100px;
  1706. 1704.  -   overflow: hidden;
  1707. 1705.  -   line-height: 0;
  1708. 1706.  -   min-height: 63px;
  1709. 1707.  -   height: 100%;
  1710. 1708.  -   *height: 63px;
  1711. 1709.  - }
  1712. 1710.  - .wall_module a.page_media_link_thumb:hover {
  1713. 1711.  -   text-decoration: none;
  1714. 1712.  - }
  1715. 1713.  - .wall_module div.page_media_link_desc_wrap {
  1716. 1714.  -   padding-left: 10px;
  1717. 1715.  -   line-height: 15px;
  1718. 1716.  -   min-height: 63px;
  1719. 1717.  -   max-height: 7.1em;
  1720. 1718.  -   overflow: hidden;
  1721. 1719.  -   -o-text-overflow: ellipsis;
  1722. 1720.  -   text-overflow: ellipsis;
  1723. 1721.  - }
  1724. 1722.  - .font_medium .wall_module div.page_media_link_desc_wrap {
  1725. 1723.  -   line-height: 16px;
  1726. 1724.  -   max-height: 7.1em;
  1727. 1725.  - }
  1728. 1726.  - .wall_module div.page_media_no_photo {
  1729. 1727.  -   padding-left: 0px;
  1730. 1728.  - }
  1731. 1729.  - .wall_module div.page_media_link_wpreview_desc {
  1732. 1730.  -   min-height: 48px;
  1733. 1731.  - }
  1734. 1732.  - .wall_module a.page_media_link_title,
  1735. 1733.  - .wall_module span.page_media_link_title {
  1736. 1734.  -   font-weight: bold;
  1737. 1735.  - }
  1738. 1736.  - .wall_module div.page_media_link_desc {
  1739. 1737.  -   color: #000;
  1740. 1738.  -   padding-top: 3px;
  1741. 1739.  - }
  1742. 1740.  - .wall_module .wall_postlink_preview_btn {
  1743. 1741.  -   padding: 7px 10px 0;
  1744. 1742.  - }
  1745. 1743.  - .wall_module .page_media_thumbed_link_no_photo .wall_postlink_preview_btn {
  1746. 1744.  -   padding: 7px 0 0;
  1747. 1745.  - }
  1748. 1746.  - .wall_postlink_preview_disabler {
  1749. 1747.  -   display: none;
  1750. 1748.  - }
  1751. 1749.  - .wall_postlink_preview_btn_disabled .wall_postlink_preview_disabler {
  1752. 1750.  -   display: block;
  1753. 1751.  -   width: 122px;
  1754. 1752.  -   background: #bbcada;
  1755. 1753.  -   background: rgba(255, 255, 255, 0.5);
  1756. 1754.  -   color: #FFF;
  1757. 1755.  -   padding: 6px 0;
  1758. 1756.  -   text-align: center;
  1759. 1757.  -   position: absolute;
  1760. 1758.  -   height: 15px;
  1761. 1759.  -   z-index: 10;
  1762. 1760.  -   margin: 0 auto;
  1763. 1761.  - }
  1764. 1762.  - .wall_postlink_preview_btn .button_blue {
  1765. 1763.  -   width: 120px;
  1766. 1764.  - }
  1767. 1765.  - .wall_postlink_preview_btn button {
  1768. 1766.  -   width: 120px;
  1769. 1767.  - }
  1770. 1768.  - .wall_postlink_preview_btn_disabled .wall_postlink_preview_btn_label {
  1771. 1769.  -   visibility: hidden;
  1772. 1770.  - }
  1773. 1771.  - .post_media_link_preview_loading {
  1774. 1772.  -   color: #777;
  1775. 1773.  -   display: none;
  1776. 1774.  - }
  1777. 1775.  - .wall_postlink_preview_btn_disabled .post_media_link_preview_loading {
  1778. 1776.  -   display: inline;
  1779. 1777.  - }
  1780. 1778.  - .wall_postlink_preview_btn_disabled .post_media_link_preview {
  1781. 1779.  -   display: none;
  1782. 1780.  - }
  1783. 1781.  -
  1784. 1782.  - .post_media_link_preview_wrap .button_blue {
  1785. 1783.  -   margin: -4px 0 0 10px;
  1786. 1784.  - }
  1787. 1785.  - .post_media_link_preview_wrap button {
  1788. 1786.  -   padding: 4px 10px;
  1789. 1787.  -   vertical-align: baseline;
  1790. 1788.  - }
  1791. 1789.  -
  1792. 1790.  - .post_media_link_preview_wrap .post_media_link_preview_disabler {
  1793. 1791.  -   display: none;
  1794. 1792.  - }
  1795. 1793.  - .post_media_link_preview_wrap .wall_postlink_preview_btn_disabled .post_media_link_preview_disabler {
  1796. 1794.  -   cursor: default;
  1797. 1795.  -   display: block;
  1798. 1796.  -   border: 1px solid #4E6F93;
  1799. 1797.  -   border-top-color: #517295;
  1800. 1798.  -   background: #7d99b8;
  1801. 1799.  -   background: rgba(93, 128, 167, 0.8);
  1802. 1800.  -
  1803. 1801.  -   color: #FFF;
  1804. 1802.  -   text-shadow: 0 1px 0 #45688E;
  1805. 1803.  -   padding: 2px 9px;
  1806. 1804.  -   margin: -3px 0 0 10px;
  1807. 1805.  -
  1808. 1806.  -   -webkit-border-radius: 2px;
  1809. 1807.  -   -khtml-border-radius: 2px;
  1810. 1808.  -   -moz-border-radius: 2px;
  1811. 1809.  -   border-radius: 2px;
  1812. 1810.  - }
  1813. 1811.  - .post_media_link_preview_wrap .wall_postlink_preview_btn_disabled .button_blue {
  1814. 1812.  -   display: none;
  1815. 1813.  - }
  1816. 1814.  -
  1817. 1815.  - .page_media_caption {
  1818. 1816.  -   padding: 1px 0 5px;
  1819. 1817.  -   line-height: 160%;
  1820. 1818.  - }
  1821. 1819.  - span.post_video_title {
  1822. 1820.  -   font-weight: bold;
  1823. 1821.  - }
  1824. 1822.  - span.post_video_duration {
  1825. 1823.  -   font-weight: bold;
  1826. 1824.  -   color: #000;
  1827. 1825.  - }
  1828. 1826.  - .wall_module .video {
  1829. 1827.  -   display: block;
  1830. 1828.  -   position: relative;
  1831. 1829.  - }
  1832. 1830.  - .wall_module .video:hover {
  1833. 1831.  -   text-decoration: none;
  1834. 1832.  - }
  1835. 1833.  - .wall_module .video img {
  1836. 1834.  -   height: 98px;
  1837. 1835.  -   vertical-align: top;
  1838. 1836.  - }
  1839. 1837.  - .wall_module .app img.icon {
  1840. 1838.  -   padding: 4px 5px 0px 0px;
  1841. 1839.  -   vertical-align: bottom;
  1842. 1840.  - }
  1843. 1841.  - .wall_module .app img.thumb {
  1844. 1842.  -   max-width: 75px;
  1845. 1843.  -   max-height: 75px;
  1846. 1844.  -   margin: 3px 6px 3px 0px;
  1847. 1845.  -   vertical-align: middle;
  1848. 1846.  - }
  1849. 1847.  - .wall_module .post_single_thumb_media .page_media_graffiti {
  1850. 1848.  -   height: 100px;
  1851. 1849.  -   width: 200px;
  1852. 1850.  -   max-width: 200px;
  1853. 1851.  - }
  1854. 1852.  - .wall_module .post_single_thumb_media .page_media_graffiti img {
  1855. 1853.  -   width: 200px;
  1856. 1854.  -   height: 100px;
  1857. 1855.  - }
  1858. 1856.  -
  1859. 1857.  - /* Mentions */
  1860. 1858.  - .wall_module .mention_rich_ta {
  1861. 1859.  -   background: #FFF;
  1862. 1860.  -   color: #000;
  1863. 1861.  -   padding: 3px;
  1864. 1862.  -   border: 1px solid #C0CAD5;
  1865. 1863.  -   outline: none;
  1866. 1864.  -   overflow-x: hidden;
  1867. 1865.  -   line-height: normal;
  1868. 1866.  - }
  1869. 1867.  - .wall_module .mini_editor_cont {
  1870. 1868.  -   display: none;
  1871. 1869.  -   position: relative;
  1872. 1870.  -   z-index: 100;
  1873. 1871.  - }
  1874. 1872.  - .wall_module .mention_rich_ta a {
  1875. 1873.  -   color: #2B587A !important;
  1876. 1874.  -   cursor: text !important;
  1877. 1875.  -   text-decoration: none !important;
  1878. 1876.  - }
  1879. 1877.  - .wall_module .mention_rich_ta p {
  1880. 1878.  -   font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
  1881. 1879.  -   font-size: 11px;
  1882. 1880.  -   padding: 0px;
  1883. 1881.  -   margin: 0;
  1884. 1882.  -   line-height: normal;
  1885. 1883.  - }
  1886. 1884.  - .big_wall_post #submit_post_box textarea,
  1887. 1885.  - .big_wall_post .mention_rich_ta,
  1888. 1886.  - .wall_module .mention_rich_ta p {
  1889. 1887.  -   font-size: 13px !important;
  1890. 1888.  -   line-height: 150% !important;
  1891. 1889.  - }
  1892. 1890.  - .font_medium .wall_module .mention_rich_ta p {
  1893. 1891.  -   font-size: 12px;
  1894. 1892.  - }
  1895. 1893.  -
  1896. 1894.  - .big_wall_post #submit_post_box textarea::-webkit-input-placeholder { color:#FFF; }
  1897. 1895.  - .big_wall_post #submit_post_box textarea::-moz-placeholder { color:#FFF; }
  1898. 1896.  -
  1899. 1897.  - .wall_module .mini_editor_cont .selector_container .result_list {
  1900. 1898.  -   display: none;
  1901. 1899.  - }
  1902. 1900.  - #page_add_media {
  1903. 1901.  -   padding: 6px 9px 0px;
  1904. 1902.  - }
  1905. 1903.  - .add_media_lnk {
  1906. 1904.  -   cursor: default;
  1907. 1905.  -   color: #2B587A;
  1908. 1906.  - }
  1909. 1907.  - #page_no_wall,
  1910. 1908.  - #page_no_suggests {
  1911. 1909.  -   padding: 30px 15px;
  1912. 1910.  -   font-size: 1.09em;
  1913. 1911.  -   color: #777;
  1914. 1912.  -   text-align: center;
  1915. 1913.  - }
  1916. 1914.  -
  1917. 1915.  - .add_media_rows {
  1918. 1916.  -   -webkit-border-radius: 2px;
  1919. 1917.  -   -khtml-border-radius: 2px;
  1920. 1918.  -   -moz-border-radius: 2px;
  1921. 1919.  -   border-radius: 2px;
  1922. 1920.  -   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  1923. 1921.  -   -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  1924. 1922.  -   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  1925. 1923.  -   background: #FFF;
  1926. 1924.  -   border: 1px solid #B2BDCA;
  1927. 1925.  -   position: static;
  1928. 1926.  -   margin: 0px -20px;
  1929. 1927.  - }
  1930. 1928.  - .add_media_head {
  1931. 1929.  -   background: #EDF1F5;
  1932. 1930.  -   padding: 7px 27px;
  1933. 1931.  -   color: #2B587A;
  1934. 1932.  - }
  1935. 1933.  - .add_media_menu {
  1936. 1934.  -   /* position: absolute; is in js*/
  1937. 1935.  -   display: none;
  1938. 1936.  -   cursor: default;
  1939. 1937.  -   z-index: 1005;
  1940. 1938.  - }
  1941. 1939.  - .add_media_item {
  1942. 1940.  -   padding: 6px 10px 2px 27px;
  1943. 1941.  -   display: block;
  1944. 1942.  -   height: 18px;
  1945. 1943.  -   position: relative;
  1946. 1944.  -   background: #FFF no-repeat;
  1947. 1945.  - }
  1948. 1946.  - .add_media_item:last-child,
  1949. 1947.  - .add_media_head:last-child,
  1950. 1948.  - .add_media_more_wrap a.add_media_more {
  1951. 1949.  -   -webkit-border-radius: 0px 0px 2px 2px;
  1952. 1950.  -   -khtml-border-radius: 0px 0px 2px 2px;
  1953. 1951.  -   -moz-border-radius: 0px 0px 2px 2px;
  1954. 1952.  -   border-radius: 0px 0px 2px 2px;
  1955. 1953.  - }
  1956. 1954.  - .add_media_item:first-child,
  1957. 1955.  - .add_media_head:first-child,
  1958. 1956.  - .add_media_rev .add_media_more_wrap a.add_media_more {
  1959. 1957.  -   -webkit-border-radius: 2px 2px 0px 0px;
  1960. 1958.  -   -khtml-border-radius: 2px 2px 0px 0px;
  1961. 1959.  -   -moz-border-radius: 2px 2px 0px 0px;
  1962. 1960.  -   border-radius: 2px 2px 0px 0px;
  1963. 1961.  - }
  1964. 1962.  - .add_media_item:hover {
  1965. 1963.  -   text-decoration: none;
  1966. 1964.  -   background-color: #e1e7ed;
  1967. 1965.  - }
  1968. 1966.  - .add_media_menu .rows {
  1969. 1967.  -   margin: 0px;
  1970. 1968.  -   position: relative;
  1971. 1969.  -   *position: static;
  1972. 1970.  -   z-index: 1006;
  1973. 1971.  - }
  1974. 1972.  - div.media_preview {
  1975. 1973.  -   margin-bottom: 8px;
  1976. 1974.  -   display: none;
  1977. 1975.  - }
  1978. 1976.  - div.med_no_attach {
  1979. 1977.  -   margin-bottom: 0px;
  1980. 1978.  - }
  1981. 1979.  - .media_preview .audio,
  1982. 1980.  - .media_preview .doc {
  1983. 1981.  -   padding-top: 4px;
  1984. 1982.  - }
  1985. 1983.  - .media_preview .doc {
  1986. 1984.  -   padding-bottom: 5px;
  1987. 1985.  - }
  1988. 1986.  -
  1989. 1987.  - .media_preview .x {
  1990. 1988.  -   cursor: pointer;
  1991. 1989.  -   margin: 4px 5px 0px;
  1992. 1990.  -   background: url(/images/pics/statusx_op.gif) no-repeat 0 0;
  1993. 1991.  -   opacity: 0.6;
  1994. 1992.  -   filter: alpha(opacity=60);
  1995. 1993.  -   height: 11px;
  1996. 1994.  -   width: 11px;
  1997. 1995.  - }
  1998. 1996.  - .media_preview .x:hover {
  1999. 1997.  -   opacity: 1;
  2000. 1998.  -   filter: none;
  2001. 1999.  - }
  2002. 2000.  - .media_preview .graffiti {
  2003. 2001.  -   width: 100px;
  2004. 2002.  -   height: 50px;
  2005. 2003.  - }
  2006. 2004.  - .media_preview .audio img,
  2007. 2005.  - .media_preview .app img {
  2008. 2006.  -   padding-top: 3px;
  2009. 2007.  - }
  2010. 2008.  - .media_preview .audio span,
  2011. 2009.  - .media_preview .app span,
  2012. 2010.  - .media_preview .doc span {
  2013. 2011.  -   padding: 0px 2px;
  2014. 2012.  -   position: relative;
  2015. 2013.  -   top: -1px;
  2016. 2014.  -   color: #45688E;
  2017. 2015.  - }
  2018. 2016.  - .page_pics_preview .pam_dpic .page_media_x_wrap {
  2019. 2017.  -   position: absolute;
  2020. 2018.  -   right: 0;
  2021. 2019.  -   top: 0;
  2022. 2020.  - }
  2023. 2021.  - .pam_dpic {
  2024. 2022.  -   position: relative;
  2025. 2023.  - }
  2026. 2024.  - .pam_dpic_up .pam_dpic {
  2027. 2025.  -   position: absolute;
  2028. 2026.  -   float: none;
  2029. 2027.  - }
  2030. 2028.  - .pam_bg {
  2031. 2029.  -   display: none;
  2032. 2030.  - }
  2033. 2031.  - .pam_dpic_up .pam_bg {
  2034. 2032.  -   display: block;
  2035. 2033.  -   position: static;
  2036. 2034.  - }
  2037. 2035.  - .page_preview_audio_wrap,
  2038. 2036.  - .page_preview_doc_wrap,
  2039. 2037.  - .page_preview_note_wrap,
  2040. 2038.  - .page_preview_share_wrap,
  2041. 2039.  - .page_preview_page_wrap,
  2042. 2040.  - .page_preview_poll_wrap,
  2043. 2041.  - .page_preview_postpone_wrap {
  2044. 2042.  -   padding: 5px 0px;
  2045. 2043.  - }
  2046. 2044.  - .media_audio_icon {
  2047. 2045.  -   float: left;
  2048. 2046.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -222px;
  2049. 2047.  -   width: 13px;
  2050. 2048.  -   height: 11px;
  2051. 2049.  - }
  2052. 2050.  - .media_doc_icon {
  2053. 2051.  -   float: left;
  2054. 2052.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -280px;
  2055. 2053.  -   width: 11px;
  2056. 2054.  -   height: 11px;
  2057. 2055.  -   margin: 0px 3px 0 -1px;
  2058. 2056.  - }
  2059. 2057.  - .wall_module .media_preview .share,
  2060. 2058.  - .wall_module .media_preview .note,
  2061. 2059.  - .wall_module .media_preview .poll {
  2062. 2060.  -   padding: 3px 0;
  2063. 2061.  -   color: #555;
  2064. 2062.  - }
  2065. 2063.  - .wall_module .media_preview .share,
  2066. 2064.  - .wall_module .media_preview .note,
  2067. 2065.  - .wall_module .media_preview .poll,
  2068. 2066.  - .wall_module .media_desc {
  2069. 2067.  -   line-height: 140%;
  2070. 2068.  - }
  2071. 2069.  - .wall_module .media_preview .share b,
  2072. 2070.  - .wall_module .media_preview .note b,
  2073. 2071.  - .wall_module .media_preview .poll b,
  2074. 2072.  - .wall_module .media_desc b {
  2075. 2073.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat left -237px;
  2076. 2074.  -   width: 15px;
  2077. 2075.  -   height: 11px;
  2078. 2076.  -   margin-top: 3px;
  2079. 2077.  - }
  2080. 2078.  - .wall_module .media_preview b.postpone {
  2081. 2079.  -   background-position: 0 -334px;
  2082. 2080.  -   margin-top: 2px;
  2083. 2081.  - }
  2084. 2082.  - .wall_module .media_desc b.topic {
  2085. 2083.  -   background-position: 0 -192px;
  2086. 2084.  - }
  2087. 2085.  - .wall_module .media_desc b.group {
  2088. 2086.  -   background-position: 0 -45px;
  2089. 2087.  -   height: 12px;
  2090. 2088.  - }
  2091. 2089.  - .wall_module .media_desc b.doc {
  2092. 2090.  -   background-position: 0 -280px;
  2093. 2091.  -   height: 11px;
  2094. 2092.  - }
  2095. 2093.  - .wall_module .media_desc b.note,
  2096. 2094.  - .wall_module .media_preview .note b {
  2097. 2095.  -   background-position: 0 -134px;
  2098. 2096.  - }
  2099. 2097.  - .wall_module .media_preview .poll {
  2100. 2098.  -   max-width: 300px;
  2101. 2099.  -   overflow: hidden;
  2102. 2100.  -   text-overflow: ellipsis;
  2103. 2101.  - }
  2104. 2102.  - .wall_module .media_preview .poll b {
  2105. 2103.  -   background-position: left -208px;
  2106. 2104.  - }
  2107. 2105.  - .wall_module .poll span span {
  2108. 2106.  -   color: #2B587A;
  2109. 2107.  - }
  2110. 2108.  -
  2111. 2109.  - .page_preview_map {
  2112. 2110.  -   -webkit-border-radius: 3px;
  2113. 2111.  -   -moz-border-radius: 3px;
  2114. 2112.  -   border-radius: 3px;
  2115. 2113.  -   margin-bottom: 5px;
  2116. 2114.  - }
  2117. 2115.  - .page_preview_map_wrap {
  2118. 2116.  -   margin-right: 8px;
  2119. 2117.  - }
  2120. 2118.  - .wall_module .media_desc {
  2121. 2119.  -   padding: 4px 0px 2px;
  2122. 2120.  - }
  2123. 2121.  - .wall_module .post_media .media_desc {
  2124. 2122.  -   padding-top: 8px;
  2125. 2123.  -   clear: both;
  2126. 2124.  - }
  2127. 2125.  - .wall_module .post_media .media_desc_soft {
  2128. 2126.  -   padding: 0px;
  2129. 2127.  -   float: left;
  2130. 2128.  -   margin-bottom: 2px;
  2131. 2129.  -   margin-right: 8px;
  2132. 2130.  -   margin-top: 8px;
  2133. 2131.  -   clear: none;
  2134. 2132.  - }
  2135. 2133.  - .wall_module .media_desc .lnk {
  2136. 2134.  -   color: #777;
  2137. 2135.  -   cursor: pointer;
  2138. 2136.  - }
  2139. 2137.  - .wall_module .media_desc .lnk:hover {
  2140. 2138.  -   text-decoration: none;
  2141. 2139.  - }
  2142. 2140.  - .wall_module .media_desc .a {
  2143. 2141.  -   color: #2b587a;
  2144. 2142.  -   word-wrap: break-word;
  2145. 2143.  - }
  2146. 2144.  - .wall_module .media_desc .lnk:hover .a {
  2147. 2145.  -   text-decoration: underline;
  2148. 2146.  - }
  2149. 2147.  - .wall_module .media_desc .comment {
  2150. 2148.  -   background-position: 0px -194px;
  2151. 2149.  - }
  2152. 2150.  - .wall_module .media_desc .note {
  2153. 2151.  -   background-position: 0px -150px;
  2154. 2152.  - }
  2155. 2153.  - .wall_module .media_desc .poll {
  2156. 2154.  -   background-position: 0px -208px;
  2157. 2155.  - }
  2158. 2156.  - .wall_module .media_desc .app {
  2159. 2157.  -   background-position: 0px -60px;
  2160. 2158.  - }
  2161. 2159.  - .wall_module .media_desc .checkin {
  2162. 2160.  -   background-position: 0px -165px;
  2163. 2161.  - }
  2164. 2162.  - .wall_module .media_desc .donation {
  2165. 2163.  -   background-position: 0px -179px;
  2166. 2164.  - }
  2167. 2165.  - .wall_module .media_desc .video {
  2168. 2166.  -   background-position: 0px -75px;
  2169. 2167.  - }
  2170. 2168.  - .page_media_map {
  2171. 2169.  -   margin: 5px 0px;
  2172. 2170.  -   -webkit-border-radius: 3px;
  2173. 2171.  -   -moz-border-radius: 3px;
  2174. 2172.  -   border-radius: 3px;
  2175. 2173.  -   display: inline-block;
  2176. 2174.  - }
  2177. 2175.  - .page_media_map_point {
  2178. 2176.  -   position: absolute;
  2179. 2177.  -   background: url('/images/map/small.png') center no-repeat;
  2180. 2178.  -   width: 190px;
  2181. 2179.  -   height: 60px;
  2182. 2180.  - }
  2183. 2181.  - .page_media_fullmap_wrap {
  2184. 2182.  -   display: block;
  2185. 2183.  -   width: 320px;
  2186. 2184.  -   overflow: hidden;
  2187. 2185.  - }
  2188. 2186.  - .page_media_fullmap_wrap .page_media_map_point {
  2189. 2187.  -   width: 344px;
  2190. 2188.  -   height: 205px;
  2191. 2189.  - }
  2192. 2190.  - .wall_module .media_desc .page_media_geo {
  2193. 2191.  -   color: #2B587A;
  2194. 2192.  - }
  2195. 2193.  - .wall_module .media_desc .page_media_geo:hover {
  2196. 2194.  -   text-decoration: underline;
  2197. 2195.  - }
  2198. 2196.  -
  2199. 2197.  - .big_wall_post #submit_post_box {
  2200. 2198.  -   padding: 15px;
  2201. 2199.  -   border-top: 0px;
  2202. 2200.  -   border-bottom: 1px solid #DAE1E8;
  2203. 2201.  -   background: #F7F7F7;
  2204. 2202.  - }
  2205. 2203.  - .big_wall_post #submit_post_box textarea {
  2206. 2204.  -   width: 589px;
  2207. 2205.  -   height: 50px;
  2208. 2206.  - }
  2209. 2207.  - .big_wall_post #submit_post {
  2210. 2208.  -   display: block;
  2211. 2209.  - }
  2212. 2210.  -
  2213. 2211.  - .box_body .shadow div {
  2214. 2212.  -   background: #000;
  2215. 2213.  -   height: 1px;
  2216. 2214.  -   opacity: 0.8;
  2217. 2215.  -   filter: alpha(opacity=80);
  2218. 2216.  -   position: absolute;
  2219. 2217.  -   z-index: 1050;
  2220. 2218.  -   overflow: hidden;
  2221. 2219.  - }
  2222. 2220.  - .box_body .shadow .sh0 {
  2223. 2221.  -   background: #FFFFFF;
  2224. 2222.  - }
  2225. 2223.  - .box_body .shadow .sh1 {
  2226. 2224.  -   opacity: 0.3;
  2227. 2225.  -   filter: alpha(opacity=30);
  2228. 2226.  -   margin-top: 0px;
  2229. 2227.  - }
  2230. 2228.  - .box_body .shadow.bottom .sh1 {
  2231. 2229.  -   margin-top: -1px;
  2232. 2230.  - }
  2233. 2231.  - .box_body .shadow .sh2 {
  2234. 2232.  -   opacity: 0.11;
  2235. 2233.  -   filter: alpha(opacity=11);
  2236. 2234.  -   margin-top: 1px;
  2237. 2235.  - }
  2238. 2236.  - .box_body .shadow.bottom .sh2 {
  2239. 2237.  -   margin-top: -2px;
  2240. 2238.  - }
  2241. 2239.  - .box_body .shadow .sh3 {
  2242. 2240.  -   opacity: 0.07;
  2243. 2241.  -   filter: alpha(opacity=7);
  2244. 2242.  -   margin-top: 2px;
  2245. 2243.  - }
  2246. 2244.  - .box_body .shadow.bottom .sh3 {
  2247. 2245.  -   margin-top: -3px;
  2248. 2246.  - }
  2249. 2247.  - .box_body .shadow .sh4 {
  2250. 2248.  -   opacity: 0.03;
  2251. 2249.  -   filter: alpha(opacity=3);
  2252. 2250.  -   margin-top: 3px;
  2253. 2251.  - }
  2254. 2252.  - .box_body .shadow.bottom .sh4 {
  2255. 2253.  -   margin-top: -4px;
  2256. 2254.  - }
  2257. 2255.  - .box_body .search_bar {
  2258. 2256.  -   background: #F2F2F2;
  2259. 2257.  -   /*height: 38px;*/
  2260. 2258.  -   padding: 9px 4px;
  2261. 2259.  - }
  2262. 2260.  - #add_place_data {
  2263. 2261.  -   background: #F7F7F7;
  2264. 2262.  -   padding: 14px 20px 6px;
  2265. 2263.  - }
  2266. 2264.  - .box_body .search_wrap {
  2267. 2265.  -   padding:  0px 4px;
  2268. 2266.  - }
  2269. 2267.  - .box_body .search_wrap .button_blue button {
  2270. 2268.  -   padding: 4px 16px;
  2271. 2269.  - }
  2272. 2270.  -
  2273. 2271.  - .box_body .choose_box .shadow div {
  2274. 2272.  -   width: 608px;
  2275. 2273.  - }
  2276. 2274.  - .box_body .search {
  2277. 2275.  -   margin: 0px 4px;
  2278. 2276.  -   width: 300px;
  2279. 2277.  - }
  2280. 2278.  - .font_medium .box_body .search {
  2281. 2279.  -   width: 280px;
  2282. 2280.  - }
  2283. 2281.  -
  2284. 2282.  - .choose_box {
  2285. 2283.  -   position: relative;
  2286. 2284.  - }
  2287. 2285.  - .choose_box .rows {
  2288. 2286.  -   margin: 0px auto;
  2289. 2287.  - }
  2290. 2288.  - .choose_box .return_link {
  2291. 2289.  -   padding: 4px 8px 0px;
  2292. 2290.  -   display: none;
  2293. 2291.  - }
  2294. 2292.  - .choose_box .progress {
  2295. 2293.  -   display: block;
  2296. 2294.  -   visibility: hidden;
  2297. 2295.  -   position: relative;
  2298. 2296.  -   margin: 3px 5px 0px;
  2299. 2297.  - }
  2300. 2298.  -
  2301. 2299.  - .choose_photo .item {
  2302. 2300.  -   background: #FFF;
  2303. 2301.  -   margin: 0px auto 10px;
  2304. 2302.  -   width: 87px;
  2305. 2303.  - }
  2306. 2304.  - .choose_photo .item.last {
  2307. 2305.  -   margin-bottom: 0px;
  2308. 2306.  - }
  2309. 2307.  - .choose_photo .item a {
  2310. 2308.  -   background: #FFF;
  2311. 2309.  -   border: 1px solid #AAA;
  2312. 2310.  -   display: block;
  2313. 2311.  -   height: 57px;
  2314. 2312.  -   padding: 5px;
  2315. 2313.  -   width: 75px;
  2316. 2314.  - }
  2317. 2315.  - .choose_photo .item a:hover {
  2318. 2316.  -   border-color: #45688E;
  2319. 2317.  -   text-decoration: none;
  2320. 2318.  - }
  2321. 2319.  - .choose_photo .item .thumb {
  2322. 2320.  -   background: #FFF;
  2323. 2321.  -   cursor: pointer;
  2324. 2322.  -   height: 57px;
  2325. 2323.  -   overflow: hidden;
  2326. 2324.  -   text-align: center;
  2327. 2325.  -   width: 75px;
  2328. 2326.  - }
  2329. 2327.  - .choose_photo .item img {
  2330. 2328.  -   cursor: pointer;
  2331. 2329.  - }
  2332. 2330.  - #choose_photo_rows, #choose_video_rows, #choose_audio_rows {
  2333. 2331.  -   padding: 10px 0px;
  2334. 2332.  -   position: relative;
  2335. 2333.  - }
  2336. 2334.  - #choose_video_rows .no_results, #choose_audio_rows .no_results {
  2337. 2335.  -   text-align: center;
  2338. 2336.  -   color: #777;
  2339. 2337.  -   line-height: 150%;
  2340. 2338.  - }
  2341. 2339.  - #choose_photo_bottom, #choose_video_bottom, #choose_audio_bottom {
  2342. 2340.  -   padding: 0px 10px;
  2343. 2341.  -   height: 21px;
  2344. 2342.  -   border-top: 1px solid #DAE2E8;
  2345. 2343.  - }
  2346. 2344.  - #choose_photo_content, #choose_video_content, #choose_audio_content {
  2347. 2345.  -   height: 374px;
  2348. 2346.  -   position: relative;
  2349. 2347.  -   overflow: auto;
  2350. 2348.  -   overflow-x: hidden;
  2351. 2349.  -   overflow-y: auto;
  2352. 2350.  - }
  2353. 2351.  - .choose_box .summary {
  2354. 2352.  -   padding: 5px 10px 0px;
  2355. 2353.  -   border-bottom: 1px solid #DAE2E8;
  2356. 2354.  - }
  2357. 2355.  - #choose_photo_summary, #choose_video_summary, #choose_audio_summary {
  2358. 2356.  -   padding: 3px 0px 4px;
  2359. 2357.  -   color: #45688E;
  2360. 2358.  -   font-weight: bold;
  2361. 2359.  - }
  2362. 2360.  - #choose_photo td, #choose_video td {
  2363. 2361.  -   text-align: center;
  2364. 2362.  -   vertical-align: top;
  2365. 2363.  - }
  2366. 2364.  - #choose_video td {
  2367. 2365.  -   width: 148px;
  2368. 2366.  - }
  2369. 2367.  - #choose_photo_upload_box {
  2370. 2368.  -   background-color: #F2F2F2;
  2371. 2369.  -   height: 38px;
  2372. 2370.  -   padding: 0px 4px;
  2373. 2371.  - }
  2374. 2372.  - #choose_photo_upload_box div {
  2375. 2373.  -   padding: 8px 6px 0px;
  2376. 2374.  - }
  2377. 2375.  - #choose_photo_upload_box div#choose_photo_upload {
  2378. 2376.  -   padding: 0px;
  2379. 2377.  -   margin: 0px;
  2380. 2378.  -   height: 20px;
  2381. 2379.  - }
  2382. 2380.  - #choose_photo_upload_box.over {
  2383. 2381.  -   background-color: #F9F9F9;
  2384. 2382.  - }
  2385. 2383.  - #choose_photo_upload .loading {
  2386. 2384.  -   padding: 5px;
  2387. 2385.  - }
  2388. 2386.  -
  2389. 2387.  - #page_new_photo {
  2390. 2388.  -   padding: 16px 14px;
  2391. 2389.  - }
  2392. 2390.  - #page_photo_upload {
  2393. 2391.  -   margin: 15px 0 0;
  2394. 2392.  -   text-align: center;
  2395. 2393.  - }
  2396. 2394.  - .page_upload_progress_wrap {
  2397. 2395.  -   width: 250px;
  2398. 2396.  -   height: 18px;
  2399. 2397.  -   margin: auto;
  2400. 2398.  -   background: #FFF;
  2401. 2399.  -   border: 1px solid #CCC;
  2402. 2400.  - }
  2403. 2401.  - .page_upload_progress {
  2404. 2402.  -   height: 18px;
  2405. 2403.  -   background: #597DA3 url(/images/progress_grad.gif) repeat;
  2406. 2404.  -   border: 1px solid #45688E;
  2407. 2405.  -   margin: -1px;
  2408. 2406.  - }
  2409. 2407.  - .page_attach_progress_wrap {
  2410. 2408.  -   width: 110px;
  2411. 2409.  -   height: 8px;
  2412. 2410.  -   margin: auto;
  2413. 2411.  -   margin-bottom: 6px;
  2414. 2412.  -   background: #FFF;
  2415. 2413.  -   border: 1px solid #CCC;
  2416. 2414.  - }
  2417. 2415.  - .page_attach_progress {
  2418. 2416.  -   height: 8px;
  2419. 2417.  -   background: #597DA3 url(/images/progress_grad.gif) repeat;
  2420. 2418.  -   border: 1px solid #45688E;
  2421. 2419.  -   margin: -1px;
  2422. 2420.  - }
  2423. 2421.  - .attach_label {
  2424. 2422.  -   color: #777777;
  2425. 2423.  -   margin: 0px 0 0 6px;
  2426. 2424.  - }
  2427. 2425.  - .media_preview .progress_x {
  2428. 2426.  -   cursor: pointer;
  2429. 2427.  -   margin: 3px 5px 0px;
  2430. 2428.  -   background: url(/images/hide_to.gif) no-repeat -2px -2px;
  2431. 2429.  -   opacity: 0.6;
  2432. 2430.  -   filter: alpha(opacity=60);
  2433. 2431.  -   height: 10px;
  2434. 2432.  -   width: 10px;
  2435. 2433.  - }
  2436. 2434.  -
  2437. 2435.  - #choose_video .item {
  2438. 2436.  -   display: block;
  2439. 2437.  -   position: relative;
  2440. 2438.  -   padding: 2px 0px 1px;
  2441. 2439.  -   font-size: 10px;
  2442. 2440.  -   margin: 0px auto 10px;
  2443. 2441.  -   overflow: hidden;
  2444. 2442.  -   text-decoration: none;
  2445. 2443.  -   width: 134px;
  2446. 2444.  - }
  2447. 2445.  - .font_medium #choose_video .item {
  2448. 2446.  -   font-size: 11px;
  2449. 2447.  - }
  2450. 2448.  - #choose_video .item img {
  2451. 2449.  -   background: #FFF;
  2452. 2450.  -   border: 1px solid #AAA;
  2453. 2451.  -   height: 97px;
  2454. 2452.  -   padding: 1px;
  2455. 2453.  -   width: 130px;
  2456. 2454.  - }
  2457. 2455.  - #choose_video .item:hover img {
  2458. 2456.  -   border: 1px solid #45688E;
  2459. 2457.  - }
  2460. 2458.  - #choose_video .item:hover span {
  2461. 2459.  -   text-decoration: underline;
  2462. 2460.  - }
  2463. 2461.  - #choose_video .item div {
  2464. 2462.  -   position: absolute;
  2465. 2463.  -   z-index: 1100;
  2466. 2464.  -   width: 130px;
  2467. 2465.  -   margin-top: 84px;
  2468. 2466.  - }
  2469. 2467.  - #choose_video .item div span.bg {
  2470. 2468.  -   background: #000;
  2471. 2469.  -   color: #000;
  2472. 2470.  -   opacity: 0.6;
  2473. 2471.  -   filter: alpha(opacity=60);
  2474. 2472.  - }
  2475. 2473.  - #choose_video .item div span {
  2476. 2474.  -   color: #FFF;
  2477. 2475.  -   padding: 0px 3px 1px;
  2478. 2476.  - }
  2479. 2477.  - #choose_video .item:hover div span {
  2480. 2478.  -   text-decoration: none;
  2481. 2479.  - }
  2482. 2480.  -
  2483. 2481.  - #choose_audio .audio_content {
  2484. 2482.  -   width: 460px;
  2485. 2483.  - }
  2486. 2484.  - .choose_audio_row  {
  2487. 2485.  -   height: 38px;
  2488. 2486.  -   overflow: hidden;
  2489. 2487.  - }
  2490. 2488.  - .choose_audio_row .audio .title_wrap {
  2491. 2489.  -   width: 340px;
  2492. 2490.  - }
  2493. 2491.  - .choose_audio_row .audio .title_wrap b {
  2494. 2492.  -   max-width: 240px;
  2495. 2493.  - }
  2496. 2494.  - .font_medium .choose_audio_row  .audio .title_wrap {
  2497. 2495.  -   width: 330px;
  2498. 2496.  - }
  2499. 2497.  - .font_medium .choose_audio_row  .audio .title_wrap b {
  2500. 2498.  -   max-width: 230px;
  2501. 2499.  - }
  2502. 2500.  - .narrow_column .audio .title_wrap {
  2503. 2501.  -   width: 116px;
  2504. 2502.  - }
  2505. 2503.  - .narrow_column .audio .title_wrap b {
  2506. 2504.  -   max-width: 116px;
  2507. 2505.  - }
  2508. 2506.  - a.choose {
  2509. 2507.  -   display: block;
  2510. 2508.  -   padding: 4px 6px;
  2511. 2509.  -   margin: 2px 6px 0px;
  2512. 2510.  - }
  2513. 2511.  - a.choose:hover {
  2514. 2512.  -   background: #DAE1E8;
  2515. 2513.  -   text-decoration: none;
  2516. 2514.  - }
  2517. 2515.  -
  2518. 2516.  -
  2519. 2517.  - /* new audio/video attach box */
  2520. 2518.  - .choose_close a {
  2521. 2519.  -   display: inline-block;
  2522. 2520.  -   padding-top: 17px;
  2523. 2521.  -   padding-bottom: 18px;
  2524. 2522.  -   color: #C7D7E9;
  2525. 2523.  -   -webkit-transition: color 100ms linear;
  2526. 2524.  -   -moz-transition: color 100ms linear;
  2527. 2525.  -   -o-transition: color 100ms linear;
  2528. 2526.  -   transition: color 100ms linear;
  2529. 2527.  - }
  2530. 2528.  - .choose_close a:hover {
  2531. 2529.  -   color: #FFF;
  2532. 2530.  -   text-decoration: none;
  2533. 2531.  - }
  2534. 2532.  - .choose_close .divider {
  2535. 2533.  -   color: #C7D7E9;
  2536. 2534.  - }
  2537. 2535.  - .choose_close a.choose_close_link {
  2538. 2536.  -   padding-right: 20px;
  2539. 2537.  -   padding-left: 0px;
  2540. 2538.  - }
  2541. 2539.  - .is_rtl1 .choose_close a.choose_close_link {
  2542. 2540.  -   padding-right: 0px;
  2543. 2541.  -   padding-left: 20px;
  2544. 2542.  - }
  2545. 2543.  - .choose_header {
  2546. 2544.  -   font-size: 1.09em;
  2547. 2545.  -   color: #FFF;
  2548. 2546.  -   background: #597BA5;
  2549. 2547.  -   font-weight: bold;
  2550. 2548.  -   padding: 17px 20px 18px;
  2551. 2549.  - }
  2552. 2550.  - #choose_audio.audio_search,
  2553. 2551.  - #choose_video.video_search_wrap {
  2554. 2552.  -   background-color: #ffffff;
  2555. 2553.  -   padding: 0px;
  2556. 2554.  - }
  2557. 2555.  - #choose_audio.audio_search #choose_audio_content,
  2558. 2556.  - #choose_video.video_search_wrap #choose_video_content {
  2559. 2557.  -   overflow: hidden;
  2560. 2558.  -   height: auto;
  2561. 2559.  - }
  2562. 2560.  - .choose_search_cont .search_bar {
  2563. 2561.  -   background-color: #eff1f3;
  2564. 2562.  -   margin: 0px;
  2565. 2563.  -   padding: 12px 5px 12px 20px;
  2566. 2564.  -   width: 619px;
  2567. 2565.  - }
  2568. 2566.  - #choose_audio a.choose {
  2569. 2567.  -   display: block;
  2570. 2568.  -   text-align: center;
  2571. 2569.  -   height: 28px;
  2572. 2570.  -   line-height: 28px;
  2573. 2571.  -   margin: 0px;
  2574. 2572.  -   padding: 0px 6px;
  2575. 2573.  -   float: right;
  2576. 2574.  -   max-width: 130px;
  2577. 2575.  -   overflow: hidden;
  2578. 2576.  -   text-overflow: ellipsis;
  2579. 2577.  - }
  2580. 2578.  - #choose_audio a.choose:hover {
  2581. 2579.  -   background: #EDF1F5;
  2582. 2580.  -   text-decoration: none;
  2583. 2581.  - }
  2584. 2582.  - .choose_search_cont {
  2585. 2583.  -   top: 0px;
  2586. 2584.  -   z-index: 10;
  2587. 2585.  - }
  2588. 2586.  - .choose_search_cont .top_shadow {
  2589. 2587.  -   position: absolute;
  2590. 2588.  -   height: 3px;
  2591. 2589.  -   margin-top: -1px;
  2592. 2590.  -   background: #555;
  2593. 2591.  -   opacity: 0.12;
  2594. 2592.  -   filter: alpha(opacity=12);
  2595. 2593.  -   width: 644px;
  2596. 2594.  -   display: none;
  2597. 2595.  - }
  2598. 2596.  - .choose_search_cont.fixed .top_shadow {
  2599. 2597.  -   display: block;
  2600. 2598.  - }
  2601. 2599.  - .choose_search_cont input {
  2602. 2600.  -   height: 13px;
  2603. 2601.  -   padding: 5px 20px;
  2604. 2602.  -   background: white url(/images/magglass.png) no-repeat 5px 6px;
  2605. 2603.  -   outline: none;
  2606. 2604.  - }
  2607. 2605.  - #choose_audio.audio_search .s_search {
  2608. 2606.  -   width: 418px;
  2609. 2607.  - }
  2610. 2608.  - .choose_search_cont input#choose_video_query {
  2611. 2609.  -   width: 564px;
  2612. 2610.  - }
  2613. 2611.  - #choose_audio.audio_search div.abutton_wrap button {
  2614. 2612.  -   width: 141px;
  2615. 2613.  - }
  2616. 2614.  - .choose_more_btn {
  2617. 2615.  -   display: block;
  2618. 2616.  -   background: #EEF0F2;
  2619. 2617.  -   text-align: center;
  2620. 2618.  -   padding: 16px;
  2621. 2619.  -   color: #738392;
  2622. 2620.  - }
  2623. 2621.  - .choose_more_btn:hover {
  2624. 2622.  -   text-decoration: none;
  2625. 2623.  -   background: #e9edf1;
  2626. 2624.  - }
  2627. 2625.  - .choose_preload {
  2628. 2626.  -   display: none;
  2629. 2627.  - }
  2630. 2628.  - .choose_no_rows {
  2631. 2629.  -   color: #777;
  2632. 2630.  -   padding: 150px 20px;
  2633. 2631.  -   text-align: center;
  2634. 2632.  -   font-size: 1.21em;
  2635. 2633.  - }
  2636. 2634.  - #choose_video .choose_no_rows {
  2637. 2635.  -   padding: 100px 20px 120px;
  2638. 2636.  - }
  2639. 2637.  - .dd_menu_stype_act.choose .dd_menu_header div,
  2640. 2638.  - .font_medium .dd_menu_stype_act.choose .dd_menu_header div {
  2641. 2639.  -   width: 109px;
  2642. 2640.  - }
  2643. 2641.  - #choose_audio #choose_audio_rows {
  2644. 2642.  -   padding: 12px 20px 0px;
  2645. 2643.  - }
  2646. 2644.  - #choose_video #choose_video_rows {
  2647. 2645.  -   padding: 20px 0px 7px 20px;
  2648. 2646.  - }
  2649. 2647.  - .is_rtl1 #choose_video #choose_video_rows {
  2650. 2648.  -   padding: 20px 20px 7px 0px;
  2651. 2649.  - }
  2652. 2650.  - .choose_video_row {
  2653. 2651.  -   width: 157px;
  2654. 2652.  -   text-align: center;
  2655. 2653.  - }
  2656. 2654.  - .choose_video_row .img {
  2657. 2655.  -   width: 130px;
  2658. 2656.  -   height: 97px;
  2659. 2657.  -   margin: 0px auto;
  2660. 2658.  -   position: relative;
  2661. 2659.  - }
  2662. 2660.  - .choose_video_row .duration {
  2663. 2661.  -   position: absolute;
  2664. 2662.  -   bottom: 4px;
  2665. 2663.  -   right: 4px;
  2666. 2664.  -   color: white;
  2667. 2665.  -   font-size: 0.9em;
  2668. 2666.  -   padding: 1px 4px 2px;
  2669. 2667.  -   -moz-border-radius: 2px;
  2670. 2668.  -   -webkit-border-radius: 2px;
  2671. 2669.  -   border-radius: 2px;
  2672. 2670.  -   background: rgba(0, 0, 0, 0.5);
  2673. 2671.  -   line-height: 1.35em;
  2674. 2672.  - }
  2675. 2673.  - .choose_video_row .label {
  2676. 2674.  -   font-size: 0.9em;
  2677. 2675.  -   height: 30px;
  2678. 2676.  -   width: 157px;
  2679. 2677.  -   padding: 4px 0px;
  2680. 2678.  -   margin-bottom: 7px;
  2681. 2679.  -   overflow: hidden;
  2682. 2680.  -   text-overflow: ellipsis;
  2683. 2681.  - }
  2684. 2682.  - #choose_video .search_reset {
  2685. 2683.  -   cursor: pointer;
  2686. 2684.  -   display: none;
  2687. 2685.  -   background: transparent url(/images/icons/input_clear.gif) 6px 6px no-repeat;
  2688. 2686.  -   padding: 2px;
  2689. 2687.  -   width: 19px;
  2690. 2688.  -   height: 19px;
  2691. 2689.  -   margin-left: -24px;
  2692. 2690.  -   margin-top: 1px;
  2693. 2691.  -   opacity: 0.6;
  2694. 2692.  -   filter: alpha(opacity=60);
  2695. 2693.  -   position: relative;
  2696. 2694.  -   z-index: 100;
  2697. 2695.  - }
  2698. 2696.  - #choose_video .search_progress {
  2699. 2697.  -   background: url("/images/upload.gif") no-repeat scroll center center transparent;
  2700. 2698.  -   display: none;
  2701. 2699.  -   height: 23px;
  2702. 2700.  -   margin-left: -41px;
  2703. 2701.  -   margin-top: 1px;
  2704. 2702.  -   position: relative;
  2705. 2703.  -   width: 32px;
  2706. 2704.  -   z-index: 95;
  2707. 2705.  - }
  2708. 2706.  - #choose_video.loading .search_progress,
  2709. 2707.  - #choose_video .search_reset.shown {
  2710. 2708.  -   display:block;
  2711. 2709.  - }
  2712. 2710.  - #choose_video.loading .search_reset.shown {
  2713. 2711.  -   display:none;
  2714. 2712.  - }
  2715. 2713.  - #choose_audio_rows.light div.title_wrap b span,
  2716. 2714.  - #choose_audio_rows.light div.title_wrap span.title span {
  2717. 2715.  -   background-color: #EFF1F3;
  2718. 2716.  -   border-bottom: 1px solid #EFF3F6;
  2719. 2717.  -   display: inline-block;
  2720. 2718.  - }
  2721. 2719.  -
  2722. 2720.  - .mem_no_list {
  2723. 2721.  -   background: #FFFFFF;
  2724. 2722.  -   border: 1px solid #DAE2E8;
  2725. 2723.  -   color: #777777;
  2726. 2724.  -   font-size: 1.18em;
  2727. 2725.  -   margin: 0 0 3px;
  2728. 2726.  -   padding: 80px 0;
  2729. 2727.  -   text-align: center;
  2730. 2728.  - }
  2731. 2729.  -
  2732. 2730.  - .module.empty .module_header .header_bottom,
  2733. 2731.  - .module.no_subheader .module_header .header_bottom {
  2734. 2732.  -   display: none;
  2735. 2733.  - }
  2736. 2734.  -
  2737. 2735.  - .module.empty .module_body {
  2738. 2736.  -   color: #707070;
  2739. 2737.  -   padding: 10px 8px;
  2740. 2738.  -   background-color: #F7F7F7;
  2741. 2739.  -   margin-bottom: 10px;
  2742. 2740.  -   text-align: center;
  2743. 2741.  -   border-bottom: 1px solid #DAE1E8;
  2744. 2742.  - }
  2745. 2743.  -
  2746. 2744.  - .module_warning {
  2747. 2745.  -   border-bottom: 1px solid #CCCCCC;
  2748. 2746.  -   color: #666666;
  2749. 2747.  -   background: #F7F7F7;
  2750. 2748.  -   padding: 8px;
  2751. 2749.  - }
  2752. 2750.  -
  2753. 2751.  - .video_module.empty .module_body,
  2754. 2752.  - .album_module.empty .module_body {
  2755. 2753.  -   padding: 10px 8px;
  2756. 2754.  - }
  2757. 2755.  -
  2758. 2756.  - .page_box .error {
  2759. 2757.  -   display: none;
  2760. 2758.  - }
  2761. 2759.  -
  2762. 2760.  - .page_box .error, .page_box .info_msg {
  2763. 2761.  -   margin-bottom:15px;
  2764. 2762.  - }
  2765. 2763.  -
  2766. 2764.  - .page_box .additional {
  2767. 2765.  -   font-size: 10px;
  2768. 2766.  -   margin-top:15px;
  2769. 2767.  - }
  2770. 2768.  - .font_medium .page_box .additional {
  2771. 2769.  -   font-size: 11px;
  2772. 2770.  - }
  2773. 2771.  -
  2774. 2772.  - .page_box .column {
  2775. 2773.  -   padding: 0px 7px;
  2776. 2774.  - }
  2777. 2775.  - .page_box #page_edit_small_photos {
  2778. 2776.  -   width: 179px;
  2779. 2777.  - }
  2780. 2778.  - .page_box #page_edit_preview50,
  2781. 2779.  - .page_box #page_edit_preview100 {
  2782. 2780.  -   height: 50px;
  2783. 2781.  -   overflow: hidden;
  2784. 2782.  -   width: 50px;
  2785. 2783.  - }
  2786. 2784.  - .page_box #page_edit_preview100 {
  2787. 2785.  -   height: 100px;
  2788. 2786.  -   width: 100px;
  2789. 2787.  - }
  2790. 2788.  -
  2791. 2789.  - .page_actions {
  2792. 2790.  -   padding-bottom: 10px;
  2793. 2791.  -   position: relative;
  2794. 2792.  - }
  2795. 2793.  - .page_actions .separator {
  2796. 2794.  -   border-top: 1px solid #E7EAED;
  2797. 2795.  -   margin: 3px 0 2px;
  2798. 2796.  -   height: 1px;
  2799. 2797.  - }
  2800. 2798.  - .page_actions a {
  2801. 2799.  -   background: none repeat scroll 0 0 #FFFFFF;
  2802. 2800.  -   display: block;
  2803. 2801.  -   padding: 4px 6px;
  2804. 2802.  -   width: 188px;
  2805. 2803.  - }
  2806. 2804.  - .page_actions a.unshown {
  2807. 2805.  -   display: none;
  2808. 2806.  - }
  2809. 2807.  -
  2810. 2808.  - .group_block_module a {
  2811. 2809.  -   display: block;
  2812. 2810.  -   padding: 4px 6px;
  2813. 2811.  -   background: #F1F1F1;
  2814. 2812.  -   width: 168px;
  2815. 2813.  - }
  2816. 2814.  -
  2817. 2815.  - .other_acts {
  2818. 2816.  -   position: absolute;
  2819. 2817.  -   z-index: 2000;
  2820. 2818.  -   display: none;
  2821. 2819.  - }
  2822. 2820.  - .other_acts .side_shadow {
  2823. 2821.  -   background: #000;
  2824. 2822.  -   opacity: 0.1;
  2825. 2823.  -   filter: alpha(opacity=10);
  2826. 2824.  - }
  2827. 2825.  - .other_acts .side_shadow div {
  2828. 2826.  -   width: 1px;
  2829. 2827.  - }
  2830. 2828.  - .other_acts .shadow1, .other_acts .shadow2 {
  2831. 2829.  -   background: #000;
  2832. 2830.  -   height: 1px;
  2833. 2831.  -   overflow: hidden;
  2834. 2832.  -   position: relative;
  2835. 2833.  -   opacity: 0.1;
  2836. 2834.  -   filter: alpha(opacity=10);
  2837. 2835.  - }
  2838. 2836.  - .other_acts .shadow2 {
  2839. 2837.  -   height: 1px;
  2840. 2838.  -   opacity: 0.05;
  2841. 2839.  -   filter: alpha(opacity=5);
  2842. 2840.  - }
  2843. 2841.  - .other_acts .header {
  2844. 2842.  -   cursor: pointer;
  2845. 2843.  -   width: 198px;
  2846. 2844.  -   border: 1px solid #517295;
  2847. 2845.  - }
  2848. 2846.  - .other_acts .header div {
  2849. 2847.  -   color: #FFF;
  2850. 2848.  -   background: #5e82a8;
  2851. 2849.  -   border: 1px solid;
  2852. 2850.  -   border-color: #7E9CBC #5C82AB #5e82a8;
  2853. 2851.  -   padding: 2px 4px;
  2854. 2852.  - }
  2855. 2853.  - .other_acts .header span {
  2856. 2854.  -   padding-right: 12px;
  2857. 2855.  -   background: url(/images/darr_dd_over.gif) no-repeat right 6px;
  2858. 2856.  - }
  2859. 2857.  - .other_acts .actions {
  2860. 2858.  -   border: 1px solid #96AABE;
  2861. 2859.  -   border-top: 0px;
  2862. 2860.  - }
  2863. 2861.  - .other_acts a,
  2864. 2862.  - .page_actions .other_acts a {
  2865. 2863.  -   background: #FFF;
  2866. 2864.  -   display: block;
  2867. 2865.  -   width: 192px !important;
  2868. 2866.  -   padding: 4px 3px !important;
  2869. 2867.  - }
  2870. 2868.  - .other_acts a span {
  2871. 2869.  -   font-weight: normal;
  2872. 2870.  -   margin: 0px 3px;
  2873. 2871.  - }
  2874. 2872.  - .other_acts a span.fl_l {
  2875. 2873.  -   background: url(/images/edit_photo_icons.gif) no-repeat;
  2876. 2874.  -   width: 16px;
  2877. 2875.  -   height: 13px;
  2878. 2876.  -   margin: 0px 1px;
  2879. 2877.  - }
  2880. 2878.  - .other_acts a span.new_photo {
  2881. 2879.  -   background-position: 0px -4px;
  2882. 2880.  - }
  2883. 2881.  - .other_acts a span.edit_small {
  2884. 2882.  -   background-position: 0px -26px;
  2885. 2883.  - }
  2886. 2884.  - .other_acts a span.from_webcam {
  2887. 2885.  -   background-position: 0px -48px;
  2888. 2886.  - }
  2889. 2887.  - .other_acts a span.delete_photo {
  2890. 2888.  -   background-position: 0px -70px;
  2891. 2889.  - }
  2892. 2890.  - .other_acts a:hover {
  2893. 2891.  -   text-decoration: none;
  2894. 2892.  -   background: #DAE1E8;
  2895. 2893.  - }
  2896. 2894.  - .page_actions a:hover {
  2897. 2895.  -   text-decoration: none;
  2898. 2896.  -   background: #DAE1E8;
  2899. 2897.  - }
  2900. 2898.  - .page_actions a span.other {
  2901. 2899.  -   background: url(/images/darr_on.gif) no-repeat right 6px;
  2902. 2900.  -   padding-right: 12px;
  2903. 2901.  - }
  2904. 2902.  -
  2905. 2903.  - .apps_list_module .module_body {
  2906. 2904.  -   padding: 5px 0px 10px;
  2907. 2905.  - }
  2908. 2906.  - .apps_list_module .thumb img {
  2909. 2907.  -   width: 16px;
  2910. 2908.  -   display: block;
  2911. 2909.  - }
  2912. 2910.  - .apps_list_module .thumb {
  2913. 2911.  -   height: 16px;
  2914. 2912.  -   width: 16px;
  2915. 2913.  -   overflow: hidden;
  2916. 2914.  - }
  2917. 2915.  - .apps_list_module .line_cell {
  2918. 2916.  -   display: block;
  2919. 2917.  -   padding: 3px 8px 3px;
  2920. 2918.  -   margin: 0px 0px;
  2921. 2919.  - }
  2922. 2920.  - .apps_list_module .line_cell:hover {
  2923. 2921.  -   text-decoration: none;
  2924. 2922.  - }
  2925. 2923.  - .apps_list_module .line_cell:hover .info .name {
  2926. 2924.  -   text-decoration: underline;
  2927. 2925.  - }
  2928. 2926.  - .apps_list_module .info {
  2929. 2927.  -   padding: 1px 6px 0px;
  2930. 2928.  -   width: 145px;
  2931. 2929.  -   overflow: hidden;
  2932. 2930.  -   /*height:14px;*/
  2933. 2931.  - }
  2934. 2932.  - .apps_list_module .info div {
  2935. 2933.  -   width: 300px;
  2936. 2934.  - }
  2937. 2935.  - .apps_list_module .info span {
  2938. 2936.  -   display: block;
  2939. 2937.  -   width: 300px;
  2940. 2938.  -   color: #777;
  2941. 2939.  -   font-size: 0.81em;
  2942. 2940.  - }
  2943. 2941.  -
  2944. 2942.  - .wide_column .big_header .fl_r {
  2945. 2943.  -   font-size: 11px;
  2946. 2944.  - }
  2947. 2945.  - .font_medium .wide_column .big_header .fl_r {
  2948. 2946.  -   font-size: 12px;
  2949. 2947.  - }
  2950. 2948.  -
  2951. 2949.  - .groups_list_module .thumb {
  2952. 2950.  -   height: 32px;
  2953. 2951.  -   width: 37px;
  2954. 2952.  -   overflow: hidden;
  2955. 2953.  - }
  2956. 2954.  -
  2957. 2955.  - .groups_list_module .module_body {
  2958. 2956.  -   padding: 5px 5px 10px;
  2959. 2957.  - }
  2960. 2958.  -
  2961. 2959.  - .groups_list_module .thumb img {
  2962. 2960.  -   width: 32px;
  2963. 2961.  - }
  2964. 2962.  -
  2965. 2963.  - .groups_list_module .group_desc,
  2966. 2964.  - .page_list_module .group_desc,
  2967. 2965.  - .page_list_module .people_desc,
  2968. 2966.  - .page_list_module .people_extra {
  2969. 2967.  -   max-height: 36px;
  2970. 2968.  -   overflow: hidden;
  2971. 2969.  -   font-size: 0.9em;
  2972. 2970.  -   color: gray;
  2973. 2971.  -   margin-bottom: 5px;
  2974. 2972.  - }
  2975. 2973.  - .font_medium .groups_list_module .group_desc,
  2976. 2974.  - .font_medium .page_list_module .group_desc,
  2977. 2975.  - .font_medium .page_list_module .people_desc,
  2978. 2976.  - .font_medium .page_list_module .people_extra {
  2979. 2977.  -   max-height: 42px;
  2980. 2978.  - }
  2981. 2979.  - .people_extra_lnk {
  2982. 2980.  -   color: gray;
  2983. 2981.  - }
  2984. 2982.  -
  2985. 2983.  - .page_list_module .people_extra {
  2986. 2984.  -   padding-bottom: 0px;
  2987. 2985.  - }
  2988. 2986.  -
  2989. 2987.  - .page_list_module .people_desc {
  2990. 2988.  -   color: #000;
  2991. 2989.  -   padding-bottom: 1px;
  2992. 2990.  - }
  2993. 2991.  -
  2994. 2992.  - .search_image {
  2995. 2993.  -   height: 100px;
  2996. 2994.  -   width: 100px;
  2997. 2995.  -   overflow: hidden;
  2998. 2996.  -   margin-right: 10px;
  2999. 2997.  - }
  3000. 2998.  -
  3001. 2999.  - .module .closed,
  3002. 3000.  - .module.closed .opened {
  3003. 3001.  -   display: none;
  3004. 3002.  - }
  3005. 3003.  -
  3006. 3004.  - .module.closed .closed {
  3007. 3005.  -   display: block;
  3008. 3006.  - }
  3009. 3007.  -
  3010. 3008.  - .help_steps_module .closed h4 {
  3011. 3009.  -   /*border: 0;*/
  3012. 3010.  - }
  3013. 3011.  -
  3014. 3012.  - .page_list_module .thumb img {
  3015. 3013.  -   width: 32px;
  3016. 3014.  -   display: block;
  3017. 3015.  - }
  3018. 3016.  -
  3019. 3017.  - .page_list_module .thumb {
  3020. 3018.  -   height: 32px;
  3021. 3019.  -   width: 32px;
  3022. 3020.  -   padding-top: 3px;
  3023. 3021.  -   overflow: hidden;
  3024. 3022.  - }
  3025. 3023.  -
  3026. 3024.  - .page_list_app {
  3027. 3025.  -   padding: 3px 0px 3px 10px;
  3028. 3026.  - }
  3029. 3027.  - .page_list_app .thumb img {
  3030. 3028.  -   width: 68px;
  3031. 3029.  -   display: block;
  3032. 3030.  -   border-radius: 5px;
  3033. 3031.  -   -moz-border-radius: 5px;
  3034. 3032.  -   -webkit-border-radius: 5px;
  3035. 3033.  - }
  3036. 3034.  -
  3037. 3035.  - .page_list_app .thumb {
  3038. 3036.  -   height: 68px;
  3039. 3037.  -   width: 68px;
  3040. 3038.  -   border-radius: 5px;
  3041. 3039.  -   -moz-border-radius: 5px;
  3042. 3040.  -   -webkit-border-radius: 5px;
  3043. 3041.  -   padding-top: 3px;
  3044. 3042.  -   overflow: hidden;
  3045. 3043.  - }
  3046. 3044.  -
  3047. 3045.  - .page_list_app .extra_info {
  3048. 3046.  -   width: 108px;
  3049. 3047.  -   padding: 4px 0px 0px 10px;
  3050. 3048.  - }
  3051. 3049.  - .page_list_app .people_name {
  3052. 3050.  -   font-weight: bold;
  3053. 3051.  -   padding-bottom: 4px;
  3054. 3052.  - }
  3055. 3053.  - .page_list_app .people_desc {
  3056. 3054.  -   color: #888888;
  3057. 3055.  -   padding-bottom: 9px;
  3058. 3056.  -   font-size: 1em;
  3059. 3057.  - }
  3060. 3058.  - .page_list_short .thumb {
  3061. 3059.  -   width: 38px;
  3062. 3060.  -   height: 38px;
  3063. 3061.  - }
  3064. 3062.  - .page_list_short .thumb img {
  3065. 3063.  -   width: 38px;
  3066. 3064.  - }
  3067. 3065.  - .page_list_short .extra_info {
  3068. 3066.  -   width: 120px;
  3069. 3067.  - }
  3070. 3068.  - .page_list_app button {
  3071. 3069.  -   padding-right: 10px;
  3072. 3070.  -   padding-left: 10px;
  3073. 3071.  - }
  3074. 3072.  - .page_app_run_arr {
  3075. 3073.  -   padding-right: 10px;
  3076. 3074.  -   width: 60px;
  3077. 3075.  -   background: url(/images/backlink.gif?4) no-repeat 62px -127px;
  3078. 3076.  - }
  3079. 3077.  - #group_apps {
  3080. 3078.  -
  3081. 3079.  - }
  3082. 3080.  -
  3083. 3081.  - .page_list_module .line_cell {
  3084. 3082.  -   display: block;
  3085. 3083.  -   padding: 3px 8px;
  3086. 3084.  -   margin: 0px 0px;
  3087. 3085.  - }
  3088. 3086.  -
  3089. 3087.  - .page_list_module .line_cell .info,
  3090. 3088.  - .page_list_module .line_cell .desc_info,
  3091. 3089.  - .page_list_module .line_cell .extra_info {
  3092. 3090.  -   width: 138px;
  3093. 3091.  -   overflow: hidden;
  3094. 3092.  -   word-wrap: break-word;
  3095. 3093.  - }
  3096. 3094.  -
  3097. 3095.  - .page_list_module .line_cell .info {
  3098. 3096.  -   padding: 9px 6px 0px;
  3099. 3097.  - }
  3100. 3098.  - .page_list_module .line_cell .info:hover {
  3101. 3099.  -   text-decoration: underline;
  3102. 3100.  - }
  3103. 3101.  -
  3104. 3102.  - .page_list_module .line_cell .desc_info {
  3105. 3103.  -   padding: 3px 6px 0px;
  3106. 3104.  - }
  3107. 3105.  -
  3108. 3106.  - .page_list_module .line_cell .extra_info {
  3109. 3107.  -   padding: 0px 6px;
  3110. 3108.  - }
  3111. 3109.  -
  3112. 3110.  - .page_list_module .module_body {
  3113. 3111.  -   padding: 5px 0px 10px;
  3114. 3112.  - }
  3115. 3113.  -
  3116. 3114.  - .groups_list_module .line_cell .info {
  3117. 3115.  -   padding: 5px 0px 0px;
  3118. 3116.  - }
  3119. 3117.  -
  3120. 3118.  - #own_reply_add_media {
  3121. 3119.  -   padding: 10px 9px 0px;
  3122. 3120.  - }
  3123. 3121.  -
  3124. 3122.  - #own_reply .wall_module .post,
  3125. 3123.  - #own_reply .wall_text,
  3126. 3124.  - .tt .wall_module .post,
  3127. 3125.  - .tt .wall_text,
  3128. 3126.  - .tt .wall_module div.post_image {
  3129. 3127.  -   border-top: 0px;
  3130. 3128.  -   padding-top: 0px;
  3131. 3129.  - }
  3132. 3130.  - #own_reply .wall_module .online,
  3133. 3131.  - .tt .wall_module .online {
  3134. 3132.  -   display: none;
  3135. 3133.  - }
  3136. 3134.  - #own_reply .your_reply {
  3137. 3135.  -   color: #777;
  3138. 3136.  -   padding-bottom: 10px;
  3139. 3137.  - }
  3140. 3138.  - #own_reply_field {
  3141. 3139.  -   width: 422px;
  3142. 3140.  - }
  3143. 3141.  - #own_reply_in_news,
  3144. 3142.  - #own_reply_no_news,
  3145. 3143.  - #own_reply_warn {
  3146. 3144.  -   color: #777;
  3147. 3145.  -   padding-top: 10px;
  3148. 3146.  - }
  3149. 3147.  - #own_reply_no_news,
  3150. 3148.  - #own_reply_warn {
  3151. 3149.  -   display: none;
  3152. 3150.  - }
  3153. 3151.  - #own_reply_media_preview {
  3154. 3152.  -   padding-top: 8px;
  3155. 3153.  - }
  3156. 3154.  -
  3157. 3155.  - .module .add_link {
  3158. 3156.  -   padding-top: 5px;
  3159. 3157.  -   padding-bottom: 5px;
  3160. 3158.  - }
  3161. 3159.  - .module .add_item {
  3162. 3160.  -   padding-top: 5px;
  3163. 3161.  -   padding-bottom: 5px;
  3164. 3162.  - }
  3165. 3163.  -
  3166. 3164.  - #page_edit_small_photos .fl_l {
  3167. 3165.  -   padding: 0 7px 10px;
  3168. 3166.  - }
  3169. 3167.  -
  3170. 3168.  - #choose_photo_upload_box .right_link, .choose_box .right_link {
  3171. 3169.  -   padding: 4px;
  3172. 3170.  - }
  3173. 3171.  -
  3174. 3172.  - .group_share, .event_share, .group_checkin {
  3175. 3173.  -   padding-top: 5px;
  3176. 3174.  - }
  3177. 3175.  -
  3178. 3176.  - .group_share .photo, .event_share .photo {
  3179. 3177.  -   width: 75px;
  3180. 3178.  -   height: 75px;
  3181. 3179.  -   padding: 3px 0 0;
  3182. 3180.  -   overflow: hidden;
  3183. 3181.  - }
  3184. 3182.  -
  3185. 3183.  - .group_share .photo img, .event_share .photo img {
  3186. 3184.  -   width: 75px;
  3187. 3185.  - }
  3188. 3186.  -
  3189. 3187.  - .group_share .info, .event_share .info {
  3190. 3188.  -   width: 220px;
  3191. 3189.  -   overflow: hidden;
  3192. 3190.  -   padding: 0 10px;
  3193. 3191.  - }
  3194. 3192.  - .group_checkin .photo {
  3195. 3193.  -   width: 35px;
  3196. 3194.  -   height: 35px;
  3197. 3195.  -   padding: 3px 0 3px;
  3198. 3196.  -   overflow: hidden;
  3199. 3197.  - }
  3200. 3198.  - .group_checkin .photo img {
  3201. 3199.  -   width: 35px;
  3202. 3200.  - }
  3203. 3201.  - .group_checkin .info {
  3204. 3202.  -   margin: 3px 0px 3px 8px;
  3205. 3203.  -   width: 292px;
  3206. 3204.  - }
  3207. 3205.  - .group_checkin .desc {
  3208. 3206.  -   color: #777;
  3209. 3207.  -   padding: 3px 0 0;
  3210. 3208.  -   line-height: 140%;
  3211. 3209.  - }
  3212. 3210.  -
  3213. 3211.  - .tt .wall_module .group_share .info, .tt .wall_module .event_share .info, .tt .wall_module .group_checkin .info {
  3214. 3212.  -   width: 180px;
  3215. 3213.  - }
  3216. 3214.  -
  3217. 3215.  - .group_share .title, .event_share .title, .group_checkin .title {
  3218. 3216.  -   font-weight: bold;
  3219. 3217.  - }
  3220. 3218.  -
  3221. 3219.  - .group_share .desc {
  3222. 3220.  -   color: #777;
  3223. 3221.  -   padding: 5px 0 0;
  3224. 3222.  -   line-height: 140%;
  3225. 3223.  - }
  3226. 3224.  -
  3227. 3225.  - .event_share .desc {
  3228. 3226.  -   padding: 5px 0 0;
  3229. 3227.  -   line-height: 140%;
  3230. 3228.  - }
  3231. 3229.  -
  3232. 3230.  - .event_share .where {
  3233. 3231.  -   color: #777;
  3234. 3232.  -   padding: 5px 0 0;
  3235. 3233.  - }
  3236. 3234.  -
  3237. 3235.  - .event_share .when {
  3238. 3236.  -   color: #777;
  3239. 3237.  - }
  3240. 3238.  -
  3241. 3239.  - .page_add_place_box .row {
  3242. 3240.  -   padding: 0px 0px 6px;
  3243. 3241.  - }
  3244. 3242.  - .page_add_place_box .label {
  3245. 3243.  -   clear: left;
  3246. 3244.  -   color: #555555;
  3247. 3245.  -   padding-right: 10px;
  3248. 3246.  -   padding-top: 4px;
  3249. 3247.  -   width: 160px;
  3250. 3248.  - }
  3251. 3249.  - .page_add_place_box .labeled {
  3252. 3250.  -   width: 200px;
  3253. 3251.  - }
  3254. 3252.  - .page_add_place_box .details {
  3255. 3253.  -   color: #777;
  3256. 3254.  -   font-size: 0.9em;
  3257. 3255.  -   width: 140px;
  3258. 3256.  -   margin: 0px 10px 0px 170px;
  3259. 3257.  - }
  3260. 3258.  - .page_add_place_box .text {
  3261. 3259.  -   width: 200px;
  3262. 3260.  -   padding: 6px 3px;
  3263. 3261.  -
  3264. 3262.  - }
  3265. 3263.  - .box_body .page_add_place_box .shadow div {
  3266. 3264.  -   width: 548px;
  3267. 3265.  -   z-index: 5;
  3268. 3266.  - }
  3269. 3267.  - #public_place_map {
  3270. 3268.  -   padding: 20px;
  3271. 3269.  - }
  3272. 3270.  - .page_add_place_box .places_map {
  3273. 3271.  -   height: 300px;
  3274. 3272.  - }
  3275. 3273.  - #place_map_yandex, #place_map_google, #place_map_mapbox {
  3276. 3274.  -   display: none;
  3277. 3275.  - }
  3278. 3276.  -
  3279. 3277.  - .member_list_more_link {
  3280. 3278.  -   display: block;
  3281. 3279.  -   padding: 10px 0px;
  3282. 3280.  -   text-align: center;
  3283. 3281.  -   margin-bottom: 5px;
  3284. 3282.  - }
  3285. 3283.  - .member_list_more_link:hover {
  3286. 3284.  -   text-decoration: none;
  3287. 3285.  -   background: #E9EDF1;
  3288. 3286.  - }
  3289. 3287.  - .member_list_more_link .progress {
  3290. 3288.  -   margin: 0px auto;
  3291. 3289.  - }
  3292. 3290.  - .member_list_more_link div {
  3293. 3291.  -   height: 13px;
  3294. 3292.  - }
  3295. 3293.  -
  3296. 3294.  - .page_add_event_info .tip {
  3297. 3295.  -   color: #777;
  3298. 3296.  -   padding: 0 0 3px 23px;
  3299. 3297.  - }
  3300. 3298.  -
  3301. 3299.  - .page_members_box {
  3302. 3300.  -   overflow: auto;
  3303. 3301.  -   max-height: 380px;
  3304. 3302.  -   padding: 10px;
  3305. 3303.  -   padding-bottom: 0px;
  3306. 3304.  - }
  3307. 3305.  - .page_members_box .member_row {
  3308. 3306.  -   border-bottom: 1px solid #dee4e8;
  3309. 3307.  -   margin-bottom: 5px;
  3310. 3308.  -   padding-bottom: 2px;
  3311. 3309.  - }
  3312. 3310.  - .page_members_box .member_row:last-child {
  3313. 3311.  -   border-bottom: none;
  3314. 3312.  - }
  3315. 3313.  - .page_members_box .member_row .member_info {
  3316. 3314.  -   width: 200px;
  3317. 3315.  - }
  3318. 3316.  - .page_members_box .member_row .photo {
  3319. 3317.  -   display: block;
  3320. 3318.  -   width: 60px;
  3321. 3319.  - }
  3322. 3320.  - .page_members_box .member_row .actions {
  3323. 3321.  -   width: 150px;
  3324. 3322.  - }
  3325. 3323.  - .page_members_box .member_row b {
  3326. 3324.  -   color: #888888;
  3327. 3325.  -   font-weight: normal;
  3328. 3326.  - }
  3329. 3327.  -
  3330. 3328.  - .page_members_box .member_row .actions a {
  3331. 3329.  -   background: white;
  3332. 3330.  -   border-top: #FFFFFF;
  3333. 3331.  -   border-style:solid none none;
  3334. 3332.  -   border-width:1px 0 0;
  3335. 3333.  -   display:block;
  3336. 3334.  -   padding:3px 6px 3px;
  3337. 3335.  - }
  3338. 3336.  -
  3339. 3337.  - .page_members_box .member_row .actions a:hover {
  3340. 3338.  -   background: #DAE1E8;
  3341. 3339.  -   color:#36638E;
  3342. 3340.  -   /*border-top: 1px solid #CAD1D9;*/
  3343. 3341.  -   text-decoration:none;
  3344. 3342.  - }
  3345. 3343.  -
  3346. 3344.  - .page_members_box .member_row .res {
  3347. 3345.  -   background-color: #F7F7F7;
  3348. 3346.  -   border: 1px solid #CCC;
  3349. 3347.  -   padding: 5px 11px;
  3350. 3348.  -   margin: 5px 0 0;
  3351. 3349.  -   width: 310px;
  3352. 3350.  - }
  3353. 3351.  -
  3354. 3352.  - .add_blacklist_box .photo {
  3355. 3353.  -   width: 110px;
  3356. 3354.  -   height: 100px;
  3357. 3355.  -   overflow: hidden;
  3358. 3356.  - }
  3359. 3357.  -
  3360. 3358.  - .add_blacklist_box .info {
  3361. 3359.  -   width: 270px;
  3362. 3360.  - }
  3363. 3361.  -
  3364. 3362.  - .page_contact_error {
  3365. 3363.  -   margin-bottom: 15px;
  3366. 3364.  - }
  3367. 3365.  - a.wall_reply_greeting {
  3368. 3366.  -   color: #000;
  3369. 3367.  - }
  3370. 3368.  -
  3371. 3369.  - /* Docs module */
  3372. 3370.  - .page_doc {
  3373. 3371.  -   padding: 10px 8px 0px 8px;
  3374. 3372.  -   display: block;
  3375. 3373.  - }
  3376. 3374.  - .page_doc_icon {
  3377. 3375.  -   background: #E1E7ED url('/images/icons/darr.gif') 6px 7px no-repeat;
  3378. 3376.  -   width: 27px;
  3379. 3377.  -   height: 17px;
  3380. 3378.  -   border-radius: 3px;
  3381. 3379.  -   -moz-border-radius: 3px;
  3382. 3380.  -   color: #6A839E;
  3383. 3381.  -   padding: 3px 0px 0px 17px;
  3384. 3382.  -   position: absolute;
  3385. 3383.  -   display: block;
  3386. 3384.  - }
  3387. 3385.  - .page_doc_icon:hover {
  3388. 3386.  -   text-decoration: none;
  3389. 3387.  - }
  3390. 3388.  - .page_doc_cont {
  3391. 3389.  -   padding: 2px 5px 0px 52px;
  3392. 3390.  - }
  3393. 3391.  - .page_doc_name {
  3394. 3392.  -   font-weight: bold;
  3395. 3393.  - }
  3396. 3394.  - .page_doc_date {
  3397. 3395.  -   color: #777;
  3398. 3396.  - }
  3399. 3397.  -
  3400. 3398.  - /* Real-time replies update */
  3401. 3399.  - .new_reply {
  3402. 3400.  -   display: none;
  3403. 3401.  - }
  3404. 3402.  - .replies_open {
  3405. 3403.  -   color: #71869B;
  3406. 3404.  -   background: #E9EDF1;
  3407. 3405.  -   cursor: pointer;
  3408. 3406.  -   padding: 6px;
  3409. 3407.  -   text-align: center;
  3410. 3408.  -   margin: 5px 0;
  3411. 3409.  - }
  3412. 3410.  - .replies_open:hover {
  3413. 3411.  -   background: #EEF2F6;
  3414. 3412.  - }
  3415. 3413.  -
  3416. 3414.  - /* Replies side pointer */
  3417. 3415.  - .replies_side_wrap {
  3418. 3416.  -   cursor: pointer;
  3419. 3417.  -   width: 50px;
  3420. 3418.  -   position: absolute;
  3421. 3419.  -   margin-left: -60px;
  3422. 3420.  -   padding-top: 31px;
  3423. 3421.  - }
  3424. 3422.  - .wide_wall_module .replies_side_wrap {
  3425. 3423.  -   margin-left: -61px;
  3426. 3424.  - }
  3427. 3425.  - .replies_side {
  3428. 3426.  -   position: relative;
  3429. 3427.  -   padding: 10px 0;
  3430. 3428.  - }
  3431. 3429.  - .replies_side_over {
  3432. 3430.  -   background: #E9EDF1;
  3433. 3431.  - }
  3434. 3432.  - .replies_side_icon {
  3435. 3433.  -   display: none;
  3436. 3434.  -   width: 14px;
  3437. 3435.  -   height: 7px;
  3438. 3436.  -   background: url(/images/toplink.gif?3) 0 -58px no-repeat;
  3439. 3437.  - }
  3440. 3438.  - .replies_side_over .replies_side_icon {
  3441. 3439.  -   display: block;
  3442. 3440.  - }
  3443. 3441.  -
  3444. 3442.  - /* Abuse */
  3445. 3443.  - .page_abuse_footer {
  3446. 3444.  -   border-top: 1px solid #D8DFE5;
  3447. 3445.  -   color: #777;
  3448. 3446.  -   padding: 6px 8px;
  3449. 3447.  -   background: #F1F1F1;
  3450. 3448.  -   margin: 0 -10px;
  3451. 3449.  -   text-align: center;
  3452. 3450.  - }
  3453. 3451.  - #abx_error_wrap {
  3454. 3452.  -   display: none;
  3455. 3453.  - }
  3456. 3454.  - #abx_error {
  3457. 3455.  -   line-height: 160%;
  3458. 3456.  -   background: #F4EBBD;
  3459. 3457.  -   margin-bottom: 10px;
  3460. 3458.  - }
  3461. 3459.  - .abx_content {
  3462. 3460.  -   line-height: 140%;
  3463. 3461.  - }
  3464. 3462.  - h2.abx_header {
  3465. 3463.  -   border-bottom: none;
  3466. 3464.  -   margin-bottom: 7px;
  3467. 3465.  - }
  3468. 3466.  - #abx_radiobtns {
  3469. 3467.  -   padding: 0px 0 20px 12px;
  3470. 3468.  - }
  3471. 3469.  - #abx_radiobtns .radiobtn {
  3472. 3470.  -   margin-top: 14px;
  3473. 3471.  - }
  3474. 3472.  - .abx_addinfo {
  3475. 3473.  -   margin-top: 2px;
  3476. 3474.  - }
  3477. 3475.  - #abx_comment {
  3478. 3476.  -   width: 372px;
  3479. 3477.  -   height: 34px;
  3480. 3478.  - }
  3481. 3479.  - .abx_blacklist_cb_wrap {
  3482. 3480.  -   padding-top: 10px;
  3483. 3481.  - }
  3484. 3482.  - .abx_hint {
  3485. 3483.  -   padding-top: 10px;
  3486. 3484.  - }
  3487. 3485.  -
  3488. 3486.  -
  3489. 3487.  -
  3490. 3488.  - /* Multi attaches */
  3491. 3489.  - .page_preview_photo_wrap, .page_preview_video_wrap, .page_preview_graffiti_wrap {
  3492. 3490.  -   position: relative;
  3493. 3491.  -   height: 57px;
  3494. 3492.  -   overflow: hidden;
  3495. 3493.  -   cursor: pointer;
  3496. 3494.  -   padding: 0 10px 8px 0;
  3497. 3495.  - }
  3498. 3496.  - .page_preview_album_wrap {
  3499. 3497.  -   position: relative;
  3500. 3498.  -   overflow: hidden;
  3501. 3499.  -   cursor: pointer;
  3502. 3500.  -   padding: 0 10px 8px 0;
  3503. 3501.  - }
  3504. 3502.  - div.page_preview_photo, div.page_preview_video, div.page_preview_graffiti {
  3505. 3503.  -   height: 57px;
  3506. 3504.  -   overflow: hidden;
  3507. 3505.  - }
  3508. 3506.  - div.page_preview_video, div.page_preview_graffiti {
  3509. 3507.  -   width: 75px;
  3510. 3508.  -   overflow: hidden;
  3511. 3509.  - }
  3512. 3510.  - img.page_preview_video, img.page_preview_graffiti {
  3513. 3511.  -   width: 75px;
  3514. 3512.  - }
  3515. 3513.  -
  3516. 3514.  - .page_doc_photo {
  3517. 3515.  -   width: 130px;
  3518. 3516.  -   height: 98px;
  3519. 3517.  -   background: #000000;
  3520. 3518.  -   background-position: 50% 50%;
  3521. 3519.  -   background-repeat: no-repeat;
  3522. 3520.  -   text-align: center;
  3523. 3521.  - }
  3524. 3522.  - .page_doc_photo_href {
  3525. 3523.  -   position: relative;
  3526. 3524.  - }
  3527. 3525.  - .page_doc_photo_href:hover {
  3528. 3526.  -   text-decoration: none;
  3529. 3527.  - }
  3530. 3528.  - .page_preview_doc_photo_hint {
  3531. 3529.  -   width: 80px;
  3532. 3530.  -   *width: 100px;
  3533. 3531.  -   text-align: center;
  3534. 3532.  -   color: #FFFFFF;
  3535. 3533.  -   background: #000000;
  3536. 3534.  -   padding: 3px 10px 1px 10px;
  3537. 3535.  -   font-size: 0.81em;
  3538. 3536.  -   margin-bottom: 5px;
  3539. 3537.  -   *background: #000000;
  3540. 3538.  -   background: rgba(0,0,0,0.5);
  3541. 3539.  -   position: absolute;
  3542. 3540.  -   margin-top: -18px;
  3543. 3541.  -   height: 14px;
  3544. 3542.  -   *height: 18px;
  3545. 3543.  - }
  3546. 3544.  -
  3547. 3545.  - .page_doc_photo_hint {
  3548. 3546.  -   width: 110px;
  3549. 3547.  -   *width: 130px;
  3550. 3548.  -   text-align: center;
  3551. 3549.  -   color: #FFFFFF;
  3552. 3550.  -   background: #000000;
  3553. 3551.  -   padding: 2px 10px;
  3554. 3552.  -   font-size: 0.81em;
  3555. 3553.  -   margin-bottom: 5px;
  3556. 3554.  -   *background: #000000;
  3557. 3555.  -   background: rgba(0,0,0,0.5);
  3558. 3556.  -   position: absolute;
  3559. 3557.  -   margin-top: -18px;
  3560. 3558.  -   height: 14px;
  3561. 3559.  -   *height: 18px;
  3562. 3560.  -   padding: 2px 10px;
  3563. 3561.  -   font-size: 0.81em;
  3564. 3562.  - }
  3565. 3563.  -
  3566. 3564.  -
  3567. 3565.  - .page_pics_preview .page_preview_doc_wrap {
  3568. 3566.  -   padding: 0 10px 8px 0;
  3569. 3567.  -   width: 100px;
  3570. 3568.  -   height: 75px;
  3571. 3569.  - }
  3572. 3570.  -
  3573. 3571.  - .page_preview_doc_photo {
  3574. 3572.  -   width: 100px;
  3575. 3573.  -   min-height: 30px;
  3576. 3574.  -   background: #000000;
  3577. 3575.  -   text-align: center;
  3578. 3576.  - }
  3579. 3577.  -
  3580. 3578.  -
  3581. 3579.  - .page_pics_preview {
  3582. 3580.  -   position: relative;
  3583. 3581.  -   margin-bottom: 0;
  3584. 3582.  - }
  3585. 3583.  - .page_pics_preview .page_media_x_wrap {
  3586. 3584.  -   position: relative;
  3587. 3585.  -   background: #222;
  3588. 3586.  -   background: rgba(0, 0, 0, 0.5);
  3589. 3587.  -
  3590. 3588.  -   -webkit-border-radius: 3px;
  3591. 3589.  -   -moz-border-radius: 3px;
  3592. 3590.  -   border-radius: 3px;
  3593. 3591.  -   padding: 3px;
  3594. 3592.  -
  3595. 3593.  -   cursor: pointer;
  3596. 3594.  -   margin-left: -13px;
  3597. 3595.  - }
  3598. 3596.  - .page_photos_count {
  3599. 3597.  -   position: absolute;
  3600. 3598.  -   top: 3px;
  3601. 3599.  -   right: 3px;
  3602. 3600.  -   padding: 1px 3px;
  3603. 3601.  -   font-size: 0.7em;
  3604. 3602.  -   color: #FFF;
  3605. 3603.  -   background: rgba(0,0,0,1);
  3606. 3604.  -   opacity: 0.6;
  3607. 3605.  -   filter: alpha(opacity=60);
  3608. 3606.  -   -moz-border-radius: 3px;
  3609. 3607.  -   -webkit-border-radius: 3px;
  3610. 3608.  -   border-radius: 3px;
  3611. 3609.  -   font-weight: bold;
  3612. 3610.  - }
  3613. 3611.  - .page_pics_preview .page_media_x {
  3614. 3612.  -   display: block;
  3615. 3613.  -   background: url("/images/notifier_close.gif") no-repeat scroll 0 0 transparent;
  3616. 3614.  -   opacity: 0.6;
  3617. 3615.  -   filter: alpha(opacity=60);
  3618. 3616.  -
  3619. 3617.  -   width: 7px;
  3620. 3618.  -   height: 7px;
  3621. 3619.  - }
  3622. 3620.  - .page_pics_preview .page_media_x_wrap:hover .page_media_x {
  3623. 3621.  -   opacity: 0.8;
  3624. 3622.  -   filter: alpha(opacity=80);
  3625. 3623.  - }
  3626. 3624.  - .page_media_sortable {
  3627. 3625.  -   position: relative;
  3628. 3626.  - }
  3629. 3627.  - .page_docs_preview .page_media_x_wrap {
  3630. 3628.  -   cursor: pointer;
  3631. 3629.  -   margin: 6px 5px 0px;
  3632. 3630.  -   background: url(/images/pics/statusx_op.gif) no-repeat 0 0;
  3633. 3631.  -   opacity: 0.6;
  3634. 3632.  -   filter: alpha(opacity=60);
  3635. 3633.  -   height: 11px;
  3636. 3634.  -   width: 11px;
  3637. 3635.  -   -webkit-box-shadow: 0;
  3638. 3636.  -   -moz-box-shadow: 0;
  3639. 3637.  -   box-shadow: 0;
  3640. 3638.  -   -webkit-transition: opacity 100ms linear;
  3641. 3639.  -   -moz-transition: opacity 100ms linear;
  3642. 3640.  -   -o-transition: opacity 100ms linear;
  3643. 3641.  -   transition: opacity 100ms linear;
  3644. 3642.  - }
  3645. 3643.  - .page_docs_preview .page_media_x_wrap:hover {
  3646. 3644.  -   opacity: 1;
  3647. 3645.  - }
  3648. 3646.  -
  3649. 3647.  - /* New checkboxes */
  3650. 3648.  - .checkbox_pic {
  3651. 3649.  -   cursor: pointer;
  3652. 3650.  - }
  3653. 3651.  - #status_export.checkbox_pic, #facebook_export.checkbox_pic,
  3654. 3652.  - #own_status_export.checkbox_pic, #own_facebook_export.checkbox_pic,
  3655. 3653.  - .checkbox_status_export, .checkbox_facebook_export
  3656. 3654.  -  {
  3657. 3655.  -   background: url(/images/icons/wall_export.gif?1) no-repeat 0 0;
  3658. 3656.  -   height: 14px;
  3659. 3657.  -   width: 14px;
  3660. 3658.  -   overflow: hidden;
  3661. 3659.  - }
  3662. 3660.  - #status_export.checkbox_pic,
  3663. 3661.  - #own_status_export.checkbox_pic,
  3664. 3662.  - .checkbox_status_export {
  3665. 3663.  -   background-position: 0 -42px;
  3666. 3664.  -   opacity: 0.5;
  3667. 3665.  -   filter: alpha(opacity=50);
  3668. 3666.  - }
  3669. 3667.  - #facebook_export.checkbox_pic,
  3670. 3668.  - #own_facebook_export.checkbox_pic,
  3671. 3669.  - .checkbox_facebook_export {
  3672. 3670.  -   background-position: 0 -14px;
  3673. 3671.  -   opacity: 0.5;
  3674. 3672.  -   filter: alpha(opacity=50);
  3675. 3673.  - }
  3676. 3674.  - #status_export.on,
  3677. 3675.  - #own_status_export.on,
  3678. 3676.  - .checkbox_status_export.on {
  3679. 3677.  -   opacity: 1;
  3680. 3678.  -   filter: none;
  3681. 3679.  - }
  3682. 3680.  - #facebook_export.on,
  3683. 3681.  - #own_facebook_export.on,
  3684. 3682.  - .checkbox_facebook_export.on {
  3685. 3683.  -   opacity: 1;
  3686. 3684.  -   filter: none;
  3687. 3685.  - }
  3688. 3686.  - .box_controls_text .checkbox_pic {
  3689. 3687.  -   margin-right: 5px;
  3690. 3688.  - }
  3691. 3689.  - .postpone_preview .checkbox,
  3692. 3690.  - .postpone_preview .checkbox_status_export,
  3693. 3691.  - .postpone_preview .checkbox_facebook_export {
  3694. 3692.  -   margin: 0 10px 0 0;
  3695. 3693.  - }
  3696. 3694.  - .postpone_preview .checkbox div {
  3697. 3695.  -   margin-bottom: 0;
  3698. 3696.  - }
  3699. 3697.  -
  3700. 3698.  - /* New upload form */
  3701. 3699.  - .post_upload_wrap {
  3702. 3700.  -   position: absolute;
  3703. 3701.  -   right: 10px;
  3704. 3702.  -   z-index: 110;
  3705. 3703.  - }
  3706. 3704.  - .post_upload_wrap .loading {
  3707. 3705.  -   display: none;
  3708. 3706.  - }
  3709. 3707.  - .post_upload_wrap div.post_upload {
  3710. 3708.  -   background: url(/images/icons/attach_photo.gif) center 15px no-repeat;
  3711. 3709.  -   width: 34px;
  3712. 3710.  -   height: 40px;
  3713. 3711.  -   overflow: hidden;
  3714. 3712.  -   position: relative;
  3715. 3713.  -   opacity: 0.8;
  3716. 3714.  -   filter: alpha(opacity=80);
  3717. 3715.  - }
  3718. 3716.  - .post_upload_wrap div.post_upload:hover {
  3719. 3717.  -   opacity: 1;
  3720. 3718.  -   filter: none;
  3721. 3719.  - }
  3722. 3720.  - .post_upload_wrap input {
  3723. 3721.  -   opacity: 0.01;
  3724. 3722.  -   filter: alpha(opacity=1);
  3725. 3723.  -   font-size: 6.54em !important;
  3726. 3724.  -   right: 0px;
  3727. 3725.  -   margin: 0px;
  3728. 3726.  -   padding: 0px;
  3729. 3727.  -   cursor: pointer;
  3730. 3728.  -   position: absolute;
  3731. 3729.  - }
  3732. 3730.  - .post_upload_dropbox {
  3733. 3731.  -   position: absolute;
  3734. 3732.  -   z-index: 120;
  3735. 3733.  -   display: none;
  3736. 3734.  - }
  3737. 3735.  - .post_upload_dropbox_inner {
  3738. 3736.  -   background: #FFF;
  3739. 3737.  -   text-align: center;
  3740. 3738.  -   color: #7F92A5;
  3741. 3739.  -   font-size: 1.09em;
  3742. 3740.  -   border: 1px dashed #A3B6C9;
  3743. 3741.  -   padding: 0 5px;
  3744. 3742.  -   display: table-cell;
  3745. 3743.  -   vertical-align: middle;
  3746. 3744.  -   width: 369px;
  3747. 3745.  - }
  3748. 3746.  - .dropbox_over .post_upload_dropbox_inner {
  3749. 3747.  -   background-color: #E1E7ED;
  3750. 3748.  - }
  3751. 3749.  - .dropbox_over .post_upload_release_label {
  3752. 3750.  -   display: inline;
  3753. 3751.  - }
  3754. 3752.  - .post_upload_release_label, .dropbox_over .post_upload_drop_label {
  3755. 3753.  -   display: none;
  3756. 3754.  - }
  3757. 3755.  -
  3758. 3756.  - #wpe_signed {
  3759. 3757.  -   padding-bottom: 10px;
  3760. 3758.  - }
  3761. 3759.  - .wpe_buttons {
  3762. 3760.  -   height: 25px;
  3763. 3761.  -   padding-bottom: 10px;
  3764. 3762.  - }
  3765. 3763.  - .wpe_auth {
  3766. 3764.  -   padding-bottom: 10px;
  3767. 3765.  -   line-height: 160%;
  3768. 3766.  -   color: #777;
  3769. 3767.  - }
  3770. 3768.  - .wpe_auth_lnk {
  3771. 3769.  -   color: #777;
  3772. 3770.  - }
  3773. 3771.  - #wpe_warn {
  3774. 3772.  -   padding-top: 10px;
  3775. 3773.  -   color: #777;
  3776. 3774.  -   display: none;
  3777. 3775.  - }
  3778. 3776.  - .wpe_cancel {
  3779. 3777.  -   margin: 0px 7px;
  3780. 3778.  - }
  3781. 3779.  - .wpe_cancel .button {
  3782. 3780.  -   padding-left: 10px;
  3783. 3781.  -   padding-right: 10px;
  3784. 3782.  - }
  3785. 3783.  - #wpe_prg {
  3786. 3784.  -   margin: 6px 10px 0px;
  3787. 3785.  - }
  3788. 3786.  - #wpe_add_media {
  3789. 3787.  -   padding: 6px 9px 0px;
  3790. 3788.  - }
  3791. 3789.  - .wpe_info {
  3792. 3790.  -   color: #777;
  3793. 3791.  - }
  3794. 3792.  - .wpe_prg {
  3795. 3793.  -   margin: 0px 3px;
  3796. 3794.  -   height: 10px;
  3797. 3795.  - }
  3798. 3796.  - #wpe_text {
  3799. 3797.  -   line-height: 1.27em;
  3800. 3798.  -   outline: none;
  3801. 3799.  - }
  3802. 3800.  - #wpe_cont .mention_rich_ta {
  3803. 3801.  -   line-height: 1.27em;
  3804. 3802.  - }
  3805. 3803.  - #wpe_cont {
  3806. 3804.  -   margin-top: 10px;
  3807. 3805.  - }
  3808. 3806.  - #wpe_text {
  3809. 3807.  -   width: 329px;
  3810. 3808.  - }
  3811. 3809.  - .reply_text #wpe_text {
  3812. 3810.  -   width: 290px;
  3813. 3811.  - }
  3814. 3812.  - .fw_reply_info #wpe_text {
  3815. 3813.  -   width: 446px;
  3816. 3814.  - }
  3817. 3815.  - .wpe_buttons {
  3818. 3816.  -   width: 337px;
  3819. 3817.  - }
  3820. 3818.  - .reply_text .wpe_buttons {
  3821. 3819.  -   width: 298px;
  3822. 3820.  - }
  3823. 3821.  - #wpe_media_preview {
  3824. 3822.  -   padding-top: 10px;
  3825. 3823.  - }
  3826. 3824.  -
  3827. 3825.  -
  3828. 3826.  - /* Inline polls */
  3829. 3827.  - .page_media_poll_desc {
  3830. 3828.  -   padding-left: 5px;
  3831. 3829.  -   font-weight: normal;
  3832. 3830.  -   color: #777;
  3833. 3831.  - }
  3834. 3832.  - .page_media_poll_wrap {
  3835. 3833.  -   padding: 5px 0 10px;
  3836. 3834.  -   clear: left;
  3837. 3835.  - }
  3838. 3836.  - .page_media_poll {
  3839. 3837.  -   max-width: 400px;
  3840. 3838.  - }
  3841. 3839.  - .page_media_poll_title {
  3842. 3840.  -   line-height: 140%;
  3843. 3841.  -   border-bottom: 1px solid #E7EAED;
  3844. 3842.  -   font-weight: bold;
  3845. 3843.  -   color: #45688E;
  3846. 3844.  -   padding: 4px 0px 2px;
  3847. 3845.  -   max-width: 400px;
  3848. 3846.  - }
  3849. 3847.  - .page_media_poll_title .a {
  3850. 3848.  -   color: #45688E;
  3851. 3849.  - }
  3852. 3850.  - .page_poll_options {
  3853. 3851.  -   padding: 2px 0 0 ;
  3854. 3852.  - }
  3855. 3853.  - .page_poll_radio {
  3856. 3854.  -   padding: 10px 0 0;
  3857. 3855.  - }
  3858. 3856.  - .wall_module .page_poll_radio .progress_inline {
  3859. 3857.  -   float: none;
  3860. 3858.  -   margin: 0 0 0 5px;
  3861. 3859.  -   display: inline;
  3862. 3860.  -   display: inline-block;
  3863. 3861.  -   _zoom: 1;
  3864. 3862.  -   vertical-align: bottom;
  3865. 3863.  -   width: 32px;
  3866. 3864.  -   height: 13px;
  3867. 3865.  -   background: url(/images/upload.gif) no-repeat 50% 50%;
  3868. 3866.  - }
  3869. 3867.  -
  3870. 3868.  - .page_media_poll .page_poll_row {
  3871. 3869.  -   background: #F7F7F7;
  3872. 3870.  -   width: 100%;
  3873. 3871.  - }
  3874. 3872.  - .page_media_poll .page_poll_row_count {
  3875. 3873.  -   text-align: center;
  3876. 3874.  -   margin-top: -15px;
  3877. 3875.  -   color: #8BA1BC;
  3878. 3876.  -   line-height: 15px;
  3879. 3877.  - }
  3880. 3878.  - .page_media_poll .page_poll_row_percent,
  3881. 3879.  - .im_log_t .post_media td.page_poll_row_percent {
  3882. 3880.  -   line-height: 13px;
  3883. 3881.  -   padding: 2px 0 0 6px;
  3884. 3882.  -   cursor: default;
  3885. 3883.  - }
  3886. 3884.  - .page_media_poll .page_poll_text {
  3887. 3885.  -   padding: 10px 2px 2px;
  3888. 3886.  - }
  3889. 3887.  - .page_media_poll .page_poll_percent {
  3890. 3888.  -   background: #DAE1E8;
  3891. 3889.  -   height: 15px;
  3892. 3890.  - }
  3893. 3891.  - .page_poll_bottom {
  3894. 3892.  -   padding-top: 12px;
  3895. 3893.  - }
  3896. 3894.  -
  3897. 3895.  -
  3898. 3896.  - /* Wide wall fixes */
  3899. 3897.  - .wide_wall_module {
  3900. 3898.  -   background: #FFF;
  3901. 3899.  -   padding: 5px 15px 15px;
  3902. 3900.  - }
  3903. 3901.  - .wide_wall_module .audio .info {
  3904. 3902.  -   width: 100%;
  3905. 3903.  - }
  3906. 3904.  - .wide_wall_module .post {
  3907. 3905.  -   border-top: 0px;
  3908. 3906.  -   border-bottom: 1px solid #DAE1E8;
  3909. 3907.  - }
  3910. 3908.  - .wide_wall_module .post:last-child {
  3911. 3909.  -   border-bottom: 0px;
  3912. 3910.  - }
  3913. 3911.  - .wide_wall_module .post_info {
  3914. 3912.  -   width: 537px;
  3915. 3913.  - }
  3916. 3914.  - .wide_wall_module .wall_text,
  3917. 3915.  - .wide_wall_module .wall_post_text,
  3918. 3916.  - .wide_wall_module .post_media {
  3919. 3917.  -   width: 537px;
  3920. 3918.  - }
  3921. 3919.  - .wide_wall_module .wall_text_name {
  3922. 3920.  -   width: 505px;
  3923. 3921.  - }
  3924. 3922.  -
  3925. 3923.  - .wide_wall_module .reply_table .post_media {
  3926. 3924.  -   width: 465px;
  3927. 3925.  - }
  3928. 3926.  - .wide_wall_module .published_by_quote .wall_text,
  3929. 3927.  - .wide_wall_module .published_by_quote .wall_post_text,
  3930. 3928.  - .wide_wall_module .published_by_quote .post_media  {
  3931. 3929.  -   width: 527px;
  3932. 3930.  - }
  3933. 3931.  - .wide_wall_module .wall_post_text, .wide_wall_module .wall_reply_text {
  3934. 3932.  -   line-height: 160%;
  3935. 3933.  - }
  3936. 3934.  - .wide_wall_module .like_wrap, .wide_wall_module .reply_link_wrap,
  3937. 3935.  - .wide_wall_module .reply_link_wrap small, .wide_wall_module .info_footer {
  3938. 3936.  -   font-size: 11px;
  3939. 3937.  - }
  3940. 3938.  - .font_medium .wide_wall_module .like_wrap,
  3941. 3939.  - .font_medium .wide_wall_module .reply_link_wrap,
  3942. 3940.  - .font_medium .wide_wall_module .reply_link_wrap small,
  3943. 3941.  - .font_medium .wide_wall_module .info_footer {
  3944. 3942.  -   font-size: 12px;
  3945. 3943.  - }
  3946. 3944.  -
  3947. 3945.  - .big_wall #page_wall_posts .post,
  3948. 3946.  - .big_wall #page_wall_posts .online {
  3949. 3947.  -   display: block;
  3950. 3948.  - }
  3951. 3949.  - .wide_wall_module .group_share .info, .wide_wall_module .event_share .info, .wide_wall_module .group_checkin .info {
  3952. 3950.  -   width: 390px;
  3953. 3951.  - }
  3954. 3952.  - .wide_wall_module .wpe_prg {
  3955. 3953.  -   height: 13px;
  3956. 3954.  -   margin: 0px 10px;
  3957. 3955.  - }
  3958. 3956.  - .wide_wall_module #wpe_text {
  3959. 3957.  -   width: 529px;
  3960. 3958.  -   line-height: 1.54em;
  3961. 3959.  - }
  3962. 3960.  -
  3963. 3961.  - .wide_wall_module div.published_by_date {
  3964. 3962.  -   width: 480px;
  3965. 3963.  - }
  3966. 3964.  - .wide_wall_module .reply_text #wpe_text {
  3967. 3965.  -   width: 468px;
  3968. 3966.  - }
  3969. 3967.  - .fw_reply_info #wpe_text {
  3970. 3968.  -   width: 450px;
  3971. 3969.  - }
  3972. 3970.  - .wide_wall_module .reply_text .wpe_buttons {
  3973. 3971.  -   width: 477px;
  3974. 3972.  - }
  3975. 3973.  - .fw_reply_info .wpe_buttons {
  3976. 3974.  -   width: 455px;
  3977. 3975.  - }
  3978. 3976.  - .wide_wall_module .wpe_buttons {
  3979. 3977.  -   width: 537px;
  3980. 3978.  - }
  3981. 3979.  - .wide_wall_module #wpe_cont .mention_rich_ta {
  3982. 3980.  -   line-height: 1.54em;
  3983. 3981.  - }
  3984. 3982.  - .wide_wall_module .postpone_preview .content, .fw_post_info .postpone_preview .content {
  3985. 3983.  -   width: 300px!important;
  3986. 3984.  - }
  3987. 3985.  - .wide_wall_module a.page_media_link_thumb,
  3988. 3986.  - .wide_wall_module i.page_media_link_thumb,
  3989. 3987.  - .wide_wall_moudle span.page_media_link_thumb {
  3990. 3988.  -   width: 130px;
  3991. 3989.  - }
  3992. 3990.  - .wide_wall_module .reply {
  3993. 3991.  -   padding: 10px 0px 11px;
  3994. 3992.  - }
  3995. 3993.  - .wide_wall_module a.reply_image,
  3996. 3994.  - .wide_wall_module img.reply_image {
  3997. 3995.  -   width: 50px;
  3998. 3996.  -   height: 50px;
  3999. 3997.  - }
  4000. 3998.  - .wide_wall_module .reply_info {
  4001. 3999.  -   margin-left: 60px;
  4002. 4000.  -   width: 477px;
  4003. 4001.  -   min-height: 51px;
  4004. 4002.  - }
  4005. 4003.  - .wide_wall_module .wall_reply_text {
  4006. 4004.  -   width: 477px;
  4007. 4005.  - }
  4008. 4006.  - .wide_wall_module .reply_button_wrap button {
  4009. 4007.  -   padding: 6px 16px;
  4010. 4008.  - }
  4011. 4009.  - .wide_wall_module .reply_box_open .reply_field {
  4012. 4010.  -   height: 42px;
  4013. 4011.  - }
  4014. 4012.  - .wide_wall_module .reply_field_tail {
  4015. 4013.  -   width: 6px;
  4016. 4014.  -   height: 11px;
  4017. 4015.  -   background-position: 0 -154px;
  4018. 4016.  -   margin-left: -9px;
  4019. 4017.  -   margin-top: 16px;
  4020. 4018.  - }
  4021. 4019.  -
  4022. 4020.  - .wide_wall_module .reply_form_img,
  4023. 4021.  - .wide_wall_module a.reply_form_image {
  4024. 4022.  -   width: 50px;
  4025. 4023.  -   height: 50px;
  4026. 4024.  - }
  4027. 4025.  - .wide_wall_module .reply_box_open .reply_form {
  4028. 4026.  -   margin-left: 62px;
  4029. 4027.  - }
  4030. 4028.  -
  4031. 4029.  - /* New post likes */
  4032. 4030.  - .wall_module .post_like_wrap {
  4033. 4031.  -   position: relative;
  4034. 4032.  -   width: 150px;
  4035. 4033.  - }
  4036. 4034.  - .wide_wall_module .post_like_wrap {
  4037. 4035.  -   width: 200px;
  4038. 4036.  - }
  4039. 4037.  - .post_like,
  4040. 4038.  - .post_share {
  4041. 4039.  -   background: #FFF;
  4042. 4040.  -   color: #2F5879;
  4043. 4041.  -   font-size: 10px;
  4044. 4042.  -   cursor: pointer;
  4045. 4043.  -   padding: 5px 6px;
  4046. 4044.  -   margin-top: -1px;
  4047. 4045.  -   right: 0px;
  4048. 4046.  -   position: absolute;
  4049. 4047.  -   white-space: nowrap;
  4050. 4048.  -
  4051. 4049.  -   -webkit-border-radius: 3px;
  4052. 4050.  -   -khtml-border-radius: 3px;
  4053. 4051.  -   -moz-border-radius: 3px;
  4054. 4052.  -   border-radius: 3px;
  4055. 4053.  -   overflow: hidden;
  4056. 4054.  - }
  4057. 4055.  - .font_medium .post_like,
  4058. 4056.  - .font_medium .post_share {
  4059. 4057.  -   font-size: 11px;
  4060. 4058.  - }
  4061. 4059.  - .wide_wall_module .post_like,
  4062. 4060.  - .wide_wall_module .post_share {
  4063. 4061.  -   font-size: 11px;
  4064. 4062.  - }
  4065. 4063.  - .font_medium .wide_wall_module .post_like,
  4066. 4064.  - .font_medium .wide_wall_module .post_share {
  4067. 4065.  -   font-size: 12px;
  4068. 4066.  - }
  4069. 4067.  - .post_like_link,
  4070. 4068.  - .post_share_link {
  4071. 4069.  -   color: #829BAF;
  4072. 4070.  - }
  4073. 4071.  - .wall_post_over .post_like_link,
  4074. 4072.  - .wall_module .post:hover .post_like_link,
  4075. 4073.  - .wall_post_over .post_share_link,
  4076. 4074.  - .wall_module .post:hover .post_share_link {
  4077. 4075.  -   color: #2F5879;
  4078. 4076.  - }
  4079. 4077.  - .wall_module .post_like:hover,
  4080. 4078.  - .wall_module .post_share:hover {
  4081. 4079.  -   background: #E9EDF1;
  4082. 4080.  - }
  4083. 4081.  - .wall_module .post_like_icon,
  4084. 4082.  - .wall_module .post_share_icon {
  4085. 4083.  -   background: url(/images/icons/like.gif?2) no-repeat 1px 0px;
  4086. 4084.  -   height: 10px;
  4087. 4085.  -   margin: 2px 2px 0px;
  4088. 4086.  -   padding-right: 1px;
  4089. 4087.  -   opacity: 0.4;
  4090. 4088.  -   filter: alpha(opacity=40);
  4091. 4089.  -   width: 11px;
  4092. 4090.  - }
  4093. 4091.  - .wall_module .post_share_icon {
  4094. 4092.  -   background-position: 0 -21px;
  4095. 4093.  -   margin-top: 1px;
  4096. 4094.  -   width: 11px;
  4097. 4095.  -   height: 11px;
  4098. 4096.  - }
  4099. 4097.  - .wide_wall_module .post_like_icon {
  4100. 4098.  -   margin-top: 3px;
  4101. 4099.  - }
  4102. 4100.  - .wide_wall_module .post_share_icon {
  4103. 4101.  -   margin: 2px 2px 0 3px;
  4104. 4102.  - }
  4105. 4103.  - .wall_module .post_like_count,
  4106. 4104.  - .wall_module .post_share_count {
  4107. 4105.  -   font-weight: bold;
  4108. 4106.  -   color: #7295b2;
  4109. 4107.  - }
  4110. 4108.  - .wall_module .post_like .no_likes {
  4111. 4109.  -   visibility: visible;
  4112. 4110.  -   opacity: 0.4;
  4113. 4111.  -   filter: alpha(opacity=40);
  4114. 4112.  -   padding-right: 1px;
  4115. 4113.  - }
  4116. 4114.  - .wall_module .post_like i.my_like,
  4117. 4115.  - .wall_module .my_share i {
  4118. 4116.  -   opacity: 1;
  4119. 4117.  -   filter: none;
  4120. 4118.  - }
  4121. 4119.  -
  4122. 4120.  -
  4123. 4121.  - /* New post shares */
  4124. 4122.  - .post_full_like_wrap {
  4125. 4123.  -   position: relative;
  4126. 4124.  -   width: 230px;
  4127. 4125.  - }
  4128. 4126.  - .wide_wall_module .post_full_like_wrap,
  4129. 4127.  - .post_fixed .post_full_like_wrap {
  4130. 4128.  -   width: 300px;
  4131. 4129.  - }
  4132. 4130.  - .post_full_like {
  4133. 4131.  -   position: absolute;
  4134. 4132.  -   top: 0;
  4135. 4133.  -   right: 0;
  4136. 4134.  - }
  4137. 4135.  - .post_full_like_wrap .post_like,
  4138. 4136.  - .post_full_like_wrap .post_share {
  4139. 4137.  -   position: static;
  4140. 4138.  - }
  4141. 4139.  - .post_share_link {
  4142. 4140.  -   display: none;
  4143. 4141.  - }
  4144. 4142.  - .wide_wall_module .post_share_link {
  4145. 4143.  -   display: inline;
  4146. 4144.  - }
  4147. 4145.  - .wall_module .no_shares {
  4148. 4146.  -   visibility: hidden;
  4149. 4147.  - }
  4150. 4148.  - .wall_module .wall_post_over .no_shares {
  4151. 4149.  -   visibility: visible;
  4152. 4150.  - }
  4153. 4151.  -
  4154. 4152.  -
  4155. 4153.  - .reply_replieable,
  4156. 4154.  - .reply_moreable {
  4157. 4155.  -   cursor: pointer;
  4158. 4156.  - }
  4159. 4157.  -
  4160. 4158.  - .like_comment_header,
  4161. 4159.  - .like_to_header {
  4162. 4160.  -   font-size: 1.18em;
  4163. 4161.  -   font-weight: bold;
  4164. 4162.  -   color: #45688E;
  4165. 4163.  -   padding: 5px 0px;
  4166. 4164.  - }
  4167. 4165.  - .like_comment_header {
  4168. 4166.  -   padding-top: 0;
  4169. 4167.  - }
  4170. 4168.  - .like_comment_row {
  4171. 4169.  -   padding: 4px 0px 10px;
  4172. 4170.  - }
  4173. 4171.  - #like_repost_comment {
  4174. 4172.  -   width: 372px;
  4175. 4173.  -   height: 32px;
  4176. 4174.  - }
  4177. 4175.  - .like_to_row {
  4178. 4176.  -   padding: 10px 0px 0px;
  4179. 4177.  - }
  4180. 4178.  - .like_to_about {
  4181. 4179.  -   color: #777;
  4182. 4180.  -   padding: 3px 25px;
  4183. 4181.  - }
  4184. 4182.  - .like_to_about_select {
  4185. 4183.  -   padding-top: 5px;
  4186. 4184.  - }
  4187. 4185.  - .like_to_point {
  4188. 4186.  -   padding: 0px 5px;
  4189. 4187.  - }
  4190. 4188.  - .like_to_row div.disabled {
  4191. 4189.  -   opacity: 0.4;
  4192. 4190.  -   filter: alpha(opacity=40);
  4193. 4191.  -   cursor: default;
  4194. 4192.  - }
  4195. 4193.  - .like_to_row div.disabled:hover div {
  4196. 4194.  -   background-position: 0px 0px;
  4197. 4195.  - }
  4198. 4196.  - .like_to_row div.disabled.on:hover div {
  4199. 4197.  -   background-position: 0px -14px;
  4200. 4198.  - }
  4201. 4199.  - .like_to_nopadd {
  4202. 4200.  -   padding: 0px !important;
  4203. 4201.  - }
  4204. 4202.  -
  4205. 4203.  -
  4206. 4204.  - .page_post_sized_thumbs {
  4207. 4205.  -   margin: 9px 0 0px;
  4208. 4206.  -   padding-bottom: 4px;
  4209. 4207.  - }
  4210. 4208.  - .page_post_sized_full_thumb {
  4211. 4209.  -   margin: 20px 0 10px;
  4212. 4210.  - }
  4213. 4211.  - .page_post_sized_full_thumb_first {
  4214. 4212.  -   margin-top: 10px;
  4215. 4213.  - }
  4216. 4214.  - .page_post_sized_relative_wrap {
  4217. 4215.  -   position: relative;
  4218. 4216.  -   float: left;
  4219. 4217.  - }
  4220. 4218.  - .page_post_sized_relative {
  4221. 4219.  -   position: absolute;
  4222. 4220.  -   left: 0;
  4223. 4221.  -   right: 0;
  4224. 4222.  -   top: 0;
  4225. 4223.  -   bottom: 0;
  4226. 4224.  - }
  4227. 4225.  -
  4228. 4226.  - a.page_post_thumb_wrap,
  4229. 4227.  - span.page_post_thumb_wrap {
  4230. 4228.  -   display: block;
  4231. 4229.  -   overflow: hidden;
  4232. 4230.  -   position: relative;
  4233. 4231.  -   margin: 0 3px 3px 0;
  4234. 4232.  - }
  4235. 4233.  - a.page_post_thumb_wrap:hover,
  4236. 4234.  - a.page_post_thumb_unsized:hover {
  4237. 4235.  -   text-decoration: none !important;
  4238. 4236.  - }
  4239. 4237.  - .page_post_thumb_video {
  4240. 4238.  -   position: relative;
  4241. 4239.  - }
  4242. 4240.  - .page_post_thumb_sized_photo {
  4243. 4241.  -   position: absolute;
  4244. 4242.  -   top: 0;
  4245. 4243.  -   left: 0;
  4246. 4244.  - }
  4247. 4245.  - .video_module .video div.page_video_play_icon,
  4248. 4246.  - .page_post_video_play_inline {
  4249. 4247.  -   position: absolute;
  4250. 4248.  -   z-index: 10;
  4251. 4249.  -   background: url(/images/inline_video_play.png) no-repeat;
  4252. 4250.  -   margin-left: -23px;
  4253. 4251.  -   margin-top: -23px;
  4254. 4252.  -   width: 46px;
  4255. 4253.  -   height: 46px;
  4256. 4254.  -   top: 50%;
  4257. 4255.  -   left: 50%;
  4258. 4256.  - }
  4259. 4257.  - .page_post_video_is_processing {
  4260. 4258.  -   position: absolute;
  4261. 4259.  -   z-index: 10;
  4262. 4260.  -   margin-left: -70px;
  4263. 4261.  -   margin-top: -23px;
  4264. 4262.  -   width: 140px;
  4265. 4263.  -   height: 18px;
  4266. 4264.  -   top: 50%;
  4267. 4265.  -   left: 50%;
  4268. 4266.  -   color: #FFFFFF;
  4269. 4267.  -   background: #000000;
  4270. 4268.  -   background: rgba(0, 0, 0, 0.8);
  4271. 4269.  -   -webkit-border-radius: 5px;
  4272. 4270.  -   -moz-border-radius: 5px;
  4273. 4271.  -   border-radius: 5px;
  4274. 4272.  -   padding: 15px 10px;
  4275. 4273.  - }
  4276. 4274.  - .page_post_video_duration {
  4277. 4275.  -   background: url('/images/mv_bg.png');
  4278. 4276.  -   background: rgba(0,0,0, 0.6);
  4279. 4277.  -   color: #FFF;
  4280. 4278.  -   position: absolute;
  4281. 4279.  -   bottom: 5px;
  4282. 4280.  -   right: 5px;
  4283. 4281.  -   padding: 0px 3px 1px;
  4284. 4282.  -   z-index: 10;
  4285. 4283.  - }
  4286. 4284.  -
  4287. 4285.  - a.page_post_thumb_last_column .page_post_thumb_undersized_w,
  4288. 4286.  - span.page_post_thumb_last_column .page_post_thumb_undersized_w {
  4289. 4287.  -   right: 0;
  4290. 4288.  - }
  4291. 4289.  - a.page_post_thumb_last_row .page_post_thumb_undersized_h,
  4292. 4290.  - span.page_post_thumb_last_row .page_post_thumb_undersized_h {
  4293. 4291.  -   bottom: 0;
  4294. 4292.  - }
  4295. 4293.  -
  4296. 4294.  - a.page_post_thumb_unsized,
  4297. 4295.  - span.page_post_thumb_unsized {
  4298. 4296.  -   background: 50% 50% no-repeat;
  4299. 4297.  -   background-size: cover;
  4300. 4298.  -
  4301. 4299.  -   display: block;
  4302. 4300.  -   position: relative;
  4303. 4301.  -   overflow: hidden;
  4304. 4302.  -   margin: 0 3px 3px 0;
  4305. 4303.  - }
  4306. 4304.  - a.page_post_thumb_unsized_single,
  4307. 4305.  - span.page_post_thumb_unsized_single {
  4308. 4306.  -   /*background: 0 0 no-repeat;*/
  4309. 4307.  -   background-size: contain;
  4310. 4308.  - }
  4311. 4309.  -
  4312. 4310.  - .wide_wall_module a.page_post_thumb_unsized,
  4313. 4311.  - .wide_wall_module a.page_post_thumb_wrap,
  4314. 4312.  - .wide_wall_module span.page_post_thumb_unsized,
  4315. 4313.  - .wide_wall_module span.page_post_thumb_wrap {
  4316. 4314.  -   margin: 0 6px 6px 0;
  4317. 4315.  - }
  4318. 4316.  - .page_post_sized_thumbs a.page_post_thumb_last_column,
  4319. 4317.  - .page_post_sized_thumbs span.page_post_thumb_last_column {
  4320. 4318.  -   margin-right: 0;
  4321. 4319.  - }
  4322. 4320.  - .page_post_sized_thumbs a.page_post_thumb_last_row,
  4323. 4321.  - .page_post_sized_thumbs span.page_post_thumb_last_row {
  4324. 4322.  -   margin-bottom: 0;
  4325. 4323.  - }
  4326. 4324.  -
  4327. 4325.  - .page_post_queue_wide,
  4328. 4326.  - .wide_wall_module .page_post_queue_narrow {
  4329. 4327.  -   display: none;
  4330. 4328.  - }
  4331. 4329.  - .wide_wall_module .page_post_queue_wide {
  4332. 4330.  -   display: block;
  4333. 4331.  - }
  4334. 4332.  -
  4335. 4333.  - .page_name {
  4336. 4334.  -   padding-bottom: 2px;
  4337. 4335.  -   max-width: 385px;
  4338. 4336.  -   overflow: hidden;
  4339. 4337.  - }
  4340. 4338.  - h4.page_top {
  4341. 4339.  -   font-size: 1.09em;
  4342. 4340.  -   background: #FFF;
  4343. 4341.  -   padding: 0px 6px 4px;
  4344. 4342.  -   margin: 0px;
  4345. 4343.  - }
  4346. 4344.  - #page_current_info {
  4347. 4345.  -   font-weight: normal;
  4348. 4346.  -   padding: 2px 0px 2px;
  4349. 4347.  -   color: #000;
  4350. 4348.  -   width: 385px;
  4351. 4349.  -   overflow: hidden;
  4352. 4350.  -   max-height: 3.55em;
  4353. 4351.  -   height: auto !important;
  4354. 4352.  - }
  4355. 4353.  - #page_current_info #current_info {
  4356. 4354.  -   display: block;
  4357. 4355.  - }
  4358. 4356.  - .my_current_info, .no_current_info {
  4359. 4357.  -   display: block;
  4360. 4358.  -   cursor: pointer;
  4361. 4359.  -   margin: 0px -6px;
  4362. 4360.  -   padding: 0px 6px;
  4363. 4361.  - }
  4364. 4362.  - .my_current_info:hover, .no_current_info:hover {
  4365. 4363.  -   text-decoration: underline;
  4366. 4364.  - }
  4367. 4365.  - .current_text {
  4368. 4366.  -   padding: 0px 1px;
  4369. 4367.  - }
  4370. 4368.  - .current_audio {
  4371. 4369.  -   color: #2B587A;
  4372. 4370.  -   max-width: 334px;
  4373. 4371.  -   overflow: hidden;
  4374. 4372.  -   text-overflow: ellipsis;
  4375. 4373.  -   white-space: nowrap;
  4376. 4374.  - }
  4377. 4375.  - .page_wide_no_narrow #page_current_info {
  4378. 4376.  -   width: 576px;
  4379. 4377.  - }
  4380. 4378.  - .page_wide_no_narrow .current_audio {
  4381. 4379.  -   max-width: 520px;
  4382. 4380.  - }
  4383. 4381.  - .current_audio.prg {
  4384. 4382.  -   max-width: 302px;
  4385. 4383.  - }
  4386. 4384.  - .current_audio_cnt {
  4387. 4385.  -   opacity: 0.70;
  4388. 4386.  -   filter: alpha(opacity=70);
  4389. 4387.  -   font-size: 0.9em;
  4390. 4388.  -   font-weight: bold !important;
  4391. 4389.  -   color: #507292;
  4392. 4390.  -   cursor: pointer;
  4393. 4391.  -   -webkit-transition: all 150ms ease-in-out;
  4394. 4392.  -   -moz-transition: all 150ms ease-in-out;
  4395. 4393.  -   -o-transition: all 150ms ease-in-out;
  4396. 4394.  -   transition: all 150ms ease-in-out;
  4397. 4395.  - }
  4398. 4396.  - h4 .current_audio_cnt span {
  4399. 4397.  -   font-weight: bold;
  4400. 4398.  - }
  4401. 4399.  - .current_audio_cnt:hover {
  4402. 4400.  -   opacity: 1;
  4403. 4401.  -   filter: alpha(opacity=100);
  4404. 4402.  - }
  4405. 4403.  - .current_audio_cnt.hidden {
  4406. 4404.  -   display: none;
  4407. 4405.  - }
  4408. 4406.  - .current_audio_cnt .value {
  4409. 4407.  -   text-align: right;
  4410. 4408.  - }
  4411. 4409.  - .current_audio div.label {
  4412. 4410.  -   width: 13px;
  4413. 4411.  -   height: 11px;
  4414. 4412.  -   background: url(/images/icons/audio_icons.png?5) no-repeat scroll -66px -51px;
  4415. 4413.  -   opacity: 0.60;
  4416. 4414.  -   filter: alpha(opacity=60);
  4417. 4415.  -   margin: 2px 3px 0px 0px;
  4418. 4416.  - }
  4419. 4417.  - .is_rtl1 .current_audio div.label {
  4420. 4418.  -   margin-right: auto;
  4421. 4419.  -   margin-left: 3px;
  4422. 4420.  - }
  4423. 4421.  - .current_audio_cnt div.label {
  4424. 4422.  -   width: 12px;
  4425. 4423.  -   height: 12px;
  4426. 4424.  -   background: url(/images/icons/audio_icons.png?5) no-repeat scroll -202px -51px;
  4427. 4425.  -   margin-left: 5px;
  4428. 4426.  - }
  4429. 4427.  - .is_rtl1 .current_audio_cnt div {
  4430. 4428.  -   margin-left: auto;
  4431. 4429.  -   margin-right: 5px;
  4432. 4430.  - }
  4433. 4431.  - .audio_listeners {
  4434. 4432.  -   position: relative;
  4435. 4433.  -   overflow: hidden;
  4436. 4434.  -   padding: 20px 10px 1px;
  4437. 4435.  - }
  4438. 4436.  - .current_app {
  4439. 4437.  -   color: #2B587A;
  4440. 4438.  -   padding-left: 14px;
  4441. 4439.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat left -58px;
  4442. 4440.  - }
  4443. 4441.  - a.current_app_icon {
  4444. 4442.  -   padding: 1px 0px 2px 20px;
  4445. 4443.  -   display: inline;
  4446. 4444.  -   display: inline-block;
  4447. 4445.  -   zoom: 1;
  4448. 4446.  -   background-position: 0px 0px;
  4449. 4447.  -   margin-bottom: -2px;
  4450. 4448.  -   margin-top: -1px;
  4451. 4449.  - }
  4452. 4450.  - .is_rtl1 .current_audio {
  4453. 4451.  -   background-position: right -220px;
  4454. 4452.  - }
  4455. 4453.  - #page_current_info {
  4456. 4454.  -   font-size: 11px;
  4457. 4455.  - }
  4458. 4456.  - .font_medium #page_current_info {
  4459. 4457.  -   font-size: 12px;
  4460. 4458.  - }
  4461. 4459.  - .current_audio_prg {
  4462. 4460.  -   margin: 0px 10px;
  4463. 4461.  - }
  4464. 4462.  - #content h4 .no_current_info {
  4465. 4463.  -   color: #AAA;
  4466. 4464.  - }
  4467. 4465.  - #currinfo_editor {
  4468. 4466.  -   position: absolute;
  4469. 4467.  -   z-index: 10;
  4470. 4468.  -   margin: -27px -14px 0px;
  4471. 4469.  -   display: none;
  4472. 4470.  - }
  4473. 4471.  - #currinfo_editor .sidesh {
  4474. 4472.  -   background: #000;
  4475. 4473.  -   width: 1px;
  4476. 4474.  -   opacity: 0.08;
  4477. 4475.  -   filter: alpha(opacity=8);
  4478. 4476.  - }
  4479. 4477.  - #currinfo_editor .sidesh div {
  4480. 4478.  -   width: 1px;
  4481. 4479.  -   overflow: hidden;
  4482. 4480.  - }
  4483. 4481.  - #currinfo_editor .bottomsh1 {
  4484. 4482.  -   background: #000;
  4485. 4483.  -   height: 1px;
  4486. 4484.  -   opacity: 0.1;
  4487. 4485.  -   filter: alpha(opacity=10);
  4488. 4486.  - }
  4489. 4487.  - #currinfo_editor .bottomsh2 {
  4490. 4488.  -   background: #000;
  4491. 4489.  -   height: 1px;
  4492. 4490.  -   opacity: 0.05;
  4493. 4491.  -   filter: alpha(opacity=5);
  4494. 4492.  - }
  4495. 4493.  - #currinfo_editor .bottomsh1 div, #currinfo_editor .bottomsh2 div {
  4496. 4494.  -   height: 1px;
  4497. 4495.  -   overflow: hidden;
  4498. 4496.  - }
  4499. 4497.  - #currinfo_editor .editor {
  4500. 4498.  -   background: #F7F7F7;
  4501. 4499.  -   border: 1px solid #CCC;
  4502. 4500.  -   padding: 8px;
  4503. 4501.  -   width: 384px;
  4504. 4502.  - }
  4505. 4503.  - #content h4 #currinfo_about, #content h4 #currinfo_warn {
  4506. 4504.  -   margin: 5px 8px 0px;
  4507. 4505.  -   font-size: 0.9em;
  4508. 4506.  -   color: #777;
  4509. 4507.  -   display: none;
  4510. 4508.  - }
  4511. 4509.  - #currinfo_clear {
  4512. 4510.  -   margin: 4px 4px 0px;
  4513. 4511.  -   display: none;
  4514. 4512.  - }
  4515. 4513.  - #currinfo_audio,
  4516. 4514.  - #currinfo_app {
  4517. 4515.  -   margin: 5px 8px 0px;
  4518. 4516.  - }
  4519. 4517.  - #currinfo_editor .button_blue {
  4520. 4518.  -   margin: 0px;
  4521. 4519.  - }
  4522. 4520.  - button#currinfo_save {
  4523. 4521.  -   padding: 3px 10px 4px;
  4524. 4522.  -   *padding: 4px 10px 3px;
  4525. 4523.  - }
  4526. 4524.  - #currinfo_input {
  4527. 4525.  -   margin: 0px 0px 8px;
  4528. 4526.  -   width: 376px;
  4529. 4527.  -   padding: 4px 3px;
  4530. 4528.  - }
  4531. 4529.  -
  4532. 4530.  - /* Poll export */
  4533. 4531.  - .page_poll_export_label {
  4534. 4532.  -   vertical-align: top;
  4535. 4533.  -   white-space: nowrap;
  4536. 4534.  -   padding: 3px 10px 0px 0px;
  4537. 4535.  -   width: 90px;
  4538. 4536.  -   color: #777;
  4539. 4537.  - }
  4540. 4538.  - textarea.page_poll_export_code {
  4541. 4539.  -   background-color: #F0F4FB;
  4542. 4540.  -   width: 372px;
  4543. 4541.  -   height: 110px;
  4544. 4542.  -   margin: 0;
  4545. 4543.  - }
  4546. 4544.  - .page_poll_export_desc {
  4547. 4545.  -   vertical-align: top;
  4548. 4546.  -   padding: 0;
  4549. 4547.  -   font-size: 0.9em;
  4550. 4548.  -   color: #777;
  4551. 4549.  - }
  4552. 4550.  -
  4553. 4551.  - b.wall_mob_onl {
  4554. 4552.  -   background-position: -1px 0px;
  4555. 4553.  -   *background-position: -1px -1px;
  4556. 4554.  - }
  4557. 4555.  -
  4558. 4556.  - #page_suggest_post {
  4559. 4557.  -   display: none;
  4560. 4558.  - }
  4561. 4559.  - .page_sugg_loading {
  4562. 4560.  -   height: 41px;
  4563. 4561.  - /*  background: url(/images/upload.gif) no-repeat 50% 50%;*/
  4564. 4562.  - }
  4565. 4563.  - .post_publish_button,
  4566. 4564.  - .post_nopublish_button {
  4567. 4565.  -   margin: 0px 5px;
  4568. 4566.  - }
  4569. 4567.  - .post_publish {
  4570. 4568.  -   text-align: center;
  4571. 4569.  -   background: #F7F7F7;
  4572. 4570.  -   padding: 10px;
  4573. 4571.  -   margin: 5px 0px 8px;
  4574. 4572.  - }
  4575. 4573.  - .post_publish_text {
  4576. 4574.  -   color: #45688E;
  4577. 4575.  -   font-weight: bold;
  4578. 4576.  - }
  4579. 4577.  -
  4580. 4578.  - #suggest_publish_add_media {
  4581. 4579.  -   padding: 10px 9px 0px;
  4582. 4580.  - }
  4583. 4581.  - #suggest_publish_field {
  4584. 4582.  -   width: 422px;
  4585. 4583.  -   height: 32px;
  4586. 4584.  - }
  4587. 4585.  - #suggest_publish_warn {
  4588. 4586.  -   color: #777;
  4589. 4587.  -   padding-top: 10px;
  4590. 4588.  -   display: none;
  4591. 4589.  - }
  4592. 4590.  - #suggest_publish_media_preview {
  4593. 4591.  -   padding-top: 8px;
  4594. 4592.  - }
  4595. 4593.  - #suggest_publish_author_wrap {
  4596. 4594.  -   padding-top: 10px;
  4597. 4595.  -   color: #2B587A;
  4598. 4596.  - }
  4599. 4597.  - .closed_page {
  4600. 4598.  -   margin: 10px 0;
  4601. 4599.  - }
  4602. 4600.  - .closed_details {
  4603. 4601.  -   padding-top: 10px;
  4604. 4602.  - }
  4605. 4603.  - .closed_reason {
  4606. 4604.  -   font-weight: normal;
  4607. 4605.  - }
  4608. 4606.  - #custom_menu_cont {
  4609. 4607.  -   top: 0px;
  4610. 4608.  -   width: 100%;
  4611. 4609.  - }
  4612. 4610.  - #custom_menu_wrap {
  4613. 4611.  -   z-index: 1005;
  4614. 4612.  -   position: absolute;
  4615. 4613.  -   top: 0px;
  4616. 4614.  - }
  4617. 4615.  - .fw_post_thumb_img {
  4618. 4616.  -   width: 50px;
  4619. 4617.  - }
  4620. 4618.  - .page_photo_thumb {
  4621. 4619.  -   max-width: 75px;
  4622. 4620.  - }
  4623. 4621.  - .page_album_row {
  4624. 4622.  -   margin: 10px 10px 0px;
  4625. 4623.  -   width: 178px;
  4626. 4624.  -   height: 118px;
  4627. 4625.  -   overflow: hidden;
  4628. 4626.  -   display: inline-block;
  4629. 4627.  -   vertical-align: top;
  4630. 4628.  -   background: #EEEEEE;
  4631. 4629.  - }
  4632. 4630.  - .page_album_row a {
  4633. 4631.  -   position: relative;
  4634. 4632.  -   display: block;
  4635. 4633.  -   text-align: center;
  4636. 4634.  - }
  4637. 4635.  - .page_album_row a.img_link {
  4638. 4636.  -   width: 178px;
  4639. 4637.  -   height: 118px;
  4640. 4638.  - }
  4641. 4639.  - .page_photo_thumb_big {
  4642. 4640.  -   vertical-align: top;
  4643. 4641.  -   max-width: 178px;
  4644. 4642.  - }
  4645. 4643.  - .page_album_title_wrap {
  4646. 4644.  -   background: rgba(0, 0, 0, 0.5);
  4647. 4645.  -   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7f000000', endColorstr='#7f000000')"; /* IE */
  4648. 4646.  -   color: white;
  4649. 4647.  -   position: absolute;
  4650. 4648.  -   top: 0px;
  4651. 4649.  -   width: 178px;
  4652. 4650.  -   margin-top: 98px;
  4653. 4651.  -   text-align: left;
  4654. 4652.  -   padding: 4px 0px 10px;
  4655. 4653.  -   line-height: 12px;
  4656. 4654.  - }
  4657. 4655.  - .page_album_title_wrap:not([dummy]) {
  4658. 4656.  -   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='false')";
  4659. 4657.  - }
  4660. 4658.  - .page_album_title {
  4661. 4659.  -   white-space: nowrap;
  4662. 4660.  -   overflow: hidden;
  4663. 4661.  -   -o-text-overflow: ellipsis;
  4664. 4662.  -   text-overflow: ellipsis;
  4665. 4663.  -   max-width: 125px;
  4666. 4664.  -   font-weight: bold;
  4667. 4665.  -   margin-left: 6px;
  4668. 4666.  - }
  4669. 4667.  - .page_album_description {
  4670. 4668.  -   max-height: 49px;
  4671. 4669.  -   margin: 5px 6px 0px;
  4672. 4670.  -   font-size: 0.9em;
  4673. 4671.  -   overflow: hidden;
  4674. 4672.  -   text-overflow: ellipsis;
  4675. 4673.  - }
  4676. 4674.  - .page_album_camera {
  4677. 4675.  -   background: url(/images/camera_white.png) 0 2px no-repeat;
  4678. 4676.  -   padding-left: 14px;
  4679. 4677.  -   font-weight: bold;
  4680. 4678.  -   margin: 0px 6px;
  4681. 4679.  - }
  4682. 4680.  - #owner_photo_wrap {
  4683. 4681.  -   margin-bottom: 8px;
  4684. 4682.  - }
  4685. 4683.  - #owner_photo_bubble_wrap {
  4686. 4684.  -   /* height: 80px; */
  4687. 4685.  -   height: 56px;
  4688. 4686.  -   width: 200px;
  4689. 4687.  -   /* margin-top: -88px; */
  4690. 4688.  -   margin-top: -64px;
  4691. 4689.  -   overflow: hidden;
  4692. 4690.  -   position: relative;
  4693. 4691.  - }
  4694. 4692.  - #owner_photo_bubble {
  4695. 4693.  -   color: #FFF;
  4696. 4694.  -   opacity: 0;
  4697. 4695.  -   filter: alpha(opacity=0);
  4698. 4696.  -   background: rgba(0, 0, 0, 0.7);
  4699. 4697.  -   width: 200px;
  4700. 4698.  -   margin-top: 40px;
  4701. 4699.  -   -webkit-transition: all 200ms ease-in-out;
  4702. 4700.  -   -moz-transition: all 200ms ease-in-out;
  4703. 4701.  -   -o-transition: all 200ms ease-in-out;
  4704. 4702.  -   transition: all 200ms ease-in-out;
  4705. 4703.  -   z-index: 450;
  4706. 4704.  -   padding: 4px 0;
  4707. 4705.  - }
  4708. 4706.  - #owner_photo_top_bubble_wrap {
  4709. 4707.  -   position: relative;
  4710. 4708.  - }
  4711. 4709.  - #owner_photo_top_bubble {
  4712. 4710.  -   display: none;
  4713. 4711.  -   position: absolute;
  4714. 4712.  -   right: 0;
  4715. 4713.  -   top: 0;
  4716. 4714.  -   color: #FFF;
  4717. 4715.  -   opacity: 0;
  4718. 4716.  -   filter: alpha(opacity=0);
  4719. 4717.  -   background: rgba(0, 0, 0, 0.7);
  4720. 4718.  -   -webkit-transition: all 200ms ease-in-out;
  4721. 4719.  -   -moz-transition: all 200ms ease-in-out;
  4722. 4720.  -   -o-transition: all 200ms ease-in-out;
  4723. 4721.  -   transition: all 200ms ease-in-out;
  4724. 4722.  -   z-index: 450;
  4725. 4723.  -   padding: 4px 0;
  4726. 4724.  - }
  4727. 4725.  - #owner_photo_wrap:hover #owner_photo_bubble {
  4728. 4726.  -   opacity: 1;
  4729. 4727.  -   filter: none;
  4730. 4728.  -   margin-top: 0px;
  4731. 4729.  - }
  4732. 4730.  - #owner_photo_wrap:hover #owner_photo_top_bubble {
  4733. 4731.  -   display: block;
  4734. 4732.  -   opacity: 1;
  4735. 4733.  -   filter: none;
  4736. 4734.  - }
  4737. 4735.  - #owner_photo_top_bubble .owner_photo_bubble_action_delete {
  4738. 4736.  -   text-align: right;
  4739. 4737.  -   width: auto;
  4740. 4738.  -   max-width: 180px;
  4741. 4739.  -   white-space: nowrap;
  4742. 4740.  -   overflow: hidden;
  4743. 4741.  - }
  4744. 4742.  - .owner_photo_bubble_action {
  4745. 4743.  -   cursor: pointer;
  4746. 4744.  -   padding: 5px 10px;
  4747. 4745.  -   height: 14px;
  4748. 4746.  -   /*text-align: center;*/
  4749. 4747.  -   overflow: hidden;
  4750. 4748.  -   white-space: nowrap;
  4751. 4749.  -   text-shadow: 0px 1px 0px #262626;
  4752. 4750.  -   -o-text-overflow: ellipsis;
  4753. 4751.  -   text-overflow: ellipsis;
  4754. 4752.  -   width: 180px;
  4755. 4753.  - }
  4756. 4754.  - .owner_photo_bubble_action_in {
  4757. 4755.  -   background: url(/images/edit_photo_icons_white.gif) no-repeat 0 -3px;
  4758. 4756.  -   -webkit-transition: all 100ms ease-out;
  4759. 4757.  -   -moz-transition: all 100ms ease-out;
  4760. 4758.  -   -o-transition: all 100ms ease-out;
  4761. 4759.  -   transition: all 100ms ease-out;
  4762. 4760.  -   padding-left: 20px;
  4763. 4761.  -   opacity: 0.7;
  4764. 4762.  -   filter: none;
  4765. 4763.  - }
  4766. 4764.  - .owner_photo_bubble_action_crop .owner_photo_bubble_action_in {
  4767. 4765.  -   background-position: 0 -26px;
  4768. 4766.  - }
  4769. 4767.  - .owner_photo_bubble_action_delete .owner_photo_bubble_action_in {
  4770. 4768.  -   background-position: 0 -70px;
  4771. 4769.  - }
  4772. 4770.  - .owner_photo_bubble_action:hover .owner_photo_bubble_action_in {
  4773. 4771.  -   opacity: 1;
  4774. 4772.  -   filter: none;
  4775. 4773.  - }
  4776. 4774.  - .owner_photo_bubble_delete_wrap {
  4777. 4775.  -   position: absolute;
  4778. 4776.  -   z-index: 10;
  4779. 4777.  -   right: 0px;
  4780. 4778.  -   top: 0px;
  4781. 4779.  -   background: #222;
  4782. 4780.  -   background: rgba(0, 0, 0, 0.5);
  4783. 4781.  -   padding: 5px;
  4784. 4782.  -   cursor: pointer;
  4785. 4783.  -   -webkit-border-radius: 3px;
  4786. 4784.  -   -moz-border-radius: 3px;
  4787. 4785.  -   border-radius: 3px;
  4788. 4786.  -   /* -webkit-transition: opacity 100ms linear; */
  4789. 4787.  -   /* -moz-transition: opacity 100ms linear; */
  4790. 4788.  -   /* -o-transition: opacity 100ms linear; */
  4791. 4789.  -   /* transition: opacity 100ms linear; */
  4792. 4790.  - }
  4793. 4791.  - .owner_photo_bubble_delete {
  4794. 4792.  -   background: url(/images/notifier_close.gif) no-repeat;
  4795. 4793.  -   width: 7px;
  4796. 4794.  -   height: 7px;
  4797. 4795.  -   opacity: 0.5;
  4798. 4796.  -   filter: alpha(opacity=50);
  4799. 4797.  -   -webkit-transition: opacity 100ms linear;
  4800. 4798.  -   -moz-transition: opacity 100ms linear;
  4801. 4799.  -   -o-transition: opacity 100ms linear;
  4802. 4800.  -   transition: opacity 100ms linear;
  4803. 4801.  - }
  4804. 4802.  - .owner_photo_bubble_delete_wrap:hover .owner_photo_bubble_delete {
  4805. 4803.  -   opacity: 1;
  4806. 4804.  -   filter: none;
  4807. 4805.  - }
  4808. 4806.  - #owner_photo_bubble_input {
  4809. 4807.  -   position: absolute;
  4810. 4808.  -   visibility: hidden;
  4811. 4809.  - }
  4812. 4810.  -
  4813. 4811.  - .page_preview_photo {
  4814. 4812.  -   max-width: 80px;
  4815. 4813.  - }
  4816. 4814.  - .page_preview_ph_graff .page_preview_photo, .page_preview_ph_graff {
  4817. 4815.  -   max-width: 106px;
  4818. 4816.  - }
  4819. 4817.  - #page_load_photo {
  4820. 4818.  -   position: absolute;
  4821. 4819.  -   margin-top: -40px;
  4822. 4820.  -   width: 200px;
  4823. 4821.  -   text-align: center;
  4824. 4822.  - }
  4825. 4823.  - #page_avatar {
  4826. 4824.  -   text-align: center;
  4827. 4825.  -   max-height: 500px;
  4828. 4826.  -   height: auto !important;
  4829. 4827.  -   height: 500px;
  4830. 4828.  -   overflow: hidden;
  4831. 4829.  -   margin-bottom: 8px;
  4832. 4830.  - }
  4833. 4831.  - * html #page_avatar {
  4834. 4832.  -   height: expression((this.flag == undefined) ? (this.scrollHeight > 500) ? this.flag = '500px' : 'auto' : '');
  4835. 4833.  - }
  4836. 4834.  - #page_avatar img {
  4837. 4835.  -   vertical-align: top;
  4838. 4836.  - }
  4839. 4837.  -
  4840. 4838.  - .wall_album_wrap {
  4841. 4839.  -   padding: 6px 0 4px;
  4842. 4840.  - }
  4843. 4841.  -
  4844. 4842.  - .wall_private_album_wrap {
  4845. 4843.  -   width: 200px;
  4846. 4844.  -   padding: 60px 0;
  4847. 4845.  -   margin: 6px 0 4px;
  4848. 4846.  -   background: #EEE;
  4849. 4847.  -   font-size: 12px;
  4850. 4848.  -   color: #777;
  4851. 4849.  -   text-align: center;
  4852. 4850.  - }
  4853. 4851.  - .wall_album_cover_wrap {
  4854. 4852.  -   position: relative;
  4855. 4853.  -   display: block;
  4856. 4854.  -   width: 279px;
  4857. 4855.  -   height: 185px;
  4858. 4856.  -   overflow: hidden;
  4859. 4857.  -   text-align: center;
  4860. 4858.  -   background: #F1F1F1;
  4861. 4859.  - }
  4862. 4860.  - .wall_album_nocover {
  4863. 4861.  -   background: #F1F1F1 url('/images/camera_big.png') 50% 60px no-repeat !important;
  4864. 4862.  - }
  4865. 4863.  - .wall_album_cover {
  4866. 4864.  -   vertical-align: top;
  4867. 4865.  -   max-width: 279px;
  4868. 4866.  - }
  4869. 4867.  - .wide_wall_module .wall_album_cover_wrap {
  4870. 4868.  -   width: 390px;
  4871. 4869.  -   height: 260px;
  4872. 4870.  - }
  4873. 4871.  - .wide_wall_module .wall_album_cover {
  4874. 4872.  -   max-width: 390px;
  4875. 4873.  - }
  4876. 4874.  -
  4877. 4875.  - .wall_album_caption {
  4878. 4876.  -   background: url('/images/mv_bg.png');
  4879. 4877.  -   background: rgba(0, 0, 0, 0.5);
  4880. 4878.  -   color: white;
  4881. 4879.  -   position: absolute;
  4882. 4880.  -   top: 0px;
  4883. 4881.  -   width: 279px;
  4884. 4882.  -   margin-top: 163px;
  4885. 4883.  -   text-align: left;
  4886. 4884.  -   padding: 4px 0px 10px;
  4887. 4885.  -   line-height: 12px;
  4888. 4886.  - }
  4889. 4887.  - .page_post_thumb_album .wall_album_caption {
  4890. 4888.  -   z-index: 1;
  4891. 4889.  - }
  4892. 4890.  - .wide_wall_module .wall_album_caption {
  4893. 4891.  -   width: 390px;
  4894. 4892.  -   margin-top: 238px;
  4895. 4893.  - }
  4896. 4894.  -
  4897. 4895.  - #wpe_cont .wall_album_cover_wrap {
  4898. 4896.  -   width: 279px;
  4899. 4897.  -   height: 185px;
  4900. 4898.  - }
  4901. 4899.  - #wpe_cont .wall_album_cover {
  4902. 4900.  -   max-width: 279px;
  4903. 4901.  - }
  4904. 4902.  - #wpe_cont .wall_album_caption {
  4905. 4903.  -   width: 279px;
  4906. 4904.  -   margin-top: 163px;
  4907. 4905.  - }
  4908. 4906.  -
  4909. 4907.  - .wall_album_title {
  4910. 4908.  -   white-space: nowrap;
  4911. 4909.  -   overflow: hidden;
  4912. 4910.  -   -o-text-overflow: ellipsis;
  4913. 4911.  -   text-overflow: ellipsis;
  4914. 4912.  -   max-width: 208px;
  4915. 4913.  -   font-weight: bold;
  4916. 4914.  -   margin-right: 5px;
  4917. 4915.  -   margin: 0 7px;
  4918. 4916.  - }
  4919. 4917.  - .wall_album_count {
  4920. 4918.  -   background: url(/images/camera_white.png) 0 2px no-repeat;
  4921. 4919.  -   padding-left: 14px;
  4922. 4920.  -   font-weight: bold;
  4923. 4921.  -   margin: 0 7px;
  4924. 4922.  - }
  4925. 4923.  - .wall_album_description {
  4926. 4924.  -   max-height: 126px;
  4927. 4925.  -   margin: 5px 7px 0;
  4928. 4926.  - }
  4929. 4927.  - .wall_album_wrap .page_post_sized_thumbs {
  4930. 4928.  -   margin: 0;
  4931. 4929.  - }
  4932. 4930.  - .wall_album_photos {
  4933. 4931.  -   margin-left: 3px;
  4934. 4932.  - }
  4935. 4933.  - .wall_album_under_row {
  4936. 4934.  -   padding-top: 3px;
  4937. 4935.  -   clear: both;
  4938. 4936.  - }
  4939. 4937.  - .wide_wall_module .wall_album_photos {
  4940. 4938.  -   margin-left: 6px;
  4941. 4939.  - }
  4942. 4940.  - .wide_wall_module .wall_album_under_row {
  4943. 4941.  -   padding-top: 6px;
  4944. 4942.  - }
  4945. 4943.  -
  4946. 4944.  - .page_gif_preview {
  4947. 4945.  -   display: block;
  4948. 4946.  -   min-width: 130px;
  4949. 4947.  -   min-height: 98px;
  4950. 4948.  -   background: #000000;
  4951. 4949.  -   text-align: center;
  4952. 4950.  -   position: relative;
  4953. 4951.  - }
  4954. 4952.  - .page_gif_loading {
  4955. 4953.  -   position: absolute;
  4956. 4954.  -   width: 130px;
  4957. 4955.  -   height: 98px;
  4958. 4956.  - }
  4959. 4957.  - .pages_gif_img {
  4960. 4958.  -   max-width: 130px;
  4961. 4959.  -   max-height: 600px;
  4962. 4960.  -   vertical-align: middle;
  4963. 4961.  -   cursor: pointer;
  4964. 4962.  - }
  4965. 4963.  - .page_gif_big {
  4966. 4964.  -   max-width: 337px;
  4967. 4965.  - }
  4968. 4966.  - .reply_table .page_gif_big {
  4969. 4967.  -   max-width: 298px;
  4970. 4968.  - }
  4971. 4969.  - .wide_wall_module .page_gif_big {
  4972. 4970.  -   max-width: 536px;
  4973. 4971.  - }
  4974. 4972.  - .wide_wall_module .reply_text .page_gif_big {
  4975. 4973.  -   max-width: 465px;
  4976. 4974.  - }
  4977. 4975.  -
  4978. 4976.  - #dark_box_topic_wrap {
  4979. 4977.  -   background: #597BA5;
  4980. 4978.  -   padding: 10px 10px 11px;
  4981. 4979.  -   position: relative;
  4982. 4980.  -   overflow: hidden;
  4983. 4981.  - }
  4984. 4982.  - .dark_box_close {
  4985. 4983.  -   margin: -10px -10px -11px;
  4986. 4984.  -   padding: 17px 26px 18px;
  4987. 4985.  -   color: #C7D7E9;
  4988. 4986.  -   -webkit-transition: color 100ms linear;
  4989. 4987.  -   -moz-transition: color 100ms linear;
  4990. 4988.  -   -o-transition: color 100ms linear;
  4991. 4989.  -   transition: color 100ms linear;
  4992. 4990.  - }
  4993. 4991.  - .dark_box_close:hover {
  4994. 4992.  -   color: #FFF;
  4995. 4993.  -   text-decoration: none;
  4996. 4994.  - }
  4997. 4995.  - #dark_box_topic {
  4998. 4996.  -   color: #FFF;
  4999. 4997.  -   padding: 7px 16px;
  5000. 4998.  -   font-weight: bold;
  5001. 4999.  -   font-size: 1.09em;
  5002. 5000.  - }
  5003. 5001.  - .dark_box_label {
  5004. 5002.  -   color: #45688E;
  5005. 5003.  -   line-height: 1.27em;
  5006. 5004.  -   margin: 0px;
  5007. 5005.  -   padding: 26px 0px 9px;
  5008. 5006.  -   font-size: 1.09em;
  5009. 5007.  -   font-weight: bold;
  5010. 5008.  - }
  5011. 5009.  - #dark_box_ava {
  5012. 5010.  -   position: absolute;
  5013. 5011.  -   width: 32px;
  5014. 5012.  -   height: 32px;
  5015. 5013.  -   margin: -1px 0px 0px -26px;
  5016. 5014.  -   display: none;
  5017. 5015.  -   opacity: 0;
  5018. 5016.  - }
  5019. 5017.  - #dark_box_ava .wdd_img_layer {
  5020. 5018.  -   background: #597BA5;
  5021. 5019.  - }
  5022. 5020.  - .dark_box_cont .wdd_text {
  5023. 5021.  -   width: 405px;
  5024. 5022.  - }
  5025. 5023.  - #dark_box_ava .wdd_img {
  5026. 5024.  -   width: 32px;
  5027. 5025.  - }
  5028. 5026.  - #dark_box_ava .wdd_img_full,
  5029. 5027.  - #dark_box_ava .wdd_img_half,
  5030. 5028.  - #dark_box_ava .wdd_img_tiny {
  5031. 5029.  -   width: 32px;
  5032. 5030.  -   height: 32px;
  5033. 5031.  - }
  5034. 5032.  - #dark_box_ava .wdd_img_half {
  5035. 5033.  -   width: 15px;
  5036. 5034.  - }
  5037. 5035.  - #dark_box_ava .wdd_img_half .wdd_img {
  5038. 5036.  -   margin-left: -8px;
  5039. 5037.  - }
  5040. 5038.  - #dark_box_ava .wdd_img_tiny {
  5041. 5039.  -   width: 15px;
  5042. 5040.  -   height: 15px;
  5043. 5041.  -   margin-bottom: 2px;
  5044. 5042.  - }
  5045. 5043.  - #dark_box_ava .wdd_img_tiny .wdd_img {
  5046. 5044.  -   width: 15px;
  5047. 5045.  - }
  5048. 5046.  - #dark_box_ava .wdd_mark {
  5049. 5047.  -   margin: 0px 26px;
  5050. 5048.  - }
  5051. 5049.  - #dark_box_ava .wdd_img_tiny .wdd_mark,
  5052. 5050.  - #dark_box_ava .wdd_img_half .wdd_mark {
  5053. 5051.  -   margin: 0px 9px;
  5054. 5052.  - }
  5055. 5053.  - .dark_box_cont {
  5056. 5054.  -   padding: 0px 26px 26px;
  5057. 5055.  -   background: #F7F7F7;
  5058. 5056.  - }
  5059. 5057.  - .dark_box_btn {
  5060. 5058.  -   margin-top: 16px;
  5061. 5059.  -   line-height: normal;
  5062. 5060.  - }
  5063. 5061.  - .dark_box_btn.button_cancel {
  5064. 5062.  -   margin: 16px 10px 0;
  5065. 5063.  - }
  5066. 5064.  -
  5067. 5065.  - #like_share_error {
  5068. 5066.  -   margin-top: 26px;
  5069. 5067.  -   display: none;
  5070. 5068.  - }
  5071. 5069.  - #like_share_title_wrap {
  5072. 5070.  -   display: none;
  5073. 5071.  - }
  5074. 5072.  - #like_share_title {
  5075. 5073.  -   width: 438px;
  5076. 5074.  -   padding: 6px 5px 8px;
  5077. 5075.  - }
  5078. 5076.  - #like_share_text {
  5079. 5077.  -   width: 438px;
  5080. 5078.  -   height: 80px;
  5081. 5079.  -   padding: 5px;
  5082. 5080.  -   vertical-align: top;
  5083. 5081.  -   margin: 0px;
  5084. 5082.  - }
  5085. 5083.  - .like_share_row {
  5086. 5084.  -   padding: 10px 0px 0px;
  5087. 5085.  - }
  5088. 5086.  - .like_share_row div.disabled {
  5089. 5087.  -   opacity: 0.4;
  5090. 5088.  -   filter: alpha(opacity=40);
  5091. 5089.  -   cursor: default;
  5092. 5090.  - }
  5093. 5091.  - .like_share_row div.disabled:hover div {
  5094. 5092.  -   background-position: 0px 0px;
  5095. 5093.  - }
  5096. 5094.  - .like_share_row div.disabled.on:hover div {
  5097. 5095.  -   background-position: 0px -14px;
  5098. 5096.  - }
  5099. 5097.  - .like_share_about {
  5100. 5098.  -   color: #777;
  5101. 5099.  -   padding: 17px 8px 13px;
  5102. 5100.  - }
  5103. 5101.  - .like_share_about_select {
  5104. 5102.  -   padding: 10px 0px 5px;
  5105. 5103.  - }
  5106. 5104.  - .like_share_point {
  5107. 5105.  -   padding: 0px 5px;
  5108. 5106.  - }
  5109. 5107.  - .like_share_disabled {
  5110. 5108.  -   opacity: 0.4;
  5111. 5109.  -   filter: alpha(opacity=40);
  5112. 5110.  - }
  5113. 5111.  - #like_share_warn {
  5114. 5112.  -   color: #777;
  5115. 5113.  -   display: none;
  5116. 5114.  - }
  5117. 5115.  - #like_share_after_text {
  5118. 5116.  -   padding-top: 10px;
  5119. 5117.  - }
  5120. 5118.  - #like_share_add_media {
  5121. 5119.  -   padding: 16px 0px 0px;
  5122. 5120.  - }
  5123. 5121.  - #like_share_media_preview {
  5124. 5122.  -   line-height: normal;
  5125. 5123.  - }
  5126. 5124.  - div.like_share_target_label {
  5127. 5125.  -   padding-top: 16px;
  5128. 5126.  - }
  5129. 5127.  -
  5130. 5128.  - /* Composer */
  5131. 5129.  - .composer_wdd {
  5132. 5130.  -   clear: both;
  5133. 5131.  -   position: relative;
  5134. 5132.  - }
  5135. 5133.  - .composer_wdd .wdd_lwrap {
  5136. 5134.  -   left: 0;
  5137. 5135.  -   top: 0;
  5138. 5136.  - }
  5139. 5137.  - .reply_composer_dd .wdd_lwrap {
  5140. 5138.  -   left: -4px;
  5141. 5139.  -   top: 4px;
  5142. 5140.  - }
  5143. 5141.  - .reply_media_lnk {
  5144. 5142.  -   padding: 6px 9px 0px;
  5145. 5143.  - }
  5146. 5144.  - .wide_wall_module .reply_media_lnk {
  5147. 5145.  -   display: block;
  5148. 5146.  - }
  5149. 5147.  -
  5150. 5148.  - .reply_box_open .reply_field_wrap,
  5151. 5149.  - .wall_fixed_reply_to .reply_field_wrap {
  5152. 5150.  -   margin-bottom: 6px;
  5153. 5151.  - }
  5154. 5152.  -
  5155. 5153.  - .reply_media_preview .media_preview {
  5156. 5154.  -   margin-bottom: 6px;
  5157. 5155.  - }
  5158. 5156.  - .share_parse_progress {
  5159. 5157.  -   height: 10px;
  5160. 5158.  -   background-image: url(/images/upload_gray.gif);
  5161. 5159.  -   margin: 0 auto;
  5162. 5160.  -   display: block !important;
  5163. 5161.  - }
  5164. 5162.  - .page_gif_add {
  5165. 5163.  -   width: 15px;
  5166. 5164.  -   height: 12px;
  5167. 5165.  -   position: absolute;
  5168. 5166.  -   bottom: 4px;
  5169. 5167.  -   right: 4px;
  5170. 5168.  -   padding: 6px 5px;
  5171. 5169.  -   background: rgba(0, 0, 0, 0.6);
  5172. 5170.  -   -webkit-border-radius: 3px;
  5173. 5171.  -   -moz-border-radius: 3px;
  5174. 5172.  -   border-radius: 3px;
  5175. 5173.  -   display: none;
  5176. 5174.  -   opacity: 0.7;
  5177. 5175.  -   filter: alpha(opacity=70);
  5178. 5176.  -   cursor: pointer;
  5179. 5177.  - }
  5180. 5178.  - .page_gif_loaded .page_gif_add {
  5181. 5179.  -   display: block;
  5182. 5180.  - }
  5183. 5181.  - .page_gif_add_icon {
  5184. 5182.  -   width: 16px;
  5185. 5183.  -   height: 12px;
  5186. 5184.  -   background: url(/images/icons/audio_icons.png?5) -92px -51px no-repeat;
  5187. 5185.  - }
  5188. 5186.  - .page_gif_added .page_gif_add_icon {
  5189. 5187.  -   background: url(/images/icons/audio_icons.png?5) -184px -51px no-repeat;
  5190. 5188.  - }
  5191. 5189.  -
  5192. 5190.  - div.create_poll_cb,
  5193. 5191.  - .wall_module #submit_post div.create_poll_cb {
  5194. 5192.  -   color: #777;
  5195. 5193.  -   margin: 0px 0px 10px;
  5196. 5194.  - }
  5197. 5195.  - .page_fronly {
  5198. 5196.  -   margin-left: 4px;
  5199. 5197.  -   background: url(/images/profile_icons.gif?10) no-repeat;
  5200. 5198.  -   background-position: 0px -163px;
  5201. 5199.  -   width: 8px;
  5202. 5200.  -   height: 11px;
  5203. 5201.  -   margin: 2px 0px 0px 4px;
  5204. 5202.  - }
  5205. 5203.  - .wl_owner_head_date .page_fronly {
  5206. 5204.  -   background-position: 0px -153px;
  5207. 5205.  - }
  5208. 5206.  - .medadd_c_doc {
  5209. 5207.  -   overflow: hidden;
  5210. 5208.  -   -o-text-overflow: ellipsis;
  5211. 5209.  -   text-overflow: ellipsis;
  5212. 5210.  - }
  5213. 5211.  - .medadd_h,
  5214. 5212.  - .medadd_c_pollh {
  5215. 5213.  -   font-size: 1.09em;
  5216. 5214.  -   font-weight: bold;
  5217. 5215.  -   color: #45688E;
  5218. 5216.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat;
  5219. 5217.  -   margin: 4px 2px 0px;
  5220. 5218.  - }
  5221. 5219.  - .font_medium .medadd_h,
  5222. 5220.  - .font_medium .medadd_c_pollh {
  5223. 5221.  -   margin-top: 3px;
  5224. 5222.  - }
  5225. 5223.  - .medadd_h:hover {
  5226. 5224.  -   text-decoration: none;
  5227. 5225.  - }
  5228. 5226.  - .medadd_h_note {
  5229. 5227.  -   background-position: 0 -132px;
  5230. 5228.  - }
  5231. 5229.  - .medadd_h_doc {
  5232. 5230.  -   background-position: 0 -278px;
  5233. 5231.  - }
  5234. 5232.  - .medadd_h_poll {
  5235. 5233.  -   background-position: 0 -206px;
  5236. 5234.  - }
  5237. 5235.  - .medadd_h_link,
  5238. 5236.  - .medadd_h_page {
  5239. 5237.  -   background-position: 0 -235px;
  5240. 5238.  - }
  5241. 5239.  - .medadd_h_timer {
  5242. 5240.  -   background-position: 0 -332px;
  5243. 5241.  - }
  5244. 5242.  - .medadd_h_mail {
  5245. 5243.  -   background-position: 0 -292px;
  5246. 5244.  - }
  5247. 5245.  - .medadd_h,
  5248. 5246.  - .medadd_c {
  5249. 5247.  -   padding-left: 15px;
  5250. 5248.  - }
  5251. 5249.  - .medadd_c {
  5252. 5250.  -   margin: 7px 2px 0px;
  5253. 5251.  - }
  5254. 5252.  -
  5255. 5253.  - .medadd_c_pollh {
  5256. 5254.  -   margin: 7px 0px 0px;
  5257. 5255.  -   background: none;
  5258. 5256.  - }
  5259. 5257.  - .wall_module #submit_post div.medadd_c_pollcb,
  5260. 5258.  - div.medadd_c_pollcb {
  5261. 5259.  -   margin: 5px 0px 0px;
  5262. 5260.  - }
  5263. 5261.  - .page_docs_preview div.medadd_c_pollrem {
  5264. 5262.  -   margin: 11px 0px 0px 8px;
  5265. 5263.  -   opacity: 0;
  5266. 5264.  - }
  5267. 5265.  - .page_docs_preview .medadd_c_polla_wr:hover div.medadd_c_pollrem {
  5268. 5266.  -   opacity: 0.6;
  5269. 5267.  - }
  5270. 5268.  - .page_docs_preview .medadd_c_polla_wr div.medadd_c_pollrem:hover {
  5271. 5269.  -   opacity: 1;
  5272. 5270.  - }
  5273. 5271.  - .medadd_c_timerat {
  5274. 5272.  -   padding: 4px 8px 0;
  5275. 5273.  - }
  5276. 5274.  - .medadd_c_timer .datepicker_control {
  5277. 5275.  -   padding: 4px;
  5278. 5276.  - }
  5279. 5277.  - .firefox .medadd_c_timer .datepicker_control {
  5280. 5278.  -   padding: 3px 4px;
  5281. 5279.  - }
  5282. 5280.  - .medadd_c_timer .datepicker_container input {
  5283. 5281.  -   margin: 0;
  5284. 5282.  -   padding: 0px;
  5285. 5283.  - }
  5286. 5284.  - .medadd_c_timer .timepicker_container input {
  5287. 5285.  -   position: static;
  5288. 5286.  -   margin: 1px 0 2px 0;
  5289. 5287.  - }
  5290. 5288.  - .medadd_c_timer .selector_container td.selector {
  5291. 5289.  -   padding: 2px 0 1px 2px;
  5292. 5290.  - }
  5293. 5291.  -
  5294. 5292.  - div.medadd_c_poll,
  5295. 5293.  - div.medadd_c_link {
  5296. 5294.  -   margin: 0px 2px;
  5297. 5295.  -   padding-bottom: 10px;
  5298. 5296.  -   overflow: hidden;
  5299. 5297.  - }
  5300. 5298.  - div.medadd_c_timer {
  5301. 5299.  -   margin: 5px 2px 0px;
  5302. 5300.  -   height: 33px;
  5303. 5301.  -   overflow: hidden;
  5304. 5302.  - }
  5305. 5303.  - div.medadd_c_nofixed {
  5306. 5304.  -   height: auto;
  5307. 5305.  - }
  5308. 5306.  - .medadd_c_linkcon {
  5309. 5307.  -   overflow: hidden;
  5310. 5308.  -   background: #FFF;
  5311. 5309.  -   padding: 6px 8px;
  5312. 5310.  -   border: 1px solid #C0CAD5;
  5313. 5311.  - }
  5314. 5312.  - div.medadd_c_linkprg {
  5315. 5313.  -   display: block;
  5316. 5314.  -   margin: 0px auto;
  5317. 5315.  - }
  5318. 5316.  - .medadd_c_linkimg {
  5319. 5317.  -   padding: 5px 10px 5px 5px;
  5320. 5318.  - }
  5321. 5319.  - .medadd_c_linkhead {
  5322. 5320.  -   margin: 0px;
  5323. 5321.  -   padding: 5px;
  5324. 5322.  -   border: 0px;
  5325. 5323.  -   font-size: 11px;
  5326. 5324.  - }
  5327. 5325.  - .font_medium .medadd_c_linkhead {
  5328. 5326.  -   font-size: 12px;
  5329. 5327.  - }
  5330. 5328.  - .medadd_c_linkdsc {
  5331. 5329.  -   padding: 0px 5px 5px;
  5332. 5330.  - }
  5333. 5331.  -
  5334. 5332.  - .medadd_c_polladd,
  5335. 5333.  - .medadd_c_poll input.medadd_c_pollq,
  5336. 5334.  - .medadd_c_poll input.medadd_c_polla {
  5337. 5335.  -   width: 330px;
  5338. 5336.  -   margin: 5px 0px;
  5339. 5337.  -   border: 1px solid #C0CAD5;
  5340. 5338.  -   background: #FFF;
  5341. 5339.  -   padding: 4px;
  5342. 5340.  -   cursor: text;
  5343. 5341.  - }
  5344. 5342.  - .medadd_c_poll input.medadd_c_pollq {
  5345. 5343.  -   margin-top: 0px;
  5346. 5344.  - }
  5347. 5345.  - .medadd_c_polladd_wr {
  5348. 5346.  -   padding: 5px 0px;
  5349. 5347.  - }
  5350. 5348.  - .medadd_c_polladd {
  5351. 5349.  -   margin: 0px;
  5352. 5350.  -   color: #777;
  5353. 5351.  - }
  5354. 5352.  -
  5355. 5353.  - .medadd_c_mail {
  5356. 5354.  -   color: #2B587A;
  5357. 5355.  - }
  5358. 5356.  - .medadd_c_timersett {
  5359. 5357.  -   padding-top: 10px;
  5360. 5358.  - }
  5361. 5359.  - .medadd_c_timersett .checkbox_status_export,
  5362. 5360.  - .medadd_c_timersett .checkbox_facebook_export,
  5363. 5361.  - .medadd_c_timersett .checkbox {
  5364. 5362.  -   cursor: pointer;
  5365. 5363.  -   margin-right: 10px;
  5366. 5364.  - }
  5367. 5365.  -
  5368. 5366.  - .medadd_aud {
  5369. 5367.  -   width: 355px;
  5370. 5368.  -   padding: 0px 3px 0px 2px;
  5371. 5369.  -   line-height: normal;
  5372. 5370.  - }
  5373. 5371.  - .medadd_aud .title_wrap {
  5374. 5372.  -   width: 285px;
  5375. 5373.  -   overflow: hidden;
  5376. 5374.  -   -o-text-overflow: ellipsis;
  5377. 5375.  -   text-overflow: ellipsis;
  5378. 5376.  -   white-space: nowrap;
  5379. 5377.  -   color: #2B587A;
  5380. 5378.  - }
  5381. 5379.  - .medadd_aud_play {
  5382. 5380.  -   margin-right: 8px;
  5383. 5381.  -   background: url(/images/icons/audio_icons.png?5) no-repeat 0 -25px;
  5384. 5382.  -   padding: 0px;
  5385. 5383.  -   width: 22px;
  5386. 5384.  -   height: 22px;
  5387. 5385.  -   cursor: pointer;
  5388. 5386.  - }
  5389. 5387.  - .medadd_aud_play.playing {
  5390. 5388.  -   background-position: -72px -25px;
  5391. 5389.  - }
  5392. 5390.  - .medadd_aud_perf {
  5393. 5391.  -   color: #45688E;
  5394. 5392.  - }
  5395. 5393.  - .medadd_aud .duration {
  5396. 5394.  -   color: #777;
  5397. 5395.  -   font-size: 0.9em;
  5398. 5396.  -   max-width: 40px;
  5399. 5397.  -   overflow: hidden;
  5400. 5398.  -   white-space: nowrap;
  5401. 5399.  -   -o-text-overflow: ellipsis;
  5402. 5400.  -   text-overflow: ellipsis;
  5403. 5401.  - }
  5404. 5402.  - .medadd_aud .player {
  5405. 5403.  -   height: 9px;
  5406. 5404.  -   display: none;
  5407. 5405.  - }
  5408. 5406.  - .medadd_aud.current .player {
  5409. 5407.  -   display: block;
  5410. 5408.  - }
  5411. 5409.  - .medadd_aud .audio_vol,
  5412. 5410.  - .medadd_aud .audio_pr {
  5413. 5411.  -   padding-top: 4px;
  5414. 5412.  - }
  5415. 5413.  - div.medadd_aud_ph {
  5416. 5414.  -   top: 4px;
  5417. 5415.  - }
  5418. 5416.  - .current .medadd_aud_ph {
  5419. 5417.  -   display: none;
  5420. 5418.  - }
  5421. 5419.  - .medadd_aud_td {
  5422. 5420.  -   vertical-align: top;
  5423. 5421.  - }
  5424. 5422.  - .medadd_aud_wid {
  5425. 5423.  -   width: 100%;
  5426. 5424.  - }
  5427. 5425.  - #wpe_media_preview .medadd_aud {
  5428. 5426.  -   width: 295px;
  5429. 5427.  - }
  5430. 5428.  - #wpe_media_preview .medadd_aud .title_wrap {
  5431. 5429.  -   width: 225px;
  5432. 5430.  - }
  5433. 5431.  - #wpe_media_preview .medadd_c_polladd,
  5434. 5432.  - #wpe_media_preview .medadd_c_poll input.medadd_c_pollq,
  5435. 5433.  - #wpe_media_preview .medadd_c_poll input.medadd_c_polla {
  5436. 5434.  -   width: 270px;
  5437. 5435.  - }
  5438. 5436.  - .reply_media_preview .medadd_aud,
  5439. 5437.  - .reply_info #wpe_media_preview .medadd_aud {
  5440. 5438.  -   width: 265px;
  5441. 5439.  - }
  5442. 5440.  - .reply_media_preview .medadd_aud .title_wrap,
  5443. 5441.  - .reply_info #wpe_media_preview .medadd_aud .title_wrap {
  5444. 5442.  -   width: 195px;
  5445. 5443.  - }
  5446. 5444.  - .wide_wall_module .reply_media_preview .medadd_aud {
  5447. 5445.  -   width: 335px;
  5448. 5446.  - }
  5449. 5447.  - .wide_wall_module .reply_media_preview .medadd_aud .title_wrap {
  5450. 5448.  -   width: 265px;
  5451. 5449.  - }
  5452. 5450.  - #like_share_media_preview .medadd_aud {
  5453. 5451.  -   width: 420px;
  5454. 5452.  - }
  5455. 5453.  - #like_share_media_preview .medadd_aud .title_wrap {
  5456. 5454.  -   width: 350px;
  5457. 5455.  - }
  5458. 5456.  -
  5459. 5457.  - button.wall_block_app_btn {
  5460. 5458.  -   max-width: 290px;
  5461. 5459.  -   overflow: hidden;
  5462. 5460.  - }
  5463. 5461.  - .wide_wall_module button.wall_block_app_btn {
  5464. 5462.  -   max-width: 390px;
  5465. 5463.  - }
  5466. 5464.  - .page_place_error {
  5467. 5465.  -   display: block;
  5468. 5466.  -   padding: 2px 0px 2px;
  5469. 5467.  - }
  5470. 5468.  - .page_no_flash_wrap {
  5471. 5469.  -   padding: 10px;
  5472. 5470.  -   background: rgba(255,255,255,0.8);
  5473. 5471.  -   position: absolute;
  5474. 5472.  -   margin: -160px 0px 0px -140px;
  5475. 5473.  -   -webkit-border-radius: 5px;
  5476. 5474.  -   -moz-border-radius: 5px;
  5477. 5475.  -   border-radius: 5px;
  5478. 5476.  -   width: 264px;
  5479. 5477.  -   left: 50%;
  5480. 5478.  -   line-height: 160%;
  5481. 5479.  - }
  5482. 5480.  - .wide_wall_module .page_no_flash_wrap {
  5483. 5481.  -   margin: -220px 0px 0px -55px;
  5484. 5482.  -   width: 300px;
  5485. 5483.  - }
  5486. 5484.  - #mv_box .page_no_flash_wrap {
  5487. 5485.  -   margin: -200px 0px 0px -160px;
  5488. 5486.  -   width: 300px;
  5489. 5487.  - }
  5490. 5488.  - .wall_browse_images {
  5491. 5489.  -   padding-top: 4px;
  5492. 5490.  - }
  5493. 5491.  -
  5494. 5492.  - .status_audio_shared {
  5495. 5493.  -   padding: 8px 2px 2px;
  5496. 5494.  -   font-size: 0.9em;
  5497. 5495.  -   color: #777;
  5498. 5496.  -   overflow: hidden;
  5499. 5497.  -
  5500. 5498.  -   -o-text-overflow: ellipsis;
  5501. 5499.  -   text-overflow: ellipsis;
  5502. 5500.  - }
  5503. 5501.  - .status_audio_shared_lnk {
  5504. 5502.  -   color: #777;
  5505. 5503.  - }
  5506. 5504.  -
  5507. 5505.  - /* Verified accounts */
  5508. 5506.  - .page_verified {
  5509. 5507.  -   background: url(/images/profile_icons.gif?10) no-repeat 0 -73px;
  5510. 5508.  -   width: 13px;
  5511. 5509.  -   height: 11px;
  5512. 5510.  -   display:-moz-inline-stack;
  5513. 5511.  -   display:inline-block;
  5514. 5512.  -   _overflow:hidden;
  5515. 5513.  -   zoom:1;
  5516. 5514.  -   *display:inline;
  5517. 5515.  -   position: relative;
  5518. 5516.  -   top: 1px;
  5519. 5517.  -   margin: 0 3px 0 6px;
  5520. 5518.  - }
  5521. 5519.  -
  5522. 5520.  - #choose_query_reset.shown {
  5523. 5521.  -   display: block;
  5524. 5522.  - }
  5525. 5523.  - .loading #choose_query_reset.shown {
  5526. 5524.  -   display: none;
  5527. 5525.  - }
  5528. 5526.  - .page_media_place {
  5529. 5527.  -   color: #888888;
  5530. 5528.  -   display: block;
  5531. 5529.  -   line-height: 17px;
  5532. 5530.  -   margin: 4px 0px;
  5533. 5531.  - }
  5534. 5532.  - .page_media_place:hover {
  5535. 5533.  -   text-decoration: none;
  5536. 5534.  -   background-color: #F5F6F7;
  5537. 5535.  -   color: #85909b;
  5538. 5536.  - }
  5539. 5537.  - .feedback_row_content .page_media_place:hover {
  5540. 5538.  -   background-color: #E9EDF1;
  5541. 5539.  - }
  5542. 5540.  - .checkin_big {
  5543. 5541.  -   width: 39px;
  5544. 5542.  -   height: 39px;
  5545. 5543.  -   background: #E9EDF1 url(/images/icons/checkin_big.png) center center no-repeat;
  5546. 5544.  - }
  5547. 5545.  - .page_media_place:hover .checkin_big {
  5548. 5546.  -   background-color: #E7EAEE;
  5549. 5547.  - }
  5550. 5548.  - .page_media_place_label {
  5551. 5549.  -   width: 280px;
  5552. 5550.  -   padding: 2px 9px;
  5553. 5551.  - }
  5554. 5552.  - .page_report_progress {
  5555. 5553.  -   vertical-align: top;
  5556. 5554.  -   padding-top: 7px;
  5557. 5555.  - }
  5558. 5556.  - .wall_posts .page_report_progress {
  5559. 5557.  -   padding-top: 0px;
  5560. 5558.  - }
  5561. 5559.  - .wall_post_report_cont {
  5562. 5560.  -   position: relative;
  5563. 5561.  -   border: 1px solid #FFFFFF;
  5564. 5562.  -   display: inline-block;
  5565. 5563.  -   *display: inline;
  5566. 5564.  -   zoom: 1;
  5567. 5565.  - }
  5568. 5566.  - .reply .wall_post_report_cont {
  5569. 5567.  -   border: none;
  5570. 5568.  -   border-left: 1px solid #FFFFFF;
  5571. 5569.  - }
  5572. 5570.  - #wl_post_body_wrap .wall_post_report_cont,
  5573. 5571.  - #wl_replies_wrap .wall_post_report_cont{
  5574. 5572.  -   border: none;
  5575. 5573.  - }
  5576. ------
  5577. Файл - wall.js (Старый размер - 19454 | Новый - 0):
  5578. 0.  - var FullWall = {
  5579. 1.  -   getsect: function() {
  5580. 2.  -     var current = ge('full_wall_filters').firstChild;
  5581. 3.  -     for (; !hasClass(current, 'active_link') && current;) {
  5582. 4.  -       current = current.nextSibling;
  5583. 5.  -     }
  5584. 6.  -     return current;
  5585. 7.  -   },
  5586. 8.  -   failed: function(old, text) {
  5587. 9.  -     FullWall.getsect().className = '';
  5588. 10.  -     if (old) old.className = 'active_link';
  5589. 11.  -     if (!text) return;
  5590. 12.  -
  5591. 13.  -     setTimeout(showFastBox(getLang('global_error'), text).hide, 2000);
  5592. 14.  -     return true;
  5593. 15.  -   },
  5594. 16.  -   go: function(el, ev) {
  5595. 17.  -     var current = FullWall.getsect();
  5596. 18.  -     var result = nav.go(el, ev, {onFail: FullWall.failed.pbind(current)});
  5597. 19.  -     if (result === false) {
  5598. 20.  -       if (current) current.className = '';
  5599. 21.  -       el.parentNode.className = 'active_link';
  5600. 22.  -     }
  5601. 23.  -   },
  5602. 24.  -   scrollCheck: function(e, st) {
  5603. 25.  -     var ch = lastWindowHeight, top, ntop = 0, el, nel, bits, posts = [];
  5604. 26.  -     if (domPN(cur.topRow) != cur.pgCont) {
  5605. 27.  -       cur.topRow = domFC(cur.pgCont);
  5606. 28.  -     }
  5607. 29.  -     if (
  5608. 30.  -       !vk.id ||
  5609. 31.  -       !cur.topRow ||
  5610. 32.  -       ((window.curNotifier || {}).idle_manager || {}).is_idle
  5611. 33.  -     ) {
  5612. 34.  -       return;
  5613. 35.  -     }
  5614. 36.  -     for (el = domPS(cur.topRow); el && cur.topRow.offsetTop > st; el = domPS(el)) cur.topRow = el;
  5615. 37.  -     for (el = cur.topRow; el; el = nel) {
  5616. 38.  -       top = ntop ? ntop : el.offsetTop;
  5617. 39.  -       if (top >= st + ch) break;
  5618. 40.  -
  5619. 41.  -       nel = domNS(el);
  5620. 42.  -
  5621. 43.  -       ntop = nel ? nel.offsetTop : top + el.offsetHeight;
  5622. 44.  -       if (ntop < st && nel) cur.topRow = nel;
  5623. 45.  -
  5624. 46.  -       bits = el.bits || 0;
  5625. 47.  -       if (bits >= 3) continue;
  5626. 48.  -
  5627. 49.  -       if (bits |= ((top >= st && top < st + ch) ? 1 : 0) | ((ntop >= st && ntop < st + ch) ? 2 : 0)) {
  5628. 50.  -         el.bits = bits;
  5629. 51.  -         if (bits == 3) {
  5630. 52.  -           posts.push(FullWall.postsGetRaws(el));
  5631. 53.  -         }
  5632. 54.  -       }
  5633. 55.  -     }
  5634. 56.  -     Page.postsSeen(posts);
  5635. 57.  -   },
  5636. 58.  -   postsGetRaws: function(el) {
  5637. 59.  -     var m, res = {};
  5638. 60.  -     if (m = el.id.match(new RegExp('^post(' + cur.oid + '_\\d+)$', ''))) {
  5639. 61.  -       res[m[1]] = 1;
  5640. 62.  -       if (m = (el.getAttribute('data-copy') || '').match(/^(-?\d+_\d+)$/)) {
  5641. 63.  -         res[m[1]] = -1;
  5642. 64.  -       }
  5643. 65.  -     }
  5644. 66.  -     return res;
  5645. 67.  -   },
  5646. 68.  -   init: function(opts, preload) {
  5647. 69.  -     extend(cur, {
  5648. 70.  -       options: opts,
  5649. 71.  -       module: 'wall',
  5650. 72.  -
  5651. 73.  -       pgStart: opts.start,
  5652. 74.  -       pgOffset: opts.offset,
  5653. 75.  -       pgCount: opts.count,
  5654. 76.  -       pgPerPage: opts.per_page,
  5655. 77.  -       pgCont: ge('page_wall_posts'),
  5656. 78.  -       pgMore: ge('fw_load_more'),
  5657. 79.  -       pgPages: ge('fw_pages'),
  5658. 80.  -       pgMorePrg: ge('fw_more_progress'),
  5659. 81.  -       pgPreload: preload,
  5660. 82.  -       pgUrl: opts.url,
  5661. 83.  -       pgOnScroll: FullWall.scrollCheck,
  5662. 84.  -
  5663. 85.  -       pgParams: opts.params,
  5664. 86.  -       pgHref: opts.href,
  5665. 87.  -
  5666. 88.  -       pgPostProcess: FullWall.loadedPosts,
  5667. 89.  -       pgNoArrowNav: FullWall.noArrowNav,
  5668. 90.  -
  5669. 91.  -       oid: opts.owner_id,
  5670. 92.  -       postTo: opts.owner_id,
  5671. 93.  -       fullPostView: true
  5672. 94.  -     });
  5673. 95.  -     wall.init(opts);
  5674. 96.  -     if (!opts.wall_type || opts.wall_type != 'cards' && opts.wall_type != 'supp' && opts.wall_type != 'phone_info') {
  5675. 97.  -       Pagination.init();
  5676. 98.  -     }
  5677. 99.  -     cur.destroy.push(Pagination.deinit);
  5678. 100.  -     if (opts.with_id) return;
  5679. 101.  -
  5680. 102.  -     if (opts.search) {
  5681. 103.  -       var searchEl = ge('wall_search');
  5682. 104.  -       placeholderSetup(searchEl, {back: 1});
  5683. 105.  -       addEvent(searchEl, 'keydown', function (e) {
  5684. 106.  -         if (e.keyCode == KEY.RETURN) {
  5685. 107.  -           FullWall.doSearch();
  5686. 108.  -           searchEl.blur();
  5687. 109.  -           return cancelEvent(e);
  5688. 110.  -         }
  5689. 111.  -       });
  5690. 112.  -       elfocus(searchEl);
  5691. 113.  -       setTimeout(elfocus.pbind(searchEl), 100);
  5692. 114.  -       if (val(searchEl)) show('wall_reset_search');
  5693. 115.  -     }
  5694. 116.  -
  5695. 117.  -     wall.initUpdates(opts.add_queue_key);
  5696. 118.  -     if (opts.wall_type && (opts.wall_type == 'cards' || opts.wall_type == 'supp' || opts.wall_type == 'phone_info')) return;
  5697. 119.  -     cur.nav.push(function(changed, current, next) {
  5698. 120.  -       var own = changed.own;
  5699. 121.  -       delete(changed.own);
  5700. 122.  -       delete(changed.offset);
  5701. 123.  -       if (!isEmpty(changed) || own === undefined) return;
  5702. 124.  -       ajax.post('al_wall.php', {
  5703. 125.  -         act: 's',
  5704. 126.  -         owner_id: cur.oid,
  5705. 127.  -         own: next.own || undefined,
  5706. 128.  -         lnav: 1,
  5707. 129.  -         offset: next.offset || undefined
  5708. 130.  -       }, {onDone: function(summary, rows, names, href, start, offset, perpage, count, preload, queue) {
  5709. 131.  -         ge('fw_summary_wrap').innerHTML = summary;
  5710. 132.  -         Pagination.deinit();
  5711. 133.  -         extend(cur, {
  5712. 134.  -           pgStart: start,
  5713. 135.  -           pgOffset: offset,
  5714. 136.  -           pgCount: count,
  5715. 137.  -           pgParams: next.own ? {own: 1} : false,
  5716. 138.  -           pgHref: href,
  5717. 139.  -           pgPages: ge('fw_pages'),
  5718. 140.  -           pgPreload: preload
  5719. 141.  -         });
  5720. 142.  -         toggle(cur.pgMore, (count > offset + cur.pgPerPage));
  5721. 143.  -         wall.cancelEdit();
  5722. 144.  -         var posts = ge('page_wall_posts');
  5723. 145.  -         posts.innerHTML = rows;
  5724. 146.  -         each(geByTag('textarea', posts), function() { placeholderSetup(this, {fast: 1}); });
  5725. 147.  -         Pagination.init();
  5726. 148.  -         wall.initUpdates(queue);
  5727. 149.  -
  5728. 150.  -         for (var mid in names) {
  5729. 151.  -           cur.options.reply_names[mid] = names[mid];
  5730. 152.  -         }
  5731. 153.  -
  5732. 154.  -         cur.wallType = 'full_' + (next.own ? 'own' : 'all');
  5733. 155.  -         nav.setLoc(next);
  5734. 156.  -
  5735. 157.  -         scrollToTop();
  5736. 158.  -
  5737. 159.  -         ge('wall_' + (next.own ? 'all' : 'own') + '_filter').className = '';
  5738. 160.  -         var selFilter = ge('wall_' + (next.own ? 'own' : 'all') + '_filter');
  5739. 161.  -         selFilter.className = 'active_link';
  5740. 162.  -       }, showProgress: function() {
  5741. 163.  -         hide('full_wall_return', 'fw_search_toggler');
  5742. 164.  -         show('full_wall_progress');
  5743. 165.  -       }, hideProgress: function() {
  5744. 166.  -         hide('full_wall_progress');
  5745. 167.  -         show('full_wall_return', 'fw_search_toggler');
  5746. 168.  -       }, onFail: FullWall.failed.pbind(FullWall.getsect())});
  5747. 169.  -       return false;
  5748. 170.  -     });
  5749. 171.  -   },
  5750. 172.  -   loadedPosts: function(count, from, rows, offset, pages, preload, names) {
  5751. 173.  -     if (preload) {
  5752. 174.  -       each(geByTag('textarea', cur.pgCont), function() { placeholderSetup(this, {fast: 1}); });
  5753. 175.  -       wall.cancelEdit();
  5754. 176.  -     } else {
  5755. 177.  -       var l = cur.pgCont.childNodes.length, i = 0;
  5756. 178.  -       for (var el = cur.pgCont.lastChild; el && ++i <= cur.pgPerPage; el = el.previousSibling) {
  5757. 179.  -         placeholderSetup(geByTag1('textarea', el), {fast: 1});
  5758. 180.  -       }
  5759. 181.  -       names = offset;
  5760. 182.  -     }
  5761. 183.  -     for (var mid in names) {
  5762. 184.  -       cur.options.reply_names[mid] = names[mid];
  5763. 185.  -     }
  5764. 186.  -     FullWall.updateSummary(count);
  5765. 187.  -   },
  5766. 188.  -   updateSummary: function(count) {
  5767. 189.  -     var ds = re('wall_datesearch_wrap');
  5768. 190.  -     if (count > 1) {
  5769. 191.  -       ge('fw_summary').innerHTML = getLang('wall_x_posts_at_all', count, true);
  5770. 192.  -     } else if (count > 0) {
  5771. 193.  -       ge('fw_summary').innerHTML = getLang('wall_one_post');
  5772. 194.  -     } else {
  5773. 195.  -       ge('fw_summary').innerHTML = getLang('wall_no_posts');
  5774. 196.  -     }
  5775. 197.  -     if (ds) ge('fw_summary').appendChild(ds);
  5776. 198.  -   },
  5777. 199.  -   noArrowNav: function() {
  5778. 200.  -     return cur.__focused || (ge('own_reply_field') || {}).focused || cur.editingPost;
  5779. 201.  -   },
  5780. 202.  -
  5781. 203.  -   initOnePost: function(opts, preload) {
  5782. 204.  -     Page.postsSeen(opts.seen);
  5783. 205.  -     extend(cur, {
  5784. 206.  -       onepost: true,
  5785. 207.  -       options: opts,
  5786. 208.  -       module: 'wall',
  5787. 209.  -
  5788. 210.  -       docked: false,
  5789. 211.  -
  5790. 212.  -       addField: ge('fwr_text'),
  5791. 213.  -       addBlock: ge('fwr_form'),
  5792. 214.  -       addBlockWrap: ge('fwr_wrap'),
  5793. 215.  -
  5794. 216.  -       pgStart: opts.start,
  5795. 217.  -       pgOffset: opts.offset,
  5796. 218.  -       pgCount: opts.count,
  5797. 219.  -       pgPerPage: opts.per_page,
  5798. 220.  -       pgCont: ge('fw_replies_rows'),
  5799. 221.  -       pgMore: ge('fwp_load_more'),
  5800. 222.  -       pgPages: ge('fw_pages'),
  5801. 223.  -       pgMorePrg: ge('fw_more_progress'),
  5802. 224.  -       pgPreload: preload,
  5803. 225.  -       pgUrl: opts.url,
  5804. 226.  -       pgParams: opts.params,
  5805. 227.  -       pgHref: opts.href,
  5806. 228.  -
  5807. 229.  -       pgPostProcess: FullWall.loadedReplies,
  5808. 230.  -       pgOnScroll: FullWall.onePostOnScroll,
  5809. 231.  -       pgNoArrowNav: FullWall.noArrowNav,
  5810. 232.  -
  5811. 233.  -       oid: opts.owner_id,
  5812. 234.  -       pid: opts.post_id,
  5813. 235.  -       nid: opts.note_id,
  5814. 236.  -       fullPostView: true,
  5815. 237.  -       named: {replies: ge('fw_one_replies_wrap')}
  5816. 238.  -     });
  5817. 239.  -     wall.init(opts);
  5818. 240.  -
  5819. 241.  -     if (cur.addField) {
  5820. 242.  -       placeholderSetup(cur.addField);
  5821. 243.  -       autosizeSetup(cur.addField, {minHeight: opts.note ? 62 : 42, maxHeight: 300});
  5822. 244.  -       addEvent(cur.addField, 'change keydown keyup paste', FullWall.replyFieldUpdated);
  5823. 245.  -
  5824. 246.  -       var mediaTypes = [];
  5825. 247.  -       each (cur.options.rmedia_types, function () {
  5826. 248.  -         if (inArray(this[0], ['photo', 'video', 'audio', 'doc', 'link', 'page'])) {
  5827. 249.  -           mediaTypes.push(this);
  5828. 250.  -         }
  5829. 251.  -       });
  5830. 252.  -       var media;
  5831. 253.  -       if (mediaTypes.length) {
  5832. 254.  -         media = {
  5833. 255.  -           lnk: ge('fwr_reply_media_lnk').firstChild,
  5834. 256.  -           preview: ge('fwr_reply_media_preview'),
  5835. 257.  -           types: mediaTypes,
  5836. 258.  -           options: {limit: 2, disabledTypes: ['album'], toggleLnk: true}
  5837. 259.  -         };
  5838. 260.  -       }
  5839. 261.  -       Wall.initComposer(cur.addField, {
  5840. 262.  -         lang: {
  5841. 263.  -           introText: getLang('profile_mention_start_typing'),
  5842. 264.  -           noResult: getLang('profile_mention_not_found')
  5843. 265.  -         },
  5844. 266.  -         media: media
  5845. 267.  -       });
  5846. 268.  -       FullWall.replyFieldUpdated();
  5847. 269.  -     }
  5848. 270.  -     Pagination.init(opts.scroll);
  5849. 271.  -     cur.destroy.push(Pagination.deinit);
  5850. 272.  -
  5851. 273.  -     wall.initUpdates(opts.add_queue_key);
  5852. 274.  -   },
  5853. 275.  -   scrollToEnd: function() {
  5854. 276.  -     var st = cur.addBlockTop + cur.addBlockHeight + 20 - lastWindowHeight;
  5855. 277.  -     if (scrollGetY() < st) {
  5856. 278.  -       Pagination.setScroll(st);
  5857. 279.  -     }
  5858. 280.  -   },
  5859. 281.  -   replyFieldUpdated: function() {
  5860. 282.  -     if (!cur.addField) return;
  5861. 283.  -
  5862. 284.  -     var newt = val(cur.addField), newh = getSize(cur.addBlock)[1];
  5863. 285.  -     var ch = (cur.addBlockHeight != newh), ct = (cur.addText != newt);
  5864. 286.  -     if (ch) {
  5865. 287.  -       cur.addBlockHeight = newh;
  5866. 288.  -       cur.addBlockWrap.style.height = newh + 'px';
  5867. 289.  -     }
  5868. 290.  -     if (ct) {
  5869. 291.  -       cur.addText = newt;
  5870. 292.  -     }
  5871. 293.  -     if (ch || ct) {
  5872. 294.  -       FullWall.onePostOnScroll(false, false, true);
  5873. 295.  -     }
  5874. 296.  -   },
  5875. 297.  -   onePostResetStyle: function() {
  5876. 298.  -     cur.addBlock.style.left = '';
  5877. 299.  -   },
  5878. 300.  -   onePostOnScroll: function(e, st, pp) {
  5879. 301.  -     if (!cur.addField) return;
  5880. 302.  -
  5881. 303.  -     if (st === false || st === undefined) {
  5882. 304.  -       st = scrollGetY();
  5883. 305.  -     }
  5884. 306.  -     if (pp === true) {
  5885. 307.  -       cur.addBlockTop = getXY(cur.addBlockWrap)[1];
  5886. 308.  -       if (browser.msie6) cur.addBlockTop += st;
  5887. 309.  -     }
  5888. 310.  -     var needDock = (cur.addText || cur.addForce) && (st + lastWindowHeight < cur.addBlockTop + cur.addBlockHeight);
  5889. 311.  -     if (needDock && !cur.docked) {
  5890. 312.  -       cur.addBlock.className = 'fixed';
  5891. 313.  -       if (browser.msie6) {
  5892. 314.  -         bodyNode.appendChild(cur.addBlock);
  5893. 315.  -         e = {type: 'resize'};
  5894. 316.  -       }
  5895. 317.  -       cur.docked = true;
  5896. 318.  -       show('fwr_cancel');
  5897. 319.  -       cur.addForce = true;
  5898. 320.  -     } else if (!needDock && cur.docked) {
  5899. 321.  -       FullWall.cancelAddReply();
  5900. 322.  -     }
  5901. 323.  -     if (cur.docked && e && e.type == 'resize') {
  5902. 324.  -       if (browser.msie6) {
  5903. 325.  -         cur.addBlock.style.left = getXY(ge('content'))[0] + 'px';
  5904. 326.  -       } else {
  5905. 327.  -         cur.addBlock.style.left = (ge('page_layout').offsetLeft + ge('content').offsetLeft) + 'px';
  5906. 328.  -         setTimeout(FullWall.onePostResetStyle, 0);
  5907. 329.  -       }
  5908. 330.  -     }
  5909. 331.  -   },
  5910. 332.  -   loadedReplies: function(count, from, rows, offset, pages, preload, names) {
  5911. 333.  -     if (!preload) {
  5912. 334.  -       names = offset;
  5913. 335.  -     }
  5914. 336.  -     for (var mid in names) {
  5915. 337.  -       cur.options.reply_names[mid] = names[mid];
  5916. 338.  -     }
  5917. 339.  -     FullWall.onePostOnScroll(false, false, true);
  5918. 340.  -     FullWall.repliesSummary(count);
  5919. 341.  -   },
  5920. 342.  -   repliesSummary: function(count) {
  5921. 343.  -     var summary = ge('fw_summary');
  5922. 344.  -     summary.innerHTML = count ? getLang('wall_n_replies', count) : getLang('wall_no_replies');
  5923. 345.  -     show(summary.parentNode);
  5924. 346.  -   },
  5925. 347.  -   sendReply: function() {
  5926. 348.  -     var rf = ge('fwr_text'),
  5927. 349.  -         composer = rf && data(rf, 'composer'),
  5928. 350.  -         params = composer ? Composer.getSendParams(composer, FullWall.sendReply) : {message: trim(val(rf))},
  5929. 351.  -         replyName = cur.reply_to && cur.options.reply_names[cur.reply_to[0]],
  5930. 352.  -         state;
  5931. 353.  -
  5932. 354.  -     if (params.delayed) {
  5933. 355.  -       return;
  5934. 356.  -     }
  5935. 357.  -
  5936. 358.  -     if (!params.attach1_type) {
  5937. 359.  -       if (!params.message ||
  5938. 360.  -           isArray(replyName) && !replyName[1].indexOf(params.message)) {
  5939. 361.  -         elfocus(rf);
  5940. 362.  -         return;
  5941. 363.  -       }
  5942. 364.  -     }
  5943. 365.  -
  5944. 366.  -     rf.blur();
  5945. 367.  -     cur.wallMyReplied[cur.oid + '_' + cur.pid] = 1;
  5946. 368.  -     cur.wallMyOpened[cur.oid + '_' + cur.pid] = 1;
  5947. 369.  -     if (cur.pid) {
  5948. 370.  -       var replyTo = cur.oid + '_' + cur.pid;
  5949. 371.  -     } else {
  5950. 372.  -       var replyTo = cur.oid + '_note' + cur.nid;
  5951. 373.  -     }
  5952. 374.  -
  5953. 375.  -     if (composer) {
  5954. 376.  -       state = Composer.reset(composer);
  5955. 377.  -     } else {
  5956. 378.  -       val(rf, '');
  5957. 379.  -     }
  5958. 380.  -
  5959. 381.  -     extend(params, {
  5960. 382.  -       act: 'post',
  5961. 383.  -       type: cur.wallType,
  5962. 384.  -       reply_to: replyTo,
  5963. 385.  -       reply_to_msg: val('fwr_to'),
  5964. 386.  -       reply_to_user: cur.reply_to && cur.reply_to[0] || 0,
  5965. 387.  -       last: ((cur.pgCont.lastChild || {}).id || '').split('_')[1],
  5966. 388.  -       from_group: isChecked('fwr_as_group'),
  5967. 389.  -       hash: cur.options.post_hash
  5968. 390.  -     });
  5969. 391.  -     ajax.post('al_wall.php', params, {
  5970. 392.  -       onDone: function(count, from, rows, offset, pages, preload, names) {
  5971. 393.  -         cur.wallMyReplied[cur.oid + '_' + cur.pid] = 0;
  5972. 394.  -         Pagination.loaded.apply(window, arguments);
  5973. 395.  -         FullWall.cancelAddReply(true);
  5974. 396.  -         setTimeout(FullWall.scrollToEnd, 0);
  5975. 397.  -         if (pages && offset) {
  5976. 398.  -           nav.setLoc(extend(nav.objLoc, {offset: offset}));
  5977. 399.  -         }
  5978. 400.  -       },
  5979. 401.  -       onFail: function () {
  5980. 402.  -         if (composer) {
  5981. 403.  -           Composer.restore(composer, state);
  5982. 404.  -         }
  5983. 405.  -       },
  5984. 406.  -       showProgress: lockButton.pbind(ge('fwr_send')),
  5985. 407.  -       hideProgress: unlockButton.pbind(ge('fwr_send'))
  5986. 408.  -     });
  5987. 409.  -   },
  5988. 410.  -   cancelAddReply: function(clear) {
  5989. 411.  -     cur.addForce = false;
  5990. 412.  -     hide('fwr_cancel');
  5991. 413.  -     cur.addBlock.className = '';
  5992. 414.  -     if (browser.msie6) {
  5993. 415.  -       cur.addBlockWrap.appendChild(cur.addBlock);
  5994. 416.  -     }
  5995. 417.  -     cur.docked = false;
  5996. 418.  -     if (clear === true) {
  5997. 419.  -       val(cur.addField, '');
  5998. 420.  -       hide('fwr_warn');
  5999. 421.  -       cur.addField.autosize.update();
  6000. 422.  -       FullWall.cancelReplyTo();
  6001. 423.  -       FullWall.replyFieldUpdated();
  6002. 424.  -     }
  6003. 425.  -   },
  6004. 426.  -
  6005. 427.  -   replyTo: function(post, toMsgId, toId, event) {
  6006. 428.  -     event = normEvent(event);
  6007. 429.  -     val('fwr_to', toMsgId);
  6008. 430.  -     var replyName = cur.options.reply_names[toId], cancel = '<span class="fwr_no_to" onclick="FullWall.cancelReplyTo(); elfocus(\'fwr_text\');"></span>';
  6009. 431.  -     if (isArray(replyName)) {
  6010. 432.  -       val('fwr_to_title', replyName[0] + cancel);
  6011. 433.  -       var rf = ge('fwr_text'), replyNameOld = cur.reply_to && cur.options.reply_names[cur.reply_to[0]], v = trim(val(rf));
  6012. 434.  -       if (!v || replyNameOld && isArray(replyNameOld) && !replyNameOld[1].indexOf(v)) {
  6013. 435.  -         val(rf, !checkEvent(event) ? replaceEntities(replyName[1]) : '');
  6014. 436.  -         FullWall.replyFieldUpdated();
  6015. 437.  -       }
  6016. 438.  -     } else {
  6017. 439.  -       val('fwr_to_title', replyName + cancel);
  6018. 440.  -     }
  6019. 441.  -     cur.reply_to = [toId, toMsgId];
  6020. 442.  -     cur.addForce = true;
  6021. 443.  -     FullWall.onePostOnScroll();
  6022. 444.  -     setTimeout(elfocus.pbind(cur.addField), 0);
  6023. 445.  -     return false;
  6024. 446.  -   },
  6025. 447.  -   cancelReplyTo: function() {
  6026. 448.  -     var rf = ge('fwr_text'), replyNameOld = cur.reply_to && cur.options.reply_names[cur.reply_to[0]], v = trim(val(rf));
  6027. 449.  -     val('fwr_to_title', '');
  6028. 450.  -     val('fwr_to', '');
  6029. 451.  -     cur.reply_to = false;
  6030. 452.  -     if (!v || replyNameOld && isArray(replyNameOld) && !replyNameOld[1].indexOf(v)) {
  6031. 453.  -       val(rf, '');
  6032. 454.  -       FullWall.replyFieldUpdated();
  6033. 455.  -     }
  6034. 456.  -   },
  6035. 457.  -   deletePost: function(post, hash) {
  6036. 458.  -     return FullWall.replyAction('delete', post, hash);
  6037. 459.  -   },
  6038. 460.  -   markAsSpam: function(post, hash) {
  6039. 461.  -     return FullWall.replyAction('spam', post, hash);
  6040. 462.  -   },
  6041. 463.  -   restorePost: function(post, hash, root) {
  6042. 464.  -     if (!root) {
  6043. 465.  -       if (cur.pid) {
  6044. 466.  -         root = (post == cur.oid + '_' + cur.pid);
  6045. 467.  -       } else {
  6046. 468.  -         root = (post == cur.oid + 'note_' + cur.nid);
  6047. 469.  -       }
  6048. 470.  -     }
  6049. 471.  -     ajax.post('al_wall.php', {act: 'restore', post: post, hash: hash, root: root ? 1 : 0}, {onDone: function() {
  6050. 472.  -       var p = root ? ge('fw_post') : ge('post' + post);
  6051. 473.  -       if (!p || isVisible(p.firstChild)) return;
  6052. 474.  -       if (root) {
  6053. 475.  -         cur.pgPaused = false;
  6054. 476.  -         show('fwr_wrap', 'fw_one_replies_wrap', 'post_publish' + post);
  6055. 477.  -       } else {
  6056. 478.  -         Pagination.recache(1);
  6057. 479.  -         FullWall.repliesSummary(cur.pgCount);
  6058. 480.  -       }
  6059. 481.  -       show(p.firstChild);
  6060. 482.  -       re(p.firstChild.nextSibling);
  6061. 483.  -     }});
  6062. 484.  -   },
  6063. 485.  -   replyAction: function(act, post, hash, force) {
  6064. 486.  -     if (cur.pid) {
  6065. 487.  -       var root = (post == cur.oid + '_' + cur.pid);
  6066. 488.  -     } else {
  6067. 489.  -       var root = (post == cur.oid + 'note_' + cur.nid);
  6068. 490.  -     }
  6069. 491.  -     cur.wallMyDeleted[post] = act == 'restore' ? 0 : 1;
  6070. 492.  -     ajax.post('al_wall.php', {act: act, post: post, hash: hash, from: 'full', root: root ? 1 : 0, confirm: force ? 1 : 0}, {onDone: function(msg, additional, need_confirm) {
  6071. 493.  -       if (need_confirm && act == 'delete') {
  6072. 494.  -         var box = showFastBox(msg, need_confirm, getLang('global_delete'), function() { box.hide(); FullWall.replyAction(act, post, hash, 1); }, getLang('box_cancel'));
  6073. 495.  -         return;
  6074. 496.  -       }
  6075. 497.  -       var p = root ? ge('fw_post') : ge('post' + post);
  6076. 498.  -       if (!p) return;
  6077. 499.  -       if (root) {
  6078. 500.  -         cur.pgPaused = true;
  6079. 501.  -         hide('fwr_wrap', 'fw_one_replies_wrap', 'post_publish' + post);
  6080. 502.  -       }
  6081. 503.  -       if (p.firstChild.nextSibling) {
  6082. 504.  -         p.firstChild.nextSibling.innerHTML = msg;
  6083. 505.  -         if (act == 'spam' && additional) {
  6084. 506.  -           eval(additional);
  6085. 507.  -         }
  6086. 508.  -       } else {
  6087. 509.  -         p.appendChild(ce('div', {id: 'post_del' + post, innerHTML: msg, className: 'fw_deleted'}));
  6088. 510.  -         hide(p.firstChild);
  6089. 511.  -         if (act == 'spam' && additional) {
  6090. 512.  -           eval(additional);
  6091. 513.  -         } else if (additional && !root) {
  6092. 514.  -           Pagination.recache(-1);
  6093. 515.  -           FullWall.repliesSummary(cur.pgCount);
  6094. 516.  -         }
  6095. 517.  -       }
  6096. 518.  -     }, progress: ge('wpe_prg' + post) || geByClass1('fw_reply_prg', ge('post' + post))});
  6097. 519.  -   },
  6098. 520.  -
  6099. 521.  -   addTetaTet: function(repls, ev) {
  6100. 522.  -     var upd = {
  6101. 523.  -       own_reply_link: '',
  6102. 524.  -       tet_a_tet: ''
  6103. 525.  -     };
  6104. 526.  -     if (ev[9] && ev[9] != ev[2].split('_')[0] && cur.wallTpl.tet_a_tet) {
  6105. 527.  -       upd.tet_a_tet = cur.wallTpl.tet_a_tet.replace('%from_uid%', ev[9]);
  6106. 528.  -     } else {
  6107. 529.  -       upd.own_reply_link = cur.wallTpl.own_reply_link.replace('%post_id%', ev[2]);
  6108. 530.  -     }
  6109. 531.  -     // debugLog(ev[9], ev[2], cur.wallTpl.tet_a_tet, upd);
  6110. 532.  -     return upd;
  6111. 533.  -   },
  6112. 534.  -
  6113. 535.  -   notePart: function(obj, obj_id) {
  6114. 536.  -     hide(obj);
  6115. 537.  -     show(obj_id);
  6116. 538.  -   },
  6117. 539.  -
  6118. 540.  -   doSearch: function () {
  6119. 541.  -     var q = trim(val('wall_search'));
  6120. 542.  -     if (nav.objLoc[0].split('/').length > 1) {
  6121. 543.  -       nav.change({0: 'wall'+cur.oid, q: q || false, search: !q && 1, offset: false});
  6122. 544.  -     } else {
  6123. 545.  -       nav.change({q: q || false, search: !q && 1, offset: false});
  6124. 546.  -     }
  6125. 547.  -     lockButton('wall_search_btn');
  6126. 548.  -   },
  6127. 549.  -   fixPost: function (link, post, hash, value) {
  6128. 550.  -     ajax.post('al_wall.php', {act: 'a_fix_post', post: post, hash: hash, value: value}, {
  6129. 551.  -       progress: ge('wpe_prg' + post),
  6130. 552.  -       onDone: function () {
  6131. 553.  -         val(link, getLang(value ? 'wall_unfix_post' : 'wall_fix_post'));
  6132. 554.  -         link.onclick = function () {
  6133. 555.  -           return FullWall.fixPost(link, post, hash, value ? 0 : 1);
  6134. 556.  -         }
  6135. 557.  -       }
  6136. 558.  -     });
  6137. 559.  -     return false;
  6138. 560.  -   },
  6139. 561.  -   calendar: function() {
  6140. 562.  -     stManager.add(['ui_controls.js', 'datepicker.js', 'datepicker.css'], function() {
  6141. 563.  -       if (!cur.wallDP) {
  6142. 564.  -         cur.wallSD = val('wall_datesearch');
  6143. 565.  -         cur.wallDP = new Datepicker(ge('wall_datesearch'), {
  6144. 566.  -           width: 140,
  6145. 567.  -           resfmt: 'plain',
  6146. 568.  -           addRows: nav.objLoc.day ? '<tr><td class="wall_cal_clear" colspan="7"><a onclick="nav.change({day: false, offset: false, search: nav.objLoc.q ? false : 1})" id="wall_cal_clear_lnk">' + getLang('wall_clear_date_filter') + '</a></td></tr>' : '',
  6147. 569.  -           onUpdate: function() {
  6148. 570.  -             if (cur.wallSD != val('wall_datesearch')) {
  6149. 571.  -               var nd = val('wall_datesearch').split('.');
  6150. 572.  -               nav.change({'day': (nd[0] < 10 ? '0' : '') + nd[0] + (nd[1] < 10 ? '0' : '') + nd[1] + nd[2], search: false, offset: false});
  6151. 573.  -             }
  6152. 574.  -           }
  6153. 575.  -         });
  6154. 576.  -       }
  6155. 577.  -       triggerEvent(geByClass1('datepicker_control', ge('wall_datesearch_cont')), 'mousedown', false, true);
  6156. 578.  -       ge('wall_datesearch_cal_box').style[vk.rtl ? 'right' : 'left'] = Math.floor((ge('wall_datesearch_lnk').offsetWidth - ge('wall_datesearch_cal_div').offsetWidth) / 2 + ge('wall_datesearch_lnk')[vk.rtl ? 'offsetRight' : 'offsetLeft']) + 'px';
  6157. 579.  -       ge('wall_datesearch_cal_box').style.marginTop = '-2px';
  6158. 580.  -     });
  6159. 581.  -   }
  6160. 582.  - }
  6161. 583.  -
  6162. 584.  - try{stManager.done('wall.js');}catch(e){}
  6163. ------
Advertisement
Add Comment
Please, Sign In to add comment