Hormold

VK Change (#1384990203)

Nov 20th, 2013
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 67.75 KB | None | 0 0
  1. Файл - tooltips.css (Старый размер - 15837 | Новый - 0):
  2. 0.  - #tooltips_css {
  3. 1.  -   display: none;
  4. 2.  - }
  5. 3.  -
  6. 4.  - .tt, .ttb {
  7. 5.  -   position: absolute;
  8. 6.  -   z-index: 2000;
  9. 7.  -   cursor: default;
  10. 8.  - }
  11. 9.  - .tt .side_sh {
  12. 10.  -   opacity: 0.05;
  13. 11.  -   filter: alpha(opacity=5);
  14. 12.  -   background: #000;
  15. 13.  -   overflow: hidden;
  16. 14.  -   width: 1px;
  17. 15.  -   display: none;
  18. 16.  - }
  19. 17.  - .tt .outer .side_sh {
  20. 18.  -   opacity: 0.12;
  21. 19.  -   filter: alpha(opacity=12);
  22. 20.  - }
  23. 21.  - .tt .bottom_sh {
  24. 22.  -   opacity: 0.05;
  25. 23.  -   filter: alpha(opacity=5);
  26. 24.  -   background: #000;
  27. 25.  -   overflow: hidden;
  28. 26.  -   height: 1px;
  29. 27.  -   line-height: 1px;
  30. 28.  - }
  31. 29.  - .tt .top_pointer, .tt .bottom_pointer {
  32. 30.  -   display: none;
  33. 31.  -   position: relative;
  34. 32.  -   bottom: -1px;
  35. 33.  -   height: 8px;
  36. 34.  -   width: 11px;
  37. 35.  -   margin: 0px 20px;
  38. 36.  -   overflow: hidden;
  39. 37.  - }
  40. 38.  - .tt .bottom_pointer {
  41. 39.  -   bottom: auto;
  42. 40.  -   top: -3px;
  43. 41.  - }
  44. 42.  - .tt .outer .bottom_sh {
  45. 43.  -   opacity: 0.12;
  46. 44.  -   filter: alpha(opacity=12);
  47. 45.  - }
  48. 46.  - .tt.rich .side_sh {
  49. 47.  -   display: table-cell;
  50. 48.  - }
  51. 49.  - .tt .tt_text {
  52. 50.  -   background: #FFF;
  53. 51.  -   border: 1px solid #96AABE;
  54. 52.  -   padding: 2px 5px 3px;
  55. 53.  -   color: #2C587D;
  56. 54.  - }
  57. 55.  -
  58. 56.  - .wall_tt .toup .top_pointer,
  59. 57.  - .mobile_tt .toup .top_pointer,
  60. 58.  - .verified_tt .toup .top_pointer,
  61. 59.  - .gifts_tt .toup .top_pointer,
  62. 60.  - .board_tt .toup .top_pointer {
  63. 61.  -   margin-right: 0px;
  64. 62.  -   margin-left: 64px;
  65. 63.  -   display: block;
  66. 64.  -   background: url(/images/tooltip_arrow_up.gif) no-repeat;
  67. 65.  - }
  68. 66.  - .wall_tt .toup1 .bottom_pointer,
  69. 67.  - .mobile_tt .toup1 .bottom_pointer,
  70. 68.  - .verified_tt .toup1 .bottom_pointer,
  71. 69.  - .gifts_tt .toup1 .bottom_pointer,
  72. 70.  - .board_tt .toup1 .bottom_pointer {
  73. 71.  -   margin-right: 0px;
  74. 72.  -   margin-left: 64px;
  75. 73.  -   display: block;
  76. 74.  -   background: url(/images/tooltip_arrow_white.png) no-repeat;
  77. 75.  - }
  78. 76.  - .settings_comments_disabled_tt .toup1 .bottom_pointer {
  79. 77.  -   margin: 0 158px;
  80. 78.  - }
  81. 79.  - .mobile_tt .toup .top_pointer,
  82. 80.  - .mobile_tt .toup1 .bottom_pointer {
  83. 81.  -   margin-left: 34px;
  84. 82.  - }
  85. 83.  - .mobile_tt_right .toup .top_pointer,
  86. 84.  - .mobile_tt_right .toup1 .bottom_pointer {
  87. 85.  -   margin-left: 277px;
  88. 86.  - }
  89. 87.  - .verified_tt .toup .top_pointer,
  90. 88.  - .verified_tt .toup1 .bottom_pointer {
  91. 89.  -   margin-left: 94px;
  92. 90.  - }
  93. 91.  - .fwd_reply_tt table.toup .top_pointer,
  94. 92.  - .fwd_reply_tt table.toup1 .bottom_pointer {
  95. 93.  -   margin-left: 309px;
  96. 94.  - }
  97. 95.  - .gifts_tt .toup .top_pointer,
  98. 96.  - .gifts_tt .toup1 .bottom_pointer {
  99. 97.  -   margin-left: 91px;
  100. 98.  - }
  101. 99.  - .fw_reply_tt .fw_reply_date {
  102. 100.  -   max-width: 300px;
  103. 101.  -   white-space: nowrap;
  104. 102.  -   -o-text-overflow: ellipsis;
  105. 103.  -   text-overflow: ellipsis;
  106. 104.  -   overflow: hidden;
  107. 105.  - }
  108. 106.  - .wall_tt.bottom table.toup1 .bottom_pointer,
  109. 107.  - .board_tt.bottom table.toup1 .bottom_pointer {
  110. 108.  -   background: url(/images/tooltip_arrow_down.gif) no-repeat;
  111. 109.  - }
  112. 110.  - .wall_tt .wall_module .like_wrap,
  113. 111.  - .wall_tt .wall_module .reply_link_wrap,
  114. 112.  - .wall_tt .wall_module .reply_link_wrap small,
  115. 113.  - .wall_tt .wall_module .info_footer {
  116. 114.  -   font-size: 1em;
  117. 115.  - }
  118. 116.  - .gifts_tt .bottom_sh {
  119. 117.  -   display: none;
  120. 118.  - }
  121. 119.  - .gifts_tt .bottom_pointer {
  122. 120.  -   top: -2px;
  123. 121.  - }
  124. 122.  - .gifts_tt table table {
  125. 123.  -   -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
  126. 124.  -   -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
  127. 125.  -   box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
  128. 126.  - }
  129. 127.  -
  130. 128.  - .wall_tt .header,
  131. 129.  - .verified_tt_header,
  132. 130.  - .mott_header {
  133. 131.  -   color: #45688E;
  134. 132.  -   font-weight: bold;
  135. 133.  -   overflow: hidden;
  136. 134.  -   margin: 0px 0px 6px;
  137. 135.  - }
  138. 136.  - .mott_header a {
  139. 137.  -   color: #45688E;
  140. 138.  - }
  141. 139.  - .verified_tt_text,
  142. 140.  - .mott_text {
  143. 141.  -   line-height: 160%;
  144. 142.  - }
  145. 143.  - .wall_tt .bottom {
  146. 144.  -   background: #EEF2F6;
  147. 145.  -   border-top: 1px solid #CCD3DC;
  148. 146.  -   padding: 8px 10px;
  149. 147.  - }
  150. 148.  - .wall_tt .wrap,
  151. 149.  - .bp_tt_wrap,
  152. 150.  - .mott_wrap,
  153. 151.  - .verified_tt_wrap,
  154. 152.  - .gifts_tt_wrap {
  155. 153.  -   border: 1px solid #AEBDCC;
  156. 154.  -   background: #FFF;
  157. 155.  - }
  158. 156.  - .gifts_tt_wrap {
  159. 157.  -   border: 1px solid #96AABE;
  160. 158.  - }
  161. 159.  - .wall_tt .open_graph span {
  162. 160.  -   color: #777;
  163. 161.  - }
  164. 162.  - .wall_tt div.thumb {
  165. 163.  -   margin: 0px 10px 10px 0px;
  166. 164.  - }
  167. 165.  - .wall_tt div.thumb img {
  168. 166.  -   max-width: 200px;
  169. 167.  - }
  170. 168.  - .wall_tt table.withphoto td {
  171. 169.  -   vertical-align: top;
  172. 170.  -   padding: 0px 10px;
  173. 171.  - }
  174. 172.  - .wall_tt table.withphoto td.thumb {
  175. 173.  -   padding: 3px 0px 0px;
  176. 174.  - }
  177. 175.  - .wall_mvkcom_tt .text_content {
  178. 176.  -   line-height: 160%;
  179. 177.  - }
  180. 178.  - .mott_content {
  181. 179.  -   max-width: 315px;
  182. 180.  -   width: auto !important;
  183. 181.  -   width: 315px;
  184. 182.  -   padding: 10px;
  185. 183.  -   overflow: hidden;
  186. 184.  - }
  187. 185.  - * html .mott_content {
  188. 186.  -   width: expression((this.flag == undefined) ? (this.scrollWidth > 315) ? this.flag = '315px' : 'auto' : '');
  189. 187.  - }
  190. 188.  - .verified_tt_content {
  191. 189.  -   max-width: 270px;
  192. 190.  -   width: auto !important;
  193. 191.  -   width: 270px;
  194. 192.  -   padding: 10px;
  195. 193.  -   overflow: hidden;
  196. 194.  - }
  197. 195.  - * html .verified_tt_content {
  198. 196.  -   width: expression((this.flag == undefined) ? (this.scrollWidth > 270) ? this.flag = '270px' : 'auto' : '');
  199. 197.  - }
  200. 198.  - .verified_group_tt .verified_tt_content {
  201. 199.  -   max-width: 240px;
  202. 200.  -   width: auto !important;
  203. 201.  -   width: 240px;
  204. 202.  - }
  205. 203.  - * html .verified_group_tt .verified_tt_content {
  206. 204.  -   width: expression((this.flag == undefined) ? (this.scrollWidth > 240) ? this.flag = '240px' : 'auto' : '');
  207. 205.  - }
  208. 206.  - .wall_tt .content {
  209. 207.  -   min-width: 80px;
  210. 208.  -   max-width: 360px;
  211. 209.  -   width: auto !important;
  212. 210.  -   width: 360px;
  213. 211.  -   padding: 10px;
  214. 212.  -   overflow: hidden;
  215. 213.  - }
  216. 214.  - * html .wall_tt .content {
  217. 215.  -   width: expression((this.flag == undefined) ? (this.scrollWidth > 360) ? this.flag = '360px' : 'auto' : '');
  218. 216.  - }
  219. 217.  - div.own_reply_tt .content {
  220. 218.  -   max-width: 396px;
  221. 219.  -   width: auto !important;
  222. 220.  -   width: 396px;
  223. 221.  - }
  224. 222.  - * html div.own_reply_tt .content {
  225. 223.  -   width: expression((this.flag == undefined) ? (this.scrollWidth > 396) ? this.flag = '396px' : 'auto' : '');
  226. 224.  - }
  227. 225.  - .wall_tt .wk_photo {
  228. 226.  -   max-width: 358px !important;
  229. 227.  -   height: auto !important;
  230. 228.  - }
  231. 229.  - .wall_tt .audio .title_wrap {
  232. 230.  -   width: 215px;
  233. 231.  - }
  234. 232.  - .wall_tt .audio .title_wrap b {
  235. 233.  -   max-width: 150px;
  236. 234.  - }
  237. 235.  -
  238. 236.  - .wall_mvkcom_tt .content {
  239. 237.  -   max-width: 365px;
  240. 238.  -   width: auto !important;
  241. 239.  -   width: 365px;
  242. 240.  - }
  243. 241.  -
  244. 242.  - .wall_checkin_tt .label {
  245. 243.  -   width: 80px;
  246. 244.  -   color: #777;
  247. 245.  -   padding: 2px 0px;
  248. 246.  - }
  249. 247.  - .wall_checkin_tt .header {
  250. 248.  -   border-bottom: 1px solid #DAE1E8;
  251. 249.  -   margin-bottom: 4px;
  252. 250.  - }
  253. 251.  - .wall_checkin_tt .header span {
  254. 252.  -   display: block;
  255. 253.  -   color: #777;
  256. 254.  -   font-weight: normal;
  257. 255.  -   font-size: 0.9em;
  258. 256.  -   margin: 2px 0px;
  259. 257.  - }
  260. 258.  -
  261. 259.  - .wall_poll_tt .content table {
  262. 260.  -   width: 300px;
  263. 261.  - }
  264. 262.  - .wall_poll_tt .radiobtn {
  265. 263.  -   padding: 4px 0px;
  266. 264.  - }
  267. 265.  - .wall_poll_tt .wall_poll_row {
  268. 266.  -   background: #FAFAFA;
  269. 267.  -   width: 95%;
  270. 268.  - }
  271. 269.  - .wall_poll_tt .wall_poll_row_desc {
  272. 270.  -   padding: 2px 4px;
  273. 271.  - }
  274. 272.  - .wall_poll_tt .wall_poll_text {
  275. 273.  -   padding: 7px 2px 2px;
  276. 274.  - }
  277. 275.  - .wall_poll_tt .wall_poll_percent {
  278. 276.  -   background: #DAE1E8;
  279. 277.  -   border-top: 1px solid #CAD1E9;
  280. 278.  -   height: 14px;
  281. 279.  - }
  282. 280.  -
  283. 281.  - .share_tt table.toup .top_pointer {
  284. 282.  -   margin-right: 0px;
  285. 283.  -   margin-left: 15px;
  286. 284.  -   display: block;
  287. 285.  -   background: url(/images/like_tooltip_arrow.gif) no-repeat;
  288. 286.  - }
  289. 287.  - .share_tt table.toup1 .bottom_pointer {
  290. 288.  -   display: block;
  291. 289.  -   margin: 0px 15px;
  292. 290.  -   background: url(/images/like_tooltip_arrow.gif) no-repeat left -8px;
  293. 291.  - }
  294. 292.  - .share_tt .content {
  295. 293.  -   padding: 5px;
  296. 294.  -   border: 1px solid #AEBDCC;
  297. 295.  -   background: #F7F7F7;
  298. 296.  -   color: #2B587A;
  299. 297.  - }
  300. 298.  -
  301. 299.  - .invite_tt table .tt_text {
  302. 300.  -   color: #000;
  303. 301.  -   padding: 12px 16px;
  304. 302.  -   line-height: 160%;
  305. 303.  -   width: 385px;
  306. 304.  - }
  307. 305.  - .invite_tt table.toup .top_pointer {
  308. 306.  -   display: block;
  309. 307.  -   background: url(/images/tooltip_arrow_up.gif) no-repeat;
  310. 308.  - }
  311. 309.  - #top_invite_hint {
  312. 310.  -   position: absolute;
  313. 311.  -   width: 1px;
  314. 312.  -   height: 1px;
  315. 313.  -   margin-top: -30px;
  316. 314.  -   margin-left: 220px;
  317. 315.  - }
  318. 316.  - #invite_hint_img {
  319. 317.  -   background: url(/images/relatives.gif?2) no-repeat left top;
  320. 318.  -   width: 59px;
  321. 319.  -   height: 30px;
  322. 320.  -   margin: 2px 0px 0px 0px;
  323. 321.  - }
  324. 322.  - #invite_hint_close {
  325. 323.  -   right: 3px;
  326. 324.  -   position: absolute;
  327. 325.  -   top: 13px;
  328. 326.  -   width: 18px;
  329. 327.  -   height: 18px;
  330. 328.  -   background: url(/images/hide_left.gif) no-repeat center center;
  331. 329.  -   filter: alpha(opacity=50);
  332. 330.  -   opacity: 0.5;
  333. 331.  -   cursor: pointer;
  334. 332.  - }
  335. 333.  -
  336. 334.  - .bp_tt_content {
  337. 335.  -   max-width: 450px;
  338. 336.  -   width: auto !important;
  339. 337.  -   width: 450px;
  340. 338.  -   padding: 1px;
  341. 339.  -   overflow: hidden;
  342. 340.  - }
  343. 341.  - * html .bp_tt_content {
  344. 342.  -   width: expression((this.flag == undefined) ? (this.scrollWidth > 450) ? this.flag = '450px' : 'auto' : '');
  345. 343.  - }
  346. 344.  - .bp_tt_content .bp_text {
  347. 345.  -   width: 367px;
  348. 346.  - }
  349. 347.  - .bp_tt_content .bp_post {
  350. 348.  -   width: 432px;
  351. 349.  - }
  352. 350.  - .board_tt table.toup .top_pointer {
  353. 351.  -   margin-right: 0px;
  354. 352.  -   margin-left: 84px;
  355. 353.  - }
  356. 354.  - .board_tt table.toup1 .bottom_pointer {
  357. 355.  -   margin-right: 0px;
  358. 356.  -   margin-left: 84px;
  359. 357.  - }
  360. 358.  - .bp_tt_header {
  361. 359.  -   color: #36638E;
  362. 360.  -   font-weight: bold;
  363. 361.  -   overflow: hidden;
  364. 362.  -   padding: 10px 10px 6px;
  365. 363.  - }
  366. 364.  - .bp_tt_doc {
  367. 365.  -   padding: 0px 10px 10px;
  368. 366.  - }
  369. 367.  - .bp_tt_docsize {
  370. 368.  -   color: #777;
  371. 369.  - }
  372. 370.  -
  373. 371.  - .preq_wrap {
  374. 372.  -   border: 1px solid #96aabe;
  375. 373.  -   width: 243px;
  376. 374.  -   overflow: hidden;
  377. 375.  -   background: #FFF;
  378. 376.  - }
  379. 377.  - .preq_bottom {
  380. 378.  -   border-top: 1px solid #dae1e8;
  381. 379.  -   background: #F7F7F7;
  382. 380.  -   padding: 9px 10px 8px;
  383. 381.  - }
  384. 382.  - .preq_content {
  385. 383.  -   line-height: 160%;
  386. 384.  -   padding: 8px 14px 7px;
  387. 385.  - }
  388. 386.  - .preq_friend {
  389. 387.  -   line-height: 160%;
  390. 388.  -   padding: 8px 14px 9px;
  391. 389.  - }
  392. 390.  - .preq_header {
  393. 391.  -   color: #36638E;
  394. 392.  -   font-weight: bold;
  395. 393.  -   overflow: hidden;
  396. 394.  -   margin: 0px 3px 5px;
  397. 395.  - }
  398. 396.  - #preq_text {
  399. 397.  -   line-height: 160%;
  400. 398.  -   padding: 0px 3px 3px;
  401. 399.  -   color: #777;
  402. 400.  - }
  403. 401.  - #preq_input {
  404. 402.  -   width: 215px;
  405. 403.  -   height: 14px;
  406. 404.  -   vertical-align: top;
  407. 405.  -   resize: none;
  408. 406.  -   margin: 1px 0px 2px;
  409. 407.  -   outline: none;
  410. 408.  - }
  411. 409.  - #preq_buttons {
  412. 410.  -   padding-top: 6px;
  413. 411.  -   display: none;
  414. 412.  - }
  415. 413.  - #preq_warn {
  416. 414.  -   padding: 6px 0px 2px;
  417. 415.  -   color: #777;
  418. 416.  -   display: none;
  419. 417.  - }
  420. 418.  - .preq_tt .top_pointer {
  421. 419.  -   margin-left: 63px;
  422. 420.  -   margin-right: 63px;
  423. 421.  -   display: block;
  424. 422.  -   background: url(/images/tooltip_arrow_up.gif) no-repeat;
  425. 423.  - }
  426. 424.  -
  427. 425.  -
  428. 426.  - /* Like black tooltip */
  429. 427.  - .like_tt,
  430. 428.  - .poll_tt,
  431. 429.  - .mention_tt {
  432. 430.  -   color: #FFF;
  433. 431.  -   cursor: pointer;
  434. 432.  -   background: url('/images/mv_bg.png');
  435. 433.  -   background: rgba(0, 0, 0, 0.7);
  436. 434.  -
  437. 435.  -   -moz-border-radius: 5px;
  438. 436.  -   -webkit-border-radius: 5px;
  439. 437.  -   border-radius: 5px;
  440. 438.  -
  441. 439.  -   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  442. 440.  -    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  443. 441.  -    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  444. 442.  -
  445. 443.  -   /* padding: 10px; */
  446. 444.  -   /*width: 320px;*/
  447. 445.  -   text-shadow: 0px 1px 0px #262626;
  448. 446.  - }
  449. 447.  - .like_tt table.toup1 .bottom_pointer,
  450. 448.  - .mention_tt table.toup1 .bottom_pointer,
  451. 449.  - .poll_tt table.toup1 .bottom_pointer {
  452. 450.  -   margin-right: 0px;
  453. 451.  -   margin-left: 64px;
  454. 452.  -   display: block;
  455. 453.  -   background: url(/images/icons/like_icons_bl.png) -2px -47px no-repeat;
  456. 454.  -   width: 13px;
  457. 455.  -   height: 7px;
  458. 456.  -   position: absolute;
  459. 457.  -   bottom: -7px;
  460. 458.  -   top: auto;
  461. 459.  - }
  462. 460.  - .is_2x .like_tt table.toup1 .bottom_pointer,
  463. 461.  - .is_2x .like_tt .bottom .checkbox div {
  464. 462.  -   background-image: url(/images/icons/like_icons_bl_2x.png?2);
  465. 463.  -   background-size: 17px 65px;
  466. 464.  - }
  467. 465.  - .like_tt table.toup .top_pointer,
  468. 466.  - .mention_tt table.toup .top_pointer,
  469. 467.  - .poll_tt table.toup .top_pointer {
  470. 468.  -   margin-right: 0px;
  471. 469.  -   margin-left: 64px;
  472. 470.  -   display: block;
  473. 471.  -   bottom: -2px;
  474. 472.  -   background: url(/images/icons/like_icons_bl.png) -2px -58px no-repeat;
  475. 473.  -   width: 13px;
  476. 474.  -   height: 7px;
  477. 475.  -   position: absolute;
  478. 476.  -   top: -6px;
  479. 477.  -   bottom: auto;
  480. 478.  - }
  481. 479.  - .like_tt .header,
  482. 480.  - .poll_tt .header {
  483. 481.  -   cursor: pointer;
  484. 482.  - }
  485. 483.  - .like_tt .header .like_head_wrap,
  486. 484.  - .poll_tt .header .poll_tt_head_wrap {
  487. 485.  -   padding: 8px 9px 3px;
  488. 486.  -   font-weight: bold;
  489. 487.  - }
  490. 488.  - .like_tt .content table {
  491. 489.  -   position: relative;
  492. 490.  - }
  493. 491.  - .like_tt .content,
  494. 492.  - .poll_tt .content {
  495. 493.  -   width: 210px;
  496. 494.  -   padding: 5px 10px 7px;
  497. 495.  - }
  498. 496.  - .like_tt .content .hider,
  499. 497.  - .poll_tt .content .hider {
  500. 498.  -   width: 210px;
  501. 499.  -   height: 33px;
  502. 500.  -   position: relative;
  503. 501.  -   overflow: hidden;
  504. 502.  - }
  505. 503.  - .like_tt_usr,
  506. 504.  - .poll_tt_usr {
  507. 505.  -   display: block;
  508. 506.  -   height: 30px;
  509. 507.  -   width: 30px;
  510. 508.  -   margin-right: 6px;
  511. 509.  -
  512. 510.  -   -moz-border-radius: 3px;
  513. 511.  -   -webkit-border-radius: 3px;
  514. 512.  -   border-radius: 3px;
  515. 513.  -
  516. 514.  -   -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
  517. 515.  -   -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
  518. 516.  -   box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
  519. 517.  -   overflow: hidden;
  520. 518.  - }
  521. 519.  - .like_tt .like_tt_stats_photo,
  522. 520.  - .poll_tt .poll_tt_stats_photo {
  523. 521.  -   -moz-border-radius: 3px;
  524. 522.  -   -webkit-border-radius: 3px;
  525. 523.  -   border-radius: 3px;
  526. 524.  - }
  527. 525.  - .like_tt .like_tt_clubs {
  528. 526.  -   text-decoration: none;
  529. 527.  -   margin-top: 3px;
  530. 528.  -   width: 11px;
  531. 529.  -   height: 11px;
  532. 530.  -   background: url(/images/icons/like_icons_bl.png) -3px -32px no-repeat;
  533. 531.  -   cursor: pointer;
  534. 532.  - }
  535. 533.  - .like_tt .bottom {
  536. 534.  -   padding: 0 10px 9px;
  537. 535.  - }
  538. 536.  - .like_tt .bottom .checkbox,
  539. 537.  - .like_tt .like_tt_clubs {
  540. 538.  -   opacity: 0.75;
  541. 539.  -   filter: alpha(opacity=75);
  542. 540.  -   -webkit-transition: background-color 100ms ease-out;
  543. 541.  -   -moz-transition: background-color 100ms ease-out;
  544. 542.  -   -o-transition: background-color 100ms ease-out;
  545. 543.  -   transition: background-color 100ms ease-out;
  546. 544.  -   -webkit-transition: opacity 100ms ease-out;
  547. 545.  -   -moz-transition: opacity 100ms ease-out;
  548. 546.  -   -o-transition: opacity 100ms ease-out;
  549. 547.  -   transition: opacity 100ms ease-out;
  550. 548.  - }
  551. 549.  - .like_tt .bottom .checkbox:hover,
  552. 550.  - .like_tt .like_tt_clubs:hover {
  553. 551.  -   opacity: 1;
  554. 552.  -   filter: none;
  555. 553.  - }
  556. 554.  - .like_tt .bottom .checkbox div {
  557. 555.  -   background: url(/images/icons/like_icons_bl.png) -2px 0 no-repeat;
  558. 556.  -   width: 14px;
  559. 557.  -   height: 12px;
  560. 558.  -   margin-top: 1px;
  561. 559.  - }
  562. 560.  - .like_tt .bottom .on div {
  563. 561.  -   background: url(/images/icons/like_icons_bl.png) -2px -15px no-repeat;
  564. 562.  -   width: 15px;
  565. 563.  -   height: 12px;
  566. 564.  -   margin-top: 2px;
  567. 565.  - }
  568. 566.  - .like_tt .like_published_label,
  569. 567.  - .like_tt .bottom .on .like_publish_label {
  570. 568.  -   display: none;
  571. 569.  - }
  572. 570.  - .like_tt .bottom .on .like_published_label {
  573. 571.  -   display: inline;
  574. 572.  - }
  575. 573.  - .like_tt .side_sh,
  576. 574.  - .like_tt .bottom_sh,
  577. 575.  - .mention_tt .side_sh,
  578. 576.  - .mention_tt .bottom_sh {
  579. 577.  -   display: none;
  580. 578.  - }
  581. 579.  - .like_tt .bottom .checkbox {
  582. 580.  -   /*color: #2B587A;*/
  583. 581.  - }
  584. 582.  - /* Black */
  585. 583.  - .ttb_cont {
  586. 584.  -   background: url('/images/ttb_bg.png');
  587. 585.  -   background: rgba(0,0,0,0.7);
  588. 586.  -   border-radius: 3px;
  589. 587.  -   padding: 4px 7px 4px;
  590. 588.  -   color: #FFFFFF;
  591. 589.  -   font-size: 1em;
  592. 590.  -   font-weight: bold;
  593. 591.  - }
  594. 592.  - .rich .ttb_cont {
  595. 593.  -   background: url('/images/ttb_bg.png');
  596. 594.  -   background: rgba(0,0,0,0.7);
  597. 595.  -   -webkit-border-radius: 5px;
  598. 596.  -   -khtml-border-radius: 5px;
  599. 597.  -   -moz-border-radius: 5px;
  600. 598.  -   border-radius: 5px;
  601. 599.  -   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  602. 600.  -   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  603. 601.  -   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
  604. 602.  - }
  605. 603.  - .ttb .top_pointer, .ttb .bottom_pointer {
  606. 604.  -   display: none;
  607. 605.  -   position: relative;
  608. 606.  -   float: left;
  609. 607.  -   bottom: -1px;
  610. 608.  -   height: 5px;
  611. 609.  -   width: 9px;
  612. 610.  -   margin: 0px 15px;
  613. 611.  -   overflow: hidden;
  614. 612.  - }
  615. 613.  - .ttb .top_pointer {
  616. 614.  -   margin: -5px 15px;
  617. 615.  - }
  618. 616.  - .ttb .toup1 .bottom_pointer {
  619. 617.  -   display: block;
  620. 618.  -   bottom: auto;
  621. 619.  -   opacity: 0.7;
  622. 620.  -   filter: alpha(opacity=70);
  623. 621.  -   background: url('/images/blacktip.gif') 0px -5px;
  624. 622.  - }
  625. 623.  - .is_2x .ttb .toup1 .bottom_pointer {
  626. 624.  -   background-image: url('/images/blacktip_2x.gif');
  627. 625.  -   background-size: 9px 10px;
  628. 626.  - }
  629. 627.  - .ttb .toleft .bottom_pointer,.ttb .toleft .top_pointer {
  630. 628.  -   position: relative;
  631. 629.  -   float: right;
  632. 630.  - }
  633. 631.  - .ttb .toup .top_pointer {
  634. 632.  -   display: block;
  635. 633.  -   bottom: auto;
  636. 634.  -   opacity: 0.7;
  637. 635.  -   background: url('/images/blacktip.gif') 0px 0px;
  638. 636.  - }
  639. 637.  - .ttb.rich .bottom_pointer {
  640. 638.  -   background: url(/images/icons/like_icons_bl.png) -2px -47px no-repeat;
  641. 639.  -   width: 13px;
  642. 640.  -   height: 7px;
  643. 641.  -   opacity: 1;
  644. 642.  -   filter: none
  645. 643.  - }
  646. 644.  - .ttb a {
  647. 645.  -   color: #B1DAFF;
  648. 646.  - }
  649. 647.  -
  650. 648.  -
  651. 649.  - /* Wall mentions tooltip */
  652. 650.  - .mention_tt {
  653. 651.  -   cursor: default;
  654. 652.  - }
  655. 653.  - .mention_tt_t {
  656. 654.  -   margin: 10px 10px 10px;
  657. 655.  -   width: 270px;
  658. 656.  - }
  659. 657.  - .mention_tt_t td {
  660. 658.  -   vertical-align: top;
  661. 659.  - }
  662. 660.  - .mention_tt a {
  663. 661.  -   /*color: #AAA;*/
  664. 662.  -   /*color: #B1DAFF;*/
  665. 663.  -   color: #CCC;
  666. 664.  - }
  667. 665.  - td.mention_tt_photo {
  668. 666.  -   width: 113px;
  669. 667.  - }
  670. 668.  - a.mention_tt_photo {
  671. 669.  -   display: block;
  672. 670.  -   overflow: hidden;
  673. 671.  -
  674. 672.  -   -moz-border-radius: 3px;
  675. 673.  -   -webkit-border-radius: 3px;
  676. 674.  -   border-radius: 3px;
  677. 675.  -
  678. 676.  -   -moz-box-shadow: 0 1px 2px #111;
  679. 677.  -   -webkit-box-shadow: 0 1px 2px #111;
  680. 678.  -   box-shadow: 0 1px 2px #111;
  681. 679.  -   line-height: 0;
  682. 680.  -   height: 100px;
  683. 681.  -   width: 100px;
  684. 682.  - }
  685. 683.  - .mention_tt_right {
  686. 684.  -   width: 155px;
  687. 685.  -   overflow: hidden;
  688. 686.  -   word-wrap: break-word;
  689. 687.  - }
  690. 688.  - .mention_tt_title {
  691. 689.  -   font-size: 1.09em;
  692. 690.  -   border: 0;
  693. 691.  -   margin: 3px 0 0;
  694. 692.  -   padding: 0;
  695. 693.  - }
  696. 694.  - .mention_tt_title a {
  697. 695.  -   color: #FFF;
  698. 696.  - }
  699. 697.  - .mention_tt_info {
  700. 698.  -   color: #CCC;
  701. 699.  -   margin: 3px 0 0;
  702. 700.  - }
  703. 701.  - .mention_tt_people_wrap {
  704. 702.  -   margin: 10px 0 0;
  705. 703.  - }
  706. 704.  - table.mention_tt_people {
  707. 705.  -   margin-top: 5px;
  708. 706.  - }
  709. 707.  - td.mention_tt_person {
  710. 708.  - }
  711. 709.  - a.mention_tt_person {
  712. 710.  -   display: block;
  713. 711.  -   height: 30px;
  714. 712.  -   width: 30px;
  715. 713.  -   margin-right: 6px;
  716. 714.  -
  717. 715.  -   -moz-border-radius: 3px;
  718. 716.  -   -webkit-border-radius: 3px;
  719. 717.  -   border-radius: 3px;
  720. 718.  -
  721. 719.  -   -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
  722. 720.  -   -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
  723. 721.  -   box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
  724. 722.  -   overflow: hidden;
  725. 723.  - }
  726. 724.  - .mention_tt_bottom {
  727. 725.  -   border-top: 1px solid #000;
  728. 726.  -   background: rgba(0, 0, 0, 0.5);
  729. 727.  -   padding: 3px 4px 4px;
  730. 728.  -
  731. 729.  -   -moz-border-radius: 0 0 5px 5px;
  732. 730.  -   -webkit-border-radius: 0 0 5px 5px;
  733. 731.  -   border-radius: 0 0 5px 5px;
  734. 732.  - }
  735. 733.  - .mention_tt_bottom .button_blue {
  736. 734.  -   margin: 4px;
  737. 735.  - }
  738. 736.  - button.mention_tt_half_btn {
  739. 737.  -   width: 132px;
  740. 738.  - }
  741. 739.  -
  742. 740.  -
  743. 741.  - .ttb.im_date_tt .tt_text {
  744. 742.  -   width: 120px;
  745. 743.  -   text-align: center;
  746. 744.  - }
  747. 745.  - .ttb.im_date_tt .bottom_pointer {
  748. 746.  -   margin: 0 62px;
  749. 747.  - }
  750. 748.  -
  751. 749.  - .reply_multiline_tt .toup .top_pointer {
  752. 750.  -   margin-left: 50px;
  753. 751.  - }
  754. 752.  - .feed_searchext_tt .toup .top_pointer {
  755. 753.  -   margin-left: 33px;
  756. 754.  - }
  757. 755.  - .feed_searchext_hint_wrap {
  758. 756.  -   padding: 3px 5px 7px;
  759. 757.  -   color: #000;
  760. 758.  - }
  761. 759.  - .feed_searchext_hint_wrap .radiobtn {
  762. 760.  -   padding: 10px 0 6px;
  763. 761.  - }
  764. 762.  - .feed_searchext_content_hint_wrap {
  765. 763.  -   width: 215px;
  766. 764.  -   line-height: 160%;
  767. 765.  - }
  768. ------
  769. Файл - widget_comments.css (Старый размер - 33289 | Новый - 0):
  770. 0.  - #widget_comments_css {
  771. 1.  -   display: none;
  772. 2.  - }
  773. 3.  -
  774. 4.  -
  775. 5.  - /* Global wall styles (from page.css) */
  776. 6.  - .wide_column {
  777. 7.  -   padding-bottom: 10px;
  778. 8.  -   width: 397px;
  779. 9.  - }
  780. 10.  -
  781. 11.  - .narrow_column {
  782. 12.  -   padding-bottom: 10px;
  783. 13.  -   width: 200px;
  784. 14.  - }
  785. 15.  -
  786. 16.  - .wall_module .more_link {
  787. 17.  -   display: none;
  788. 18.  -   padding: 8px 0px;
  789. 19.  -   text-align: center;
  790. 20.  -   border-top: 1px solid #DAE1E8;
  791. 21.  -   margin-bottom: 10px;
  792. 22.  - }
  793. 23.  - .wall_module .module_header span.fl_r {
  794. 24.  -   color: #2B587A;
  795. 25.  - }
  796. 26.  - .wall_module .module_header span.fl_r:hover {
  797. 27.  -   text-decoration: underline;
  798. 28.  - }
  799. 29.  - .wall_module #page_wall_posts_count {
  800. 30.  -   color: #99ADC2;
  801. 31.  -   font-weight: bold;
  802. 32.  -   padding: 0px 5px;
  803. 33.  - }
  804. 34.  - .wall_module #page_wall_posts_count:hover {
  805. 35.  -   text-decoration: underline;
  806. 36.  - }
  807. 37.  - .wall_module .more_link:hover {
  808. 38.  -   text-decoration: none;
  809. 39.  -   background: #E9EDF1;
  810. 40.  - }
  811. 41.  - .wall_module .more_link .progress {
  812. 42.  -   margin: 0px auto;
  813. 43.  - }
  814. 44.  - .wall_module .more_link div {
  815. 45.  -   height: 13px;
  816. 46.  - }
  817. 47.  - .wall_module .ext_video img {
  818. 48.  -   width: 120px;
  819. 49.  -   height: 90px;
  820. 50.  - }
  821. 51.  - div.wall_module .ext_video div {
  822. 52.  -   width: 120px;
  823. 53.  -   margin-top: 75px;
  824. 54.  - }
  825. 55.  - .wall_module .video div {
  826. 56.  -   bottom: 5px;
  827. 57.  -   right: 0px;
  828. 58.  -   position: absolute;
  829. 59.  -   font-size: 11px;
  830. 60.  -   z-index: 10;
  831. 61.  - }
  832. 62.  - .wall_module .video div span.bg {
  833. 63.  -   background: #000;
  834. 64.  -   color: #000;
  835. 65.  -   opacity: 0.6;
  836. 66.  -   filter: alpha(opacity=60);
  837. 67.  - }
  838. 68.  - .wall_module .video div span {
  839. 69.  -   color: #FFF;
  840. 70.  -   padding: 0px 3px 1px;
  841. 71.  - }
  842. 72.  -
  843. 73.  - /* Posts */
  844. 74.  - .wall_module .post {
  845. 75.  -   padding: 3px 0;
  846. 76.  -   border-top: 1px solid #DAE1E8;
  847. 77.  -   *position: relative;
  848. 78.  - }
  849. 79.  - .wall_module .post:first-child {
  850. 80.  -   border-top: none;
  851. 81.  - }
  852. 82.  - /* Actions */
  853. 83.  - .wall_module .delete_post_wrap {
  854. 84.  -   position: relative;
  855. 85.  -   z-index: 10;
  856. 86.  - }
  857. 87.  - .wall_module .delete_post {
  858. 88.  -   height: 13px;
  859. 89.  -   width: 17px;
  860. 90.  -   padding-top: 4px;
  861. 91.  - }
  862. 92.  - .wall_module .delete_post div {
  863. 93.  -   background: url(/images/pics/statusx_op.gif) no-repeat;
  864. 94.  -   opacity: 0;
  865. 95.  -   filter: alpha(opacity=0);
  866. 96.  -   cursor: pointer;
  867. 97.  -   height: 17px;
  868. 98.  -   width: 17px;
  869. 99.  - }
  870. 100.  -
  871. 101.  - .wall_module .post_actions_wrap,
  872. 102.  - .wall_module .reply_actions_wrap {
  873. 103.  -   position: relative;
  874. 104.  -   z-index: 10;
  875. 105.  - }
  876. 106.  - .wall_module .post_actions,
  877. 107.  - .wall_module .reply_actions {
  878. 108.  -   height: 11px;
  879. 109.  -   width: 32px;
  880. 110.  -   padding-top: 4px;
  881. 111.  -   position: absolute;
  882. 112.  -   right: 0;
  883. 113.  - }
  884. 114.  - .wall_module .post_delete_button,
  885. 115.  - .wall_module .post_edit_button,
  886. 116.  - .wall_module .reply_delete_button,
  887. 117.  - .wall_module .reply_edit_button {
  888. 118.  -   background: url(/images/pics/statusx_op.gif) 0 0 no-repeat;
  889. 119.  -   opacity: 0;
  890. 120.  -   filter: alpha(opacity=0);
  891. 121.  -   cursor: pointer;
  892. 122.  -   height: 11px;
  893. 123.  -   width: 11px;
  894. 124.  -   margin-left: 5px;
  895. 125.  - }
  896. 126.  - .is_2x .wall_module .delete_post div,
  897. 127.  - .is_2x .wall_module .post_delete_button,
  898. 128.  - .is_2x .wall_module .post_edit_button,
  899. 129.  - .is_2x .wall_module .reply_delete_button,
  900. 130.  - .is_2x .wall_module .reply_edit_button {
  901. 131.  -   background-image: url(/images/pics/statusx_op_2x.gif);
  902. 132.  -   background-size: 11px 11px;
  903. 133.  - }
  904. 134.  - .wall_module .reply_edit_button,
  905. 135.  - .wall_module .post_edit_button {
  906. 136.  -   display: none;
  907. 137.  -   background-image: url(/images/pics/statusedit.gif);
  908. 138.  - }
  909. 139.  -
  910. 140.  -
  911. 141.  - .wall_module div.post_image {
  912. 142.  -   position: absolute;
  913. 143.  -   *left: 0;
  914. 144.  -   padding: 5px 0;
  915. 145.  -   width: 50px;
  916. 146.  - }
  917. 147.  - .wall_module a.post_image {
  918. 148.  -   width: 50px;
  919. 149.  -   height: 50px;
  920. 150.  -   display: block;
  921. 151.  - }
  922. 152.  - #wcomments_page .wall_module .post_info {
  923. 153.  -   margin-left: 65px;
  924. 154.  -   padding: 0 0 2px;
  925. 155.  -   *position: relative;
  926. 156.  -   width: auto;
  927. 157.  - }
  928. 158.  - .wall_module .dld {
  929. 159.  -   color: #777;
  930. 160.  -   padding: 5px 60px 8px;
  931. 161.  - }
  932. 162.  - .wall_module .reply .dld {
  933. 163.  -   padding: 11px 4px 12px 41px;
  934. 164.  - }
  935. 165.  - .wide_wall_module .reply .dld {
  936. 166.  -   padding: 11px 4px 12px 64px;
  937. 167.  - }
  938. 168.  - .wall_module .author {
  939. 169.  -   font-weight: bold;
  940. 170.  -   line-height: 140%;
  941. 171.  - }
  942. 172.  - .wall_module .published_by_wrap {
  943. 173.  -   margin: 7px 0 5px;
  944. 174.  - }
  945. 175.  - .wall_module a.published_by_photo {
  946. 176.  -   display: block;
  947. 177.  -   width: 30px;
  948. 178.  -   height: 30px;
  949. 179.  -   margin-right: 8px;
  950. 180.  - }
  951. 181.  - .wall_module .published_by {
  952. 182.  -   padding-left: 12px;
  953. 183.  -   background: url(/images/icons/published.gif) no-repeat 0px 3px;
  954. 184.  -   font-weight: bold;
  955. 185.  - }
  956. 186.  - .wall_module div.published_by_date {
  957. 187.  -   padding-top: 4px;
  958. 188.  - }
  959. 189.  - .wall_module .published_by_date, .wall_module .wall_post_source {
  960. 190.  -   color: #777;
  961. 191.  - }
  962. 192.  -
  963. 193.  - #submit_post_box_wrap {
  964. 194.  -   padding: 10px;
  965. 195.  -   background: #F7F7F7;
  966. 196.  - }
  967. 197.  - .wall_module #submit_post_box {
  968. 198.  -   padding: 8px;
  969. 199.  -   background: #F7F7F7;
  970. 200.  -   border-top: 1px solid #d8dfe5;
  971. 201.  - }
  972. 202.  - .wall_module #submit_post_box textarea {
  973. 203.  -   overflow: hidden;
  974. 204.  -   outline: none;
  975. 205.  -   width: 372px;
  976. 206.  -   height: 14px;
  977. 207.  -   resize: none;
  978. 208.  - }
  979. 209.  - .wall_module #submit_post {
  980. 210.  -   display: none;
  981. 211.  -   padding-top: 8px;
  982. 212.  - }
  983. 213.  - .wall_module #submit_post .progress.fl_r {
  984. 214.  -   margin: 6px 8px 0px;
  985. 215.  - }
  986. 216.  - .wall_module #submit_post .checkbox,
  987. 217.  - .wall_module #submit_post .checkbox_pic {
  988. 218.  -   margin: 6px 0 0px 10px;
  989. 219.  - }
  990. 220.  - .wall_module td {
  991. 221.  -   vertical-align: top;
  992. 222.  - }
  993. 223.  - .wall_module .online {
  994. 224.  -   display: block;
  995. 225.  -   width: 50px;
  996. 226.  -   text-align: center;
  997. 227.  -   padding-top: 5px;
  998. 228.  -   color: #AAA;
  999. 229.  - }
  1000. 230.  -
  1001. 231.  - .wall_post_over .wall_post_text,
  1002. 232.  - .wall_post_over .post_media,
  1003. 233.  - .wall_post_over .explain,
  1004. 234.  - .wall_post_over .group_share,
  1005. 235.  - .wall_post_over .public_share,
  1006. 236.  - .wall_post_over .event_share {
  1007. 237.  -   cursor: pointer;
  1008. 238.  - }
  1009. 239.  -
  1010. 240.  - .wall_post_text,
  1011. 241.  - .wall_reply_text {
  1012. 242.  -   padding-top: 2px;
  1013. 243.  -   line-height: 130%;
  1014. 244.  - }
  1015. 245.  - .wall_post_text {
  1016. 246.  -   overflow: hidden;
  1017. 247.  -   word-wrap: break-word;
  1018. 248.  - }
  1019. 249.  - .wall_post_more,
  1020. 250.  - .wall_reply_more,
  1021. 251.  - .wall_module .reply_show_whole {
  1022. 252.  -   position: relative;
  1023. 253.  -   top: 2px;
  1024. 254.  -   font-weight: bold;
  1025. 255.  -   color: #91A4B8;
  1026. 256.  -   -webkit-transition: color 200ms linear;
  1027. 257.  -   -moz-transition: color 200ms linear;
  1028. 258.  -   -o-transition: color 200ms linear;
  1029. 259.  -   transition: color 200ms linear;
  1030. 260.  - }
  1031. 261.  - .wall_post_text:hover .wall_post_more,
  1032. 262.  - .wall_reply_text:hover .wall_reply_more,
  1033. 263.  - .wall_post_more:hover, .wall_reply_more:hover {
  1034. 264.  -   color: #45688E;
  1035. 265.  -   text-decoration: none;
  1036. 266.  - }
  1037. 267.  - #wcomments_page .wall_text {
  1038. 268.  -   width: auto;
  1039. 269.  -   padding: 5px 0px 0px;
  1040. 270.  -   position: relative;
  1041. 271.  -   margin: 0px;
  1042. 272.  - }
  1043. 273.  - .wall_text .explain {
  1044. 274.  -   color: #777;
  1045. 275.  -   line-height: 140%;
  1046. 276.  - }
  1047. 277.  - .wall_module .audio .info {
  1048. 278.  -   padding: 2px;
  1049. 279.  -   width: 100%;
  1050. 280.  - }
  1051. 281.  -
  1052. 282.  - /* Likes */
  1053. 283.  - .wall_module .like_wrap {
  1054. 284.  -   margin: 4px 1px 8px;
  1055. 285.  -   color: #2F5879;
  1056. 286.  -   font-size: 11px;
  1057. 287.  -   cursor: pointer;
  1058. 288.  - }
  1059. 289.  - .wall_module .reply .like_wrap {
  1060. 290.  -   margin: 0 1px 0 0;
  1061. 291.  - }
  1062. 292.  - .fw_reply .like_wrap {
  1063. 293.  -   margin: 0 1px 0 0;
  1064. 294.  -   color: #2F5879;
  1065. 295.  -   font-size: 1em;
  1066. 296.  -   cursor: pointer;
  1067. 297.  - }
  1068. 298.  - .wall_module .like_link, .wall_module .no_likes {
  1069. 299.  -   visibility: hidden;
  1070. 300.  -   opacity: 0;
  1071. 301.  -   filter: alpha(opacity=0);
  1072. 302.  - }
  1073. 303.  - .wall_module .reply .like_link, .fw_reply .like_link {
  1074. 304.  -   cursor: pointer;
  1075. 305.  -   color: #2F5879;
  1076. 306.  -   visibility: visible;
  1077. 307.  -   opacity: 1;
  1078. 308.  -   filter: none;
  1079. 309.  - }
  1080. 310.  -
  1081. 311.  - .wall_module .one .like_link {
  1082. 312.  -   visibility: visible;
  1083. 313.  -   opacity: 1;
  1084. 314.  -   filter: none;
  1085. 315.  - }
  1086. 316.  - .wall_module .one .no_likes {
  1087. 317.  -   visibility: visible;
  1088. 318.  - }
  1089. 319.  - .wall_module .like_wrap i {
  1090. 320.  -   display: block;
  1091. 321.  -   background: url(/images/icons/like.gif?1) no-repeat 1px 0px;
  1092. 322.  -   height: 10px;
  1093. 323.  -   margin: 3px 3px 0px;
  1094. 324.  -   opacity: 0.4;
  1095. 325.  -   filter: alpha(opacity=40);
  1096. 326.  -   width: 11px;
  1097. 327.  - }
  1098. 328.  -
  1099. 329.  - .wall_module .like_wrap i.my_like,
  1100. 330.  - .fw_reply .like_wrap i.my_like {
  1101. 331.  -   opacity: 1;
  1102. 332.  -   filter: none;
  1103. 333.  - }
  1104. 334.  - .wall_module .like_wrap i.no_likes {
  1105. 335.  -   margin-right: 0px;
  1106. 336.  - }
  1107. 337.  - .wall_module .like_count, .fw_reply .like_count {
  1108. 338.  -   font-weight: bold;
  1109. 339.  -   color: #7295b2;
  1110. 340.  -   margin-right: 3px;
  1111. 341.  - }
  1112. 342.  - .wall_module .fw_like_count {
  1113. 343.  -   color: #7295b2;
  1114. 344.  -   font-weight: bold;
  1115. 345.  - }
  1116. 346.  -
  1117. 347.  - /* Replies */
  1118. 348.  - .wall_module .reply_link_wrap {
  1119. 349.  -   padding-top: 4px;
  1120. 350.  -   padding-bottom: 8px;
  1121. 351.  -   font-size: 11px;
  1122. 352.  - }
  1123. 353.  - .wall_module .reply_link_wrap small, .wall_module .reply_link_wrap small a {
  1124. 354.  -   color: #999;
  1125. 355.  -   font-size: 11px;
  1126. 356.  - }
  1127. 357.  -
  1128. 358.  - /* Replies header link */
  1129. 359.  - .wrh_text {
  1130. 360.  -   text-align: center;
  1131. 361.  - }
  1132. 362.  - .wrh_prg {
  1133. 363.  -   margin: 0px auto;
  1134. 364.  - }
  1135. 365.  - .wr_header {
  1136. 366.  -   display: block;
  1137. 367.  -   cursor: pointer;
  1138. 368.  -   color: #6A7989;
  1139. 369.  -   background: #E9EDF1;
  1140. 370.  -   height: 13px;
  1141. 371.  -   padding: 9px 0px 8px;
  1142. 372.  - }
  1143. 373.  - .wr_header:hover {
  1144. 374.  -   text-decoration: none;
  1145. 375.  - }
  1146. 376.  - .wrh_all {
  1147. 377.  -   background: #FFF;
  1148. 378.  -   color: #777;
  1149. 379.  - }
  1150. 380.  - .wrh_all:hover {
  1151. 381.  -   background: #E9EDF1;
  1152. 382.  -   color: #6A7989;
  1153. 383.  - }
  1154. 384.  - .wd_lnk {
  1155. 385.  -   color: #999;
  1156. 386.  - }
  1157. 387.  - .wall_module .replies_wrap {
  1158. 388.  -   padding-top: 2px;
  1159. 389.  -   margin-bottom: 6px;
  1160. 390.  -   position: relative;
  1161. 391.  - }
  1162. 392.  - /* Reply */
  1163. 393.  - .wall_module .reply {
  1164. 394.  -   background: #FFF;
  1165. 395.  -   border-top: 1px solid #E9EDF1;
  1166. 396.  -   padding: 6px 0px;
  1167. 397.  -   position: relative;
  1168. 398.  - }
  1169. 399.  - .wall_module .reply .delete_post {
  1170. 400.  -   padding-top: 2px;
  1171. 401.  - }
  1172. 402.  - .wall_module a.reply_image {
  1173. 403.  -   width: 32px;
  1174. 404.  -   height: 32px;
  1175. 405.  -   margin: 2px 0;
  1176. 406.  -   display: block;
  1177. 407.  -   overflow: hidden;
  1178. 408.  -   position: absolute;
  1179. 409.  -   *left: 0;
  1180. 410.  - }
  1181. 411.  - .wall_module img.reply_image {
  1182. 412.  -   width: 32px;
  1183. 413.  -   height: 32px;
  1184. 414.  - }
  1185. 415.  - .wall_module .reply .author {
  1186. 416.  -   padding-right: 3px;
  1187. 417.  -   font-weight: normal;
  1188. 418.  - }
  1189. 419.  - .wall_module .reply_text {
  1190. 420.  -   word-wrap: break-word;
  1191. 421.  -   overflow: hidden;
  1192. 422.  -   max-width: 293px;
  1193. 423.  - }
  1194. 424.  - .wall_module .reply_info {
  1195. 425.  -   margin-left: 39px;
  1196. 426.  -   *position: relative;
  1197. 427.  - }
  1198. 428.  - .wall_module .info_footer {
  1199. 429.  -   font-size: 11px;
  1200. 430.  -   color: #999;
  1201. 431.  -   padding: 4px 0 0;
  1202. 432.  - }
  1203. 433.  - .wall_module .reply_to {
  1204. 434.  -   color: #999;
  1205. 435.  - }
  1206. 436.  - /* Reply form */
  1207. 437.  - .wall_module .reply_fakebox_wrap {
  1208. 438.  -   background: #F1F1F1;
  1209. 439.  -   padding: 6px;
  1210. 440.  - }
  1211. 441.  - .wall_module .reply_fakebox {
  1212. 442.  -   cursor: text;
  1213. 443.  -   background: white;
  1214. 444.  -   border: 1px solid #C0CAD5;
  1215. 445.  -   padding: 3px 5px;
  1216. 446.  -   color: #777;
  1217. 447.  - }
  1218. 448.  - .reply_field_wrap {
  1219. 449.  -   padding: 3px;
  1220. 450.  -   background: #FFF;
  1221. 451.  -   border: 1px solid #C0CAD5;
  1222. 452.  - }
  1223. 453.  - .reply_field {
  1224. 454.  -   padding: 0;
  1225. 455.  -   border: 0;
  1226. 456.  -   overflow: hidden;
  1227. 457.  -   height: 14px;
  1228. 458.  -   outline: 0;
  1229. 459.  -   margin: 0px;
  1230. 460.  -   width: 100%;
  1231. 461.  -   resize: none;
  1232. 462.  -   height: 14px;
  1233. 463.  - }
  1234. 464.  - .reply_field_tail {
  1235. 465.  -   display: none;
  1236. 466.  -   width: 5px;
  1237. 467.  -   height: 9px;
  1238. 468.  -   background: url(/images/icons/feedback_iconset.gif?4) 0 -155px no-repeat;
  1239. 469.  -   position: absolute;
  1240. 470.  -   margin-left: -8px;
  1241. 471.  -   margin-top: 16px;
  1242. 472.  - }
  1243. 473.  - .is_2x .reply_field_tail {
  1244. 474.  -   background-image: url(/images/icons/feedback_iconset_2x.gif?4);
  1245. 475.  -   background-size: 15px 181px;
  1246. 476.  - }
  1247. 477.  - .wall_module .reply_box {
  1248. 478.  -   background: #F1F1F1;
  1249. 479.  -   padding: 6px;
  1250. 480.  -   *position: relative;
  1251. 481.  -   clear: both;
  1252. 482.  - }
  1253. 483.  - .wall_module a.reply_form_image {
  1254. 484.  -   display: none;
  1255. 485.  -   width: 50px;
  1256. 486.  -   height: 50px;
  1257. 487.  -   overflow: hidden;
  1258. 488.  -   position: absolute;
  1259. 489.  -   *left: 6px;
  1260. 490.  - }
  1261. 491.  - .wall_module .reply_form {
  1262. 492.  -   zoom: 1;
  1263. 493.  - }
  1264. 494.  - .wall_module .reply_form_img {
  1265. 495.  -   width: 50px;
  1266. 496.  -   height: 50px;
  1267. 497.  - }
  1268. 498.  - .wall_module .submit_reply {
  1269. 499.  -   display: none;
  1270. 500.  -   padding-top: 6px;
  1271. 501.  -   height: 25px;
  1272. 502.  - }
  1273. 503.  - .wall_module .reply_as_group_wrap {
  1274. 504.  -   padding: 6px 0 0 5px;
  1275. 505.  -   display: none;
  1276. 506.  - }
  1277. 507.  - .wall_module .reply_as_group_active {
  1278. 508.  -   display: block;
  1279. 509.  - }
  1280. 510.  - .reply_button_wrap {
  1281. 511.  -   padding-right: 5px;
  1282. 512.  -   zoom: 1;
  1283. 513.  -   *position: relative;
  1284. 514.  - }
  1285. 515.  - .wall_module .reply_box_open .reply_form {
  1286. 516.  -   margin-left: 62px;
  1287. 517.  - }
  1288. 518.  - .wall_module .reply_hint {
  1289. 519.  -   padding: 6px 0 0px 5px;
  1290. 520.  -   overflow: hidden;
  1291. 521.  -   -o-text-overflow: ellipsis;
  1292. 522.  -   text-overflow: ellipsis;
  1293. 523.  -   position: relative;
  1294. 524.  - }
  1295. 525.  - .wall_module .reply_hint_text {
  1296. 526.  -   color: #777;
  1297. 527.  -   cursor: default;
  1298. 528.  -   white-space: nowrap;
  1299. 529.  -   overflow: hidden;
  1300. 530.  -   -o-text-overflow: ellipsis;
  1301. 531.  -   text-overflow: ellipsis;
  1302. 532.  - }
  1303. 533.  - .wall_module .reply_box_open .reply_box {
  1304. 534.  -   margin-left: -6px;
  1305. 535.  - }
  1306. 536.  - .wall_module .reply_to_title {
  1307. 537.  -   display: none;
  1308. 538.  -   padding: 6px 5px 0px;
  1309. 539.  - }
  1310. 540.  -
  1311. 541.  - .reply_multiline_tt_point {
  1312. 542.  -   position: absolute;
  1313. 543.  -   width: 1px;
  1314. 544.  -   height: 1px;
  1315. 545.  - }
  1316. 546.  - .wall_module .reply_box_open .replies_wrap,
  1317. 547.  - .wall_module .reply_box_open .submit_reply,
  1318. 548.  - .wall_module .reply_box_open a.reply_form_image,
  1319. 549.  - .reply_box_open .reply_field_tail {
  1320. 550.  -   display: block;
  1321. 551.  - }
  1322. 552.  - .wall_module .reply_box_open .reply_link {
  1323. 553.  -   display: none;
  1324. 554.  - }
  1325. 555.  - .wall_module #post_warn,
  1326. 556.  - .wall_module .reply_warn {
  1327. 557.  -   display: none;
  1328. 558.  -   padding-top: 5px;
  1329. 559.  -   color: #777;
  1330. 560.  - }
  1331. 561.  - /* Reply submit hint */
  1332. 562.  - .reply_submit_hint_wrap {
  1333. 563.  -   width: 210px;
  1334. 564.  -   height: 110px;
  1335. 565.  -   padding: 8px 5px 8px;
  1336. 566.  - }
  1337. 567.  - .reply_submit_hint_title {
  1338. 568.  -   color: #2A5779;
  1339. 569.  -   font-weight: bold;
  1340. 570.  -   padding-bottom: 2px;
  1341. 571.  - }
  1342. 572.  - #reply_submit_hint_opts .radiobtn {
  1343. 573.  -   color: #000;
  1344. 574.  -   padding-top: 10px;
  1345. 575.  -   padding-bottom: 5px;
  1346. 576.  -   line-height: 160%;
  1347. 577.  - }
  1348. 578.  - #reply_submit_hint_opts .radiobtn div {
  1349. 579.  -   margin: 2px 5px 6px 0;
  1350. 580.  - }
  1351. 581.  -
  1352. 582.  -
  1353. 583.  -
  1354. 584.  -
  1355. 585.  - .wall_module #post_warn,
  1356. 586.  - .wall_module .reply_warn {
  1357. 587.  -   display: none;
  1358. 588.  -   padding-top: 5px;
  1359. 589.  -   color: #777;
  1360. 590.  - }
  1361. 591.  - .wall_module .post_media {
  1362. 592.  -   padding-top: 7px;
  1363. 593.  - }
  1364. 594.  - .wall_module .graffiti img {
  1365. 595.  -   width: 200px;
  1366. 596.  -   height: 100px;
  1367. 597.  - }
  1368. 598.  - .wall_module .photo img {
  1369. 599.  -   vertical-align: top;
  1370. 600.  -   max-height: 150px;
  1371. 601.  -   overflow: hidden;
  1372. 602.  - }
  1373. 603.  - span.post_video_title {
  1374. 604.  -   font-weight: bold;
  1375. 605.  - }
  1376. 606.  - span.post_video_duration {
  1377. 607.  -   font-weight: bold;
  1378. 608.  -   color: #000;
  1379. 609.  - }
  1380. 610.  - .wall_module .video {
  1381. 611.  -   display: block;
  1382. 612.  -   position: relative;
  1383. 613.  - }
  1384. 614.  - .wall_module .video:hover {
  1385. 615.  -   text-decoration: none;
  1386. 616.  - }
  1387. 617.  - .wall_module .app img.icon {
  1388. 618.  -   padding: 4px 5px 0px 0px;
  1389. 619.  -   vertical-align: bottom;
  1390. 620.  - }
  1391. 621.  - .wall_module .app img.thumb {
  1392. 622.  -   max-width: 75px;
  1393. 623.  -   max-height: 75px;
  1394. 624.  -   margin: 3px 6px 3px 0px;
  1395. 625.  -   vertical-align: middle;
  1396. 626.  - }
  1397. 627.  - .wall_module .mention_rich_ta {
  1398. 628.  -   background: #FFF;
  1399. 629.  -   padding: 3px;
  1400. 630.  -   border: 1px solid #C0CAD5;
  1401. 631.  -   outline: none;
  1402. 632.  -   overflow-x: hidden;
  1403. 633.  -   line-height: normal;
  1404. 634.  - }
  1405. 635.  - .wall_module .mini_editor_cont {
  1406. 636.  -   display: none;
  1407. 637.  -   position: relative;
  1408. 638.  -   z-index: 102;
  1409. 639.  - }
  1410. 640.  - .wall_module .mention_rich_ta a {
  1411. 641.  -   color: #2B587A !important;
  1412. 642.  -   cursor: text !important;
  1413. 643.  -   text-decoration: none !important;
  1414. 644.  - }
  1415. 645.  - .wall_module .mention_rich_ta p {
  1416. 646.  -   font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
  1417. 647.  -   font-size: 1em;
  1418. 648.  -   padding:0px;
  1419. 649.  -   margin: 0;
  1420. 650.  -   line-height: normal;
  1421. 651.  - }
  1422. 652.  - .wall_module .mini_editor_cont .selector_container .result_list {
  1423. 653.  -   display: none;
  1424. 654.  - }
  1425. 655.  - #wcomments_form #page_add_media {
  1426. 656.  -   padding: 6px 20px 0;
  1427. 657.  - }
  1428. 658.  - #page_no_wall {
  1429. 659.  -   padding: 15px;
  1430. 660.  -   border-top: 1px solid #CCD3DA;
  1431. 661.  -   font-size: 1.09em;
  1432. 662.  -   color: #777;
  1433. 663.  -   text-align: center;
  1434. 664.  - }
  1435. 665.  -
  1436. 666.  - .add_media_rows {
  1437. 667.  -   -webkit-border-radius: 2px;
  1438. 668.  -   -khtml-border-radius: 2px;
  1439. 669.  -   -moz-border-radius: 2px;
  1440. 670.  -   border-radius: 2px;
  1441. 671.  -   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  1442. 672.  -   -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  1443. 673.  -   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
  1444. 674.  -   background: #FFF;
  1445. 675.  -   border: 1px solid #B2BDCA;
  1446. 676.  -   position: static;
  1447. 677.  -   margin: 0px -20px;
  1448. 678.  - }
  1449. 679.  - .add_media_head {
  1450. 680.  -   background: #EDF1F5;
  1451. 681.  -   padding: 7px 27px;
  1452. 682.  -   color: #2B587A;
  1453. 683.  - }
  1454. 684.  - .add_media_menu {
  1455. 685.  -   /* position: absolute; is in js*/
  1456. 686.  -   display: none;
  1457. 687.  -   cursor: default;
  1458. 688.  -   z-index: 1005;
  1459. 689.  - }
  1460. 690.  - .add_media_item {
  1461. 691.  -   padding: 6px 10px 2px 27px;
  1462. 692.  -   display: block;
  1463. 693.  -   height: 18px;
  1464. 694.  -   position: relative;
  1465. 695.  -   background: #FFF no-repeat;
  1466. 696.  - }
  1467. 697.  - .add_media_item:last-child,
  1468. 698.  - .add_media_head:last-child,
  1469. 699.  - .add_media_more_wrap a.add_media_more {
  1470. 700.  -   -webkit-border-radius: 0px 0px 2px 2px;
  1471. 701.  -   -khtml-border-radius: 0px 0px 2px 2px;
  1472. 702.  -   -moz-border-radius: 0px 0px 2px 2px;
  1473. 703.  -   border-radius: 0px 0px 2px 2px;
  1474. 704.  - }
  1475. 705.  - .add_media_item:first-child,
  1476. 706.  - .add_media_head:first-child,
  1477. 707.  - .add_media_rev .add_media_more_wrap a.add_media_more {
  1478. 708.  -   -webkit-border-radius: 2px 2px 0px 0px;
  1479. 709.  -   -khtml-border-radius: 2px 2px 0px 0px;
  1480. 710.  -   -moz-border-radius: 2px 2px 0px 0px;
  1481. 711.  -   border-radius: 2px 2px 0px 0px;
  1482. 712.  - }
  1483. 713.  - .add_media_item:hover {
  1484. 714.  -   text-decoration: none;
  1485. 715.  -   background-color: #e1e7ed;
  1486. 716.  - }
  1487. 717.  - .add_media_menu .rows {
  1488. 718.  -   margin: 0px;
  1489. 719.  -   position: relative;
  1490. 720.  -   *position: static;
  1491. 721.  -   z-index: 1006;
  1492. 722.  - }
  1493. 723.  - .media_preview {
  1494. 724.  -   margin-bottom: 8px;
  1495. 725.  -   display: none;
  1496. 726.  - }
  1497. 727.  - .media_preview .audio {
  1498. 728.  -   padding-top: 4px;
  1499. 729.  - }
  1500. 730.  -
  1501. 731.  - .media_preview .x {
  1502. 732.  -   cursor: pointer;
  1503. 733.  -   margin: 4px 5px 0px;
  1504. 734.  -   background: url(/images/pics/statusx_op.gif) no-repeat 0 0;
  1505. 735.  -   opacity: 0.6;
  1506. 736.  -   filter: alpha(opacity=60);
  1507. 737.  -   height: 11px;
  1508. 738.  -   width: 11px;
  1509. 739.  - }
  1510. 740.  - .media_preview .x:hover {
  1511. 741.  -   opacity: 1;
  1512. 742.  -   filter: none;
  1513. 743.  - }
  1514. 744.  - .media_preview .graffiti {
  1515. 745.  -   width: 100px;
  1516. 746.  -   height: 50px;
  1517. 747.  - }
  1518. 748.  - .media_preview .audio img,
  1519. 749.  - .media_preview .app img {
  1520. 750.  -   padding-top: 3px;
  1521. 751.  - }
  1522. 752.  - .media_preview .audio span,
  1523. 753.  - .media_preview .app span {
  1524. 754.  -   padding: 0px 6px;
  1525. 755.  -   position: relative;
  1526. 756.  -   top: -1px;
  1527. 757.  - }
  1528. 758.  - .media_audio_icon {
  1529. 759.  -   float: left;
  1530. 760.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -222px;
  1531. 761.  -   width: 11px;
  1532. 762.  -   height: 11px;
  1533. 763.  -   margin: 0px 3px;
  1534. 764.  - }
  1535. 765.  - .media_preview .share, .media_preview .poll {
  1536. 766.  -   padding-top: 3px;
  1537. 767.  -   color: #555;
  1538. 768.  - }
  1539. 769.  - .media_preview .share b, .media_preview .poll b, .media_desc b {
  1540. 770.  -   width: 15px;
  1541. 771.  -   height: 10px;
  1542. 772.  -   margin-top: 2px;
  1543. 773.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat left -237px;
  1544. 774.  - }
  1545. 775.  - .media_desc b.topic {
  1546. 776.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -90px;
  1547. 777.  - }
  1548. 778.  - .media_desc b.group {
  1549. 779.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -45px;
  1550. 780.  -   height: 12px;
  1551. 781.  - }
  1552. 782.  - .media_preview .poll b {
  1553. 783.  -   background-position: left -208px;
  1554. 784.  - }
  1555. 785.  - .share_preview .content, .poll_preview .content {
  1556. 786.  -   background: #FFF;
  1557. 787.  -   padding: 5px;
  1558. 788.  -   border: 1px solid #C0CAD5;
  1559. 789.  - }
  1560. 790.  - .share_preview .progress {
  1561. 791.  -   display: block;
  1562. 792.  -   margin: 0px auto;
  1563. 793.  - }
  1564. 794.  - .share_preview img {
  1565. 795.  -   padding: 5px 10px 5px 5px;
  1566. 796.  - }
  1567. 797.  - .share_preview .header {
  1568. 798.  -   margin: 0px;
  1569. 799.  -   padding: 5px;
  1570. 800.  -   border: 0px;
  1571. 801.  -   font-size: 1em;
  1572. 802.  - }
  1573. 803.  - .share_preview .descr {
  1574. 804.  -   padding: 0px 5px 5px;
  1575. 805.  - }
  1576. 806.  - .share_preview .bottom_pointer, .poll_preview .bottom_pointer {
  1577. 807.  -   background: url(/images/tooltip_arrow_down_w.gif) no-repeat 0px 0px;
  1578. 808.  -   width: 11px;
  1579. 809.  -   height: 7px;
  1580. 810.  -   position: relative;
  1581. 811.  -   top: -2px;
  1582. 812.  -   margin: 0px 50px 1px;
  1583. 813.  -   overflow: hidden;
  1584. 814.  - }
  1585. 815.  - .poll_preview .content {
  1586. 816.  -   overflow: hidden;
  1587. 817.  -   padding: 10px 10px 2px;
  1588. 818.  - }
  1589. 819.  - .poll_preview .label {
  1590. 820.  -   width: 100px;
  1591. 821.  -   padding: 4px 10px 0px;
  1592. 822.  -   color: #777;
  1593. 823.  - }
  1594. 824.  - .poll_preview .labeled {
  1595. 825.  -   width: 239px;
  1596. 826.  - }
  1597. 827.  - .poll span span {
  1598. 828.  -   color: #2B587A;
  1599. 829.  - }
  1600. 830.  - .poll_preview input {
  1601. 831.  -   margin-bottom: 8px;
  1602. 832.  -   position: relative;
  1603. 833.  -   width: 231px;
  1604. 834.  - }
  1605. 835.  - .poll_preview nobr {
  1606. 836.  -   font-size: 11px;
  1607. 837.  -   text-transform: lowercase;
  1608. 838.  - }
  1609. 839.  - .poll_preview a.disabled {
  1610. 840.  -   cursor: default;
  1611. 841.  -   color: #777;
  1612. 842.  - }
  1613. 843.  - .poll_preview a.disabled:hover {
  1614. 844.  -   text-decoration: none;
  1615. 845.  - }
  1616. 846.  - .media_desc {
  1617. 847.  -   padding: 5px 0px 1px;
  1618. 848.  - }
  1619. 849.  - .wall_module .post_media .media_desc {
  1620. 850.  -   padding-top: 8px;
  1621. 851.  -   clear: both;
  1622. 852.  - }
  1623. 853.  - .media_desc .lnk {
  1624. 854.  -   color: #777;
  1625. 855.  -   cursor: pointer;
  1626. 856.  - }
  1627. 857.  - .media_desc .lnk:hover {
  1628. 858.  -   text-decoration: none;
  1629. 859.  - }
  1630. 860.  - .media_desc .a {
  1631. 861.  -   color: #2b587a;
  1632. 862.  - }
  1633. 863.  - .media_desc .lnk:hover .a {
  1634. 864.  -   text-decoration: underline;
  1635. 865.  - }
  1636. 866.  - .media_desc .comment {
  1637. 867.  -   background-position: 0px -194px;
  1638. 868.  - }
  1639. 869.  - .media_desc .note {
  1640. 870.  -   background-position: 0px -150px;
  1641. 871.  - }
  1642. 872.  - .media_desc .poll {
  1643. 873.  -   background-position: 0px -208px;
  1644. 874.  - }
  1645. 875.  - .media_desc .app {
  1646. 876.  -   background-position: 0px -60px;
  1647. 877.  - }
  1648. 878.  - .media_desc .checkin {
  1649. 879.  -   background-position: 0px -165px;
  1650. 880.  - }
  1651. 881.  - .media_desc .donation {
  1652. 882.  -   background-position: 0px -179px;
  1653. 883.  - }
  1654. 884.  -
  1655. 885.  - a.wall_reply_greeting {
  1656. 886.  -   color: #000;
  1657. 887.  - }
  1658. 888.  -
  1659. 889.  - /* Thumbed links */
  1660. 890.  - .wall_module .page_media_thumbed_link {
  1661. 891.  -   margin: 5px 0 5px 3px;
  1662. 892.  -   border-left: 2px solid #C3D1E0;
  1663. 893.  -   padding-left: 5px;
  1664. 894.  - }
  1665. 895.  - .wall_module td.page_media_link_thumb {
  1666. 896.  -   cursor: pointer;
  1667. 897.  -   background-position: 50% 50%;
  1668. 898.  -   background-repeat: no-repeat;
  1669. 899.  - }
  1670. 900.  - .wall_module a.page_media_link_thumb {
  1671. 901.  -   display: block;
  1672. 902.  -   width: 100px;
  1673. 903.  -   overflow: hidden;
  1674. 904.  -   line-height: 0;
  1675. 905.  -   min-height: 63px;
  1676. 906.  -   height: 100%;
  1677. 907.  - }
  1678. 908.  - .wall_module a.page_media_link_thumb:hover {
  1679. 909.  -   text-decoration: none;
  1680. 910.  - }
  1681. 911.  - .wall_module div.page_media_link_desc_wrap {
  1682. 912.  -   padding-left: 10px;
  1683. 913.  -   line-height: 140%;
  1684. 914.  -   min-height: 63px;
  1685. 915.  -   max-height: 79px;
  1686. 916.  -   overflow: hidden;
  1687. 917.  -   -o-text-overflow: ellipsis;
  1688. 918.  -   text-overflow: ellipsis;
  1689. 919.  - }
  1690. 920.  - .wall_module a.page_media_link_title {
  1691. 921.  -   font-weight: bold;
  1692. 922.  - }
  1693. 923.  - .wall_module div.page_media_link_desc {
  1694. 924.  -   padding-top: 3px;
  1695. 925.  - }
  1696. 926.  -
  1697. 927.  - /* global wall styles end */
  1698. 928.  -
  1699. 929.  -
  1700. 930.  -
  1701. 931.  - /* Widget styles */
  1702. 932.  - .wcomments_head {
  1703. 933.  -   background: #5B7FA6;
  1704. 934.  -   padding: 5px 5px 5px 6px;
  1705. 935.  - }
  1706. 936.  - .wcomments_head_icon {
  1707. 937.  -   height: 18px;
  1708. 938.  -   width: 18px;
  1709. 939.  -   overflow: hidden;
  1710. 940.  - }
  1711. 941.  - #wcomments_count {
  1712. 942.  -   padding: 3px 3px 1px;
  1713. 943.  -   line-height: 100%;
  1714. 944.  -   color: #FFFFFF;
  1715. 945.  -   font-weight: bold;
  1716. 946.  - }
  1717. 947.  - #wcomments_admin_link_wrap, #wcomments_refresh_link_wrap {
  1718. 948.  -   padding: 3px 5px 1px;
  1719. 949.  -   line-height: 100%;
  1720. 950.  - }
  1721. 951.  - #wcomments_admin_link, #wcomments_refresh_link {
  1722. 952.  -   font-weight: bold;
  1723. 953.  -   color: #A9B8CB;
  1724. 954.  - }
  1725. 955.  - #wcomments_user_link_wrap {
  1726. 956.  -   padding: 3px 0 0;
  1727. 957.  -   line-height: 100%;
  1728. 958.  - }
  1729. 959.  - .wcomments_userpic_wrap,
  1730. 960.  - .wcommens_input_wrap {
  1731. 961.  -   vertical-align: top;
  1732. 962.  - }
  1733. 963.  - .wcomments_logo {
  1734. 964.  -   background: url(/images/icons/w_comments_logo.png) 0px 0px no-repeat;
  1735. 965.  -   background-size: 18px 18px;
  1736. 966.  -   width: 18px;
  1737. 967.  -   height: 18px;
  1738. 968.  - }
  1739. 969.  - .is_2x .wcomments_logo {
  1740. 970.  -   background-image: url(/images/icons/w_comments_logo_2x.png);
  1741. 971.  - }
  1742. 972.  -
  1743. 973.  - td.wcomments_userpic_wrap {
  1744. 974.  -   width: 60px;
  1745. 975.  - }
  1746. 976.  - div.wcomments_userpic {
  1747. 977.  -   width: 60px;
  1748. 978.  -   height: 50px;
  1749. 979.  -   overflow: hidden;
  1750. 980.  - }
  1751. 981.  - img.wcomments_userpic {
  1752. 982.  -   width: 50px;
  1753. 983.  - }
  1754. 984.  -
  1755. 985.  - .wcomments_input {
  1756. 986.  -   background: #FFF;
  1757. 987.  -   border: 1px solid #C0CAD5;
  1758. 988.  -   padding: 0 3px;
  1759. 989.  - }
  1760. 990.  - .wcomments_input .input_back {
  1761. 991.  -   margin-top: -0px !important;
  1762. 992.  - }
  1763. 993.  - #post_field {
  1764. 994.  -   height: 56px;
  1765. 995.  -   border: 0;
  1766. 996.  -   padding: 3px 0;
  1767. 997.  -   width: 100%;
  1768. 998.  -   outline: 0;
  1769. 999.  -   overflow: hidden;
  1770. 1000.  -   resize: vertical;
  1771. 1001.  - }
  1772. 1002.  - .mention_rich_ta {
  1773. 1003.  -   padding: 3px 0;
  1774. 1004.  -   outline: 0;
  1775. 1005.  - }
  1776. 1006.  -
  1777. 1007.  - #submit_post {
  1778. 1008.  -   padding-top: 10px;
  1779. 1009.  -   padding-left: 60px;
  1780. 1010.  - }
  1781. 1011.  - #submit_post_box .submit_post_nopadding {
  1782. 1012.  -   padding-left: 0;
  1783. 1013.  - }
  1784. 1014.  - #page_post_progress {
  1785. 1015.  -   padding: 6px 10px;
  1786. 1016.  -   background-position: 50% 50%;
  1787. 1017.  - }
  1788. 1018.  - .wcomments_input .selector_container .results_container {
  1789. 1019.  -   margin: 1px -4px 0;
  1790. 1020.  - }
  1791. 1021.  - .wcomments_input .selector_container .result_list_shadow,
  1792. 1022.  - .wcomments_input .selector_container .result_list {
  1793. 1023.  -   display: none;
  1794. 1024.  - }
  1795. 1025.  - #wcomments_export {
  1796. 1026.  -   margin: 6px 0 0 10px;
  1797. 1027.  -   width: 190px;
  1798. 1028.  - }
  1799. 1029.  - .font_medium #wcomments_export {
  1800. 1030.  -   width: 220px;
  1801. 1031.  - }
  1802. 1032.  -
  1803. 1033.  - #wcomments_posts .wcomments_post {
  1804. 1034.  -   padding: 5px 10px;
  1805. 1035.  - }
  1806. 1036.  -
  1807. 1037.  - #wcomments_more_link {
  1808. 1038.  -   padding: 10px 0px;
  1809. 1039.  -   text-align: center;
  1810. 1040.  -   border-top: 1px solid #DAE1E8;
  1811. 1041.  -   display: block;
  1812. 1042.  -   height: 13px;
  1813. 1043.  - }
  1814. 1044.  - #wcomments_more_link:hover {
  1815. 1045.  -   text-decoration: none;
  1816. 1046.  -   background: #E9EDF1;
  1817. 1047.  - }
  1818. 1048.  - #wcomments_more_progress {
  1819. 1049.  -   margin: 0 auto;
  1820. 1050.  - }
  1821. 1051.  - #wcomments_posts_wrap {
  1822. 1052.  -   position: relative;
  1823. 1053.  - }
  1824. 1054.  -
  1825. 1055.  -
  1826. 1056.  - .wcomments_delete_all_buttons {
  1827. 1057.  -   padding-top: 10px;
  1828. 1058.  - }
  1829. 1059.  - .wcomments_delete_all {
  1830. 1060.  -   margin-right: 10px;
  1831. 1061.  - }
  1832. 1062.  -
  1833. 1063.  - /* Admin tabs */
  1834. 1064.  - #wcomments_admin_nav {
  1835. 1065.  -   display: none;
  1836. 1066.  - }
  1837. 1067.  - .wcomments_tabs {
  1838. 1068.  -   background: #F7F7F7;
  1839. 1069.  -   padding: 10px;
  1840. 1070.  - }
  1841. 1071.  - .wcomments_admins_wrap {
  1842. 1072.  -   padding: 5px 0;
  1843. 1073.  - }
  1844. 1074.  - .wcomments_tab, .wcomments_tab_selected, .wcomments_tab_over {
  1845. 1075.  -   cursor: pointer;
  1846. 1076.  -   padding: 2px 5px 2px 0px;
  1847. 1077.  -   float: left;
  1848. 1078.  - }
  1849. 1079.  - .wcomments_tab1 {
  1850. 1080.  -   padding: 3px 6px 4px;
  1851. 1081.  - }
  1852. 1082.  - .wcomments_tab_over .wcomments_tab1 {
  1853. 1083.  -   -moz-border-radius: 2px;
  1854. 1084.  -   -webkit-border-radius: 2px;
  1855. 1085.  -   border-radius: 2px;
  1856. 1086.  -   background-color: #E1E7ED;
  1857. 1087.  - }
  1858. 1088.  - .wcomments_tab_selected .wcomments_tab1 {
  1859. 1089.  -   -moz-border-radius: 2px;
  1860. 1090.  -   -webkit-border-radius: 2px;
  1861. 1091.  -   border-radius: 2px;
  1862. 1092.  -   background-color: #597DA3;
  1863. 1093.  - }
  1864. 1094.  - .wcomments_tab2 {
  1865. 1095.  -   font-weight: bold;
  1866. 1096.  -   color: #45688E;
  1867. 1097.  -   padding-left: 2px;
  1868. 1098.  -   padding-right: 2px;
  1869. 1099.  -   -o-text-overflow: ellipsis;
  1870. 1100.  -   text-overflow: ellipsis;
  1871. 1101.  - }
  1872. 1102.  - .wcomments_tab_selected .wcomments_tab2 {
  1873. 1103.  -   color: #FFF;
  1874. 1104.  - }
  1875. 1105.  - #wcomments_posts {
  1876. 1106.  -   padding: 0;
  1877. 1107.  - }
  1878. 1108.  - .wcomments_posts_loading {
  1879. 1109.  -   border-top: 1px solid #DAE1E8;
  1880. 1110.  -   height: 400px;
  1881. 1111.  -   background: #FFF url(/images/progress7.gif) 50% 50% no-repeat;
  1882. 1112.  - }
  1883. 1113.  -  /* Blacklist */
  1884. 1114.  - .wcomments_bl_row {
  1885. 1115.  -   padding: 10px;
  1886. 1116.  -   height: 25px;
  1887. 1117.  -   overflow: hidden;
  1888. 1118.  -   border-top: 1px solid #DAE2E8;
  1889. 1119.  - }
  1890. 1120.  - img.wcomments_bl_photo {
  1891. 1121.  -   width: 25px;
  1892. 1122.  -   height: 25px;
  1893. 1123.  - }
  1894. 1124.  - .wcomments_bl_name {
  1895. 1125.  -   padding: 5px 0 0 10px;
  1896. 1126.  -   font-weight: bold;
  1897. 1127.  - }
  1898. 1128.  - .wcomments_bl_label {
  1899. 1129.  -   font-weight: normal;
  1900. 1130.  -   color: #777;
  1901. 1131.  -   padding-left: 2px;
  1902. 1132.  -   display: none;
  1903. 1133.  - }
  1904. 1134.  - .wcomments_bl_action {
  1905. 1135.  -   padding-top: 5px;
  1906. 1136.  - }
  1907. 1137.  - .wcomments_empty {
  1908. 1138.  -   border-top: 1px solid #DAE2E8;
  1909. 1139.  -   font-size: 1.09em;
  1910. 1140.  -   padding: 100px 30px;
  1911. 1141.  -   text-align: center;
  1912. 1142.  -   color: #777;
  1913. 1143.  - }
  1914. 1144.  -
  1915. 1145.  - /* scrollbars from widget community */
  1916. 1146.  - .scrollbar_cont {
  1917. 1147.  -   width: 11px;
  1918. 1148.  -   height: 100%;
  1919. 1149.  -   margin-top: 3px;
  1920. 1150.  -   position: absolute;
  1921. 1151.  -   z-index: 1000;
  1922. 1152.  - }
  1923. 1153.  - .scrollbar_inner {
  1924. 1154.  -   background: #000;
  1925. 1155.  -   opacity: 0.5;
  1926. 1156.  -   filter: alpha(opacity=50);
  1927. 1157.  -   /* background: #DAE1E8; */
  1928. 1158.  -   width: 16px;
  1929. 1159.  -   height: 50px;
  1930. 1160.  -   margin-left: -1px;
  1931. 1161.  -   -webkit-border-radius: 2px;
  1932. 1162.  -   -moz-border-radius: 2px;
  1933. 1163.  -   border-radius: 2px;
  1934. 1164.  -   cursor: pointer;
  1935. 1165.  - }
  1936. 1166.  - .scrollbar_inner:hover,
  1937. 1167.  - .scrollbar_hovered {
  1938. 1168.  -   opacity: 0.65;
  1939. 1169.  -   filter: alpha(opacity=65);
  1940. 1170.  -   /* background: #BEC8D3; */
  1941. 1171.  - }
  1942. 1172.  - .scrollbar_top {
  1943. 1173.  -   position: absolute;
  1944. 1174.  -   height: 3px;
  1945. 1175.  -   margin-top: -1px;
  1946. 1176.  -   background: #555555;
  1947. 1177.  -   opacity: 0.12;
  1948. 1178.  -   filter: alpha(opacity=12);
  1949. 1179.  -   display: none;
  1950. 1180.  - }
  1951. 1181.  - .scrollbar_bottom {
  1952. 1182.  -   position: absolute;
  1953. 1183.  -   height: 3px;
  1954. 1184.  -   margin-top: -2px;
  1955. 1185.  -   background: #555555;
  1956. 1186.  -   opacity: 0.12;
  1957. 1187.  -   filter: alpha(opacity=12);
  1958. 1188.  - }
  1959. 1189.  - /* scrollbars end */
  1960. 1190.  -
  1961. 1191.  -
  1962. 1192.  - /* Autoupdate replies */
  1963. 1193.  - .new_reply {
  1964. 1194.  -   display: none;
  1965. 1195.  - }
  1966. 1196.  - .replies_open {
  1967. 1197.  -   color: #2B587A;
  1968. 1198.  -   background: #e9edf1;
  1969. 1199.  -   border: 1px solid #dae1e8;
  1970. 1200.  -   cursor: pointer;
  1971. 1201.  -   padding: 5px;
  1972. 1202.  -   text-align: center;
  1973. 1203.  -   margin: 5px 0;
  1974. 1204.  - }
  1975. 1205.  - .replies_open:hover {
  1976. 1206.  -   background: #dae1e8;
  1977. 1207.  - }
  1978. 1208.  -
  1979. 1209.  -
  1980. 1210.  - /* Wide wall fixes */
  1981. 1211.  - .wide_wall_module .audio .info {
  1982. 1212.  -   padding: 2px;
  1983. 1213.  -   width: 100%;
  1984. 1214.  - }
  1985. 1215.  - .wide_wall_module .post {
  1986. 1216.  -   border-top: 0px;
  1987. 1217.  -   border-bottom: 1px solid #DAE1E8;
  1988. 1218.  -   *position: relative;
  1989. 1219.  - }
  1990. 1220.  - .wide_wall_module .post:last-child {
  1991. 1221.  -   border-bottom: 0px;
  1992. 1222.  - }
  1993. 1223.  - .wide_wall_module .wall_post_text,
  1994. 1224.  - .wide_wall_module .wall_reply_text {
  1995. 1225.  -   line-height: 160%;
  1996. 1226.  - }
  1997. 1227.  - .wide_wall_module .wall_text,
  1998. 1228.  - .wide_wall_module .wall_post_text {
  1999. 1229.  -   max-width: 500px;
  2000. 1230.  - }
  2001. 1231.  - .wide_wall_module a.reply_image {
  2002. 1232.  -   width: 50px;
  2003. 1233.  -   height: 50px;
  2004. 1234.  - }
  2005. 1235.  - .wide_wall_module img.reply_image {
  2006. 1236.  -   width: 50px;
  2007. 1237.  -   height: 50px;
  2008. 1238.  - }
  2009. 1239.  - .wide_wall_module .reply_info {
  2010. 1240.  -   margin-left: 63px;
  2011. 1241.  - }
  2012. 1242.  - .wide_wall_module .reply_text {
  2013. 1243.  -   max-width: 469px;
  2014. 1244.  - }
  2015. 1245.  - .wide_wall_module .reply_box_open .reply_field {
  2016. 1246.  -   height: 42px;
  2017. 1247.  - }
  2018. 1248.  - .wide_wall_module .reply_field_tail {
  2019. 1249.  -   width: 6px;
  2020. 1250.  -   height: 11px;
  2021. 1251.  -   background-position: 0 -154px;
  2022. 1252.  -   margin-left: -9px;
  2023. 1253.  -   margin-top: 16px;
  2024. 1254.  - }
  2025. 1255.  - .wide_wall_module .like_wrap, .wide_wall_module .reply_link_wrap,
  2026. 1256.  - .wide_wall_module .reply_link_wrap small, .wide_wall_module .info_footer {
  2027. 1257.  -   font-size: 1em;
  2028. 1258.  - }
  2029. 1259.  - .wide_wall_module #page_wall_posts .post, .wide_wall_module #page_wall_posts .online {
  2030. 1260.  -   display: block;
  2031. 1261.  - }
  2032. 1262.  - .wide_wall_module .wpe_prg {
  2033. 1263.  -   height: 13px;
  2034. 1264.  -   margin: 0px 10px;
  2035. 1265.  - }
  2036. 1266.  - .wide_wall_module #wpe_text {
  2037. 1267.  -   max-width: 492px;
  2038. 1268.  -   line-height: 1.54em;
  2039. 1269.  - }
  2040. 1270.  - .wide_wall_module .wpe_buttons {
  2041. 1271.  -   max-width: 492px;
  2042. 1272.  - }
  2043. 1273.  - .wide_wall_module #wpe_cont .mention_rich_ta {
  2044. 1274.  -   line-height: 1.54em;
  2045. 1275.  - }
  2046. 1276.  - .wide_wall_module .poll_preview .content, .fw_post_info .poll_preview .content {
  2047. 1277.  -   max-width: 360px;
  2048. 1278.  - }
  2049. 1279.  - .wide_wall_module #wpe_media_preview .poll_preview .labeled, .fw_post_info #wpe_media_preview .poll_preview .labeled {
  2050. 1280.  -   max-width: 239px;
  2051. 1281.  - }
  2052. 1282.  - .wide_wall_module #wpe_media_preview .poll_preview input, .fw_post_info #wpe_media_preview .poll_preview input {
  2053. 1283.  -   max-width: 231px;
  2054. 1284.  - }
  2055. 1285.  - .wide_wall_module .reply {
  2056. 1286.  -   padding: 10px 0px 11px;
  2057. 1287.  - }
  2058. 1288.  - .wide_wall_module a.reply_image,
  2059. 1289.  - .wide_wall_module img.reply_image {
  2060. 1290.  -   width: 50px;
  2061. 1291.  -   height: 50px;
  2062. 1292.  - }
  2063. 1293.  - .wide_wall_module .reply_info {
  2064. 1294.  -   margin-left: 63px;
  2065. 1295.  - }
  2066. 1296.  - .wide_wall_module .reply_button_wrap button {
  2067. 1297.  -   padding: 4px 14px;
  2068. 1298.  - }
  2069. 1299.  - .wide_wall_module .reply_form_img,
  2070. 1300.  - .wide_wall_module a.reply_form_image {
  2071. 1301.  -   width: 50px;
  2072. 1302.  -   height: 50px;
  2073. 1303.  - }
  2074. 1304.  - .wide_wall_module .reply_box_open .reply_form {
  2075. 1305.  -   margin-left: 62px;
  2076. 1306.  - }
  2077. 1307.  -
  2078. 1308.  -
  2079. 1309.  -
  2080. 1310.  - /* New post likes */
  2081. 1311.  - .wall_module .post_like_wrap {
  2082. 1312.  -   position: relative;
  2083. 1313.  -   width: 150px;
  2084. 1314.  - }
  2085. 1315.  - .post_like {
  2086. 1316.  -   background: #FFF;
  2087. 1317.  -   color: #2F5879;
  2088. 1318.  -   font-size: 11px;
  2089. 1319.  -   cursor: pointer;
  2090. 1320.  -   padding: 5px 6px;
  2091. 1321.  -   margin-top: -1px;
  2092. 1322.  -   right: 0px;
  2093. 1323.  -   position: absolute;
  2094. 1324.  -   white-space: nowrap;
  2095. 1325.  -   -webkit-border-radius: 3px;
  2096. 1326.  -   -moz-border-radius: 3px;
  2097. 1327.  -   border-radius: 3px;
  2098. 1328.  - }
  2099. 1329.  - .wide_wall_module .post_like {
  2100. 1330.  -   font-size: 1em;
  2101. 1331.  - }
  2102. 1332.  - .post_like_link {
  2103. 1333.  -   opacity: 0.6;
  2104. 1334.  -   filter: alpha(opacity=60);
  2105. 1335.  -   -webkit-transition: opacity 50ms linear;
  2106. 1336.  -   -moz-transition: opacity 50ms linear;
  2107. 1337.  -   transition: opacity 50ms linear;
  2108. 1338.  - }
  2109. 1339.  - .wall_post_over .post_like_link,
  2110. 1340.  - .wall_module .post:hover .post_like_link {
  2111. 1341.  -   opacity: 1;
  2112. 1342.  -   filter: none;
  2113. 1343.  - }
  2114. 1344.  - .wall_module .post_like:hover {
  2115. 1345.  -   background: #E9EDF1;
  2116. 1346.  - }
  2117. 1347.  - .wall_module .post_like:hover {
  2118. 1348.  -
  2119. 1349.  - }
  2120. 1350.  - .wall_module .post_like_icon {
  2121. 1351.  -   background: url(/images/icons/like.gif?1) no-repeat 1px 0px;
  2122. 1352.  -   height: 10px;
  2123. 1353.  -   margin: 2px 3px 0px;
  2124. 1354.  -   opacity: 0.4;
  2125. 1355.  -   filter: alpha(opacity=40);
  2126. 1356.  -   width: 11px;
  2127. 1357.  - }
  2128. 1358.  - .is_2x .wall_module .post_like_icon {
  2129. 1359.  -   background-image: url(/images/icons/like_2x.png);
  2130. 1360.  -   background-size: 11px 32px;
  2131. 1361.  - }
  2132. 1362.  - .wide_wall_module .post_like_icon {
  2133. 1363.  -   margin-top: 3px;
  2134. 1364.  - }
  2135. 1365.  - .wall_module .post_like_count {
  2136. 1366.  -   font-weight: bold;
  2137. 1367.  -   color: #7295b2;
  2138. 1368.  - }
  2139. 1369.  -
  2140. 1370.  - .wall_module .post_like .no_likes {
  2141. 1371.  -   visibility: visible;
  2142. 1372.  -   opacity: 0.4;
  2143. 1373.  -   filter: alpha(opacity=40);
  2144. 1374.  - }
  2145. 1375.  - .wall_module .post_like i.my_like {
  2146. 1376.  -   opacity: 1;
  2147. 1377.  -   filter: none;
  2148. 1378.  - }
  2149. 1379.  -
  2150. 1380.  - .reply_replieable,
  2151. 1381.  - .reply_moreable {
  2152. 1382.  -   cursor: pointer;
  2153. 1383.  - }
  2154. 1384.  -
  2155. 1385.  -
  2156. 1386.  - /* Inline view video */
  2157. 1387.  - .wide_wall_module .post_thumbs_num1 .page_media_video .video div,
  2158. 1388.  - .wall_module .page_media_full_video .video div {
  2159. 1389.  -   bottom: 10px;
  2160. 1390.  -   font-size: 1em;
  2161. 1391.  - }
  2162. 1392.  - .wall_module .post_thumbs_num1 .page_media_thumb1 {
  2163. 1393.  -   margin: 0;
  2164. 1394.  - }
  2165. 1395.  - .wall_module .page_media_full_video {
  2166. 1396.  -   padding-bottom: 0;
  2167. 1397.  - }
  2168. 1398.  - .wide_wall_module .post_thumbs_num1 .page_media_video,
  2169. 1399.  - .wall_module .page_media_full_video  {
  2170. 1400.  -   max-width: 480px;
  2171. 1401.  -   max-height: 360px;
  2172. 1402.  - }
  2173. 1403.  - .wide_wall_module .post_thumbs_num1 .page_media_video .video img,
  2174. 1404.  - .wall_module .page_media_full_video .video img {
  2175. 1405.  -   max-width: 480px;
  2176. 1406.  -   max-height: 360px;
  2177. 1407.  -   width: 480px;
  2178. 1408.  -   height: 360px;
  2179. 1409.  - }
  2180. 1410.  - .wall_module .page_media_video .video div.video_play_inline,
  2181. 1411.  - .wall_module .page_media_full_video .video div.video_play_inline {
  2182. 1412.  -   left: 137px;
  2183. 1413.  -   top: 97px;
  2184. 1414.  -   bottom: auto;
  2185. 1415.  -   position: absolute;
  2186. 1416.  -   z-index: 10;
  2187. 1417.  -   background: url(/images/inline_video_play.png) no-repeat;
  2188. 1418.  -   width: 46px;
  2189. 1419.  -   height: 46px;
  2190. 1420.  - }
  2191. 1421.  - .wide_wall_module .page_media_video .video div.video_play_inline,
  2192. 1422.  - .wall_module .page_media_full_video .video div.video_play_inline {
  2193. 1423.  -   left: 225px;
  2194. 1424.  -   top: 165px;
  2195. 1425.  - }
  2196. 1426.  - .wide_wall_module .page_media_video .video div.video_play_inline_loading,
  2197. 1427.  - .wall_module .page_media_full_video .video div.video_play_inline_loading {
  2198. 1428.  -   background: url(/images/upload_inv_mono.gif) no-repeat 50% 50%;
  2199. 1429.  -   width: 100px;
  2200. 1430.  -   background-color: #000;
  2201. 1431.  -   background-color: rgba(0, 0, 0, 0.7);
  2202. 1432.  -   *filter: alpha(opacity=70);
  2203. 1433.  -
  2204. 1434.  -   border-radius: 5px;
  2205. 1435.  -   -moz-border-radius: 5px;
  2206. 1436.  -   -khtml-border-radius: 5px;
  2207. 1437.  -   -webkit-border-radius: 5px;
  2208. 1438.  -
  2209. 1439.  -   margin: -2px 0 0 -27px;
  2210. 1440.  - }
  2211. 1441.  - .widget_body .like_tt_clubs {
  2212. 1442.  -   display: none;
  2213. 1443.  - }
  2214. 1444.  -
  2215. 1445.  - .widget_body.bugs .wcomments_head_icon {
  2216. 1446.  -   display: none;
  2217. 1447.  - }
  2218. 1448.  - .widget_body.bugs .wcomments_head {
  2219. 1449.  -   padding: 4px 6px 6px 6px;
  2220. 1450.  - }
  2221. 1451.  -
  2222. 1452.  - #custom_menu_cont {
  2223. 1453.  -   top: 0px;
  2224. 1454.  -   width: 100%;
  2225. 1455.  - }
  2226. 1456.  - #custom_menu_wrap {
  2227. 1457.  -   z-index: 1005;
  2228. 1458.  -   position: absolute;
  2229. 1459.  -   top: 0px;
  2230. 1460.  - }
  2231. 1461.  -
  2232. 1462.  -
  2233. 1463.  - .page_post_sized_thumbs {
  2234. 1464.  -   margin: 9px 0 4px;
  2235. 1465.  - }
  2236. 1466.  - .page_post_sized_full_thumb {
  2237. 1467.  -   margin: 20px 0 10px;
  2238. 1468.  - }
  2239. 1469.  - .page_post_sized_full_thumb_first {
  2240. 1470.  -   margin-top: 10px;
  2241. 1471.  - }
  2242. 1472.  -
  2243. 1473.  - a.page_post_thumb_wrap,
  2244. 1474.  - span.page_post_thumb_wrap {
  2245. 1475.  -   display: block;
  2246. 1476.  -   overflow: hidden;
  2247. 1477.  -   position: relative;
  2248. 1478.  -   margin: 0 3px 3px 0;
  2249. 1479.  - }
  2250. 1480.  - a.page_post_thumb_wrap:hover,
  2251. 1481.  - a.page_post_thumb_unsized:hover {
  2252. 1482.  -   text-decoration: none !important;
  2253. 1483.  - }
  2254. 1484.  - .page_post_thumb_video {
  2255. 1485.  -   position: relative;
  2256. 1486.  - }
  2257. 1487.  - .page_post_thumb_sized_photo {
  2258. 1488.  -   position: absolute;
  2259. 1489.  - }
  2260. 1490.  - .page_post_video_play_inline {
  2261. 1491.  -   position: absolute;
  2262. 1492.  -   z-index: 10;
  2263. 1493.  -   background: url(/images/inline_video_play.png) no-repeat;
  2264. 1494.  -   margin-left: -23px;
  2265. 1495.  -   margin-top: -23px;
  2266. 1496.  -   width: 46px;
  2267. 1497.  -   height: 46px;
  2268. 1498.  -   top: 50%;
  2269. 1499.  -   left: 50%;
  2270. 1500.  - }
  2271. 1501.  - .page_post_video_duration {
  2272. 1502.  -   background: url('/images/mv_bg.png');
  2273. 1503.  -   background: rgba(0,0,0, 0.6);
  2274. 1504.  -   color: #FFF;
  2275. 1505.  -   position: absolute;
  2276. 1506.  -   bottom: 10px;
  2277. 1507.  -   right: 0;
  2278. 1508.  -   padding: 0px 3px 1px;
  2279. 1509.  -   z-index: 10;
  2280. 1510.  - }
  2281. 1511.  -
  2282. 1512.  - a.page_post_thumb_last_column .page_post_thumb_undersized_w,
  2283. 1513.  - span.page_post_thumb_last_column .page_post_thumb_undersized_w {
  2284. 1514.  -   right: 0;
  2285. 1515.  - }
  2286. 1516.  - a.page_post_thumb_last_row .page_post_thumb_undersized_h,
  2287. 1517.  - span.page_post_thumb_last_row .page_post_thumb_undersized_h {
  2288. 1518.  -   bottom: 0;
  2289. 1519.  - }
  2290. 1520.  -
  2291. 1521.  - a.page_post_thumb_unsized,
  2292. 1522.  - span.page_post_thumb_unsized {
  2293. 1523.  -   background: 50% 50% no-repeat;
  2294. 1524.  -   background-size: cover;
  2295. 1525.  -
  2296. 1526.  -   display: block;
  2297. 1527.  -   position: relative;
  2298. 1528.  -   overflow: hidden;
  2299. 1529.  -   margin: 0 3px 3px 0;
  2300. 1530.  - }
  2301. 1531.  - a.page_post_thumb_unsized_single,
  2302. 1532.  - span.page_post_thumb_unsized_single {
  2303. 1533.  -   /*background: 0 0 no-repeat;*/
  2304. 1534.  -   background-size: contain;
  2305. 1535.  - }
  2306. 1536.  -
  2307. 1537.  - .wide_wall_module a.page_post_thumb_unsized,
  2308. 1538.  - .wide_wall_module a.page_post_thumb_wrap,
  2309. 1539.  - .wide_wall_module span.page_post_thumb_unsized,
  2310. 1540.  - .wide_wall_module span.page_post_thumb_wrap {
  2311. 1541.  -   margin: 0 6px 6px 0;
  2312. 1542.  - }
  2313. 1543.  - .page_post_sized_thumbs a.page_post_thumb_last_column,
  2314. 1544.  - .page_post_sized_thumbs span.page_post_thumb_last_column {
  2315. 1545.  -   margin-right: 0;
  2316. 1546.  - }
  2317. 1547.  - .page_post_sized_thumbs a.page_post_thumb_last_row,
  2318. 1548.  - .page_post_sized_thumbs span.page_post_thumb_last_row {
  2319. 1549.  -   margin-bottom: 0;
  2320. 1550.  - }
  2321. 1551.  -
  2322. 1552.  - .page_post_queue_wide,
  2323. 1553.  - .wide_wall_module .page_post_queue_narrow {
  2324. 1554.  -   display: none;
  2325. 1555.  - }
  2326. 1556.  - .wide_wall_module .page_post_queue_wide {
  2327. 1557.  -   display: block;
  2328. 1558.  - }
  2329. 1559.  -
  2330. 1560.  - .reply_media_lnk {
  2331. 1561.  -   display: none;
  2332. 1562.  - }
  2333. 1563.  - .checkbox_pic {
  2334. 1564.  -   cursor: pointer;
  2335. 1565.  - }
  2336. 1566.  - #wcomments_export.checkbox_pic {
  2337. 1567.  -   background: url(/images/icons/wall_export.gif?1) no-repeat 0 0;
  2338. 1568.  -   height: 14px;
  2339. 1569.  -   width: 14px;
  2340. 1570.  -   overflow: hidden;
  2341. 1571.  - }
  2342. 1572.  - #wcomments_export.checkbox_pic {
  2343. 1573.  -   background-image: url(/images/icons/wall_export_2x.gif?1);
  2344. 1574.  -   background-size: 14px 112px;
  2345. 1575.  - }
  2346. 1576.  - #wcomments_export.checkbox_pic {
  2347. 1577.  -   background-position: 0 -70px;
  2348. 1578.  -   opacity: 0.5;
  2349. 1579.  -   filter: alpha(opacity=50);
  2350. 1580.  - }
  2351. 1581.  - #wcomments_export.on {
  2352. 1582.  -   opacity: 1;
  2353. 1583.  -   filter: none;
  2354. 1584.  - }
  2355. 1585.  - #video_box_body .box_dark .box_title {
  2356. 1586.  -   background: #000000;
  2357. 1587.  -   color: #777777;
  2358. 1588.  - }
  2359. 1589.  - #video_box_body .box_dark .box_x_button {
  2360. 1590.  -   color: #777777;
  2361. 1591.  - }
  2362. 1592.  - #video_box_body .box_dark .box_x_button:hover {
  2363. 1593.  -   color: #FFFFFF;
  2364. 1594.  - }
  2365. 1595.  - #photo_box_body .box_dark .box_title {
  2366. 1596.  -   background: #FFFFFF;
  2367. 1597.  -   color: #45688E;
  2368. 1598.  - }
  2369. 1599.  - #photo_box_body .box_dark .box_x_button {
  2370. 1600.  -   color: #2B587A;
  2371. 1601.  - }
  2372. 1602.  - #photo_box_body .box_dark .box_x_button:hover {
  2373. 1603.  -   text-decoration: underline;
  2374. 1604.  - }
  2375. 1605.  - .photo_view_more {
  2376. 1606.  -   margin-top: 25px;
  2377. 1607.  -   display: block;
  2378. 1608.  -   background: #eef0f2;
  2379. 1609.  -   text-align: center;
  2380. 1610.  -   padding: 16px;
  2381. 1611.  -   color: #738392;
  2382. 1612.  - }
  2383. 1613.  - .photo_view_more:hover {
  2384. 1614.  -   text-decoration: none;
  2385. 1615.  -   background: #e9edf1;
  2386. 1616.  - }
  2387. 1617.  - .medadd_c_doc {
  2388. 1618.  -   overflow: hidden;
  2389. 1619.  -   -o-text-overflow: ellipsis;
  2390. 1620.  -   text-overflow: ellipsis;
  2391. 1621.  - }
  2392. 1622.  - .medadd_h,
  2393. 1623.  - .medadd_c_pollh {
  2394. 1624.  -   font-size: 1.09em;
  2395. 1625.  -   font-weight: bold;
  2396. 1626.  -   color: #45688E;
  2397. 1627.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat;
  2398. 1628.  -   margin: 4px 2px 0px;
  2399. 1629.  - }
  2400. 1630.  - .font_medium .medadd_h,
  2401. 1631.  - .font_medium .medadd_c_pollh {
  2402. 1632.  -   margin-top: 3px;
  2403. 1633.  - }
  2404. 1634.  - .medadd_h:hover {
  2405. 1635.  -   text-decoration: none;
  2406. 1636.  - }
  2407. 1637.  - .medadd_h_note {
  2408. 1638.  -   background-position: 0 -132px;
  2409. 1639.  - }
  2410. 1640.  - .medadd_h_doc {
  2411. 1641.  -   background-position: 0 -278px;
  2412. 1642.  - }
  2413. 1643.  - .medadd_h_poll {
  2414. 1644.  -   background-position: 0 -206px;
  2415. 1645.  - }
  2416. 1646.  - .medadd_h_link,
  2417. 1647.  - .medadd_h_page {
  2418. 1648.  -   background-position: 0 -235px;
  2419. 1649.  - }
  2420. 1650.  - .medadd_h_timer {
  2421. 1651.  -   background-position: 0 -332px;
  2422. 1652.  - }
  2423. 1653.  - .medadd_h_mail {
  2424. 1654.  -   background-position: 0 -292px;
  2425. 1655.  - }
  2426. 1656.  - .medadd_h,
  2427. 1657.  - .medadd_c {
  2428. 1658.  -   padding-left: 15px;
  2429. 1659.  - }
  2430. 1660.  - .medadd_c {
  2431. 1661.  -   margin: 7px 2px 0px;
  2432. 1662.  - }
  2433. 1663.  - .medadd_c_linkimg {
  2434. 1664.  -   padding: 5px 10px 5px 5px;
  2435. 1665.  - }
  2436. 1666.  - .medadd_c_linkhead {
  2437. 1667.  -   margin: 0px;
  2438. 1668.  -   padding: 5px;
  2439. 1669.  -   border: 0px;
  2440. 1670.  -   font-size: 11px;
  2441. 1671.  - }
  2442. 1672.  - .medadd_c_linkdsc {
  2443. 1673.  -   padding: 0px 5px 5px;
  2444. 1674.  - }
  2445. 1675.  - #wcomments_form .medadd_c_linkcon {
  2446. 1676.  -   overflow: hidden;
  2447. 1677.  -   background: #FFF;
  2448. 1678.  -   padding: 6px;
  2449. 1679.  -   border: 1px solid #C0CAD5;
  2450. 1680.  - }
  2451. 1681.  - #wcomments_form .medadd_c_link {
  2452. 1682.  -   padding-left: 0px;
  2453. 1683.  -   margin-left: 0px;
  2454. 1684.  - }
  2455. ------
Advertisement
Add Comment
Please, Sign In to add comment