Hormold

VK Change (#1384698603)

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