API tools faq
paste
Hormold

VK Change (#1384707603)

Hormold
Nov 17th, 2013
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 24.11 KB | None | 0 0
raw download clone embed print report
  1. Файл - api/widgets/al_like.js (Старый размер - 0 | Новый - 0):
  2. ------
  3. Файл - widgets.css (Старый размер - 17212 | Новый - 0):
  4. 0.  - #widgets_css {
  5. 1.  -   display: none;
  6. 2.  - }
  7. 3.  - body {
  8. 4.  -   background: #fff; text-align: left; margin: 0px; padding: 0px;
  9. 5.  -   font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
  10. 6.  -   font-size: 11px;
  11. 7.  -   overflow: hidden;
  12. 8.  -   }
  13. 9.  -
  14. 10.  - p {
  15. 11.  -   font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
  16. 12.  -   font-size: 11px; text-align: left; padding:0px; margin:15px 0px;
  17. 13.  -   }
  18. 14.  -
  19. 15.  - a {
  20. 16.  -   color: #2B587A;
  21. 17.  -   text-decoration: none;
  22. 18.  -   cursor: pointer;
  23. 19.  - }
  24. 20.  -
  25. 21.  - .pageBody a:hover {
  26. 22.  -   text-decoration: underline;
  27. 23.  - }
  28. 24.  - img {
  29. 25.  -   border: 0;
  30. 26.  - }
  31. 27.  -
  32. 28.  -
  33. 29.  - #membersRows {
  34. 30.  -  padding:10px 0px 5px 0px;
  35. 31.  -  vertical-align: top;
  36. 32.  - }
  37. 33.  - #membersRows .mem_row {
  38. 34.  -  background:#FFFFFF;
  39. 35.  -  border:1px solid #DAE2E8;
  40. 36.  -  margin:0px 0 3px 0px;
  41. 37.  -  padding:8px 8px 6px 8px;
  42. 38.  - }
  43. 39.  - #membersRows .mem_row table {
  44. 40.  -  border-collapse: collapse;
  45. 41.  -  width: 100%;
  46. 42.  - }
  47. 43.  - #membersRows td {
  48. 44.  -  padding:0px;
  49. 45.  -  vertical-align: top;
  50. 46.  -
  51. 47.  -  line-height: 120%;
  52. 48.  - }
  53. 49.  - #membersRows td.img {
  54. 50.  -  width: 25px;
  55. 51.  - }
  56. 52.  - #membersRows td.img a {
  57. 53.  -  display: block;
  58. 54.  -  width: 25px;
  59. 55.  -  height: 25px;
  60. 56.  -  overflow: hidden;
  61. 57.  - }
  62. 58.  - #membersRows td.img img {
  63. 59.  -  width: 25px;
  64. 60.  - }
  65. 61.  -
  66. 62.  - #membersRows td.info {
  67. 63.  -  padding-left: 10px;
  68. 64.  - }
  69. 65.  - #membersRows td.details {
  70. 66.  -  /*width: */
  71. 67.  -  text-align: right;
  72. 68.  -  font-size: 10px;
  73. 69.  -  line-height: 130%;
  74. 70.  -
  75. 71.  - }
  76. 72.  - #membersRows td.info .actions{
  77. 73.  -  font-size: 9px;
  78. 74.  -  height: 14px;
  79. 75.  -  display: block;
  80. 76.  -  font-weight: bold;
  81. 77.  - }
  82. 78.  - #membersRows td.info .actions a, #membersRows td.info .actions .divide {
  83. 79.  -  font-weight: normal;
  84. 80.  - }
  85. 81.  -
  86. 82.  - #membersRows .alertmsg {
  87. 83.  -   margin:0 0 3px 0px;
  88. 84.  - }
  89. 85.  -
  90. 86.  - #membersSections {
  91. 87.  -  padding:10px;
  92. 88.  -  width:150px;
  93. 89.  -  vertical-align:top;
  94. 90.  - }
  95. 91.  -
  96. 92.  - #noMembers {
  97. 93.  -   background:#FFF;
  98. 94.  -   border:1px solid #DAE2E8;
  99. 95.  -   color:#777777;
  100. 96.  -   font-size:13px;
  101. 97.  -   padding:80px 0;
  102. 98.  -   text-align:center;
  103. 99.  -   margin: 0px 0px 3px 0px;
  104. 100.  - }
  105. 101.  -
  106. 102.  -
  107. 103.  - /* privacy box */
  108. 104.  - .t_filter_area {
  109. 105.  -   border-bottom: 1px solid #D8DFEA;
  110. 106.  -   padding: 10px;
  111. 107.  -   background-color: #F7F7F7;
  112. 108.  -  _padding-bottom: 18px;
  113. 109.  - }
  114. 110.  -
  115. 111.  - *:first-child+html .t_filter_area {
  116. 112.  -   padding-bottom: 18px;
  117. 113.  - }
  118. 114.  -
  119. 115.  - .t_filter_selected {
  120. 116.  -   float: left;
  121. 117.  -   border-bottom: 1px solid #FFFFFF;
  122. 118.  -   margin-right: 10px;
  123. 119.  -   margin-bottom: -1px;
  124. 120.  -   cursor: pointer;
  125. 121.  - }
  126. 122.  -
  127. 123.  - .body_rtl .t_filter_selected {
  128. 124.  -   float:right;
  129. 125.  -   margin: 0 0 -1px 10px;
  130. 126.  - }
  131. 127.  - .t_filter_selected .t_filter2 {
  132. 128.  -   border: 1px solid #3B6798;
  133. 129.  -   border-top: 1px solid #395676;
  134. 130.  -   border-bottom: 1px solid #4A73A0;
  135. 131.  - }
  136. 132.  - .t_filter_selected .t_filter3 {
  137. 133.  -   border: 1px solid #5C82AB;
  138. 134.  -   padding: 2px 5px 3px 5px;
  139. 135.  -   background-color: #6D8FB3;
  140. 136.  -   color: #FFFFFF;
  141. 137.  -   font-weight: bold;
  142. 138.  - }
  143. 139.  -
  144. 140.  - .t_filter_off {
  145. 141.  -   cursor: pointer;
  146. 142.  -   padding: 4px 7px 5px;
  147. 143.  -   color: #45688E;
  148. 144.  -   font-weight: bold;
  149. 145.  -   float: left;
  150. 146.  -   margin-right: 10px;
  151. 147.  -   margin-bottom: -1px;
  152. 148.  - }
  153. 149.  - .body_rtl .t_filter_off {
  154. 150.  -   float:right;
  155. 151.  -   margin: 0 0 -1px 10px;
  156. 152.  - }
  157. 153.  - #mod_sections_loading {
  158. 154.  -   visibility: hidden;
  159. 155.  -   margin-top: 5px;
  160. 156.  - }
  161. 157.  - .t_filter_area a {
  162. 158.  -   margin-top: 5px;
  163. 159.  -   margin-left: 5px;
  164. 160.  - }
  165. 161.  -
  166. 162.  - /* Groups Widget */
  167. 163.  - .squarePic {
  168. 164.  -   height: 50px;
  169. 165.  -   clear: both;
  170. 166.  -   overflow: hidden;
  171. 167.  -   padding-bottom: 3px;
  172. 168.  - }
  173. 169.  - .squareUser {
  174. 170.  -   width: 58px;
  175. 171.  -   height: 68px;
  176. 172.  -   float: left;
  177. 173.  -   overflow: hidden;
  178. 174.  -   text-align: center;
  179. 175.  - }
  180. 176.  - .squareUser a {
  181. 177.  -   color: #808080;
  182. 178.  -   font-size: 10px;
  183. 179.  - }
  184. 180.  - #main .squareUser a:hover {
  185. 181.  -   text-decoration: none; !important;
  186. 182.  - }
  187. 183.  - .groupInfo {
  188. 184.  -   margin: 8px 8px 0px 8px;
  189. 185.  - }
  190. 186.  - .groupName {
  191. 187.  -   color: #45688e;
  192. 188.  -   font-weight: bold;
  193. 189.  -   padding-left: 10px;
  194. 190.  -   float: left;
  195. 191.  - }
  196. 192.  - .softHead {
  197. 193.  -   padding: 8px 0px 1px 0px;
  198. 194.  -   margin: 0px 10px;
  199. 195.  -   border-bottom: 1px solid #d9e1e7;
  200. 196.  -   padding-bottom: 2px;
  201. 197.  -   color: #45688e;
  202. 198.  -   font-weight: normal;
  203. 199.  - }
  204. 200.  - .softHead a {
  205. 201.  -   font-weight: normal;
  206. 202.  - }
  207. 203.  - .widgetBottom {
  208. 204.  -   background: #eef2f5;
  209. 205.  -   color: #2f5879;
  210. 206.  - }
  211. 207.  - .widgetBottom .checkbox_container table {
  212. 208.  -   margin: 3px 0px;
  213. 209.  - }
  214. 210.  - .statHolder {
  215. 211.  -   background: #ECECEC;
  216. 212.  -   height: 1px;
  217. 213.  -   margin-bottom: 20px;
  218. 214.  - }
  219. 215.  - .statLine {
  220. 216.  -   position: absolute;
  221. 217.  -   border-top: 1px solid #c0ccd9;
  222. 218.  -   background: #dae2e8;
  223. 219.  -   margin-top: 0px;
  224. 220.  -   height: 15px;
  225. 221.  - }
  226. 222.  -
  227. 223.  - .groupsMain {
  228. 224.  -   border:1px solid #BEC8D3;
  229. 225.  -   border-bottom: none;
  230. 226.  - }
  231. 227.  -
  232. 228.  - /* ---- */
  233. 229.  - #group_like .checkbox {
  234. 230.  -   color: #2B587A;
  235. 231.  -   cursor: pointer;
  236. 232.  -   border-left: 1px solid #BEC8D3;
  237. 233.  -   border-right: 1px solid #BEC8D3;
  238. 234.  -   border-bottom: 1px solid #BEC8D3;
  239. 235.  -   float: none;
  240. 236.  -   margin-right: 0;
  241. 237.  -   *display: block;
  242. 238.  - }
  243. 239.  - #group_like div.checkbox_inner {
  244. 240.  -   padding: 3px;
  245. 241.  -   height: 14px;
  246. 242.  -   line-height: 14px;
  247. 243.  -   padding-left: 7px;
  248. 244.  -   padding-bottom: 4px;
  249. 245.  -   border: 1px solid #eef2f5;
  250. 246.  -   border-top: 1px solid #D9E1E7;
  251. 247.  -   padding-top: 4px;
  252. 248.  -   *display: block;
  253. 249.  - }
  254. 250.  - #group_like #join_group.checkbox {
  255. 251.  -   *display: block;
  256. 252.  - }
  257. 253.  - #group_like .checkbox .checkbox_inner {
  258. 254.  -   *display: block;
  259. 255.  - }
  260. 256.  - #group_like .checked {
  261. 257.  -   background-color: #36638E;
  262. 258.  -   font-size: 11px;
  263. 259.  -   font-family: tahoma, tahoma, verdana, arial, sans-serif, Lucida Sans;
  264. 260.  -   border: 1px solid #3B6798;
  265. 261.  -   text-shadow: 0px 1px 0px #45688E;
  266. 262.  -   padding: 0px;
  267. 263.  - }
  268. 264.  - #group_like .checkbox.checked div.checkbox_inner {
  269. 265.  -   border-style: solid;
  270. 266.  -   border-width: 1px;
  271. 267.  -   border-color: #7E9CBC #5C82AB #5C82AB;
  272. 268.  -   background-color:#6D8FB3;
  273. 269.  -   color: #FFF;
  274. 270.  -   padding-top: 3px;
  275. 271.  -   float: none;
  276. 272.  -   *display: block;
  277. 273.  - }
  278. 274.  - #group_like .checked .check {
  279. 275.  -   background: url("/images/like_s.gif?1") no-repeat scroll 0 -28px;
  280. 276.  - }
  281. 277.  - #group_like .checked-light .check {
  282. 278.  -   background: url("/images/like_s.gif?1") no-repeat scroll 0 -28px;
  283. 279.  - }
  284. 280.  - #group_like .check {
  285. 281.  -   width: 14px;
  286. 282.  -   height: 14px;
  287. 283.  -   float: left;
  288. 284.  -   background: url("/images/like_s.gif?1") no-repeat scroll 0 -14px;
  289. 285.  -   margin-right: 8px;
  290. 286.  - }
  291. 287.  - #group_like #subscr_group.checked-light .check {
  292. 288.  -   background: url("/images/icons/check.gif") no-repeat scroll 0 -14px;
  293. 289.  - }
  294. 290.  - #group_like #subscr_group .check {
  295. 291.  -   width: 14px;
  296. 292.  -   height: 14px;
  297. 293.  -   float: left;
  298. 294.  -   background: url("/images/icons/check.gif") no-repeat scroll 0 0px;
  299. 295.  -   margin-right: 8px;
  300. 296.  - }
  301. 297.  - .group_users {
  302. 298.  -   padding: 7px 0px 5px 5px;
  303. 299.  - }
  304. 300.  - .anim_row {
  305. 301.  -   overflow-x: hidden;
  306. 302.  -   padding-bottom: 2px;
  307. 303.  - }
  308. 304.  - .inline_row {
  309. 305.  -   display: inline;
  310. 306.  - }
  311. 307.  -
  312. 308.  -
  313. 309.  - /* Like widget */
  314. 310.  - #like_body {
  315. 311.  -   background: transparent;
  316. 312.  - }
  317. 313.  -
  318. 314.  - .like_wrap {
  319. 315.  -   -webkit-border-radius: 2px;
  320. 316.  -   -moz-border-radius: 2px;
  321. 317.  -   border-radius: 2px;
  322. 318.  -   -webkit-user-select: none;
  323. 319.  -   -moz-user-select: none;
  324. 320.  -   padding: 4px 0px;
  325. 321.  -   cursor: pointer;
  326. 322.  -   display: block;
  327. 323.  - }
  328. 324.  - .like_wrap:hover {
  329. 325.  -   text-decoration: none;
  330. 326.  - }
  331. 327.  - .like_wrap:active {
  332. 328.  -   padding-top: 5px;
  333. 329.  -   padding-bottom: 3px;
  334. 330.  - }
  335. 331.  - .like_dived .like_wrap {
  336. 332.  -   margin-right: 8px;
  337. 333.  -   cursor: pointer;
  338. 334.  -   position: relative;
  339. 335.  - }
  340. 336.  - .like_dived_full .like_wrap {
  341. 337.  -   margin-right: 0px;
  342. 338.  - }
  343. 339.  - .like_dived .like_inline .like_wrap {
  344. 340.  -   margin: 0;
  345. 341.  - }
  346. 342.  -
  347. 343.  - .like_left {
  348. 344.  -   width: 15px;
  349. 345.  -   height: 14px;
  350. 346.  -   float: left;
  351. 347.  -   border-right: 1px solid #87a2bf;
  352. 348.  -   border-right-color: rgba(255,255,255, 0.24);
  353. 349.  -   padding-left: 5px;
  354. 350.  -   padding-right: 1px;
  355. 351.  - }
  356. 352.  - .like_right {
  357. 353.  -   color: #FFFFFF;
  358. 354.  -   float: left;
  359. 355.  -   padding: 0px 8px 1px 7px;
  360. 356.  -   line-height: 13px;
  361. 357.  -   text-align: center;
  362. 358.  - }
  363. 359.  - .like_dived_full .like_wrap .like_right {
  364. 360.  -   position: absolute;
  365. 361.  -   right: 0;
  366. 362.  -   z-index: 90;
  367. 363.  - }
  368. 364.  - .like_dived_full .like_wrap .like_left {
  369. 365.  -   position: relative;
  370. 366.  -   left: 0;
  371. 367.  -   z-index: 100;
  372. 368.  - }
  373. 369.  - .like_dived_full .like_minified .like_left {
  374. 370.  -   border-right: none;
  375. 371.  - }
  376. 372.  - .like_small .like_wrap {
  377. 373.  -   margin-right: 8px;
  378. 374.  - }
  379. 375.  - .like_small .like_right {
  380. 376.  -   width: 11px;
  381. 377.  -   padding: 0px 7px 0px 6px;
  382. 378.  - }
  383. 379.  - .like_small .icon_heart {
  384. 380.  -   opacity: 0.5;
  385. 381.  -   filter: alpha(opacity=50);
  386. 382.  - }
  387. 383.  - .like_small .checked .icon_heart {
  388. 384.  -   opacity: 1;
  389. 385.  -   filter: alpha(opacity=100);
  390. 386.  - }
  391. 387.  -
  392. 388.  -
  393. 389.  - /* Due to right part visible */
  394. 390.  -
  395. 391.  - .like_icon {
  396. 392.  -   width: 10px;
  397. 393.  -   height: 10px;
  398. 394.  -   background: url(/images/icons/like_widget.png?1) 0 0 no-repeat;
  399. 395.  -   overflow: hidden;
  400. 396.  - }
  401. 397.  - .is_2x .like_icon {
  402. 398.  -   background-image: url(/images/icons/like_widget_2x.png?1);
  403. 399.  -   background-size: 37px 42px;
  404. 400.  - }
  405. 401.  - .like_wrap .icon_v, .like_wrap .icon_heart {
  406. 402.  -   -webkit-transition: opacity 200ms linear;
  407. 403.  -   -moz-transition: opacity 200ms linear;
  408. 404.  -   -o-transition: opacity 200ms linear;
  409. 405.  -   transition: opacity 200ms linear;
  410. 406.  - }
  411. 407.  - .like_wrap .icon_v {
  412. 408.  -   background-position: 0 -8px;
  413. 409.  -   position: absolute;
  414. 410.  -   margin: 2px 2px 1px 3px;
  415. 411.  -   width: 7px;
  416. 412.  -   height: 9px;
  417. 413.  - }
  418. 414.  - .like_wrap .icon_heart {
  419. 415.  -   background-position: -25px -8px;
  420. 416.  -   position: absolute;
  421. 417.  -   width: 10px;
  422. 418.  -   margin: 3px 2px 1px 1px;
  423. 419.  -   height: 9px;
  424. 420.  - }
  425. 421.  - .like_dived .like_wrap .icon_heart {
  426. 422.  -   opacity: 0;
  427. 423.  -   filter: alpha(opacity=0);
  428. 424.  - }
  429. 425.  - .like_dived .checked .icon_v {
  430. 426.  -   opacity: 0;
  431. 427.  -   filter: alpha(opacity=0);
  432. 428.  - }
  433. 429.  - .like_dived .checked .icon_heart {
  434. 430.  -   opacity: 1;
  435. 431.  -   filter: alpha(opacity=100);
  436. 432.  - }
  437. 433.  - .is_eng .like_wrap .icon_v {
  438. 434.  -   background-position: -8px -8px;
  439. 435.  -   width: 16px;
  440. 436.  -   margin-left: 1px;
  441. 437.  - }
  442. 438.  - .is_eng .like_wrap .like_left {
  443. 439.  -   border-right: none;
  444. 440.  -   width: 16px;
  445. 441.  -   padding-left: 3px;
  446. 442.  -   padding-right: 4px;
  447. 443.  - }
  448. 444.  - .is_eng .like_wrap .like_right {
  449. 445.  -   padding-right: 6px;
  450. 446.  -   padding-left: 3px;
  451. 447.  - }
  452. 448.  - .is_eng .like_wrap .icon_heart {
  453. 449.  -   margin-left: 4px;
  454. 450.  - }
  455. 451.  -
  456. 452.  - .is_eng .like_small .icon_heart {
  457. 453.  -   margin-left: 1px;
  458. 454.  - }
  459. 455.  - .is_eng .like_small_vertical .icon_heart {
  460. 456.  -   margin-left: 2px;
  461. 457.  - }
  462. 458.  - .is_eng .like_small_vertical .like_wrap .like_right {
  463. 459.  -   padding-left: 0px;
  464. 460.  - }
  465. 461.  -
  466. 462.  - .like_dived .checkbox_over .like_right {
  467. 463.  -   border-color: #8596A9;
  468. 464.  - }
  469. 465.  - .like_dived .checkbox_over .like_right .like_right_border {
  470. 466.  -   background: #E3EAF1;
  471. 467.  -   border-color: #fff #E3EAF1 #E3EAF1 #E3EAF1;
  472. 468.  -   -webkit-user-select: none;
  473. 469.  -   -moz-user-select: none;
  474. 470.  - }
  475. 471.  -
  476. 472.  - .like_small_vertical .like_wrap1 {
  477. 473.  -   float: none;
  478. 474.  - }
  479. 475.  - .like_small_vertical .like_wrap {
  480. 476.  -   margin: 0;
  481. 477.  - }
  482. 478.  - .like_small_vertical td.like_right .like_right_border {
  483. 479.  -   padding: 4px 4px 2px;
  484. 480.  - }
  485. 481.  - .like_small_vertical .like_left {
  486. 482.  -   padding-left: 4px;
  487. 483.  -   padding-right: 0px;
  488. 484.  - }
  489. 485.  - .like_small_vertical .like_right {
  490. 486.  -   padding: 0px 5px 0px 4px;
  491. 487.  - }
  492. 488.  -
  493. 489.  - /* Like designs */
  494. 490.  - .like_tabled .like_wrap table {
  495. 491.  -   border-collapse: collapse;
  496. 492.  -   border: 0;
  497. 493.  -   padding: 0;
  498. 494.  - }
  499. 495.  -
  500. 496.  -
  501. 497.  - .like_small_vertical .like_wrap {
  502. 498.  -   margin: 0;
  503. 499.  - }
  504. 500.  -
  505. 501.  -
  506. 502.  - .like_counter_wrap {
  507. 503.  -   display: block;
  508. 504.  -   border: 1px solid #bbbfc4;
  509. 505.  -   color: #666c73;
  510. 506.  -   -webkit-border-radius: 2px;
  511. 507.  -   -moz-border-radius: 2px;
  512. 508.  -   border-radius: 2px;
  513. 509.  -   cursor: pointer;
  514. 510.  -   margin-left: 1px;
  515. 511.  -   padding: 3px 5px 4px;
  516. 512.  -   font-weight: bold;
  517. 513.  -   line-height: 13px;
  518. 514.  -   background: #ffffff;
  519. 515.  - }
  520. 516.  - .like_counter_wrap:hover {
  521. 517.  -   text-decoration: none;
  522. 518.  - }
  523. 519.  -
  524. 520.  -
  525. 521.  - .like_counter_wrap .arrow {
  526. 522.  -   position: absolute;
  527. 523.  -   width: 5px;
  528. 524.  -   height: 9px;
  529. 525.  -   background-position: 0px -27px;
  530. 526.  -   overflow: hidden;
  531. 527.  -   margin-left: -10px;
  532. 528.  -   margin-top: 2px;
  533. 529.  - }
  534. 530.  - .like_small_vertical .arrow {
  535. 531.  -   width: 8px;
  536. 532.  -   height: 6px;
  537. 533.  -   overflow: hidden;
  538. 534.  -   margin: -1px 0 2px 26px;
  539. 535.  -   background-position: -6px -27px;
  540. 536.  - }
  541. 537.  - .like_counter_link {
  542. 538.  -   display: block;
  543. 539.  - }
  544. 540.  - .like_counter_link:hover {
  545. 541.  -   text-decoration: none;
  546. 542.  - }
  547. 543.  - #stats_text {
  548. 544.  -   line-height: 11px;
  549. 545.  -   margin-top: 5px;
  550. 546.  - }
  551. 547.  - .like_dived_full #stats_text {
  552. 548.  -   margin: 0;
  553. 549.  - }
  554. 550.  - #like_table_left {
  555. 551.  -   vertical-align: top;
  556. 552.  - }
  557. 553.  - #like_table_right {
  558. 554.  -   padding-left: 10px;
  559. 555.  -   text-align: left;
  560. 556.  -   vertical-align: middle;
  561. 557.  - }
  562. 558.  -
  563. 559.  -
  564. 560.  - /* 24px */
  565. 561.  - .like_wrap_h24 .like_wrap {
  566. 562.  -   padding-top: 5px;
  567. 563.  -   padding-bottom: 5px;
  568. 564.  - }
  569. 565.  - .like_wrap_h24 .like_wrap:active {
  570. 566.  -   padding-top: 6px;
  571. 567.  -   padding-bottom: 4px;
  572. 568.  - }
  573. 569.  - .like_wrap_h24 .like_wrap .icon_v {
  574. 570.  -   background-position: 0px -17px;
  575. 571.  -   height: 10px;
  576. 572.  -   width: 8px;
  577. 573.  -   margin-top: 2px;
  578. 574.  -   margin-left: 4px;
  579. 575.  - }
  580. 576.  - .like_wrap_h24 .like_wrap .icon_heart {
  581. 577.  -   background-position: -25px -17px;
  582. 578.  -   height: 10px;
  583. 579.  -   width: 12px;
  584. 580.  -   margin-top: 2px;
  585. 581.  -   margin-left: 2px;
  586. 582.  - }
  587. 583.  - .is_eng .like_wrap_h24 .like_wrap .icon_heart {
  588. 584.  -   margin-left: 5px;
  589. 585.  - }
  590. 586.  - .like_wrap_h24 .like_counter_wrap {
  591. 587.  -   padding-top: 5px;
  592. 588.  -   padding-bottom: 5px;
  593. 589.  -   line-height: 12px;
  594. 590.  -   height: 12px;
  595. 591.  - }
  596. 592.  - .like_wrap_h24 .like_counter_wrap .arrow {
  597. 593.  -   width: 5px;
  598. 594.  -   margin-left: -10px;
  599. 595.  -   margin-top: 1px;
  600. 596.  - }
  601. 597.  - .like_wrap_h24 .like_left,
  602. 598.  - .is_eng .like_wrap_h24 .like_left {
  603. 599.  -   width: 16px;
  604. 600.  - }
  605. 601.  - .like_wrap_h24 .like_right {
  606. 602.  -   font-size: 12px;
  607. 603.  -   /*font-family: "Helvetica Neue", Helvetica, sans-serif, arial, tahoma, verdana;*/
  608. 604.  - }
  609. 605.  - .like_small.like_wrap_h24 .like_left {
  610. 606.  -   padding-right: 0px;
  611. 607.  - }
  612. 608.  - .like_small.like_wrap_h24 .like_right {
  613. 609.  -   padding: 0px 10px 0px 5px;
  614. 610.  - }
  615. 611.  - .like_small_vertical.like_wrap_h24 .like_left {
  616. 612.  -   padding-left: 2px;
  617. 613.  -   width: 17px;
  618. 614.  - }
  619. 615.  - .like_small_vertical.like_wrap_h24 .like_right {
  620. 616.  -   padding: 0px 5px 0px 2px;
  621. 617.  - }
  622. 618.  - .is_eng .like_wrap_h24 .like_wrap .icon_v {
  623. 619.  -   background-position: -8px -17px;
  624. 620.  -   width: 17px;
  625. 621.  -   height: 10px;
  626. 622.  -   margin-left: 2px;
  627. 623.  - }
  628. 624.  -
  629. 625.  - /* 20px */
  630. 626.  - .like_wrap_h20 .like_wrap {
  631. 627.  -   padding-top: 3px;
  632. 628.  -   padding-bottom: 3px;
  633. 629.  - }
  634. 630.  - .like_wrap_h20 .like_wrap:active {
  635. 631.  -   padding-top: 4px;
  636. 632.  -   padding-bottom: 2px;
  637. 633.  - }
  638. 634.  - .like_wrap_h20 .like_wrap .icon_v {
  639. 635.  -   background-position: 0px 0px;
  640. 636.  -   height: 8px;
  641. 637.  -   margin-top: 3px;
  642. 638.  - }
  643. 639.  - .like_wrap_h20 .like_wrap .icon_heart {
  644. 640.  -   background-position: -25px 0px;
  645. 641.  -   height: 8px;
  646. 642.  -   margin-top: 3px;
  647. 643.  - }
  648. 644.  - .like_wrap_h20 .like_counter_wrap {
  649. 645.  -   font-size: 10px;
  650. 646.  -   padding-top: 3px;
  651. 647.  -   padding-bottom: 3px;
  652. 648.  -   line-height: 12px;
  653. 649.  - }
  654. 650.  - .like_wrap_h20 .like_counter_wrap .arrow {
  655. 651.  -   width: 4px;
  656. 652.  -   margin-left: -9px;
  657. 653.  -   margin-top: 1px;
  658. 654.  - }
  659. 655.  - .is_eng .like_wrap_h20 .like_wrap .icon_v {
  660. 656.  -   background-position: -8px 0px;
  661. 657.  -   width: 16px;
  662. 658.  -   height: 8px;
  663. 659.  - }
  664. 660.  -
  665. 661.  - /* 18px */
  666. 662.  - .like_wrap_h18 .like_wrap {
  667. 663.  -   padding-top: 3px;
  668. 664.  -   padding-bottom: 3px;
  669. 665.  - }
  670. 666.  - .like_wrap_h18 .like_wrap:active {
  671. 667.  -   padding-top: 4px;
  672. 668.  -   padding-bottom: 2px;
  673. 669.  - }
  674. 670.  - .like_wrap_h18 .like_wrap .icon_v {
  675. 671.  -   background-position: 0px 0px;
  676. 672.  -   height: 8px;
  677. 673.  -   margin-top: 2px;
  678. 674.  - }
  679. 675.  - .like_wrap_h18 .like_wrap .icon_heart {
  680. 676.  -   background-position: -25px 0px;
  681. 677.  -   height: 8px;
  682. 678.  -   margin-top: 2px;
  683. 679.  - }
  684. 680.  - .like_wrap_h18 .like_counter_wrap {
  685. 681.  -   font-size: 10px;
  686. 682.  -   padding-top: 2px;
  687. 683.  -   padding-bottom: 2px;
  688. 684.  -   line-height: 12px;
  689. 685.  - }
  690. 686.  - .like_wrap_h18 .like_counter_wrap .arrow {
  691. 687.  -   width: 4px;
  692. 688.  -   margin-left: -9px;
  693. 689.  -   margin-top: 1px;
  694. 690.  - }
  695. 691.  - .like_wrap_h18 .like_left {
  696. 692.  -   height: 12px;
  697. 693.  - }
  698. 694.  - .like_wrap_h18 .like_right {
  699. 695.  -   font-size: 10px;
  700. 696.  -   padding-bottom: 0px;
  701. 697.  -   line-height: 12px;
  702. 698.  - }
  703. 699.  - .is_eng .like_wrap_h18 .like_wrap .icon_v {
  704. 700.  -   background-position: -8px 0px;
  705. 701.  -   width: 16px;
  706. 702.  -   height: 8px;
  707. 703.  - }
  708. 704.  -
  709. 705.  -
  710. 706.  - .like_row_cont {
  711. 707.  -   width: 120px;
  712. 708.  -   overflow: hidden;
  713. 709.  -   height: 133px;
  714. 710.  -   text-align: center;
  715. 711.  - }
  716. 712.  - .like_img_cont {
  717. 713.  -   display: block;
  718. 714.  -   width: 100px;
  719. 715.  -   height: 100px;
  720. 716.  -   overflow: hidden;
  721. 717.  -   margin: 0px 10px 5px 10px;
  722. 718.  - }
  723. 719.  - .like_more_link {
  724. 720.  -   display: none;
  725. 721.  -   background: #EEF0F2;
  726. 722.  -   text-align: center;
  727. 723.  -   padding: 16px;
  728. 724.  -   color: #738392;
  729. 725.  -   width: 588px;
  730. 726.  -   height: 15px;
  731. 727.  - }
  732. 728.  - .like_more_link:hover {
  733. 729.  -   text-decoration: none;
  734. 730.  -   background: #E9EDF1;
  735. 731.  - }
  736. 732.  - .like_more_progress {
  737. 733.  -   display: none;
  738. 734.  -   height: 15px;
  739. 735.  -   background: #EEF0F2 url(/images/upload.gif) no-repeat 50% 50%;
  740. 736.  -   padding: 16px;
  741. 737.  -   color: #738392;
  742. 738.  -   width: 588px;
  743. 739.  - }
  744. 740.  - #like_users_cont {
  745. 741.  -   padding: 16px 10px 1px;
  746. 742.  - }
  747. 743.  - #like_tabs {
  748. 744.  -   width: 590px;
  749. 745.  - }
  750. 746.  - #like_tabs_prg {
  751. 747.  -   visibility: visible;
  752. 748.  -   display: none;
  753. 749.  -   position: absolute;
  754. 750.  -   margin-left: 555px;
  755. 751.  - }
  756. 752.  - .like_no_rows {
  757. 753.  -   padding: 200px 20px;
  758. 754.  -   color: #777;
  759. 755.  -   background-color: #FFF;
  760. 756.  -   padding: 140px 20px;
  761. 757.  -   text-align: center;
  762. 758.  -   font-size: 1.21em;
  763. 759.  - }
  764. 760.  - .summary_tabs {
  765. 761.  -   font-size: 11px;
  766. 762.  -   padding: 5px 5px;
  767. 763.  -   border-bottom: 1px solid #DAE1E8;
  768. 764.  -   background: #F7F7F7;
  769. 765.  - }
  770. 766.  - .summary_tab, .summary_tab_sel {
  771. 767.  -   font-weight: bold;
  772. 768.  -   padding: 8px 5px 7px;
  773. 769.  - }
  774. 770.  - .summary_tab2 {
  775. 771.  -   -webkit-border-radius: 2px;
  776. 772.  -   -khtml-border-radius: 2px;
  777. 773.  -   -moz-border-radius: 2px;
  778. 774.  -   border-radius: 2px;
  779. 775.  -   padding: 3px 8px 4px;
  780. 776.  -   display: block;
  781. 777.  - }
  782. 778.  - .summary_tab2:hover {
  783. 779.  -   background: #E1E7ED;
  784. 780.  -   text-decoration: none;
  785. 781.  - }
  786. 782.  - .summary_tab_sel .summary_tab2, .summary_tab_sel .summary_tab2:hover {
  787. 783.  -   padding: 3px 8px 4px;
  788. 784.  -   background: #597DA3;
  789. 785.  - }
  790. 786.  - .summary_tab3 {
  791. 787.  -   max-width: 230px;
  792. 788.  -   *display: inline;
  793. 789.  -   height: 13px;
  794. 790.  -   overflow: hidden;
  795. 791.  -   font-weight: bold;
  796. 792.  -   color: #45688E;
  797. 793.  -   padding: 0;
  798. 794.  -   -o-text-overflow: ellipsis;
  799. 795.  -   text-overflow: ellipsis;
  800. 796.  -   line-height: 120%;
  801. 797.  - }
  802. 798.  - .summary_tab_sel .summary_tab3 {
  803. 799.  -   color: #FFF;
  804. 800.  - }
  805. 801.  -
  806. 802.  -
  807. 803.  - /* Poll widget start */
  808. 804.  - .pollMain {
  809. 805.  -   border:1px solid #BEC8D3;
  810. 806.  - }
  811. 807.  -
  812. 808.  - .pollContent {
  813. 809.  -   padding: 8px 7px;
  814. 810.  - }
  815. 811.  - .pollContent h1 {
  816. 812.  -   font-size: 11px;
  817. 813.  -   font-weight: bold;
  818. 814.  -   margin: 0 3px 5px 3px;
  819. 815.  - }
  820. 816.  - .pollContent .radiobtn_container {
  821. 817.  -   margin-left: 3px;
  822. 818.  - }
  823. 819.  - .pollStats {
  824. 820.  -   width: 100%;
  825. 821.  - }
  826. 822.  - .pollStatsText {
  827. 823.  -   padding-top: 5px;
  828. 824.  - }
  829. 825.  - .pollStatsBg {
  830. 826.  -   width: 95%;
  831. 827.  -   background: #FAFAFA;
  832. 828.  - }
  833. 829.  - .pollStatsFg {
  834. 830.  -   background: #DAE2E8;
  835. 831.  -   border-top:1px solid #CAD1D9;
  836. 832.  -   font-size:0;
  837. 833.  -   height:14px;
  838. 834.  -   overflow:hidden;
  839. 835.  - }
  840. 836.  - .pollStatsDesc {
  841. 837.  -   padding-left: 5px;
  842. 838.  -   width: 50px;
  843. 839.  -   max-width: 100px;
  844. 840.  - }
  845. 841.  - .pollFooter {
  846. 842.  -   background: #F2F2F2;
  847. 843.  -   border-top: 1px solid #BEC8D3;
  848. 844.  -   padding: 8px;
  849. 845.  - }
  850. 846.  - .pollFooter textarea {
  851. 847.  -   width: 100%;
  852. 848.  -   margin: 0;
  853. 849.  - }
  854. 850.  - .pollFooter .button_yes {
  855. 851.  -   margin: 8px 0 0 0;
  856. 852.  - }
  857. 853.  - .commHead a.pollUnvote {
  858. 854.  -   color: #A9B8CB;
  859. 855.  -   font-weight: bold;
  860. 856.  - }
  861. 857.  - #pollMain #loading {
  862. 858.  -   margin: 5px 0 0 3px;
  863. 859.  -   float: right;
  864. 860.  - }
  865. 861.  -
  866. 862.  -
  867. 863.  - .commHead {
  868. 864.  -   background: center no-repeat #dae2e8;
  869. 865.  -   border-bottom: 1px solid #ccd3da;
  870. 866.  -   height: 16px;
  871. 867.  -   color: #45688e;
  872. 868.  -   font-weight: bold;
  873. 869.  -   padding: 2px 8px 2px 8px;
  874. 870.  -   vertical-align: middle;
  875. 871.  -   line-height: 20px;
  876. 872.  - }
  877. 873.  - .commHead a {
  878. 874.  -   line-height: 16px;
  879. 875.  -   vertical-align: top;
  880. 876.  - }
  881. 877.  - .commHead .fl_r {
  882. 878.  -   font-weight: normal;
  883. 879.  - }
  884. 880.  - .commHead span {
  885. 881.  -   line-height: 16px;
  886. 882.  -   vertical-align:top;
  887. 883.  - }
  888. 884.  - .commHead span img {
  889. 885.  -   vertical-align: top;
  890. 886.  -   margin-top: 5px;
  891. 887.  -   margin-left: 5px;
  892. 888.  - }
  893. 889.  - .commHead .notYou {
  894. 890.  -   font-weight: normal;
  895. 891.  - }
  896. 892.  - .commHead a.moderLink {
  897. 893.  -   color: #A9B8CB !important;
  898. 894.  -   margin-left: 5px;
  899. 895.  - }
  900. 896.  - /* Poll widget end */
  901. 897.  -
  902. 898.  -
  903. 899.  -
  904. 900.  -
  905. 901.  -
  906. 902.  - /* Animated counters */
  907. 903.  - .inl_bl {display:-moz-inline-stack; display:inline-block; _overflow:hidden; zoom:1; *display:inline;}
  908. 904.  - .counter_anim_wrap {
  909. 905.  -   position: relative;
  910. 906.  -   height: 1em;
  911. 907.  -   overflow: hidden;
  912. 908.  - }
  913. 909.  - .counter_anim {
  914. 910.  -   position: absolute;
  915. 911.  -   right: 0;
  916. 912.  -   text-align: right;
  917. 913.  - }
  918. 914.  - .counter_css_anim_wrap {
  919. 915.  -   -webkit-transition: width 100ms linear;
  920. 916.  -   -moz-transition: width 100ms linear;
  921. 917.  -   -o-transition: width 100ms linear;
  922. 918.  -   transition: width 100ms linear;
  923. 919.  - }
  924. 920.  - .counter_css_anim_wrap .counter_anim {
  925. 921.  -   -webkit-transition: margin-top 300ms ease-out;
  926. 922.  -   -moz-transition: margin-top 300ms ease-out;
  927. 923.  -   -o-transition: margin-top 300ms ease-out;
  928. 924.  -   transition: margin-top 300ms ease-out;
  929. 925.  - }
  930. ------
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!