Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Файл - tooltips.css (Старый размер - 15657 | Новый - 0):
- 0. - #tooltips_css {
- 1. - display: none;
- 2. - }
- 3. -
- 4. - .tt, .ttb {
- 5. - position: absolute;
- 6. - z-index: 2000;
- 7. - cursor: default;
- 8. - }
- 9. - .tt .side_sh {
- 10. - opacity: 0.05;
- 11. - filter: alpha(opacity=5);
- 12. - background: #000;
- 13. - overflow: hidden;
- 14. - width: 1px;
- 15. - display: none;
- 16. - }
- 17. - .tt .outer .side_sh {
- 18. - opacity: 0.12;
- 19. - filter: alpha(opacity=12);
- 20. - }
- 21. - .tt .bottom_sh {
- 22. - opacity: 0.05;
- 23. - filter: alpha(opacity=5);
- 24. - background: #000;
- 25. - overflow: hidden;
- 26. - height: 1px;
- 27. - line-height: 1px;
- 28. - }
- 29. - .tt .top_pointer, .tt .bottom_pointer {
- 30. - display: none;
- 31. - position: relative;
- 32. - bottom: -1px;
- 33. - height: 8px;
- 34. - width: 11px;
- 35. - margin: 0px 20px;
- 36. - overflow: hidden;
- 37. - }
- 38. - .tt .bottom_pointer {
- 39. - bottom: auto;
- 40. - top: -3px;
- 41. - }
- 42. - .tt .outer .bottom_sh {
- 43. - opacity: 0.12;
- 44. - filter: alpha(opacity=12);
- 45. - }
- 46. - .tt.rich .side_sh {
- 47. - display: table-cell;
- 48. - }
- 49. - .tt .tt_text {
- 50. - background: #FFF;
- 51. - border: 1px solid #96AABE;
- 52. - padding: 2px 5px 3px;
- 53. - color: #2C587D;
- 54. - }
- 55. -
- 56. - .wall_tt .toup .top_pointer,
- 57. - .mobile_tt .toup .top_pointer,
- 58. - .verified_tt .toup .top_pointer,
- 59. - .gifts_tt .toup .top_pointer,
- 60. - .board_tt .toup .top_pointer {
- 61. - margin-right: 0px;
- 62. - margin-left: 64px;
- 63. - display: block;
- 64. - background: url(/images/tooltip_arrow_up.gif) no-repeat;
- 65. - }
- 66. - .wall_tt .toup1 .bottom_pointer,
- 67. - .mobile_tt .toup1 .bottom_pointer,
- 68. - .verified_tt .toup1 .bottom_pointer,
- 69. - .gifts_tt .toup1 .bottom_pointer,
- 70. - .board_tt .toup1 .bottom_pointer {
- 71. - margin-right: 0px;
- 72. - margin-left: 64px;
- 73. - display: block;
- 74. - background: url(/images/tooltip_arrow_white.png) no-repeat;
- 75. - }
- 76. - .settings_comments_disabled_tt .toup1 .bottom_pointer {
- 77. - margin: 0 158px;
- 78. - }
- 79. - .mobile_tt .toup .top_pointer,
- 80. - .mobile_tt .toup1 .bottom_pointer {
- 81. - margin-left: 34px;
- 82. - }
- 83. - .mobile_tt_right .toup .top_pointer,
- 84. - .mobile_tt_right .toup1 .bottom_pointer {
- 85. - margin-left: 277px;
- 86. - }
- 87. - .verified_tt .toup .top_pointer,
- 88. - .verified_tt .toup1 .bottom_pointer {
- 89. - margin-left: 94px;
- 90. - }
- 91. - .fwd_reply_tt table.toup .top_pointer,
- 92. - .fwd_reply_tt table.toup1 .bottom_pointer {
- 93. - margin-left: 309px;
- 94. - }
- 95. - .gifts_tt .toup .top_pointer,
- 96. - .gifts_tt .toup1 .bottom_pointer {
- 97. - margin-left: 91px;
- 98. - }
- 99. - .fw_reply_tt .fw_reply_date {
- 100. - max-width: 300px;
- 101. - white-space: nowrap;
- 102. - -o-text-overflow: ellipsis;
- 103. - text-overflow: ellipsis;
- 104. - overflow: hidden;
- 105. - }
- 106. - .wall_tt.bottom table.toup1 .bottom_pointer,
- 107. - .board_tt.bottom table.toup1 .bottom_pointer {
- 108. - background: url(/images/tooltip_arrow_down.gif) no-repeat;
- 109. - }
- 110. - .wall_tt .wall_module .like_wrap,
- 111. - .wall_tt .wall_module .reply_link_wrap,
- 112. - .wall_tt .wall_module .reply_link_wrap small,
- 113. - .wall_tt .wall_module .info_footer {
- 114. - font-size: 1em;
- 115. - }
- 116. - .gifts_tt .bottom_sh {
- 117. - display: none;
- 118. - }
- 119. - .gifts_tt .bottom_pointer {
- 120. - top: -2px;
- 121. - }
- 122. - .gifts_tt table table {
- 123. - -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
- 124. - -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
- 125. - box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
- 126. - }
- 127. -
- 128. - .wall_tt .header,
- 129. - .verified_tt_header,
- 130. - .mott_header {
- 131. - color: #45688E;
- 132. - font-weight: bold;
- 133. - overflow: hidden;
- 134. - margin: 0px 0px 6px;
- 135. - }
- 136. - .mott_header a {
- 137. - color: #45688E;
- 138. - }
- 139. - .verified_tt_text,
- 140. - .mott_text {
- 141. - line-height: 160%;
- 142. - }
- 143. - .wall_tt .bottom {
- 144. - background: #EEF2F6;
- 145. - border-top: 1px solid #CCD3DC;
- 146. - padding: 8px 10px;
- 147. - }
- 148. - .wall_tt .wrap,
- 149. - .bp_tt_wrap,
- 150. - .mott_wrap,
- 151. - .verified_tt_wrap,
- 152. - .gifts_tt_wrap {
- 153. - border: 1px solid #AEBDCC;
- 154. - background: #FFF;
- 155. - }
- 156. - .gifts_tt_wrap {
- 157. - border: 1px solid #96AABE;
- 158. - }
- 159. - .wall_tt .open_graph span {
- 160. - color: #777;
- 161. - }
- 162. - .wall_tt div.thumb {
- 163. - margin: 0px 10px 10px 0px;
- 164. - }
- 165. - .wall_tt div.thumb img {
- 166. - max-width: 200px;
- 167. - }
- 168. - .wall_tt table.withphoto td {
- 169. - vertical-align: top;
- 170. - padding: 0px 10px;
- 171. - }
- 172. - .wall_tt table.withphoto td.thumb {
- 173. - padding: 3px 0px 0px;
- 174. - }
- 175. - .wall_mvkcom_tt .text_content {
- 176. - line-height: 160%;
- 177. - }
- 178. - .mott_content {
- 179. - max-width: 315px;
- 180. - width: auto !important;
- 181. - width: 315px;
- 182. - padding: 10px;
- 183. - overflow: hidden;
- 184. - }
- 185. - * html .mott_content {
- 186. - width: expression((this.flag == undefined) ? (this.scrollWidth > 315) ? this.flag = '315px' : 'auto' : '');
- 187. - }
- 188. - .verified_tt_content {
- 189. - max-width: 270px;
- 190. - width: auto !important;
- 191. - width: 270px;
- 192. - padding: 10px;
- 193. - overflow: hidden;
- 194. - }
- 195. - * html .verified_tt_content {
- 196. - width: expression((this.flag == undefined) ? (this.scrollWidth > 270) ? this.flag = '270px' : 'auto' : '');
- 197. - }
- 198. - .verified_group_tt .verified_tt_content {
- 199. - max-width: 240px;
- 200. - width: auto !important;
- 201. - width: 240px;
- 202. - }
- 203. - * html .verified_group_tt .verified_tt_content {
- 204. - width: expression((this.flag == undefined) ? (this.scrollWidth > 240) ? this.flag = '240px' : 'auto' : '');
- 205. - }
- 206. - .wall_tt .content {
- 207. - min-width: 80px;
- 208. - max-width: 360px;
- 209. - width: auto !important;
- 210. - width: 360px;
- 211. - padding: 10px;
- 212. - overflow: hidden;
- 213. - }
- 214. - * html .wall_tt .content {
- 215. - width: expression((this.flag == undefined) ? (this.scrollWidth > 360) ? this.flag = '360px' : 'auto' : '');
- 216. - }
- 217. - div.own_reply_tt .content {
- 218. - max-width: 396px;
- 219. - width: auto !important;
- 220. - width: 396px;
- 221. - }
- 222. - * html div.own_reply_tt .content {
- 223. - width: expression((this.flag == undefined) ? (this.scrollWidth > 396) ? this.flag = '396px' : 'auto' : '');
- 224. - }
- 225. - .wall_tt .wk_photo {
- 226. - max-width: 358px !important;
- 227. - height: auto !important;
- 228. - }
- 229. - .wall_tt .audio .title_wrap {
- 230. - width: 215px;
- 231. - }
- 232. - .wall_tt .audio .title_wrap b {
- 233. - max-width: 150px;
- 234. - }
- 235. -
- 236. - .wall_mvkcom_tt .content {
- 237. - max-width: 365px;
- 238. - width: auto !important;
- 239. - width: 365px;
- 240. - }
- 241. -
- 242. - .wall_checkin_tt .label {
- 243. - width: 80px;
- 244. - color: #777;
- 245. - padding: 2px 0px;
- 246. - }
- 247. - .wall_checkin_tt .header {
- 248. - border-bottom: 1px solid #DAE1E8;
- 249. - margin-bottom: 4px;
- 250. - }
- 251. - .wall_checkin_tt .header span {
- 252. - display: block;
- 253. - color: #777;
- 254. - font-weight: normal;
- 255. - font-size: 0.9em;
- 256. - margin: 2px 0px;
- 257. - }
- 258. -
- 259. - .wall_poll_tt .content table {
- 260. - width: 300px;
- 261. - }
- 262. - .wall_poll_tt .radiobtn {
- 263. - padding: 4px 0px;
- 264. - }
- 265. - .wall_poll_tt .wall_poll_row {
- 266. - background: #FAFAFA;
- 267. - width: 95%;
- 268. - }
- 269. - .wall_poll_tt .wall_poll_row_desc {
- 270. - padding: 2px 4px;
- 271. - }
- 272. - .wall_poll_tt .wall_poll_text {
- 273. - padding: 7px 2px 2px;
- 274. - }
- 275. - .wall_poll_tt .wall_poll_percent {
- 276. - background: #DAE1E8;
- 277. - border-top: 1px solid #CAD1E9;
- 278. - height: 14px;
- 279. - }
- 280. -
- 281. - .share_tt table.toup .top_pointer {
- 282. - margin-right: 0px;
- 283. - margin-left: 15px;
- 284. - display: block;
- 285. - background: url(/images/like_tooltip_arrow.gif) no-repeat;
- 286. - }
- 287. - .share_tt table.toup1 .bottom_pointer {
- 288. - display: block;
- 289. - margin: 0px 15px;
- 290. - background: url(/images/like_tooltip_arrow.gif) no-repeat left -8px;
- 291. - }
- 292. - .share_tt .content {
- 293. - padding: 5px;
- 294. - border: 1px solid #AEBDCC;
- 295. - background: #F7F7F7;
- 296. - color: #2B587A;
- 297. - }
- 298. -
- 299. - .invite_tt table .tt_text {
- 300. - color: #000;
- 301. - padding: 12px 16px;
- 302. - line-height: 160%;
- 303. - width: 385px;
- 304. - }
- 305. - .invite_tt table.toup .top_pointer {
- 306. - display: block;
- 307. - background: url(/images/tooltip_arrow_up.gif) no-repeat;
- 308. - }
- 309. - #top_invite_hint {
- 310. - position: absolute;
- 311. - width: 1px;
- 312. - height: 1px;
- 313. - margin-top: -30px;
- 314. - margin-left: 220px;
- 315. - }
- 316. - #invite_hint_img {
- 317. - background: url(/images/relatives.gif?2) no-repeat left top;
- 318. - width: 59px;
- 319. - height: 30px;
- 320. - margin: 2px 0px 0px 0px;
- 321. - }
- 322. - #invite_hint_close {
- 323. - right: 3px;
- 324. - position: absolute;
- 325. - top: 13px;
- 326. - width: 18px;
- 327. - height: 18px;
- 328. - background: url(/images/hide_left.gif) no-repeat center center;
- 329. - filter: alpha(opacity=50);
- 330. - opacity: 0.5;
- 331. - cursor: pointer;
- 332. - }
- 333. -
- 334. - .bp_tt_content {
- 335. - max-width: 450px;
- 336. - width: auto !important;
- 337. - width: 450px;
- 338. - padding: 1px;
- 339. - overflow: hidden;
- 340. - }
- 341. - * html .bp_tt_content {
- 342. - width: expression((this.flag == undefined) ? (this.scrollWidth > 450) ? this.flag = '450px' : 'auto' : '');
- 343. - }
- 344. - .bp_tt_content .bp_text {
- 345. - width: 367px;
- 346. - }
- 347. - .bp_tt_content .bp_post {
- 348. - width: 432px;
- 349. - }
- 350. - .board_tt table.toup .top_pointer {
- 351. - margin-right: 0px;
- 352. - margin-left: 84px;
- 353. - }
- 354. - .board_tt table.toup1 .bottom_pointer {
- 355. - margin-right: 0px;
- 356. - margin-left: 84px;
- 357. - }
- 358. - .bp_tt_header {
- 359. - color: #36638E;
- 360. - font-weight: bold;
- 361. - overflow: hidden;
- 362. - padding: 10px 10px 6px;
- 363. - }
- 364. - .bp_tt_doc {
- 365. - padding: 0px 10px 10px;
- 366. - }
- 367. - .bp_tt_docsize {
- 368. - color: #777;
- 369. - }
- 370. -
- 371. - .preq_wrap {
- 372. - border: 1px solid #96aabe;
- 373. - width: 243px;
- 374. - overflow: hidden;
- 375. - background: #FFF;
- 376. - }
- 377. - .preq_bottom {
- 378. - border-top: 1px solid #dae1e8;
- 379. - background: #F7F7F7;
- 380. - padding: 9px 10px 8px;
- 381. - }
- 382. - .preq_content {
- 383. - line-height: 160%;
- 384. - padding: 8px 14px 7px;
- 385. - }
- 386. - .preq_friend {
- 387. - line-height: 160%;
- 388. - padding: 8px 14px 9px;
- 389. - }
- 390. - .preq_header {
- 391. - color: #36638E;
- 392. - font-weight: bold;
- 393. - overflow: hidden;
- 394. - margin: 0px 3px 5px;
- 395. - }
- 396. - #preq_text {
- 397. - line-height: 160%;
- 398. - padding: 0px 3px 3px;
- 399. - color: #777;
- 400. - }
- 401. - #preq_input {
- 402. - width: 215px;
- 403. - height: 14px;
- 404. - vertical-align: top;
- 405. - resize: none;
- 406. - margin: 1px 0px 2px;
- 407. - outline: none;
- 408. - }
- 409. - #preq_buttons {
- 410. - padding-top: 6px;
- 411. - display: none;
- 412. - }
- 413. - #preq_warn {
- 414. - padding: 6px 0px 2px;
- 415. - color: #777;
- 416. - display: none;
- 417. - }
- 418. - .preq_tt .top_pointer {
- 419. - margin-left: 63px;
- 420. - margin-right: 63px;
- 421. - display: block;
- 422. - background: url(/images/tooltip_arrow_up.gif) no-repeat;
- 423. - }
- 424. -
- 425. -
- 426. - /* Like black tooltip */
- 427. - .like_tt,
- 428. - .poll_tt,
- 429. - .mention_tt {
- 430. - color: #FFF;
- 431. - cursor: pointer;
- 432. - background: url('/images/mv_bg.png');
- 433. - background: rgba(0, 0, 0, 0.7);
- 434. -
- 435. - -moz-border-radius: 5px;
- 436. - -webkit-border-radius: 5px;
- 437. - border-radius: 5px;
- 438. -
- 439. - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
- 440. - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
- 441. - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
- 442. -
- 443. - /* padding: 10px; */
- 444. - /*width: 320px;*/
- 445. - text-shadow: 0px 1px 0px #262626;
- 446. - }
- 447. - .like_tt table.toup1 .bottom_pointer,
- 448. - .mention_tt table.toup1 .bottom_pointer,
- 449. - .poll_tt table.toup1 .bottom_pointer {
- 450. - margin-right: 0px;
- 451. - margin-left: 64px;
- 452. - display: block;
- 453. - background: url(/images/icons/like_icons_bl.png) -2px -47px no-repeat;
- 454. - width: 13px;
- 455. - height: 7px;
- 456. - position: absolute;
- 457. - bottom: -7px;
- 458. - top: auto;
- 459. - }
- 460. - .like_tt table.toup .top_pointer,
- 461. - .mention_tt table.toup .top_pointer,
- 462. - .poll_tt table.toup .top_pointer {
- 463. - margin-right: 0px;
- 464. - margin-left: 64px;
- 465. - display: block;
- 466. - bottom: -2px;
- 467. - background: url(/images/icons/like_icons_bl.png) -2px -58px no-repeat;
- 468. - width: 13px;
- 469. - height: 7px;
- 470. - position: absolute;
- 471. - top: -6px;
- 472. - bottom: auto;
- 473. - }
- 474. - .like_tt .header,
- 475. - .poll_tt .header {
- 476. - cursor: pointer;
- 477. - }
- 478. - .like_tt .header .like_head_wrap,
- 479. - .poll_tt .header .poll_tt_head_wrap {
- 480. - padding: 8px 9px 3px;
- 481. - font-weight: bold;
- 482. - }
- 483. - .like_tt .content table {
- 484. - position: relative;
- 485. - }
- 486. - .like_tt .content,
- 487. - .poll_tt .content {
- 488. - width: 210px;
- 489. - padding: 5px 10px 7px;
- 490. - }
- 491. - .like_tt .content .hider,
- 492. - .poll_tt .content .hider {
- 493. - width: 210px;
- 494. - height: 33px;
- 495. - position: relative;
- 496. - overflow: hidden;
- 497. - }
- 498. - .like_tt_usr,
- 499. - .poll_tt_usr {
- 500. - display: block;
- 501. - height: 30px;
- 502. - width: 30px;
- 503. - margin-right: 6px;
- 504. -
- 505. - -moz-border-radius: 3px;
- 506. - -webkit-border-radius: 3px;
- 507. - border-radius: 3px;
- 508. -
- 509. - -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
- 510. - -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
- 511. - box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
- 512. - overflow: hidden;
- 513. - }
- 514. - .like_tt .like_tt_stats_photo,
- 515. - .poll_tt .poll_tt_stats_photo {
- 516. - -moz-border-radius: 3px;
- 517. - -webkit-border-radius: 3px;
- 518. - border-radius: 3px;
- 519. - }
- 520. - .like_tt .like_tt_clubs {
- 521. - text-decoration: none;
- 522. - margin-top: 3px;
- 523. - width: 11px;
- 524. - height: 11px;
- 525. - background: url(/images/icons/like_icons_bl.png) -3px -32px no-repeat;
- 526. - cursor: pointer;
- 527. - }
- 528. - .like_tt .bottom {
- 529. - padding: 0 10px 9px;
- 530. - }
- 531. - .like_tt .bottom .checkbox,
- 532. - .like_tt .like_tt_clubs {
- 533. - opacity: 0.75;
- 534. - filter: alpha(opacity=75);
- 535. - -webkit-transition: background-color 100ms ease-out;
- 536. - -moz-transition: background-color 100ms ease-out;
- 537. - -o-transition: background-color 100ms ease-out;
- 538. - transition: background-color 100ms ease-out;
- 539. - -webkit-transition: opacity 100ms ease-out;
- 540. - -moz-transition: opacity 100ms ease-out;
- 541. - -o-transition: opacity 100ms ease-out;
- 542. - transition: opacity 100ms ease-out;
- 543. - }
- 544. - .like_tt .bottom .checkbox:hover,
- 545. - .like_tt .like_tt_clubs:hover {
- 546. - opacity: 1;
- 547. - filter: none;
- 548. - }
- 549. - .like_tt .bottom .checkbox div {
- 550. - background: url(/images/icons/like_icons_bl.png) -2px 0 no-repeat;
- 551. - width: 14px;
- 552. - height: 12px;
- 553. - margin-top: 1px;
- 554. - }
- 555. - .like_tt .bottom .on div {
- 556. - background: url(/images/icons/like_icons_bl.png) -2px -15px no-repeat;
- 557. - width: 15px;
- 558. - height: 12px;
- 559. - margin-top: 2px;
- 560. - }
- 561. - .like_tt .like_published_label,
- 562. - .like_tt .bottom .on .like_publish_label {
- 563. - display: none;
- 564. - }
- 565. - .like_tt .bottom .on .like_published_label {
- 566. - display: inline;
- 567. - }
- 568. - .like_tt .side_sh,
- 569. - .like_tt .bottom_sh,
- 570. - .mention_tt .side_sh,
- 571. - .mention_tt .bottom_sh {
- 572. - display: none;
- 573. - }
- 574. - .like_tt .bottom .checkbox {
- 575. - /*color: #2B587A;*/
- 576. - }
- 577. - /* Black */
- 578. - .ttb_cont {
- 579. - background: url('/images/ttb_bg.png');
- 580. - background: rgba(0,0,0,0.7);
- 581. - border-radius: 3px;
- 582. - padding: 4px 7px 4px;
- 583. - color: #FFFFFF;
- 584. - font-size: 1em;
- 585. - font-weight: bold;
- 586. - }
- 587. - .rich .ttb_cont {
- 588. - background: url('/images/ttb_bg.png');
- 589. - background: rgba(0,0,0,0.7);
- 590. - -webkit-border-radius: 5px;
- 591. - -khtml-border-radius: 5px;
- 592. - -moz-border-radius: 5px;
- 593. - border-radius: 5px;
- 594. - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
- 595. - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
- 596. - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
- 597. - }
- 598. - .ttb .top_pointer, .ttb .bottom_pointer {
- 599. - display: none;
- 600. - position: relative;
- 601. - float: left;
- 602. - bottom: -1px;
- 603. - height: 5px;
- 604. - width: 9px;
- 605. - margin: 0px 15px;
- 606. - overflow: hidden;
- 607. - }
- 608. - .ttb .top_pointer {
- 609. - margin: -5px 15px;
- 610. - }
- 611. - .ttb .toup1 .bottom_pointer {
- 612. - display: block;
- 613. - bottom: auto;
- 614. - opacity: 0.7;
- 615. - filter: alpha(opacity=70);
- 616. - background: url('/images/blacktip.gif') 0px -5px;
- 617. - }
- 618. - .is_2x .ttb .toup1 .bottom_pointer {
- 619. - background-image: url('/images/blacktip_2x.gif');
- 620. - background-size: 9px 10px;
- 621. - }
- 622. - .ttb .toleft .bottom_pointer,.ttb .toleft .top_pointer {
- 623. - position: relative;
- 624. - float: right;
- 625. - }
- 626. - .ttb .toup .top_pointer {
- 627. - display: block;
- 628. - bottom: auto;
- 629. - opacity: 0.7;
- 630. - background: url('/images/blacktip.gif') 0px 0px;
- 631. - }
- 632. - .ttb.rich .bottom_pointer {
- 633. - background: url(/images/icons/like_icons_bl.png) -2px -47px no-repeat;
- 634. - width: 13px;
- 635. - height: 7px;
- 636. - opacity: 1;
- 637. - filter: none
- 638. - }
- 639. - .ttb a {
- 640. - color: #B1DAFF;
- 641. - }
- 642. -
- 643. -
- 644. - /* Wall mentions tooltip */
- 645. - .mention_tt {
- 646. - cursor: default;
- 647. - }
- 648. - .mention_tt_t {
- 649. - margin: 10px 10px 10px;
- 650. - width: 270px;
- 651. - }
- 652. - .mention_tt_t td {
- 653. - vertical-align: top;
- 654. - }
- 655. - .mention_tt a {
- 656. - /*color: #AAA;*/
- 657. - /*color: #B1DAFF;*/
- 658. - color: #CCC;
- 659. - }
- 660. - td.mention_tt_photo {
- 661. - width: 113px;
- 662. - }
- 663. - a.mention_tt_photo {
- 664. - display: block;
- 665. - overflow: hidden;
- 666. -
- 667. - -moz-border-radius: 3px;
- 668. - -webkit-border-radius: 3px;
- 669. - border-radius: 3px;
- 670. -
- 671. - -moz-box-shadow: 0 1px 2px #111;
- 672. - -webkit-box-shadow: 0 1px 2px #111;
- 673. - box-shadow: 0 1px 2px #111;
- 674. - line-height: 0;
- 675. - height: 100px;
- 676. - width: 100px;
- 677. - }
- 678. - .mention_tt_right {
- 679. - width: 155px;
- 680. - overflow: hidden;
- 681. - word-wrap: break-word;
- 682. - }
- 683. - .mention_tt_title {
- 684. - font-size: 1.09em;
- 685. - border: 0;
- 686. - margin: 3px 0 0;
- 687. - padding: 0;
- 688. - }
- 689. - .mention_tt_title a {
- 690. - color: #FFF;
- 691. - }
- 692. - .mention_tt_info {
- 693. - color: #CCC;
- 694. - margin: 3px 0 0;
- 695. - }
- 696. - .mention_tt_people_wrap {
- 697. - margin: 10px 0 0;
- 698. - }
- 699. - table.mention_tt_people {
- 700. - margin-top: 5px;
- 701. - }
- 702. - td.mention_tt_person {
- 703. - }
- 704. - a.mention_tt_person {
- 705. - display: block;
- 706. - height: 30px;
- 707. - width: 30px;
- 708. - margin-right: 6px;
- 709. -
- 710. - -moz-border-radius: 3px;
- 711. - -webkit-border-radius: 3px;
- 712. - border-radius: 3px;
- 713. -
- 714. - -moz-box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
- 715. - -webkit-box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
- 716. - box-shadow: 0 1px 1px rgba(0,0,0, 0.3);
- 717. - overflow: hidden;
- 718. - }
- 719. - .mention_tt_bottom {
- 720. - border-top: 1px solid #000;
- 721. - background: rgba(0, 0, 0, 0.5);
- 722. - padding: 3px 4px 4px;
- 723. -
- 724. - -moz-border-radius: 0 0 5px 5px;
- 725. - -webkit-border-radius: 0 0 5px 5px;
- 726. - border-radius: 0 0 5px 5px;
- 727. - }
- 728. - .mention_tt_bottom .button_blue {
- 729. - margin: 4px;
- 730. - }
- 731. - button.mention_tt_half_btn {
- 732. - width: 132px;
- 733. - }
- 734. -
- 735. -
- 736. - .ttb.im_date_tt .tt_text {
- 737. - width: 120px;
- 738. - text-align: center;
- 739. - }
- 740. - .ttb.im_date_tt .bottom_pointer {
- 741. - margin: 0 62px;
- 742. - }
- 743. -
- 744. - .reply_multiline_tt .toup .top_pointer {
- 745. - margin-left: 50px;
- 746. - }
- 747. - .feed_searchext_tt .toup .top_pointer {
- 748. - margin-left: 33px;
- 749. - }
- 750. - .feed_searchext_hint_wrap {
- 751. - padding: 3px 5px 7px;
- 752. - color: #000;
- 753. - }
- 754. - .feed_searchext_hint_wrap .radiobtn {
- 755. - padding: 10px 0 6px;
- 756. - }
- 757. - .feed_searchext_content_hint_wrap {
- 758. - width: 215px;
- 759. - line-height: 160%;
- 760. - }
- ------
- Файл - widget_comments.css (Старый размер - 32862 | Новый - 0):
- 0. - #widget_comments_css {
- 1. - display: none;
- 2. - }
- 3. -
- 4. -
- 5. - /* Global wall styles (from page.css) */
- 6. - .wide_column {
- 7. - padding-bottom: 10px;
- 8. - width: 397px;
- 9. - }
- 10. -
- 11. - .narrow_column {
- 12. - padding-bottom: 10px;
- 13. - width: 200px;
- 14. - }
- 15. -
- 16. - .wall_module .more_link {
- 17. - display: none;
- 18. - padding: 8px 0px;
- 19. - text-align: center;
- 20. - border-top: 1px solid #DAE1E8;
- 21. - margin-bottom: 10px;
- 22. - }
- 23. - .wall_module .module_header span.fl_r {
- 24. - color: #2B587A;
- 25. - }
- 26. - .wall_module .module_header span.fl_r:hover {
- 27. - text-decoration: underline;
- 28. - }
- 29. - .wall_module #page_wall_posts_count {
- 30. - color: #99ADC2;
- 31. - font-weight: bold;
- 32. - padding: 0px 5px;
- 33. - }
- 34. - .wall_module #page_wall_posts_count:hover {
- 35. - text-decoration: underline;
- 36. - }
- 37. - .wall_module .more_link:hover {
- 38. - text-decoration: none;
- 39. - background: #E9EDF1;
- 40. - }
- 41. - .wall_module .more_link .progress {
- 42. - margin: 0px auto;
- 43. - }
- 44. - .wall_module .more_link div {
- 45. - height: 13px;
- 46. - }
- 47. - .wall_module .ext_video img {
- 48. - width: 120px;
- 49. - height: 90px;
- 50. - }
- 51. - div.wall_module .ext_video div {
- 52. - width: 120px;
- 53. - margin-top: 75px;
- 54. - }
- 55. - .wall_module .video div {
- 56. - bottom: 5px;
- 57. - right: 0px;
- 58. - position: absolute;
- 59. - font-size: 11px;
- 60. - z-index: 10;
- 61. - }
- 62. - .wall_module .video div span.bg {
- 63. - background: #000;
- 64. - color: #000;
- 65. - opacity: 0.6;
- 66. - filter: alpha(opacity=60);
- 67. - }
- 68. - .wall_module .video div span {
- 69. - color: #FFF;
- 70. - padding: 0px 3px 1px;
- 71. - }
- 72. -
- 73. - /* Posts */
- 74. - .wall_module .post {
- 75. - padding: 3px 0;
- 76. - border-top: 1px solid #DAE1E8;
- 77. - *position: relative;
- 78. - }
- 79. - .wall_module .post:first-child {
- 80. - border-top: none;
- 81. - }
- 82. - /* Actions */
- 83. - .wall_module .delete_post_wrap {
- 84. - position: relative;
- 85. - z-index: 10;
- 86. - }
- 87. - .wall_module .delete_post {
- 88. - height: 13px;
- 89. - width: 17px;
- 90. - padding-top: 4px;
- 91. - }
- 92. - .wall_module .delete_post div {
- 93. - background: url(/images/pics/statusx_op.gif) no-repeat;
- 94. - opacity: 0;
- 95. - filter: alpha(opacity=0);
- 96. - cursor: pointer;
- 97. - height: 17px;
- 98. - width: 17px;
- 99. - }
- 100. -
- 101. - .wall_module .post_actions_wrap,
- 102. - .wall_module .reply_actions_wrap {
- 103. - position: relative;
- 104. - z-index: 10;
- 105. - }
- 106. - .wall_module .post_actions,
- 107. - .wall_module .reply_actions {
- 108. - height: 11px;
- 109. - width: 32px;
- 110. - padding-top: 4px;
- 111. - position: absolute;
- 112. - right: 0;
- 113. - }
- 114. - .wall_module .post_delete_button,
- 115. - .wall_module .post_edit_button,
- 116. - .wall_module .reply_delete_button,
- 117. - .wall_module .reply_edit_button {
- 118. - background: url(/images/pics/statusx_op.gif) 0 0 no-repeat;
- 119. - opacity: 0;
- 120. - filter: alpha(opacity=0);
- 121. - cursor: pointer;
- 122. - height: 11px;
- 123. - width: 11px;
- 124. - margin-left: 5px;
- 125. - }
- 126. - .wall_module .reply_edit_button,
- 127. - .wall_module .post_edit_button {
- 128. - display: none;
- 129. - background-image: url(/images/pics/statusedit.gif);
- 130. - }
- 131. -
- 132. -
- 133. - .wall_module div.post_image {
- 134. - position: absolute;
- 135. - *left: 0;
- 136. - padding: 5px 0;
- 137. - width: 50px;
- 138. - }
- 139. - .wall_module a.post_image {
- 140. - width: 50px;
- 141. - height: 50px;
- 142. - display: block;
- 143. - }
- 144. - #wcomments_page .wall_module .post_info {
- 145. - margin-left: 65px;
- 146. - padding: 0 0 2px;
- 147. - *position: relative;
- 148. - width: auto;
- 149. - }
- 150. - .wall_module .dld {
- 151. - color: #777;
- 152. - padding: 5px 60px 8px;
- 153. - }
- 154. - .wall_module .reply .dld {
- 155. - padding: 11px 4px 12px 41px;
- 156. - }
- 157. - .wide_wall_module .reply .dld {
- 158. - padding: 11px 4px 12px 64px;
- 159. - }
- 160. - .wall_module .author {
- 161. - font-weight: bold;
- 162. - line-height: 140%;
- 163. - }
- 164. - .wall_module .published_by_wrap {
- 165. - margin: 7px 0 5px;
- 166. - }
- 167. - .wall_module a.published_by_photo {
- 168. - display: block;
- 169. - width: 30px;
- 170. - height: 30px;
- 171. - margin-right: 8px;
- 172. - }
- 173. - .wall_module .published_by {
- 174. - padding-left: 12px;
- 175. - background: url(/images/icons/published.gif) no-repeat 0px 3px;
- 176. - font-weight: bold;
- 177. - }
- 178. - .wall_module div.published_by_date {
- 179. - padding-top: 4px;
- 180. - }
- 181. - .wall_module .published_by_date, .wall_module .wall_post_source {
- 182. - color: #777;
- 183. - }
- 184. -
- 185. - #submit_post_box_wrap {
- 186. - padding: 10px;
- 187. - background: #F7F7F7;
- 188. - }
- 189. - .wall_module #submit_post_box {
- 190. - padding: 8px;
- 191. - background: #F7F7F7;
- 192. - border-top: 1px solid #d8dfe5;
- 193. - }
- 194. - .wall_module #submit_post_box textarea {
- 195. - overflow: hidden;
- 196. - outline: none;
- 197. - width: 372px;
- 198. - height: 14px;
- 199. - resize: none;
- 200. - }
- 201. - .wall_module #submit_post {
- 202. - display: none;
- 203. - padding-top: 8px;
- 204. - }
- 205. - .wall_module #submit_post .progress.fl_r {
- 206. - margin: 6px 8px 0px;
- 207. - }
- 208. - .wall_module #submit_post .checkbox,
- 209. - .wall_module #submit_post .checkbox_pic {
- 210. - margin: 6px 0 0px 10px;
- 211. - }
- 212. - .wall_module td {
- 213. - vertical-align: top;
- 214. - }
- 215. - .wall_module .online {
- 216. - display: block;
- 217. - width: 50px;
- 218. - text-align: center;
- 219. - padding-top: 5px;
- 220. - color: #AAA;
- 221. - }
- 222. -
- 223. - .wall_post_over .wall_post_text,
- 224. - .wall_post_over .post_media,
- 225. - .wall_post_over .explain,
- 226. - .wall_post_over .group_share,
- 227. - .wall_post_over .public_share,
- 228. - .wall_post_over .event_share {
- 229. - cursor: pointer;
- 230. - }
- 231. -
- 232. - .wall_post_text,
- 233. - .wall_reply_text {
- 234. - padding-top: 2px;
- 235. - line-height: 130%;
- 236. - }
- 237. - .wall_post_text {
- 238. - overflow: hidden;
- 239. - word-wrap: break-word;
- 240. - }
- 241. - .wall_post_more,
- 242. - .wall_reply_more,
- 243. - .wall_module .reply_show_whole {
- 244. - position: relative;
- 245. - top: 2px;
- 246. - font-weight: bold;
- 247. - color: #91A4B8;
- 248. - -webkit-transition: color 200ms linear;
- 249. - -moz-transition: color 200ms linear;
- 250. - -o-transition: color 200ms linear;
- 251. - transition: color 200ms linear;
- 252. - }
- 253. - .wall_post_text:hover .wall_post_more,
- 254. - .wall_reply_text:hover .wall_reply_more,
- 255. - .wall_post_more:hover, .wall_reply_more:hover {
- 256. - color: #45688E;
- 257. - text-decoration: none;
- 258. - }
- 259. - #wcomments_page .wall_text {
- 260. - width: auto;
- 261. - padding: 5px 0px 0px;
- 262. - position: relative;
- 263. - margin: 0px;
- 264. - }
- 265. - .wall_text .explain {
- 266. - color: #777;
- 267. - line-height: 140%;
- 268. - }
- 269. - .wall_module .audio .info {
- 270. - padding: 2px;
- 271. - width: 100%;
- 272. - }
- 273. -
- 274. - /* Likes */
- 275. - .wall_module .like_wrap {
- 276. - margin: 4px 1px 8px;
- 277. - color: #2F5879;
- 278. - font-size: 11px;
- 279. - cursor: pointer;
- 280. - }
- 281. - .wall_module .reply .like_wrap {
- 282. - margin: 0 1px 0 0;
- 283. - }
- 284. - .fw_reply .like_wrap {
- 285. - margin: 0 1px 0 0;
- 286. - color: #2F5879;
- 287. - font-size: 1em;
- 288. - cursor: pointer;
- 289. - }
- 290. - .wall_module .like_link, .wall_module .no_likes {
- 291. - visibility: hidden;
- 292. - opacity: 0;
- 293. - filter: alpha(opacity=0);
- 294. - }
- 295. - .wall_module .reply .like_link, .fw_reply .like_link {
- 296. - cursor: pointer;
- 297. - color: #2F5879;
- 298. - visibility: visible;
- 299. - opacity: 1;
- 300. - filter: none;
- 301. - }
- 302. -
- 303. - .wall_module .one .like_link {
- 304. - visibility: visible;
- 305. - opacity: 1;
- 306. - filter: none;
- 307. - }
- 308. - .wall_module .one .no_likes {
- 309. - visibility: visible;
- 310. - }
- 311. - .wall_module .like_wrap i {
- 312. - display: block;
- 313. - background: url(/images/icons/like.gif?1) no-repeat 1px 0px;
- 314. - height: 10px;
- 315. - margin: 3px 3px 0px;
- 316. - opacity: 0.4;
- 317. - filter: alpha(opacity=40);
- 318. - width: 11px;
- 319. - }
- 320. -
- 321. - .wall_module .like_wrap i.my_like,
- 322. - .fw_reply .like_wrap i.my_like {
- 323. - opacity: 1;
- 324. - filter: none;
- 325. - }
- 326. - .wall_module .like_wrap i.no_likes {
- 327. - margin-right: 0px;
- 328. - }
- 329. - .wall_module .like_count, .fw_reply .like_count {
- 330. - font-weight: bold;
- 331. - color: #7295b2;
- 332. - margin-right: 3px;
- 333. - }
- 334. - .wall_module .fw_like_count {
- 335. - color: #7295b2;
- 336. - font-weight: bold;
- 337. - }
- 338. -
- 339. - /* Replies */
- 340. - .wall_module .reply_link_wrap {
- 341. - padding-top: 4px;
- 342. - padding-bottom: 8px;
- 343. - font-size: 11px;
- 344. - }
- 345. - .wall_module .reply_link_wrap small, .wall_module .reply_link_wrap small a {
- 346. - color: #999;
- 347. - font-size: 11px;
- 348. - }
- 349. -
- 350. - /* Replies header link */
- 351. - .wrh_text {
- 352. - text-align: center;
- 353. - }
- 354. - .wrh_prg {
- 355. - margin: 0px auto;
- 356. - }
- 357. - .wr_header {
- 358. - display: block;
- 359. - cursor: pointer;
- 360. - color: #6A7989;
- 361. - background: #E9EDF1;
- 362. - height: 13px;
- 363. - padding: 9px 0px 8px;
- 364. - }
- 365. - .wr_header:hover {
- 366. - text-decoration: none;
- 367. - }
- 368. - .wrh_all {
- 369. - background: #FFF;
- 370. - color: #777;
- 371. - }
- 372. - .wrh_all:hover {
- 373. - background: #E9EDF1;
- 374. - color: #6A7989;
- 375. - }
- 376. - .wd_lnk {
- 377. - color: #999;
- 378. - }
- 379. - .wall_module .replies_wrap {
- 380. - padding-top: 2px;
- 381. - margin-bottom: 6px;
- 382. - position: relative;
- 383. - }
- 384. - /* Reply */
- 385. - .wall_module .reply {
- 386. - background: #FFF;
- 387. - border-top: 1px solid #E9EDF1;
- 388. - padding: 6px 0px;
- 389. - position: relative;
- 390. - }
- 391. - .wall_module .reply .delete_post {
- 392. - padding-top: 2px;
- 393. - }
- 394. - .wall_module a.reply_image {
- 395. - width: 32px;
- 396. - height: 32px;
- 397. - margin: 2px 0;
- 398. - display: block;
- 399. - overflow: hidden;
- 400. - position: absolute;
- 401. - *left: 0;
- 402. - }
- 403. - .wall_module img.reply_image {
- 404. - width: 32px;
- 405. - height: 32px;
- 406. - }
- 407. - .wall_module .reply .author {
- 408. - padding-right: 3px;
- 409. - font-weight: normal;
- 410. - }
- 411. - .wall_module .reply_text {
- 412. - word-wrap: break-word;
- 413. - overflow: hidden;
- 414. - max-width: 293px;
- 415. - }
- 416. - .wall_module .reply_info {
- 417. - margin-left: 39px;
- 418. - *position: relative;
- 419. - }
- 420. - .wall_module .info_footer {
- 421. - font-size: 11px;
- 422. - color: #999;
- 423. - padding: 4px 0 0;
- 424. - }
- 425. - .wall_module .reply_to {
- 426. - color: #999;
- 427. - }
- 428. - /* Reply form */
- 429. - .wall_module .reply_fakebox_wrap {
- 430. - background: #F1F1F1;
- 431. - padding: 6px;
- 432. - }
- 433. - .wall_module .reply_fakebox {
- 434. - cursor: text;
- 435. - background: white;
- 436. - border: 1px solid #C0CAD5;
- 437. - padding: 3px 5px;
- 438. - color: #777;
- 439. - }
- 440. - .reply_field_wrap {
- 441. - padding: 3px;
- 442. - background: #FFF;
- 443. - border: 1px solid #C0CAD5;
- 444. - }
- 445. - .reply_field {
- 446. - padding: 0;
- 447. - border: 0;
- 448. - overflow: hidden;
- 449. - height: 14px;
- 450. - outline: 0;
- 451. - margin: 0px;
- 452. - width: 100%;
- 453. - resize: none;
- 454. - height: 14px;
- 455. - }
- 456. - .reply_field_tail {
- 457. - display: none;
- 458. - width: 5px;
- 459. - height: 9px;
- 460. - background: url(/images/icons/feedback_iconset.gif?4) 0 -155px no-repeat;
- 461. - position: absolute;
- 462. - margin-left: -8px;
- 463. - margin-top: 16px;
- 464. - }
- 465. - .is_2x .reply_field_tail {
- 466. - background-image: url(/images/icons/feedback_iconset_2x.gif?4);
- 467. - background-size: 15px 181px;
- 468. - }
- 469. - .wall_module .reply_box {
- 470. - background: #F1F1F1;
- 471. - padding: 6px;
- 472. - *position: relative;
- 473. - clear: both;
- 474. - }
- 475. - .wall_module a.reply_form_image {
- 476. - display: none;
- 477. - width: 50px;
- 478. - height: 50px;
- 479. - overflow: hidden;
- 480. - position: absolute;
- 481. - *left: 6px;
- 482. - }
- 483. - .wall_module .reply_form {
- 484. - zoom: 1;
- 485. - }
- 486. - .wall_module .reply_form_img {
- 487. - width: 50px;
- 488. - height: 50px;
- 489. - }
- 490. - .wall_module .submit_reply {
- 491. - display: none;
- 492. - padding-top: 6px;
- 493. - height: 25px;
- 494. - }
- 495. - .wall_module .reply_as_group_wrap {
- 496. - padding: 6px 0 0 5px;
- 497. - display: none;
- 498. - }
- 499. - .wall_module .reply_as_group_active {
- 500. - display: block;
- 501. - }
- 502. - .reply_button_wrap {
- 503. - padding-right: 5px;
- 504. - zoom: 1;
- 505. - *position: relative;
- 506. - }
- 507. - .wall_module .reply_button_wrap button {
- 508. - padding: 3px 14px;
- 509. - }
- 510. - .wall_module .reply_box_open .reply_form {
- 511. - margin-left: 62px;
- 512. - }
- 513. - .wall_module .reply_hint {
- 514. - padding: 6px 0 0px 5px;
- 515. - overflow: hidden;
- 516. - -o-text-overflow: ellipsis;
- 517. - text-overflow: ellipsis;
- 518. - position: relative;
- 519. - }
- 520. - .wall_module .reply_hint_text {
- 521. - color: #777;
- 522. - cursor: default;
- 523. - white-space: nowrap;
- 524. - overflow: hidden;
- 525. - -o-text-overflow: ellipsis;
- 526. - text-overflow: ellipsis;
- 527. - }
- 528. - .wall_module .reply_box_open .reply_box {
- 529. - margin-left: -6px;
- 530. - }
- 531. - .wall_module .reply_to_title {
- 532. - display: none;
- 533. - padding: 6px 5px 0px;
- 534. - }
- 535. -
- 536. - .reply_multiline_tt_point {
- 537. - position: absolute;
- 538. - width: 1px;
- 539. - height: 1px;
- 540. - }
- 541. - .wall_module .reply_box_open .replies_wrap,
- 542. - .wall_module .reply_box_open .submit_reply,
- 543. - .wall_module .reply_box_open a.reply_form_image,
- 544. - .reply_box_open .reply_field_tail {
- 545. - display: block;
- 546. - }
- 547. - .wall_module .reply_box_open .reply_link {
- 548. - display: none;
- 549. - }
- 550. - .wall_module #post_warn,
- 551. - .wall_module .reply_warn {
- 552. - display: none;
- 553. - padding-top: 5px;
- 554. - color: #777;
- 555. - }
- 556. - /* Reply submit hint */
- 557. - .reply_submit_hint_wrap {
- 558. - width: 210px;
- 559. - height: 110px;
- 560. - padding: 8px 5px 8px;
- 561. - }
- 562. - .reply_submit_hint_title {
- 563. - color: #2A5779;
- 564. - font-weight: bold;
- 565. - padding-bottom: 2px;
- 566. - }
- 567. - #reply_submit_hint_opts .radiobtn {
- 568. - color: #000;
- 569. - padding-top: 10px;
- 570. - padding-bottom: 5px;
- 571. - line-height: 160%;
- 572. - }
- 573. - #reply_submit_hint_opts .radiobtn div {
- 574. - margin: 2px 5px 6px 0;
- 575. - }
- 576. -
- 577. -
- 578. -
- 579. -
- 580. - .wall_module #post_warn,
- 581. - .wall_module .reply_warn {
- 582. - display: none;
- 583. - padding-top: 5px;
- 584. - color: #777;
- 585. - }
- 586. - .wall_module .post_media {
- 587. - padding-top: 7px;
- 588. - }
- 589. - .wall_module .graffiti img {
- 590. - width: 200px;
- 591. - height: 100px;
- 592. - }
- 593. - .wall_module .photo img {
- 594. - vertical-align: top;
- 595. - max-height: 150px;
- 596. - overflow: hidden;
- 597. - }
- 598. - span.post_video_title {
- 599. - font-weight: bold;
- 600. - }
- 601. - span.post_video_duration {
- 602. - font-weight: bold;
- 603. - color: #000;
- 604. - }
- 605. - .wall_module .video {
- 606. - display: block;
- 607. - position: relative;
- 608. - }
- 609. - .wall_module .video:hover {
- 610. - text-decoration: none;
- 611. - }
- 612. - .wall_module .app img.icon {
- 613. - padding: 4px 5px 0px 0px;
- 614. - vertical-align: bottom;
- 615. - }
- 616. - .wall_module .app img.thumb {
- 617. - max-width: 75px;
- 618. - max-height: 75px;
- 619. - margin: 3px 6px 3px 0px;
- 620. - vertical-align: middle;
- 621. - }
- 622. - .wall_module .mention_rich_ta {
- 623. - background: #FFF;
- 624. - padding: 3px;
- 625. - border: 1px solid #C0CAD5;
- 626. - outline: none;
- 627. - overflow-x: hidden;
- 628. - line-height: normal;
- 629. - }
- 630. - .wall_module .mini_editor_cont {
- 631. - display: none;
- 632. - position: relative;
- 633. - z-index: 102;
- 634. - }
- 635. - .wall_module .mention_rich_ta a {
- 636. - color: #2B587A !important;
- 637. - cursor: text !important;
- 638. - text-decoration: none !important;
- 639. - }
- 640. - .wall_module .mention_rich_ta p {
- 641. - font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
- 642. - font-size: 1em;
- 643. - padding:0px;
- 644. - margin: 0;
- 645. - line-height: normal;
- 646. - }
- 647. - .wall_module .mini_editor_cont .selector_container .result_list {
- 648. - display: none;
- 649. - }
- 650. - #wcomments_form #page_add_media {
- 651. - padding: 6px 20px 0;
- 652. - }
- 653. - #page_no_wall {
- 654. - padding: 15px;
- 655. - border-top: 1px solid #CCD3DA;
- 656. - font-size: 1.09em;
- 657. - color: #777;
- 658. - text-align: center;
- 659. - }
- 660. -
- 661. - .add_media_rows {
- 662. - -webkit-border-radius: 2px;
- 663. - -khtml-border-radius: 2px;
- 664. - -moz-border-radius: 2px;
- 665. - border-radius: 2px;
- 666. - -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
- 667. - -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
- 668. - box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
- 669. - background: #FFF;
- 670. - border: 1px solid #B2BDCA;
- 671. - position: static;
- 672. - margin: 0px -20px;
- 673. - }
- 674. - .add_media_head {
- 675. - background: #EDF1F5;
- 676. - padding: 7px 27px;
- 677. - color: #2B587A;
- 678. - }
- 679. - .add_media_menu {
- 680. - /* position: absolute; is in js*/
- 681. - display: none;
- 682. - cursor: default;
- 683. - z-index: 1005;
- 684. - }
- 685. - .add_media_item {
- 686. - padding: 6px 10px 2px 27px;
- 687. - display: block;
- 688. - height: 18px;
- 689. - position: relative;
- 690. - background: #FFF no-repeat;
- 691. - }
- 692. - .add_media_item:last-child,
- 693. - .add_media_head:last-child,
- 694. - .add_media_more_wrap a.add_media_more {
- 695. - -webkit-border-radius: 0px 0px 2px 2px;
- 696. - -khtml-border-radius: 0px 0px 2px 2px;
- 697. - -moz-border-radius: 0px 0px 2px 2px;
- 698. - border-radius: 0px 0px 2px 2px;
- 699. - }
- 700. - .add_media_item:first-child,
- 701. - .add_media_head:first-child,
- 702. - .add_media_rev .add_media_more_wrap a.add_media_more {
- 703. - -webkit-border-radius: 2px 2px 0px 0px;
- 704. - -khtml-border-radius: 2px 2px 0px 0px;
- 705. - -moz-border-radius: 2px 2px 0px 0px;
- 706. - border-radius: 2px 2px 0px 0px;
- 707. - }
- 708. - .add_media_item:hover {
- 709. - text-decoration: none;
- 710. - background-color: #e1e7ed;
- 711. - }
- 712. - .add_media_menu .rows {
- 713. - margin: 0px;
- 714. - position: relative;
- 715. - *position: static;
- 716. - z-index: 1006;
- 717. - }
- 718. - .media_preview {
- 719. - margin-bottom: 8px;
- 720. - display: none;
- 721. - }
- 722. - .media_preview .audio {
- 723. - padding-top: 4px;
- 724. - }
- 725. -
- 726. - .media_preview .x {
- 727. - cursor: pointer;
- 728. - margin: 4px 5px 0px;
- 729. - background: url(/images/pics/statusx_op.gif) no-repeat 0 0;
- 730. - opacity: 0.6;
- 731. - filter: alpha(opacity=60);
- 732. - height: 11px;
- 733. - width: 11px;
- 734. - }
- 735. - .media_preview .x:hover {
- 736. - opacity: 1;
- 737. - filter: none;
- 738. - }
- 739. - .media_preview .graffiti {
- 740. - width: 100px;
- 741. - height: 50px;
- 742. - }
- 743. - .media_preview .audio img,
- 744. - .media_preview .app img {
- 745. - padding-top: 3px;
- 746. - }
- 747. - .media_preview .audio span,
- 748. - .media_preview .app span {
- 749. - padding: 0px 6px;
- 750. - position: relative;
- 751. - top: -1px;
- 752. - }
- 753. - .media_audio_icon {
- 754. - float: left;
- 755. - background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -222px;
- 756. - width: 11px;
- 757. - height: 11px;
- 758. - margin: 0px 3px;
- 759. - }
- 760. - .media_preview .share, .media_preview .poll {
- 761. - padding-top: 3px;
- 762. - color: #555;
- 763. - }
- 764. - .media_preview .share b, .media_preview .poll b, .media_desc b {
- 765. - width: 15px;
- 766. - height: 10px;
- 767. - margin-top: 2px;
- 768. - background: url(/images/icons/mono_iconset.gif?8) no-repeat left -237px;
- 769. - }
- 770. - .media_desc b.topic {
- 771. - background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -90px;
- 772. - }
- 773. - .media_desc b.group {
- 774. - background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -45px;
- 775. - height: 12px;
- 776. - }
- 777. - .media_preview .poll b {
- 778. - background-position: left -208px;
- 779. - }
- 780. - .share_preview .content, .poll_preview .content {
- 781. - background: #FFF;
- 782. - padding: 5px;
- 783. - border: 1px solid #C0CAD5;
- 784. - }
- 785. - .share_preview .progress {
- 786. - display: block;
- 787. - margin: 0px auto;
- 788. - }
- 789. - .share_preview img {
- 790. - padding: 5px 10px 5px 5px;
- 791. - }
- 792. - .share_preview .header {
- 793. - margin: 0px;
- 794. - padding: 5px;
- 795. - border: 0px;
- 796. - font-size: 1em;
- 797. - }
- 798. - .share_preview .descr {
- 799. - padding: 0px 5px 5px;
- 800. - }
- 801. - .share_preview .bottom_pointer, .poll_preview .bottom_pointer {
- 802. - background: url(/images/tooltip_arrow_down_w.gif) no-repeat 0px 0px;
- 803. - width: 11px;
- 804. - height: 7px;
- 805. - position: relative;
- 806. - top: -2px;
- 807. - margin: 0px 50px 1px;
- 808. - overflow: hidden;
- 809. - }
- 810. - .poll_preview .content {
- 811. - overflow: hidden;
- 812. - padding: 10px 10px 2px;
- 813. - }
- 814. - .poll_preview .label {
- 815. - width: 100px;
- 816. - padding: 4px 10px 0px;
- 817. - color: #777;
- 818. - }
- 819. - .poll_preview .labeled {
- 820. - width: 239px;
- 821. - }
- 822. - .poll span span {
- 823. - color: #2B587A;
- 824. - }
- 825. - .poll_preview input {
- 826. - margin-bottom: 8px;
- 827. - position: relative;
- 828. - width: 231px;
- 829. - }
- 830. - .poll_preview nobr {
- 831. - font-size: 11px;
- 832. - text-transform: lowercase;
- 833. - }
- 834. - .poll_preview a.disabled {
- 835. - cursor: default;
- 836. - color: #777;
- 837. - }
- 838. - .poll_preview a.disabled:hover {
- 839. - text-decoration: none;
- 840. - }
- 841. - .media_desc {
- 842. - padding: 5px 0px 1px;
- 843. - }
- 844. - .wall_module .post_media .media_desc {
- 845. - padding-top: 8px;
- 846. - clear: both;
- 847. - }
- 848. - .media_desc .lnk {
- 849. - color: #777;
- 850. - cursor: pointer;
- 851. - }
- 852. - .media_desc .lnk:hover {
- 853. - text-decoration: none;
- 854. - }
- 855. - .media_desc .a {
- 856. - color: #2b587a;
- 857. - }
- 858. - .media_desc .lnk:hover .a {
- 859. - text-decoration: underline;
- 860. - }
- 861. - .media_desc .comment {
- 862. - background-position: 0px -194px;
- 863. - }
- 864. - .media_desc .note {
- 865. - background-position: 0px -150px;
- 866. - }
- 867. - .media_desc .poll {
- 868. - background-position: 0px -208px;
- 869. - }
- 870. - .media_desc .app {
- 871. - background-position: 0px -60px;
- 872. - }
- 873. - .media_desc .checkin {
- 874. - background-position: 0px -165px;
- 875. - }
- 876. - .media_desc .donation {
- 877. - background-position: 0px -179px;
- 878. - }
- 879. -
- 880. - a.wall_reply_greeting {
- 881. - color: #000;
- 882. - }
- 883. -
- 884. - /* Thumbed links */
- 885. - .wall_module .page_media_thumbed_link {
- 886. - margin: 5px 0 5px 3px;
- 887. - border-left: 2px solid #C3D1E0;
- 888. - padding-left: 5px;
- 889. - }
- 890. - .wall_module td.page_media_link_thumb {
- 891. - cursor: pointer;
- 892. - background-position: 50% 50%;
- 893. - background-repeat: no-repeat;
- 894. - }
- 895. - .wall_module a.page_media_link_thumb {
- 896. - display: block;
- 897. - width: 100px;
- 898. - overflow: hidden;
- 899. - line-height: 0;
- 900. - min-height: 63px;
- 901. - height: 100%;
- 902. - }
- 903. - .wall_module a.page_media_link_thumb:hover {
- 904. - text-decoration: none;
- 905. - }
- 906. - .wall_module div.page_media_link_desc_wrap {
- 907. - padding-left: 10px;
- 908. - line-height: 140%;
- 909. - min-height: 63px;
- 910. - max-height: 79px;
- 911. - overflow: hidden;
- 912. - -o-text-overflow: ellipsis;
- 913. - text-overflow: ellipsis;
- 914. - }
- 915. - .wall_module a.page_media_link_title {
- 916. - font-weight: bold;
- 917. - }
- 918. - .wall_module div.page_media_link_desc {
- 919. - padding-top: 3px;
- 920. - }
- 921. -
- 922. - /* global wall styles end */
- 923. -
- 924. -
- 925. -
- 926. - /* Widget styles */
- 927. - .wcomments_head {
- 928. - background: #5B7FA6;
- 929. - padding: 5px 5px 5px 6px;
- 930. - }
- 931. - .wcomments_head_icon {
- 932. - height: 18px;
- 933. - width: 18px;
- 934. - overflow: hidden;
- 935. - }
- 936. - #wcomments_count {
- 937. - padding: 3px 3px 1px;
- 938. - line-height: 100%;
- 939. - color: #FFFFFF;
- 940. - font-weight: bold;
- 941. - }
- 942. - #wcomments_admin_link_wrap, #wcomments_refresh_link_wrap {
- 943. - padding: 3px 5px 1px;
- 944. - line-height: 100%;
- 945. - }
- 946. - #wcomments_admin_link, #wcomments_refresh_link {
- 947. - font-weight: bold;
- 948. - color: #A9B8CB;
- 949. - }
- 950. - #wcomments_user_link_wrap {
- 951. - padding: 3px 0 0;
- 952. - line-height: 100%;
- 953. - }
- 954. - .wcomments_userpic_wrap,
- 955. - .wcommens_input_wrap {
- 956. - vertical-align: top;
- 957. - }
- 958. - .wcomments_logo {
- 959. - background: url(/images/icons/w_comments_logo.png) 0px 0px no-repeat;
- 960. - background-size: 18px 18px;
- 961. - width: 18px;
- 962. - height: 18px;
- 963. - }
- 964. - .is_2x .wcomments_logo {
- 965. - background-image: url(/images/icons/w_comments_logo_2x.png);
- 966. - }
- 967. -
- 968. - td.wcomments_userpic_wrap {
- 969. - width: 60px;
- 970. - }
- 971. - div.wcomments_userpic {
- 972. - width: 60px;
- 973. - height: 50px;
- 974. - overflow: hidden;
- 975. - }
- 976. - img.wcomments_userpic {
- 977. - width: 50px;
- 978. - }
- 979. -
- 980. - .wcomments_input {
- 981. - background: #FFF;
- 982. - border: 1px solid #C0CAD5;
- 983. - padding: 0 3px;
- 984. - }
- 985. - .wcomments_input .input_back {
- 986. - margin-top: -0px !important;
- 987. - }
- 988. - #post_field {
- 989. - height: 56px;
- 990. - border: 0;
- 991. - padding: 3px 0;
- 992. - width: 100%;
- 993. - outline: 0;
- 994. - overflow: hidden;
- 995. - resize: vertical;
- 996. - }
- 997. - .mention_rich_ta {
- 998. - padding: 3px 0;
- 999. - outline: 0;
- 1000. - }
- 1001. -
- 1002. - #submit_post {
- 1003. - padding-top: 10px;
- 1004. - padding-left: 60px;
- 1005. - }
- 1006. - #submit_post_box .submit_post_nopadding {
- 1007. - padding-left: 0;
- 1008. - }
- 1009. - #page_post_progress {
- 1010. - padding: 6px 10px;
- 1011. - background-position: 50% 50%;
- 1012. - }
- 1013. - .wcomments_input .selector_container .results_container {
- 1014. - margin: 1px -4px 0;
- 1015. - }
- 1016. - .wcomments_input .selector_container .result_list_shadow,
- 1017. - .wcomments_input .selector_container .result_list {
- 1018. - display: none;
- 1019. - }
- 1020. - #wcomments_export {
- 1021. - margin: 6px 0 0 10px;
- 1022. - width: 190px;
- 1023. - }
- 1024. - .font_medium #wcomments_export {
- 1025. - width: 220px;
- 1026. - }
- 1027. -
- 1028. - #wcomments_posts .wcomments_post {
- 1029. - padding: 5px 10px;
- 1030. - }
- 1031. -
- 1032. - #wcomments_more_link {
- 1033. - padding: 10px 0px;
- 1034. - text-align: center;
- 1035. - border-top: 1px solid #DAE1E8;
- 1036. - display: block;
- 1037. - height: 13px;
- 1038. - }
- 1039. - #wcomments_more_link:hover {
- 1040. - text-decoration: none;
- 1041. - background: #E9EDF1;
- 1042. - }
- 1043. - #wcomments_more_progress {
- 1044. - margin: 0 auto;
- 1045. - }
- 1046. - #wcomments_posts_wrap {
- 1047. - position: relative;
- 1048. - }
- 1049. -
- 1050. -
- 1051. - .wcomments_delete_all_buttons {
- 1052. - padding-top: 10px;
- 1053. - }
- 1054. - .wcomments_delete_all {
- 1055. - margin-right: 10px;
- 1056. - }
- 1057. -
- 1058. - /* Admin tabs */
- 1059. - #wcomments_admin_nav {
- 1060. - display: none;
- 1061. - }
- 1062. - .wcomments_tabs {
- 1063. - background: #F7F7F7;
- 1064. - padding: 10px;
- 1065. - }
- 1066. - .wcomments_admins_wrap {
- 1067. - padding: 5px 0;
- 1068. - }
- 1069. - .wcomments_tab, .wcomments_tab_selected, .wcomments_tab_over {
- 1070. - cursor: pointer;
- 1071. - padding: 2px 5px 2px 0px;
- 1072. - float: left;
- 1073. - }
- 1074. - .wcomments_tab1 {
- 1075. - padding: 3px 6px 4px;
- 1076. - }
- 1077. - .wcomments_tab_over .wcomments_tab1 {
- 1078. - -moz-border-radius: 2px;
- 1079. - -webkit-border-radius: 2px;
- 1080. - border-radius: 2px;
- 1081. - background-color: #E1E7ED;
- 1082. - }
- 1083. - .wcomments_tab_selected .wcomments_tab1 {
- 1084. - -moz-border-radius: 2px;
- 1085. - -webkit-border-radius: 2px;
- 1086. - border-radius: 2px;
- 1087. - background-color: #597DA3;
- 1088. - }
- 1089. - .wcomments_tab2 {
- 1090. - font-weight: bold;
- 1091. - color: #45688E;
- 1092. - padding-left: 2px;
- 1093. - padding-right: 2px;
- 1094. - -o-text-overflow: ellipsis;
- 1095. - text-overflow: ellipsis;
- 1096. - }
- 1097. - .wcomments_tab_selected .wcomments_tab2 {
- 1098. - color: #FFF;
- 1099. - }
- 1100. - #wcomments_posts {
- 1101. - padding: 0;
- 1102. - }
- 1103. - .wcomments_posts_loading {
- 1104. - border-top: 1px solid #DAE1E8;
- 1105. - height: 400px;
- 1106. - background: #FFF url(/images/progress7.gif) 50% 50% no-repeat;
- 1107. - }
- 1108. - /* Blacklist */
- 1109. - .wcomments_bl_row {
- 1110. - padding: 10px;
- 1111. - height: 25px;
- 1112. - overflow: hidden;
- 1113. - border-top: 1px solid #DAE2E8;
- 1114. - }
- 1115. - img.wcomments_bl_photo {
- 1116. - width: 25px;
- 1117. - height: 25px;
- 1118. - }
- 1119. - .wcomments_bl_name {
- 1120. - padding: 5px 0 0 10px;
- 1121. - font-weight: bold;
- 1122. - }
- 1123. - .wcomments_bl_label {
- 1124. - font-weight: normal;
- 1125. - color: #777;
- 1126. - padding-left: 2px;
- 1127. - display: none;
- 1128. - }
- 1129. - .wcomments_bl_action {
- 1130. - padding-top: 5px;
- 1131. - }
- 1132. - .wcomments_empty {
- 1133. - border-top: 1px solid #DAE2E8;
- 1134. - font-size: 1.09em;
- 1135. - padding: 100px 30px;
- 1136. - text-align: center;
- 1137. - color: #777;
- 1138. - }
- 1139. -
- 1140. - /* scrollbars from widget community */
- 1141. - .scrollbar_cont {
- 1142. - width: 11px;
- 1143. - height: 100%;
- 1144. - margin-top: 3px;
- 1145. - position: absolute;
- 1146. - z-index: 1000;
- 1147. - }
- 1148. - .scrollbar_inner {
- 1149. - background: #000;
- 1150. - opacity: 0.5;
- 1151. - filter: alpha(opacity=50);
- 1152. - /* background: #DAE1E8; */
- 1153. - width: 16px;
- 1154. - height: 50px;
- 1155. - margin-left: -1px;
- 1156. - -webkit-border-radius: 2px;
- 1157. - -moz-border-radius: 2px;
- 1158. - border-radius: 2px;
- 1159. - cursor: pointer;
- 1160. - }
- 1161. - .scrollbar_inner:hover,
- 1162. - .scrollbar_hovered {
- 1163. - opacity: 0.65;
- 1164. - filter: alpha(opacity=65);
- 1165. - /* background: #BEC8D3; */
- 1166. - }
- 1167. - .scrollbar_top {
- 1168. - position: absolute;
- 1169. - height: 3px;
- 1170. - margin-top: -1px;
- 1171. - background: #555555;
- 1172. - opacity: 0.12;
- 1173. - filter: alpha(opacity=12);
- 1174. - display: none;
- 1175. - }
- 1176. - .scrollbar_bottom {
- 1177. - position: absolute;
- 1178. - height: 3px;
- 1179. - margin-top: -2px;
- 1180. - background: #555555;
- 1181. - opacity: 0.12;
- 1182. - filter: alpha(opacity=12);
- 1183. - }
- 1184. - /* scrollbars end */
- 1185. -
- 1186. -
- 1187. - /* Autoupdate replies */
- 1188. - .new_reply {
- 1189. - display: none;
- 1190. - }
- 1191. - .replies_open {
- 1192. - color: #2B587A;
- 1193. - background: #e9edf1;
- 1194. - border: 1px solid #dae1e8;
- 1195. - cursor: pointer;
- 1196. - padding: 5px;
- 1197. - text-align: center;
- 1198. - margin: 5px 0;
- 1199. - }
- 1200. - .replies_open:hover {
- 1201. - background: #dae1e8;
- 1202. - }
- 1203. -
- 1204. -
- 1205. - /* Wide wall fixes */
- 1206. - .wide_wall_module .audio .info {
- 1207. - padding: 2px;
- 1208. - width: 100%;
- 1209. - }
- 1210. - .wide_wall_module .post {
- 1211. - border-top: 0px;
- 1212. - border-bottom: 1px solid #DAE1E8;
- 1213. - *position: relative;
- 1214. - }
- 1215. - .wide_wall_module .post:last-child {
- 1216. - border-bottom: 0px;
- 1217. - }
- 1218. - .wide_wall_module .wall_post_text,
- 1219. - .wide_wall_module .wall_reply_text {
- 1220. - line-height: 160%;
- 1221. - }
- 1222. - .wide_wall_module .wall_text,
- 1223. - .wide_wall_module .wall_post_text {
- 1224. - max-width: 500px;
- 1225. - }
- 1226. - .wide_wall_module a.reply_image {
- 1227. - width: 50px;
- 1228. - height: 50px;
- 1229. - }
- 1230. - .wide_wall_module img.reply_image {
- 1231. - width: 50px;
- 1232. - height: 50px;
- 1233. - }
- 1234. - .wide_wall_module .reply_info {
- 1235. - margin-left: 63px;
- 1236. - }
- 1237. - .wide_wall_module .reply_text {
- 1238. - max-width: 469px;
- 1239. - }
- 1240. - .wide_wall_module .reply_box_open .reply_field {
- 1241. - height: 42px;
- 1242. - }
- 1243. - .wide_wall_module .reply_field_tail {
- 1244. - width: 6px;
- 1245. - height: 11px;
- 1246. - background-position: 0 -154px;
- 1247. - margin-left: -9px;
- 1248. - margin-top: 16px;
- 1249. - }
- 1250. - .wide_wall_module .like_wrap, .wide_wall_module .reply_link_wrap,
- 1251. - .wide_wall_module .reply_link_wrap small, .wide_wall_module .info_footer {
- 1252. - font-size: 1em;
- 1253. - }
- 1254. - .wide_wall_module #page_wall_posts .post, .wide_wall_module #page_wall_posts .online {
- 1255. - display: block;
- 1256. - }
- 1257. - .wide_wall_module .wpe_prg {
- 1258. - height: 13px;
- 1259. - margin: 0px 10px;
- 1260. - }
- 1261. - .wide_wall_module #wpe_text {
- 1262. - max-width: 492px;
- 1263. - line-height: 1.54em;
- 1264. - }
- 1265. - .wide_wall_module .wpe_buttons {
- 1266. - max-width: 492px;
- 1267. - }
- 1268. - .wide_wall_module #wpe_cont .mention_rich_ta {
- 1269. - line-height: 1.54em;
- 1270. - }
- 1271. - .wide_wall_module .poll_preview .content, .fw_post_info .poll_preview .content {
- 1272. - max-width: 360px;
- 1273. - }
- 1274. - .wide_wall_module #wpe_media_preview .poll_preview .labeled, .fw_post_info #wpe_media_preview .poll_preview .labeled {
- 1275. - max-width: 239px;
- 1276. - }
- 1277. - .wide_wall_module #wpe_media_preview .poll_preview input, .fw_post_info #wpe_media_preview .poll_preview input {
- 1278. - max-width: 231px;
- 1279. - }
- 1280. - .wide_wall_module .reply {
- 1281. - padding: 10px 0px 11px;
- 1282. - }
- 1283. - .wide_wall_module a.reply_image,
- 1284. - .wide_wall_module img.reply_image {
- 1285. - width: 50px;
- 1286. - height: 50px;
- 1287. - }
- 1288. - .wide_wall_module .reply_info {
- 1289. - margin-left: 63px;
- 1290. - }
- 1291. - .wide_wall_module .reply_button_wrap button {
- 1292. - padding: 4px 14px;
- 1293. - }
- 1294. - .wide_wall_module .reply_form_img,
- 1295. - .wide_wall_module a.reply_form_image {
- 1296. - width: 50px;
- 1297. - height: 50px;
- 1298. - }
- 1299. - .wide_wall_module .reply_box_open .reply_form {
- 1300. - margin-left: 62px;
- 1301. - }
- 1302. -
- 1303. -
- 1304. -
- 1305. - /* New post likes */
- 1306. - .wall_module .post_like_wrap {
- 1307. - position: relative;
- 1308. - width: 150px;
- 1309. - }
- 1310. - .post_like {
- 1311. - background: #FFF;
- 1312. - color: #2F5879;
- 1313. - font-size: 11px;
- 1314. - cursor: pointer;
- 1315. - padding: 5px 6px;
- 1316. - margin-top: -1px;
- 1317. - right: 0px;
- 1318. - position: absolute;
- 1319. - white-space: nowrap;
- 1320. - }
- 1321. - .wide_wall_module .post_like {
- 1322. - font-size: 1em;
- 1323. - }
- 1324. - .post_like_link {
- 1325. - opacity: 0.6;
- 1326. - filter: alpha(opacity=60);
- 1327. - -webkit-transition: opacity 50ms linear;
- 1328. - -moz-transition: opacity 50ms linear;
- 1329. - transition: opacity 50ms linear;
- 1330. - }
- 1331. - .wall_post_over .post_like_link,
- 1332. - .wall_module .post:hover .post_like_link {
- 1333. - opacity: 1;
- 1334. - filter: none;
- 1335. - }
- 1336. - .wall_module .post_like:hover {
- 1337. - background: #E9EDF1;
- 1338. - }
- 1339. - .wall_module .post_like:hover {
- 1340. -
- 1341. - }
- 1342. - .wall_module .post_like_icon {
- 1343. - background: url(/images/icons/like.gif?1) no-repeat 1px 0px;
- 1344. - height: 10px;
- 1345. - margin: 2px 3px 0px;
- 1346. - opacity: 0.4;
- 1347. - filter: alpha(opacity=40);
- 1348. - width: 11px;
- 1349. - }
- 1350. - .wide_wall_module .post_like_icon {
- 1351. - margin-top: 3px;
- 1352. - }
- 1353. - .wall_module .post_like_count {
- 1354. - font-weight: bold;
- 1355. - color: #7295b2;
- 1356. - }
- 1357. -
- 1358. - .wall_module .post_like .no_likes {
- 1359. - visibility: visible;
- 1360. - opacity: 0.4;
- 1361. - filter: alpha(opacity=40);
- 1362. - }
- 1363. - .wall_module .post_like i.my_like {
- 1364. - opacity: 1;
- 1365. - filter: none;
- 1366. - }
- 1367. -
- 1368. - .reply_replieable,
- 1369. - .reply_moreable {
- 1370. - cursor: pointer;
- 1371. - }
- 1372. -
- 1373. -
- 1374. - /* Inline view video */
- 1375. - .wide_wall_module .post_thumbs_num1 .page_media_video .video div,
- 1376. - .wall_module .page_media_full_video .video div {
- 1377. - bottom: 10px;
- 1378. - font-size: 1em;
- 1379. - }
- 1380. - .wall_module .post_thumbs_num1 .page_media_thumb1 {
- 1381. - margin: 0;
- 1382. - }
- 1383. - .wall_module .page_media_full_video {
- 1384. - padding-bottom: 0;
- 1385. - }
- 1386. - .wide_wall_module .post_thumbs_num1 .page_media_video,
- 1387. - .wall_module .page_media_full_video {
- 1388. - max-width: 480px;
- 1389. - max-height: 360px;
- 1390. - }
- 1391. - .wide_wall_module .post_thumbs_num1 .page_media_video .video img,
- 1392. - .wall_module .page_media_full_video .video img {
- 1393. - max-width: 480px;
- 1394. - max-height: 360px;
- 1395. - width: 480px;
- 1396. - height: 360px;
- 1397. - }
- 1398. - .wall_module .page_media_video .video div.video_play_inline,
- 1399. - .wall_module .page_media_full_video .video div.video_play_inline {
- 1400. - left: 137px;
- 1401. - top: 97px;
- 1402. - bottom: auto;
- 1403. - position: absolute;
- 1404. - z-index: 10;
- 1405. - background: url(/images/inline_video_play.png) no-repeat;
- 1406. - width: 46px;
- 1407. - height: 46px;
- 1408. - }
- 1409. - .wide_wall_module .page_media_video .video div.video_play_inline,
- 1410. - .wall_module .page_media_full_video .video div.video_play_inline {
- 1411. - left: 225px;
- 1412. - top: 165px;
- 1413. - }
- 1414. - .wide_wall_module .page_media_video .video div.video_play_inline_loading,
- 1415. - .wall_module .page_media_full_video .video div.video_play_inline_loading {
- 1416. - background: url(/images/upload_inv_mono.gif) no-repeat 50% 50%;
- 1417. - width: 100px;
- 1418. - background-color: #000;
- 1419. - background-color: rgba(0, 0, 0, 0.7);
- 1420. - *filter: alpha(opacity=70);
- 1421. -
- 1422. - border-radius: 5px;
- 1423. - -moz-border-radius: 5px;
- 1424. - -khtml-border-radius: 5px;
- 1425. - -webkit-border-radius: 5px;
- 1426. -
- 1427. - margin: -2px 0 0 -27px;
- 1428. - }
- 1429. - .widget_body .like_tt_clubs {
- 1430. - display: none;
- 1431. - }
- 1432. -
- 1433. - .widget_body.bugs .wcomments_head_icon {
- 1434. - display: none;
- 1435. - }
- 1436. - .widget_body.bugs .wcomments_head {
- 1437. - padding: 4px 6px 6px 6px;
- 1438. - }
- 1439. -
- 1440. - #custom_menu_cont {
- 1441. - top: 0px;
- 1442. - width: 100%;
- 1443. - }
- 1444. - #custom_menu_wrap {
- 1445. - z-index: 1005;
- 1446. - position: absolute;
- 1447. - top: 0px;
- 1448. - }
- 1449. -
- 1450. -
- 1451. - .page_post_sized_thumbs {
- 1452. - margin: 9px 0 4px;
- 1453. - }
- 1454. - .page_post_sized_full_thumb {
- 1455. - margin: 20px 0 10px;
- 1456. - }
- 1457. - .page_post_sized_full_thumb_first {
- 1458. - margin-top: 10px;
- 1459. - }
- 1460. -
- 1461. - a.page_post_thumb_wrap,
- 1462. - span.page_post_thumb_wrap {
- 1463. - display: block;
- 1464. - overflow: hidden;
- 1465. - position: relative;
- 1466. - margin: 0 3px 3px 0;
- 1467. - }
- 1468. - a.page_post_thumb_wrap:hover,
- 1469. - a.page_post_thumb_unsized:hover {
- 1470. - text-decoration: none !important;
- 1471. - }
- 1472. - .page_post_thumb_video {
- 1473. - position: relative;
- 1474. - }
- 1475. - .page_post_thumb_sized_photo {
- 1476. - position: absolute;
- 1477. - }
- 1478. - .page_post_video_play_inline {
- 1479. - position: absolute;
- 1480. - z-index: 10;
- 1481. - background: url(/images/inline_video_play.png) no-repeat;
- 1482. - margin-left: -23px;
- 1483. - margin-top: -23px;
- 1484. - width: 46px;
- 1485. - height: 46px;
- 1486. - top: 50%;
- 1487. - left: 50%;
- 1488. - }
- 1489. - .page_post_video_duration {
- 1490. - background: url('/images/mv_bg.png');
- 1491. - background: rgba(0,0,0, 0.6);
- 1492. - color: #FFF;
- 1493. - position: absolute;
- 1494. - bottom: 10px;
- 1495. - right: 0;
- 1496. - padding: 0px 3px 1px;
- 1497. - z-index: 10;
- 1498. - }
- 1499. -
- 1500. - a.page_post_thumb_last_column .page_post_thumb_undersized_w,
- 1501. - span.page_post_thumb_last_column .page_post_thumb_undersized_w {
- 1502. - right: 0;
- 1503. - }
- 1504. - a.page_post_thumb_last_row .page_post_thumb_undersized_h,
- 1505. - span.page_post_thumb_last_row .page_post_thumb_undersized_h {
- 1506. - bottom: 0;
- 1507. - }
- 1508. -
- 1509. - a.page_post_thumb_unsized,
- 1510. - span.page_post_thumb_unsized {
- 1511. - background: 50% 50% no-repeat;
- 1512. - background-size: cover;
- 1513. -
- 1514. - display: block;
- 1515. - position: relative;
- 1516. - overflow: hidden;
- 1517. - margin: 0 3px 3px 0;
- 1518. - }
- 1519. - a.page_post_thumb_unsized_single,
- 1520. - span.page_post_thumb_unsized_single {
- 1521. - /*background: 0 0 no-repeat;*/
- 1522. - background-size: contain;
- 1523. - }
- 1524. -
- 1525. - .wide_wall_module a.page_post_thumb_unsized,
- 1526. - .wide_wall_module a.page_post_thumb_wrap,
- 1527. - .wide_wall_module span.page_post_thumb_unsized,
- 1528. - .wide_wall_module span.page_post_thumb_wrap {
- 1529. - margin: 0 6px 6px 0;
- 1530. - }
- 1531. - .page_post_sized_thumbs a.page_post_thumb_last_column,
- 1532. - .page_post_sized_thumbs span.page_post_thumb_last_column {
- 1533. - margin-right: 0;
- 1534. - }
- 1535. - .page_post_sized_thumbs a.page_post_thumb_last_row,
- 1536. - .page_post_sized_thumbs span.page_post_thumb_last_row {
- 1537. - margin-bottom: 0;
- 1538. - }
- 1539. -
- 1540. - .page_post_queue_wide,
- 1541. - .wide_wall_module .page_post_queue_narrow {
- 1542. - display: none;
- 1543. - }
- 1544. - .wide_wall_module .page_post_queue_wide {
- 1545. - display: block;
- 1546. - }
- 1547. -
- 1548. - .reply_media_lnk {
- 1549. - display: none;
- 1550. - }
- 1551. - .checkbox_pic {
- 1552. - cursor: pointer;
- 1553. - }
- 1554. - #wcomments_export.checkbox_pic {
- 1555. - background: url(/images/icons/wall_export.gif?1) no-repeat 0 0;
- 1556. - height: 14px;
- 1557. - width: 14px;
- 1558. - overflow: hidden;
- 1559. - }
- 1560. - #wcomments_export.checkbox_pic {
- 1561. - background-image: url(/images/icons/wall_export_2x.gif?1);
- 1562. - background-size: 14px 112px;
- 1563. - }
- 1564. - #wcomments_export.checkbox_pic {
- 1565. - background-position: 0 -70px;
- 1566. - opacity: 0.5;
- 1567. - filter: alpha(opacity=50);
- 1568. - }
- 1569. - #wcomments_export.on {
- 1570. - opacity: 1;
- 1571. - filter: none;
- 1572. - }
- 1573. - #video_box_body .box_dark .box_title {
- 1574. - background: #000000;
- 1575. - color: #777777;
- 1576. - }
- 1577. - #video_box_body .box_dark .box_x_button {
- 1578. - color: #777777;
- 1579. - }
- 1580. - #video_box_body .box_dark .box_x_button:hover {
- 1581. - color: #FFFFFF;
- 1582. - }
- 1583. - #photo_box_body .box_dark .box_title {
- 1584. - background: #FFFFFF;
- 1585. - color: #45688E;
- 1586. - }
- 1587. - #photo_box_body .box_dark .box_x_button {
- 1588. - color: #2B587A;
- 1589. - }
- 1590. - #photo_box_body .box_dark .box_x_button:hover {
- 1591. - text-decoration: underline;
- 1592. - }
- 1593. - .photo_view_more {
- 1594. - margin-top: 25px;
- 1595. - display: block;
- 1596. - background: #eef0f2;
- 1597. - text-align: center;
- 1598. - padding: 16px;
- 1599. - color: #738392;
- 1600. - }
- 1601. - .photo_view_more:hover {
- 1602. - text-decoration: none;
- 1603. - background: #e9edf1;
- 1604. - }
- 1605. - .medadd_c_doc {
- 1606. - overflow: hidden;
- 1607. - -o-text-overflow: ellipsis;
- 1608. - text-overflow: ellipsis;
- 1609. - }
- 1610. - .medadd_h,
- 1611. - .medadd_c_pollh {
- 1612. - font-size: 1.09em;
- 1613. - font-weight: bold;
- 1614. - color: #45688E;
- 1615. - background: url(/images/icons/mono_iconset.gif?8) no-repeat;
- 1616. - margin: 4px 2px 0px;
- 1617. - }
- 1618. - .font_medium .medadd_h,
- 1619. - .font_medium .medadd_c_pollh {
- 1620. - margin-top: 3px;
- 1621. - }
- 1622. - .medadd_h:hover {
- 1623. - text-decoration: none;
- 1624. - }
- 1625. - .medadd_h_note {
- 1626. - background-position: 0 -132px;
- 1627. - }
- 1628. - .medadd_h_doc {
- 1629. - background-position: 0 -278px;
- 1630. - }
- 1631. - .medadd_h_poll {
- 1632. - background-position: 0 -206px;
- 1633. - }
- 1634. - .medadd_h_link,
- 1635. - .medadd_h_page {
- 1636. - background-position: 0 -235px;
- 1637. - }
- 1638. - .medadd_h_timer {
- 1639. - background-position: 0 -332px;
- 1640. - }
- 1641. - .medadd_h_mail {
- 1642. - background-position: 0 -292px;
- 1643. - }
- 1644. - .medadd_h,
- 1645. - .medadd_c {
- 1646. - padding-left: 15px;
- 1647. - }
- 1648. - .medadd_c {
- 1649. - margin: 7px 2px 0px;
- 1650. - }
- 1651. - .medadd_c_linkimg {
- 1652. - padding: 5px 10px 5px 5px;
- 1653. - }
- 1654. - .medadd_c_linkhead {
- 1655. - margin: 0px;
- 1656. - padding: 5px;
- 1657. - border: 0px;
- 1658. - font-size: 11px;
- 1659. - }
- 1660. - .medadd_c_linkdsc {
- 1661. - padding: 0px 5px 5px;
- 1662. - }
- 1663. - #wcomments_form .medadd_c_linkcon {
- 1664. - overflow: hidden;
- 1665. - background: #FFF;
- 1666. - padding: 6px;
- 1667. - border: 1px solid #C0CAD5;
- 1668. - }
- 1669. - #wcomments_form .medadd_c_link {
- 1670. - padding-left: 0px;
- 1671. - margin-left: 0px;
- 1672. - }
- ------
Advertisement
Add Comment
Please, Sign In to add comment