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