API tools faq
paste
Hormold

VK Change (#1378289707)

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