API tools faq
paste
Hormold

VK Change (#1384708502)

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