API tools faq
paste
Hormold

VK Change (#1384641902)

Hormold
Nov 16th, 2013
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 22.52 KB | None | 0 0
raw download clone embed print report
  1. Файл - api/widgets/al_like.js (Старый размер - 0 | Новый - 0):
  2. ------
  3. Файл - widgets.css (Старый размер - 16018 | Новый - 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.  -   background: #5f83aa;
  320. 316.  -   -webkit-border-radius: 2px;
  321. 317.  -   -moz-border-radius: 2px;
  322. 318.  -   border-radius: 2px;
  323. 319.  -   -webkit-user-select: none;
  324. 320.  -   -moz-user-select: none;
  325. 321.  -   padding: 4px 0px;
  326. 322.  -   cursor: pointer;
  327. 323.  - }
  328. 324.  - .like_dived .like_wrap {
  329. 325.  -   margin-right: 8px;
  330. 326.  -   cursor: pointer;
  331. 327.  -   position: relative;
  332. 328.  - }
  333. 329.  - .like_dived_full .like_wrap {
  334. 330.  -   margin-right: 0px;
  335. 331.  - }
  336. 332.  - .like_dived .like_inline .like_wrap {
  337. 333.  -   margin: 0;
  338. 334.  - }
  339. 335.  -
  340. 336.  - .like_left {
  341. 337.  -   width: 15px;
  342. 338.  -   height: 14px;
  343. 339.  -   float: left;
  344. 340.  -   border-right: 1px solid #87a2bf;
  345. 341.  -   padding-left: 5px;
  346. 342.  -   padding-right: 1px;
  347. 343.  - }
  348. 344.  - .like_right {
  349. 345.  -   color: #FFFFFF;
  350. 346.  -   float: left;
  351. 347.  -   padding: 0px 8px 1px 7px;
  352. 348.  -   line-height: 13px;
  353. 349.  - }
  354. 350.  - .like_dived_full .like_wrap .like_right {
  355. 351.  -   position: absolute;
  356. 352.  -   right: 0;
  357. 353.  -   z-index: 90;
  358. 354.  - }
  359. 355.  - .like_dived_full .like_wrap .like_left {
  360. 356.  -   position: relative;
  361. 357.  -   left: 0;
  362. 358.  -   z-index: 100;
  363. 359.  -   background: #5f83aa;
  364. 360.  - }
  365. 361.  - .like_dived_full .like_minified .like_left {
  366. 362.  -   border-right: none;
  367. 363.  - }
  368. 364.  - .like_small .like_wrap {
  369. 365.  -   margin-right: 8px;
  370. 366.  - }
  371. 367.  - .like_small .like_right {
  372. 368.  -   width: 11px;
  373. 369.  -   padding: 0px 7px 0px 6px;
  374. 370.  - }
  375. 371.  - .like_small .icon_heart {
  376. 372.  -   opacity: 0.5;
  377. 373.  -   filter: alpha(opacity=50);
  378. 374.  - }
  379. 375.  - .like_small .checked .icon_heart {
  380. 376.  -   opacity: 1;
  381. 377.  -   filter: alpha(opacity=100);
  382. 378.  - }
  383. 379.  - .like_small_vertical .like_left {
  384. 380.  -   padding-left: 4px;
  385. 381.  -   padding-right: 0px;
  386. 382.  - }
  387. 383.  - .like_small_vertical .like_right {
  388. 384.  -   padding: 0px 5px 0px 4px;
  389. 385.  - }
  390. 386.  -
  391. 387.  -
  392. 388.  - /* Due to right part visible */
  393. 389.  -
  394. 390.  - .like_icon {
  395. 391.  -   width: 10px;
  396. 392.  -   height: 10px;
  397. 393.  -   background: url(/images/icons/like_widget.png?1) 0 0 no-repeat;
  398. 394.  -   overflow: hidden;
  399. 395.  - }
  400. 396.  - .is_2x .like_icon {
  401. 397.  -   background-image: url(/images/icons/like_widget_2x.png?1);
  402. 398.  -   background-size: 37px 42px;
  403. 399.  - }
  404. 400.  - .like_wrap .icon_v, .like_wrap .icon_heart {
  405. 401.  -   -webkit-transition: opacity 200ms linear;
  406. 402.  -   -moz-transition: opacity 200ms linear;
  407. 403.  -   -o-transition: opacity 200ms linear;
  408. 404.  -   transition: opacity 200ms linear;
  409. 405.  - }
  410. 406.  - .like_wrap .icon_v {
  411. 407.  -   background-position: 0 -8px;
  412. 408.  -   position: absolute;
  413. 409.  -   margin: 2px 2px 1px 3px;
  414. 410.  -   width: 7px;
  415. 411.  -   height: 9px;
  416. 412.  - }
  417. 413.  - .like_wrap .icon_heart {
  418. 414.  -   background-position: -25px -8px;
  419. 415.  -   position: absolute;
  420. 416.  -   width: 10px;
  421. 417.  -   margin: 3px 2px 1px 1px;
  422. 418.  -   height: 9px;
  423. 419.  - }
  424. 420.  - .like_dived .like_wrap .icon_heart {
  425. 421.  -   opacity: 0;
  426. 422.  -   filter: alpha(opacity=0);
  427. 423.  - }
  428. 424.  - .like_dived .checked .icon_v {
  429. 425.  -   opacity: 0;
  430. 426.  -   filter: alpha(opacity=0);
  431. 427.  - }
  432. 428.  - .like_dived .checked .icon_heart {
  433. 429.  -   opacity: 1;
  434. 430.  -   filter: alpha(opacity=100);
  435. 431.  - }
  436. 432.  - .is_eng .like_wrap .icon_v {
  437. 433.  -   background-position: -8px -8px;
  438. 434.  -   width: 16px;
  439. 435.  -   margin-left: 1px;
  440. 436.  - }
  441. 437.  - .is_eng .like_wrap .like_left {
  442. 438.  -   border-right: none;
  443. 439.  - }
  444. 440.  - .is_eng .like_wrap .icon_heart {
  445. 441.  -   margin-left: 4px;
  446. 442.  - }
  447. 443.  -
  448. 444.  - .is_eng .like_small .icon_heart {
  449. 445.  -   margin-left: 1px;
  450. 446.  - }
  451. 447.  - .is_eng .like_small_vertical .icon_heart {
  452. 448.  -   margin-left: 2px;
  453. 449.  - }
  454. 450.  -
  455. 451.  - .like_dived .checkbox_over .like_right {
  456. 452.  -   border-color: #8596A9;
  457. 453.  - }
  458. 454.  - .like_dived .checkbox_over .like_right .like_right_border {
  459. 455.  -   background: #E3EAF1;
  460. 456.  -   border-color: #fff #E3EAF1 #E3EAF1 #E3EAF1;
  461. 457.  -   -webkit-user-select: none;
  462. 458.  -   -moz-user-select: none;
  463. 459.  - }
  464. 460.  -
  465. 461.  - .like_small_vertical .like_wrap1 {
  466. 462.  -   float: none;
  467. 463.  - }
  468. 464.  - .like_small_vertical .like_wrap {
  469. 465.  -   margin: 0;
  470. 466.  - }
  471. 467.  - .like_small_vertical td.like_right .like_right_border {
  472. 468.  -   padding: 4px 4px 2px;
  473. 469.  - }
  474. 470.  -
  475. 471.  - /* Like designs */
  476. 472.  - .like_tabled .like_wrap table {
  477. 473.  -   border-collapse: collapse;
  478. 474.  -   border: 0;
  479. 475.  -   padding: 0;
  480. 476.  - }
  481. 477.  -
  482. 478.  -
  483. 479.  - .like_small_vertical .like_wrap {
  484. 480.  -   margin: 0;
  485. 481.  - }
  486. 482.  -
  487. 483.  -
  488. 484.  - .like_counter_wrap {
  489. 485.  -   display: block;
  490. 486.  -   border: 1px solid #bbbfc4;
  491. 487.  -   color: #666c73;
  492. 488.  -   -webkit-border-radius: 2px;
  493. 489.  -   -moz-border-radius: 2px;
  494. 490.  -   border-radius: 2px;
  495. 491.  -   cursor: pointer;
  496. 492.  -   margin-left: 1px;
  497. 493.  -   padding: 3px 5px 4px;
  498. 494.  -   font-weight: bold;
  499. 495.  -   line-height: 13px;
  500. 496.  -   background: #ffffff;
  501. 497.  - }
  502. 498.  - .like_counter_wrap:hover {
  503. 499.  -   text-decoration: none;
  504. 500.  - }
  505. 501.  -
  506. 502.  -
  507. 503.  - .like_counter_wrap .arrow {
  508. 504.  -   position: absolute;
  509. 505.  -   width: 5px;
  510. 506.  -   height: 9px;
  511. 507.  -   background-position: 0px -27px;
  512. 508.  -   overflow: hidden;
  513. 509.  -   margin-left: -10px;
  514. 510.  -   margin-top: 2px;
  515. 511.  - }
  516. 512.  - .like_small_vertical .arrow {
  517. 513.  -   width: 8px;
  518. 514.  -   height: 6px;
  519. 515.  -   overflow: hidden;
  520. 516.  -   margin: -1px 0 2px 26px;
  521. 517.  -   background-position: -6px -27px;
  522. 518.  - }
  523. 519.  - .like_counter_link {
  524. 520.  -   display: block;
  525. 521.  - }
  526. 522.  - .like_counter_link:hover {
  527. 523.  -   text-decoration: none;
  528. 524.  - }
  529. 525.  - #stats_text {
  530. 526.  -   line-height: 11px;
  531. 527.  -   margin-top: 5px;
  532. 528.  - }
  533. 529.  - .like_dived_full #stats_text {
  534. 530.  -   margin: 0;
  535. 531.  - }
  536. 532.  - #like_table_left {
  537. 533.  -   vertical-align: top;
  538. 534.  - }
  539. 535.  - #like_table_right {
  540. 536.  -   padding-left: 10px;
  541. 537.  -   text-align: left;
  542. 538.  -   vertical-align: middle;
  543. 539.  - }
  544. 540.  -
  545. 541.  -
  546. 542.  - /* 24px */
  547. 543.  - .like_wrap_h24 .like_wrap {
  548. 544.  -   padding-top: 5px;
  549. 545.  -   padding-bottom: 5px;
  550. 546.  - }
  551. 547.  - .like_wrap_h24 .like_wrap .icon_v {
  552. 548.  -   background-position: 0px -17px;
  553. 549.  -   height: 10px;
  554. 550.  -   width: 8px;
  555. 551.  -   margin-top: 2px;
  556. 552.  -   margin-left: 4px;
  557. 553.  - }
  558. 554.  - .like_wrap_h24 .like_wrap .icon_heart {
  559. 555.  -   background-position: -25px -17px;
  560. 556.  -   height: 10px;
  561. 557.  -   width: 12px;
  562. 558.  -   margin-top: 2px;
  563. 559.  -   margin-left: 2px;
  564. 560.  - }
  565. 561.  - .like_wrap_h24 .like_counter_wrap {
  566. 562.  -   padding-top: 5px;
  567. 563.  -   padding-bottom: 5px;
  568. 564.  -   line-height: 12px;
  569. 565.  -   height: 12px;
  570. 566.  - }
  571. 567.  - .like_wrap_h24 .like_counter_wrap .arrow {
  572. 568.  -   width: 5px;
  573. 569.  -   margin-left: -10px;
  574. 570.  -   margin-top: 1px;
  575. 571.  - }
  576. 572.  - .like_wrap_h24 .like_left {
  577. 573.  -   width: 18px;
  578. 574.  - }
  579. 575.  - .like_small.like_wrap_h24 .like_left {
  580. 576.  -   padding-right: 0px;
  581. 577.  - }
  582. 578.  - .like_small.like_wrap_h24 .like_right {
  583. 579.  -   padding: 0px 10px 0px 5px;
  584. 580.  - }
  585. 581.  - .like_small_vertical.like_wrap_h24 .like_left {
  586. 582.  -   padding-left: 2px;
  587. 583.  -   width: 17px;
  588. 584.  - }
  589. 585.  - .like_small_vertical.like_wrap_h24 .like_right {
  590. 586.  -   padding: 0px 5px 0px 2px;
  591. 587.  - }
  592. 588.  -
  593. 589.  - /* 20px */
  594. 590.  - .like_wrap_h20 .like_wrap {
  595. 591.  -   padding-top: 3px;
  596. 592.  -   padding-bottom: 3px;
  597. 593.  - }
  598. 594.  - .like_wrap_h20 .like_wrap .icon_v {
  599. 595.  -   background-position: 0px 0px;
  600. 596.  -   height: 8px;
  601. 597.  -   margin-top: 3px;
  602. 598.  - }
  603. 599.  - .like_wrap_h20 .like_wrap .icon_heart {
  604. 600.  -   background-position: -25px 0px;
  605. 601.  -   height: 8px;
  606. 602.  -   margin-top: 3px;
  607. 603.  - }
  608. 604.  - .like_wrap_h20 .like_counter_wrap {
  609. 605.  -   font-size: 10px;
  610. 606.  -   padding-top: 3px;
  611. 607.  -   padding-bottom: 3px;
  612. 608.  -   line-height: 12px;
  613. 609.  - }
  614. 610.  - .like_wrap_h20 .like_counter_wrap .arrow {
  615. 611.  -   width: 4px;
  616. 612.  -   margin-left: -9px;
  617. 613.  -   margin-top: 1px;
  618. 614.  - }
  619. 615.  -
  620. 616.  - /* 18px */
  621. 617.  - .like_wrap_h18 .like_wrap {
  622. 618.  -   padding-top: 3px;
  623. 619.  -   padding-bottom: 3px;
  624. 620.  - }
  625. 621.  - .like_wrap_h18 .like_wrap .icon_v {
  626. 622.  -   background-position: 0px 0px;
  627. 623.  -   height: 8px;
  628. 624.  -   margin-top: 2px;
  629. 625.  - }
  630. 626.  - .like_wrap_h18 .like_wrap .icon_heart {
  631. 627.  -   background-position: -25px 0px;
  632. 628.  -   height: 8px;
  633. 629.  -   margin-top: 2px;
  634. 630.  - }
  635. 631.  - .like_wrap_h18 .like_counter_wrap {
  636. 632.  -   font-size: 10px;
  637. 633.  -   padding-top: 2px;
  638. 634.  -   padding-bottom: 2px;
  639. 635.  -   line-height: 12px;
  640. 636.  - }
  641. 637.  - .like_wrap_h18 .like_counter_wrap .arrow {
  642. 638.  -   width: 4px;
  643. 639.  -   margin-left: -9px;
  644. 640.  -   margin-top: 1px;
  645. 641.  - }
  646. 642.  - .like_wrap_h18 .like_left {
  647. 643.  -   height: 12px;
  648. 644.  - }
  649. 645.  - .like_wrap_h18 .like_right {
  650. 646.  -   font-size: 10px;
  651. 647.  -   padding-bottom: 0px;
  652. 648.  -   line-height: 11px;
  653. 649.  - }
  654. 650.  -
  655. 651.  -
  656. 652.  - .like_row_cont {
  657. 653.  -   width: 120px;
  658. 654.  -   overflow: hidden;
  659. 655.  -   height: 133px;
  660. 656.  -   text-align: center;
  661. 657.  - }
  662. 658.  - .like_img_cont {
  663. 659.  -   display: block;
  664. 660.  -   width: 100px;
  665. 661.  -   height: 100px;
  666. 662.  -   overflow: hidden;
  667. 663.  -   margin: 0px 10px 5px 10px;
  668. 664.  - }
  669. 665.  - .like_more_link {
  670. 666.  -   display: none;
  671. 667.  -   background: #EEF0F2;
  672. 668.  -   text-align: center;
  673. 669.  -   padding: 16px;
  674. 670.  -   color: #738392;
  675. 671.  -   width: 588px;
  676. 672.  -   height: 15px;
  677. 673.  - }
  678. 674.  - .like_more_link:hover {
  679. 675.  -   text-decoration: none;
  680. 676.  -   background: #E9EDF1;
  681. 677.  - }
  682. 678.  - .like_more_progress {
  683. 679.  -   display: none;
  684. 680.  -   height: 15px;
  685. 681.  -   background: #EEF0F2 url(/images/upload.gif) no-repeat 50% 50%;
  686. 682.  -   padding: 16px;
  687. 683.  -   color: #738392;
  688. 684.  -   width: 588px;
  689. 685.  - }
  690. 686.  - #like_users_cont {
  691. 687.  -   padding: 16px 10px 1px;
  692. 688.  - }
  693. 689.  - #like_tabs {
  694. 690.  -   width: 590px;
  695. 691.  - }
  696. 692.  - #like_tabs_prg {
  697. 693.  -   visibility: visible;
  698. 694.  -   display: none;
  699. 695.  -   position: absolute;
  700. 696.  -   margin-left: 555px;
  701. 697.  - }
  702. 698.  - .like_no_rows {
  703. 699.  -   padding: 200px 20px;
  704. 700.  -   color: #777;
  705. 701.  -   background-color: #FFF;
  706. 702.  -   padding: 140px 20px;
  707. 703.  -   text-align: center;
  708. 704.  -   font-size: 1.21em;
  709. 705.  - }
  710. 706.  - .summary_tabs {
  711. 707.  -   font-size: 11px;
  712. 708.  -   padding: 5px 5px;
  713. 709.  -   border-bottom: 1px solid #DAE1E8;
  714. 710.  -   background: #F7F7F7;
  715. 711.  - }
  716. 712.  - .summary_tab, .summary_tab_sel {
  717. 713.  -   font-weight: bold;
  718. 714.  -   padding: 8px 5px 7px;
  719. 715.  - }
  720. 716.  - .summary_tab2 {
  721. 717.  -   -webkit-border-radius: 2px;
  722. 718.  -   -khtml-border-radius: 2px;
  723. 719.  -   -moz-border-radius: 2px;
  724. 720.  -   border-radius: 2px;
  725. 721.  -   padding: 3px 8px 4px;
  726. 722.  -   display: block;
  727. 723.  - }
  728. 724.  - .summary_tab2:hover {
  729. 725.  -   background: #E1E7ED;
  730. 726.  -   text-decoration: none;
  731. 727.  - }
  732. 728.  - .summary_tab_sel .summary_tab2, .summary_tab_sel .summary_tab2:hover {
  733. 729.  -   padding: 3px 8px 4px;
  734. 730.  -   background: #597DA3;
  735. 731.  - }
  736. 732.  - .summary_tab3 {
  737. 733.  -   max-width: 230px;
  738. 734.  -   *display: inline;
  739. 735.  -   height: 13px;
  740. 736.  -   overflow: hidden;
  741. 737.  -   font-weight: bold;
  742. 738.  -   color: #45688E;
  743. 739.  -   padding: 0;
  744. 740.  -   -o-text-overflow: ellipsis;
  745. 741.  -   text-overflow: ellipsis;
  746. 742.  -   line-height: 120%;
  747. 743.  - }
  748. 744.  - .summary_tab_sel .summary_tab3 {
  749. 745.  -   color: #FFF;
  750. 746.  - }
  751. 747.  -
  752. 748.  -
  753. 749.  - /* Poll widget start */
  754. 750.  - .pollMain {
  755. 751.  -   border:1px solid #BEC8D3;
  756. 752.  - }
  757. 753.  -
  758. 754.  - .pollContent {
  759. 755.  -   padding: 8px 7px;
  760. 756.  - }
  761. 757.  - .pollContent h1 {
  762. 758.  -   font-size: 11px;
  763. 759.  -   font-weight: bold;
  764. 760.  -   margin: 0 3px 5px 3px;
  765. 761.  - }
  766. 762.  - .pollContent .radiobtn_container {
  767. 763.  -   margin-left: 3px;
  768. 764.  - }
  769. 765.  - .pollStats {
  770. 766.  -   width: 100%;
  771. 767.  - }
  772. 768.  - .pollStatsText {
  773. 769.  -   padding-top: 5px;
  774. 770.  - }
  775. 771.  - .pollStatsBg {
  776. 772.  -   width: 95%;
  777. 773.  -   background: #FAFAFA;
  778. 774.  - }
  779. 775.  - .pollStatsFg {
  780. 776.  -   background: #DAE2E8;
  781. 777.  -   border-top:1px solid #CAD1D9;
  782. 778.  -   font-size:0;
  783. 779.  -   height:14px;
  784. 780.  -   overflow:hidden;
  785. 781.  - }
  786. 782.  - .pollStatsDesc {
  787. 783.  -   padding-left: 5px;
  788. 784.  -   width: 50px;
  789. 785.  -   max-width: 100px;
  790. 786.  - }
  791. 787.  - .pollFooter {
  792. 788.  -   background: #F2F2F2;
  793. 789.  -   border-top: 1px solid #BEC8D3;
  794. 790.  -   padding: 8px;
  795. 791.  - }
  796. 792.  - .pollFooter textarea {
  797. 793.  -   width: 100%;
  798. 794.  -   margin: 0;
  799. 795.  - }
  800. 796.  - .pollFooter .button_yes {
  801. 797.  -   margin: 8px 0 0 0;
  802. 798.  - }
  803. 799.  - .commHead a.pollUnvote {
  804. 800.  -   color: #A9B8CB;
  805. 801.  -   font-weight: bold;
  806. 802.  - }
  807. 803.  - #pollMain #loading {
  808. 804.  -   margin: 5px 0 0 3px;
  809. 805.  -   float: right;
  810. 806.  - }
  811. 807.  -
  812. 808.  -
  813. 809.  - .commHead {
  814. 810.  -   background: center no-repeat #dae2e8;
  815. 811.  -   border-bottom: 1px solid #ccd3da;
  816. 812.  -   height: 16px;
  817. 813.  -   color: #45688e;
  818. 814.  -   font-weight: bold;
  819. 815.  -   padding: 2px 8px 2px 8px;
  820. 816.  -   vertical-align: middle;
  821. 817.  -   line-height: 20px;
  822. 818.  - }
  823. 819.  - .commHead a {
  824. 820.  -   line-height: 16px;
  825. 821.  -   vertical-align: top;
  826. 822.  - }
  827. 823.  - .commHead .fl_r {
  828. 824.  -   font-weight: normal;
  829. 825.  - }
  830. 826.  - .commHead span {
  831. 827.  -   line-height: 16px;
  832. 828.  -   vertical-align:top;
  833. 829.  - }
  834. 830.  - .commHead span img {
  835. 831.  -   vertical-align: top;
  836. 832.  -   margin-top: 5px;
  837. 833.  -   margin-left: 5px;
  838. 834.  - }
  839. 835.  - .commHead .notYou {
  840. 836.  -   font-weight: normal;
  841. 837.  - }
  842. 838.  - .commHead a.moderLink {
  843. 839.  -   color: #A9B8CB !important;
  844. 840.  -   margin-left: 5px;
  845. 841.  - }
  846. 842.  - /* Poll widget end */
  847. 843.  -
  848. 844.  -
  849. 845.  -
  850. 846.  -
  851. 847.  -
  852. 848.  - /* Animated counters */
  853. 849.  - .inl_bl {display:-moz-inline-stack; display:inline-block; _overflow:hidden; zoom:1; *display:inline;}
  854. 850.  - .counter_anim_wrap {
  855. 851.  -   position: relative;
  856. 852.  -   height: 1em;
  857. 853.  -   overflow: hidden;
  858. 854.  - }
  859. 855.  - .counter_anim {
  860. 856.  -   position: absolute;
  861. 857.  -   right: 0;
  862. 858.  -   text-align: right;
  863. 859.  - }
  864. 860.  - .counter_css_anim_wrap {
  865. 861.  -   -webkit-transition: width 100ms linear;
  866. 862.  -   -moz-transition: width 100ms linear;
  867. 863.  -   -o-transition: width 100ms linear;
  868. 864.  -   transition: width 100ms linear;
  869. 865.  - }
  870. 866.  - .counter_css_anim_wrap .counter_anim {
  871. 867.  -   -webkit-transition: margin-top 300ms ease-out;
  872. 868.  -   -moz-transition: margin-top 300ms ease-out;
  873. 869.  -   -o-transition: margin-top 300ms ease-out;
  874. 870.  -   transition: margin-top 300ms ease-out;
  875. 871.  - }
  876. ------
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!