Hormold

VK Change (#1384418710)

Nov 14th, 2013
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 22.79 KB | None | 0 0
  1. Файл - friends.css (Старый размер - 16640 | Новый - 0):
  2. 0.  - #friends_css {
  3. 1.  -   display: none;
  4. 2.  - }
  5. 3.  - .friends_add_block {
  6. 4.  -   padding: 0px 0px 8px 14px;
  7. 5.  -   width: 260px;
  8. 6.  - }
  9. 7.  - .friends_add_block .checkbox {
  10. 8.  -   margin-top: 3px;
  11. 9.  -   margin-bottom: 6px;
  12. 10.  - }
  13. 11.  - .friends_add_image {
  14. 12.  -   padding-top: 3px;
  15. 13.  - }
  16. 14.  - #friends .search {
  17. 15.  -   background: #f7f7f7;
  18. 16.  -   padding: 10px;
  19. 17.  -   border-bottom: 1px solid #dae1e8;
  20. 18.  - }
  21. 19.  - #friends_req_tabs {
  22. 20.  -   background: #F7F7F7;
  23. 21.  -   border-bottom: 1px solid #dae1e8;
  24. 22.  -   display: none;
  25. 23.  - }
  26. 24.  - #friends #s_search {
  27. 25.  -   width: 545px;
  28. 26.  -   background: #FFF url(/images/magglass.png) no-repeat 5px 6px;
  29. 27.  -   outline: none;
  30. 28.  -   padding: 5px 40px 6px 20px;
  31. 29.  - }
  32. 30.  - .is_rtl1 #friends #s_search {
  33. 31.  -   padding: 5px 20px 6px 40px;
  34. 32.  -   background: #FFF url(/images/magglass.png) no-repeat 328px 6px;
  35. 33.  - }
  36. 34.  - #friends #s_search.s_search_inv {
  37. 35.  -   width: 284px;
  38. 36.  - }
  39. 37.  - #friends #s_search::-ms-clear {
  40. 38.  -   display: none;
  41. 39.  - }
  42. 40.  - #friends #invite_button {
  43. 41.  -   width: 134px;
  44. 42.  - }
  45. 43.  - #friends td {
  46. 44.  -   vertical-align: top;
  47. 45.  - }
  48. 46.  - #friends .main_panel {
  49. 47.  -   border-right: 1px solid #D9E1E7;
  50. 48.  -   width: 447px;
  51. 49.  -   padding: 5px 15px 6px 15px;
  52. 50.  - }
  53. 51.  - #friends .wide .main_panel {
  54. 52.  -   border-right: none;
  55. 53.  -   width: 608px;
  56. 54.  - }
  57. 55.  - #friends .wide .main_panel a.more {
  58. 56.  -   width: 598px;
  59. 57.  - }
  60. 58.  - #friends .main_panel a.more {
  61. 59.  -   display: block;
  62. 60.  -   padding: 8px 0px;
  63. 61.  -   text-align: center;
  64. 62.  -   margin: 8px 0px 10px 0px;
  65. 63.  - }
  66. 64.  - #friends .main_panel a.more:hover {
  67. 65.  -   text-decoration: none;
  68. 66.  -   background: #E9EDF1;
  69. 67.  - }
  70. 68.  - #friends .main_panel .load_more {
  71. 69.  -   display: block;
  72. 70.  -   width: 426px;
  73. 71.  -   height: 31px;
  74. 72.  -   background: url('/images/upload.gif') center center no-repeat;
  75. 73.  - }
  76. 74.  - #friends .main_panel .load_more a.more {
  77. 75.  -   display: none;
  78. 76.  - }
  79. 77.  - #friends .info_msg {
  80. 78.  -   font-size: 1.2em;
  81. 79.  -   background: #FFFFFF;
  82. 80.  -   border: none;
  83. 81.  -   padding: 130px 10px;
  84. 82.  -   margin: 15px 5px;
  85. 83.  -   text-align: center;
  86. 84.  -   color: #777777;
  87. 85.  -   max-width: 395px;
  88. 86.  -   word-wrap: break-word;
  89. 87.  -   overflow: hidden;
  90. 88.  -   text-overflow: ellipsis;
  91. 89.  - }
  92. 90.  - #friends .info_msg .by_search {
  93. 91.  -   display: none;
  94. 92.  - }
  95. 93.  - #friends .f_search .by_search {
  96. 94.  -   display: block;
  97. 95.  - }
  98. 96.  - #friends .f_search .empty {
  99. 97.  -   display: none;
  100. 98.  - }
  101. 99.  -
  102. 100.  - /* User block */
  103. 101.  - #friends .user_block {
  104. 102.  -   border-top: 1px solid #ededed;
  105. 103.  -   padding: 10px 0px;
  106. 104.  -   clear: both;
  107. 105.  - }
  108. 106.  - #friends .user_block_first {
  109. 107.  -   border-top: none;
  110. 108.  - }
  111. 109.  - #friends .user_block .img {
  112. 110.  -   width: 100px;
  113. 111.  -   height: 100px;
  114. 112.  -   display: block;
  115. 113.  -   overflow: hidden;
  116. 114.  - }
  117. 115.  - #friends .user_block .info, #friends .user_block .info_no_actions {
  118. 116.  -   width: 182px;
  119. 117.  -   padding-top: 4px;
  120. 118.  -   padding-left: 14px;
  121. 119.  -   overflow: hidden;
  122. 120.  - }
  123. 121.  - .font_medium #friends .user_block .info {
  124. 122.  -   width: 172px;
  125. 123.  - }
  126. 124.  - #friends .wide .user_block .info {
  127. 125.  -   width: 352px;
  128. 126.  - }
  129. 127.  - #friends .wide .user_block .info_no_actions {
  130. 128.  -   width: 475px;
  131. 129.  - }
  132. 130.  - #friends .user_block .online {
  133. 131.  -   color: #BBBBBB;
  134. 132.  -   padding: 0px 0px 5px 0px;
  135. 133.  - }
  136. 134.  - .is_rtl1 #friends .user_block .online {
  137. 135.  -   color: #BBBBBB;
  138. 136.  -   padding: 0px 0px 5px 0px;
  139. 137.  - }
  140. 138.  - #friends .user_block .phones {
  141. 139.  -   color: #000000;
  142. 140.  -   padding-top: 1px;
  143. 141.  - }
  144. 142.  - #friends .user_block .actions {
  145. 143.  -   width: 126px;
  146. 144.  -   height: 100px;
  147. 145.  -   display: block;
  148. 146.  -   background: #FFFFFF;
  149. 147.  - }
  150. 148.  - .font_medium #friends .user_block .actions {
  151. 149.  -   width: 140px;
  152. 150.  - }
  153. 151.  - #friends .wide .user_block .actions {
  154. 152.  -   width: 130px;
  155. 153.  - }
  156. 154.  - .friends_act {
  157. 155.  -   display: block;
  158. 156.  -   padding: 4px 6px 4px 6px;
  159. 157.  - }
  160. 158.  - .friends_act:hover {
  161. 159.  -   background: #E1E7ED;
  162. 160.  -   text-decoration: none;
  163. 161.  - }
  164. 162.  - .friends_field {
  165. 163.  -   padding-bottom: 5px;
  166. 164.  - }
  167. 165.  - #friends .user_block .lists {
  168. 166.  -   padding-top: 0px;
  169. 167.  - }
  170. 168.  - #friends .user_block .common_friends a {
  171. 169.  -   margin-right: 4px;
  172. 170.  - }
  173. 171.  - #friends .user_block .info em, #friends .user_block .info_no_actions em {
  174. 172.  -   font-style: normal;
  175. 173.  -   background: #E1E7ED;
  176. 174.  -   border-bottom: 1px solid #DAE1E8;
  177. 175.  -   padding: 0px 1px 0px;
  178. 176.  -   margin: 0px -1px;
  179. 177.  -   *padding: 0px;
  180. 178.  -   *margin: 0px;
  181. 179.  - }
  182. 180.  - #friends .wide_loading {
  183. 181.  -   background: url('/images/progress7.gif') center center no-repeat;
  184. 182.  -   height: 300px;
  185. 183.  - }
  186. 184.  -
  187. 185.  -
  188. 186.  - /* Requests */
  189. 187.  - #friends .common .img {
  190. 188.  -   width: 100px;
  191. 189.  -   height: 100px;
  192. 190.  -   display: block;
  193. 191.  - }
  194. 192.  - #friends .common .info, #friends .common .info_no_actions {
  195. 193.  -   width: 290px;
  196. 194.  - }
  197. 195.  - #friends .request .info, #friends .request .info_no_actions {
  198. 196.  -   width: 290px;
  199. 197.  - }
  200. 198.  - #friends .common .controls {
  201. 199.  -   padding: 7px 0px 4px 0px;
  202. 200.  -   width: 295px;
  203. 201.  -   margin-left: 0px;
  204. 202.  - }
  205. 203.  - #friends .wide .common .controls {
  206. 204.  -   width: 425px;
  207. 205.  - }
  208. 206.  - #friends .common .info a.deny_request, #friends .common .info_no_actions a.deny_request {
  209. 207.  -   display: block;
  210. 208.  -   padding: 6px 10px 0px;
  211. 209.  -   margin: 0px 0px 0px 5px;
  212. 210.  -   font-weight: normal;
  213. 211.  -   height: 20px;
  214. 212.  -   text-align: center;
  215. 213.  -   display: none;
  216. 214.  - }
  217. 215.  - #friends .common .info a.deny_request:hover, #friends .common .info_no_actions a.deny_request:hover {
  218. 216.  -   background: #E1E7ED;
  219. 217.  -   text-decoration: none;
  220. 218.  - }
  221. 219.  - #friends .common .box_msg {
  222. 220.  -   background-color: #F7F7F7;
  223. 221.  -   border: 1px solid #CCC;
  224. 222.  -   font-weight: normal;
  225. 223.  -   margin: 0px;
  226. 224.  -   padding: 5px 11px;
  227. 225.  -   width: 225px;
  228. 226.  - }
  229. 227.  - #friends .common .box_msg .passive {
  230. 228.  -   color: #777777;
  231. 229.  - }
  232. 230.  - #friends .common .common_friends_label {
  233. 231.  -   margin-left: 0px;
  234. 232.  -   color: #777;
  235. 233.  - }
  236. 234.  - #friends .common .common_friends {
  237. 235.  -   padding-top: 6px;
  238. 236.  -   margin-left: 0px;
  239. 237.  -   color: #777;
  240. 238.  - }
  241. 239.  - #friends .common .labeled {
  242. 240.  -   width: 250px;
  243. 241.  - }
  244. 242.  - #friends .request .info a.deny_request, #friends .request .info_no_actions a.deny_request {
  245. 243.  -   display: block;
  246. 244.  - }
  247. 245.  -
  248. 246.  - /* Filters block */
  249. 247.  - #friends .side_panel {
  250. 248.  -   width: 150px;
  251. 249.  -   background-color: #F7F7F7;
  252. 250.  -   padding: 10px;
  253. 251.  - }
  254. 252.  - #friends .wide .side_panel {
  255. 253.  -   display: none;
  256. 254.  - }
  257. 255.  - #friends .sections_block {
  258. 256.  -   width: 150px;
  259. 257.  -   overflow: hidden;
  260. 258.  - }
  261. 259.  - #friends .sections_block .side_filter {
  262. 260.  -   border: none;
  263. 261.  -   color: #2B587A;
  264. 262.  -   cursor: pointer;
  265. 263.  -   display: block;
  266. 264.  -   padding: 6px 6px 7px 10px;
  267. 265.  -   background-color: #F7F7F7;
  268. 266.  -   background-repeat: no-repeat;
  269. 267.  -   background-position: 127px center;
  270. 268.  -   width: 134px;
  271. 269.  - }
  272. 270.  - #friends .sections_block .side_filter:hover {
  273. 271.  -   background-color: #E1E7ED;
  274. 272.  -   text-decoration: none;
  275. 273.  - }
  276. 274.  - #friends .sections_block .cur_section {
  277. 275.  -   color: white;
  278. 276.  -   background-color: #5e82a8;
  279. 277.  - }
  280. 278.  - #friends .sections_block .loading {
  281. 279.  -   background-image: url('/images/upload_inv_mini.gif');
  282. 280.  - }
  283. 281.  - #friends .sections_block .cur_section:hover {
  284. 282.  -   background-color: #5e82a8;
  285. 283.  - }
  286. 284.  - #friends .sections_block .sep {
  287. 285.  -   border-top: 1px solid #DAE1E8;
  288. 286.  -   margin-top: 6px;
  289. 287.  -   margin-bottom: 6px;
  290. 288.  - }
  291. 289.  - #friends .create_list {
  292. 290.  -   display: block;
  293. 291.  -   text-align: right;
  294. 292.  -   width: 200px;
  295. 293.  -   padding-top: 5px;
  296. 294.  - }
  297. 295.  - #friends .page_end {
  298. 296.  -   display: block;
  299. 297.  -   position: relative;
  300. 298.  - }
  301. 299.  -
  302. 300.  - /* Lists */
  303. 301.  - #friends .lists span {
  304. 302.  -   margin: 3px 4px 4px 0px;
  305. 303.  -   cursor: pointer;
  306. 304.  -   display: block;
  307. 305.  -   font-size: 1em;
  308. 306.  -   padding: 1px 5px;
  309. 307.  -   border-radius: 3px;
  310. 308.  -   -moz-border-radius: 3px;
  311. 309.  -   -webkit-border-radius: 3px;
  312. 310.  - }
  313. 311.  -
  314. 312.  - /* Tabs */
  315. 313.  -
  316. 314.  - #friends .tabs {
  317. 315.  -   background: #FFFFFF;
  318. 316.  - }
  319. 317.  -
  320. 318.  - /* for input focus at start */
  321. 319.  - #friends .search .input_back {
  322. 320.  -   color: #C0C8D0;
  323. 321.  - }
  324. 322.  - .common_friends_box {
  325. 323.  -   overflow: auto;
  326. 324.  -   max-height: 380px;
  327. 325.  -   padding: 10px;
  328. 326.  -   padding-bottom: 0px;
  329. 327.  -   width: 388px;
  330. 328.  - }
  331. 329.  - .common_friends_box .common_row {
  332. 330.  -   border-bottom: 1px solid #dee4e8;
  333. 331.  -   margin-bottom: 5px;
  334. 332.  -   padding-bottom: 2px;
  335. 333.  -   height: 53px;
  336. 334.  - }
  337. 335.  - .common_friends_box .common_row:last-child {
  338. 336.  -   border-bottom: none;
  339. 337.  - }
  340. 338.  - .common_friends_box .common_row .common_info {
  341. 339.  -   display: block;
  342. 340.  -   float: left;
  343. 341.  -   width: 300px;
  344. 342.  - }
  345. 343.  - .common_friends_box .common_row .photo {
  346. 344.  -   display: block;
  347. 345.  -   width: 60px;
  348. 346.  -   float:left;
  349. 347.  - }
  350. 348.  - .common_friends_box .common_row b {
  351. 349.  -   color: #888888;
  352. 350.  -   font-weight: normal;
  353. 351.  - }
  354. 352.  -
  355. 353.  - /*lists*/
  356. 354.  - #friends .lists_menu {
  357. 355.  -   position: absolute;
  358. 356.  -   margin-left: -1px;
  359. 357.  -   margin-top: 0px;
  360. 358.  - }
  361. 359.  - #friends .lists_header {
  362. 360.  -   border: 1px solid #517295;
  363. 361.  -   cursor: pointer;
  364. 362.  -   width: 130px;
  365. 363.  -   z-index: 1500;
  366. 364.  -   position: absolute;
  367. 365.  - }
  368. 366.  - #friends .lists_header div {
  369. 367.  -   border-color:#7E9CBC #5C82AB #5e82a8;
  370. 368.  -   border-style:solid;
  371. 369.  -   border-width:1px;
  372. 370.  -   color:#FFFFFF;
  373. 371.  -   padding:2px 5px;
  374. 372.  -   white-space: nowrap;
  375. 373.  -   padding-right: 17px;
  376. 374.  -   line-height: 1.27em;
  377. 375.  -   *line-height: 1.18em;
  378. 376.  -   *padding-right: 16px;
  379. 377.  -   background:#5e82a8 url('/images/flydead.gif') no-repeat right -15px;
  380. 378.  -   *background-position: -14px right;
  381. 379.  - }
  382. 380.  - #friends .friends_header_up div {
  383. 381.  -   background: #5e82a8 url('/images/flydead.gif') no-repeat right -57px;
  384. 382.  - }
  385. 383.  - #friends .lists_body {
  386. 384.  -   margin-left: -32px;
  387. 385.  -   margin-top: 20px;
  388. 386.  -   z-index: 1499;
  389. 387.  -   position: absolute;
  390. 388.  - }
  391. 389.  - #friends .summary_wrap #result_msg {
  392. 390.  -   margin-bottom: 10px;
  393. 391.  -   color: #000;
  394. 392.  - }
  395. 393.  -
  396. 394.  -
  397. 395.  - /* dropdown */
  398. 396.  - #friends .lists_shad_l div, #friends .lists_shad_r div {width: 1px}
  399. 397.  - #friends .lists_shad_l {background:#000000;filter: alpha(opacity=6);opacity:0.06;overflow:hidden;width:1px;}
  400. 398.  - #friends .lists_shad_b, #friends .lists_shad_b2 {background:#000000;height:2px;margin-top:-1px;filter: alpha(opacity=7);opacity:0.07;overflow:hidden;position:relative;z-index:148;}
  401. 399.  - #friends .lists_shad_b2 {filter: alpha(opacity=5);opacity:0.05;}
  402. 400.  - #friends .lists_shad_r {background:#000000;filter: alpha(opacity=6);opacity:0.06;overflow:hidden;width:1px;}
  403. 401.  -
  404. 402.  - #friends .lists_rows {
  405. 403.  -   background: #FFFFFF;
  406. 404.  -   border: 1px solid #96AABE;
  407. 405.  -   margin: 0px;
  408. 406.  -   position: relative;
  409. 407.  -   z-index: 1499;
  410. 408.  -   width: 161px;
  411. 409.  -   overflow: hidden;
  412. 410.  - }
  413. 411.  -
  414. 412.  - .friends_dd_item {
  415. 413.  -   display: block;
  416. 414.  -   padding: 4px 3px 0px 24px;
  417. 415.  -   height: 18px;
  418. 416.  - }
  419. 417.  - .friends_dd_item:hover {
  420. 418.  -   background: #EEF2F6;
  421. 419.  -   text-decoration: none;
  422. 420.  - }
  423. 421.  -
  424. 422.  - .friends_dd_item.checked {
  425. 423.  -   background: url('/images/dropdead_check.gif') no-repeat 4px 3px;
  426. 424.  - }
  427. 425.  - .friends_dd_item.checked:hover {
  428. 426.  -   background: #EEF2F6 url('/images/dropdead_check.gif') no-repeat 4px 3px;
  429. 427.  - }
  430. 428.  -
  431. 429.  - .friends_tt .tt_text,
  432. 430.  - .tt.friends_tt .tt_text {
  433. 431.  -   padding: 4px;
  434. 432.  - }
  435. 433.  - .friends_tt_item {
  436. 434.  -   display: block;
  437. 435.  -   padding: 4px 12px 0px 22px;
  438. 436.  -   height: 18px;
  439. 437.  - }
  440. 438.  - .friends_tt_item:hover {
  441. 439.  -   background: #E1E7ED;
  442. 440.  -   text-decoration: none;
  443. 441.  - }
  444. 442.  - .friends_tt_menu {
  445. 443.  -   padding: 0px 0px;
  446. 444.  - }
  447. 445.  - .friends_online {
  448. 446.  -   color: #AAA;
  449. 447.  -   margin-left: 8px;
  450. 448.  - }
  451. 449.  - .friends_tt_icon {
  452. 450.  -   margin: 1px 0 0 -16px;
  453. 451.  -   width: 11px;
  454. 452.  -   height: 11px;
  455. 453.  -   background-image: url(/images/icons/mono_iconset.gif?8);
  456. 454.  -   position: absolute;
  457. 455.  - }
  458. 456.  - .friends_tt_msg {
  459. 457.  -   background-position: 0 -192px;
  460. 458.  - }
  461. 459.  - .friends_tt_add {
  462. 460.  -   background-position: 0 -15px;
  463. 461.  - }
  464. 462.  - .friends_tt_cancel {
  465. 463.  -   background-position: 0 -236px;
  466. 464.  - }
  467. 465.  - .friends_tt_gift {
  468. 466.  -   background-position: 0 -104px;
  469. 467.  - }
  470. 468.  -
  471. 469.  - /*#friends .no_lists .user_block .actions a.lists_select {
  472. 470.  -   display: none;
  473. 471.  - }
  474. 472.  - #friends .no_lists .select_lists {
  475. 473.  -   display: none;
  476. 474.  - }*/
  477. 475.  - #friends .box_msg .lists_select {
  478. 476.  -   margin: 0px 5px;
  479. 477.  - }
  480. 478.  - #friends .no_lists .box_msg .lists_select {
  481. 479.  -   display: none;
  482. 480.  - }
  483. 481.  - #friends .box_msg .lists_menu {
  484. 482.  -   margin-top: -4px;
  485. 483.  -   margin-left: -1px;
  486. 484.  - }
  487. 485.  -
  488. 486.  - .box_labels .label {
  489. 487.  -   color: #777;
  490. 488.  -   padding-top: 3px;
  491. 489.  -   position: absolute;
  492. 490.  -   text-align: right;
  493. 491.  -   width: 100px;
  494. 492.  - }
  495. 493.  - .box_labels .labeled {
  496. 494.  -   padding-left: 110px;
  497. 495.  -   width: 200px;
  498. 496.  - }
  499. 497.  - .box_labels .labeled input {
  500. 498.  -   width: 200px;
  501. 499.  - }
  502. 500.  -
  503. 501.  - /* hide suggestions */
  504. 502.  - #friends .delete_row {
  505. 503.  -   height: 13px;
  506. 504.  -   width: 17px;
  507. 505.  -   margin-top: -2px;
  508. 506.  - }
  509. 507.  - #friends .delete_row div {
  510. 508.  -   background: #FFFFFF url(/images/pics/statusx.gif) no-repeat;
  511. 509.  -   cursor: pointer;
  512. 510.  -   height: 17px;
  513. 511.  -   width: 17px;
  514. 512.  - }
  515. 513.  -
  516. 514.  - .user_block .res {
  517. 515.  -   background-color: #F7F7F7;
  518. 516.  -   border: 1px solid #CCC;
  519. 517.  -   padding: 5px 11px;
  520. 518.  -   margin: 10px 0 0 10px;
  521. 519.  -   width: 315px;
  522. 520.  - }
  523. 521.  -
  524. 522.  - /* Convert requests to subscribers */
  525. 523.  - #friend_convert_sure {
  526. 524.  -   line-height: 160%;
  527. 525.  -   width: 300px;
  528. 526.  - }
  529. 527.  - #friend_convert_progress {
  530. 528.  -   display: none;
  531. 529.  -   padding: 15px 40px;
  532. 530.  -   line-height: 160%;
  533. 531.  - }
  534. 532.  - #friend_convert_bar {
  535. 533.  -   background: #FFF;
  536. 534.  -   border: 1px solid #CCC;
  537. 535.  -   margin-top: 20px;
  538. 536.  -   width: 298px;
  539. 537.  -   height: 18px;
  540. 538.  - }
  541. 539.  - #friend_convert_bar div {
  542. 540.  -   background: #597DA3 url(/images/progress_grad.gif) repeat;
  543. 541.  -   border: 1px solid #45688E;
  544. 542.  -   margin: -1px;
  545. 543.  -   width: 1%;
  546. 544.  -   height: 18px;
  547. 545.  - }
  548. 546.  - #friend_add_warn {
  549. 547.  -   padding-top: 10px;
  550. 548.  -   color: #777;
  551. 549.  - }
  552. 550.  - #friends_list .summary_wrap {
  553. 551.  -   padding: 6px 0px 0px;
  554. 552.  - }
  555. 553.  - .friends_added {
  556. 554.  -   padding-bottom: 5px;
  557. 555.  - }
  558. 556.  - .friends_added .checkbox{
  559. 557.  -   margin-top: 6px;
  560. 558.  - }
  561. 559.  - .friends_added_text {
  562. 560.  -   color: #777777;
  563. 561.  -   padding-bottom: 3px;
  564. 562.  -   line-height: 150%;
  565. 563.  - }
  566. 564.  - .friends_done .friends_added_text {
  567. 565.  -   color: #FFFFFF;
  568. 566.  -   padding: 0px;
  569. 567.  - }
  570. 568.  - .friends_go_to_search {
  571. 569.  -   text-align: center;
  572. 570.  -   padding: 10px;
  573. 571.  -   display: block;
  574. 572.  -   margin-bottom: 10px;
  575. 573.  -   border-top: 1px solid #EDEDED;
  576. 574.  - }
  577. 575.  - .friends_go_to_search:hover {
  578. 576.  -   text-decoration: none;
  579. 577.  -   border-top: 1px solid #DAE1E8;
  580. 578.  -   background: #E9EDF1;
  581. 579.  - }
  582. 580.  -
  583. 581.  - #friends_hide_all {
  584. 582.  -   margin: 5px;
  585. 583.  - }
  586. 584.  - .friends_req_sended {
  587. 585.  -   line-height: 160%;
  588. 586.  - }
  589. 587.  - .friends_req_header {
  590. 588.  -   padding-bottom: 3px;
  591. 589.  - }
  592. 590.  - .friends_added_help_h {
  593. 591.  -   color: #2B587A;
  594. 592.  -   font-weight: bold;
  595. 593.  -   padding: 12px 0px 4px 0px;
  596. 594.  - }
  597. 595.  - .friends_added_help_rows {
  598. 596.  -   padding: 8px 0px 10px 0px;
  599. 597.  - }
  600. 598.  - .friends_add_help_row {
  601. 599.  -   width: 200px;
  602. 600.  -   height: 50px;
  603. 601.  -   padding: 0px 0px 0px 0px;
  604. 602.  -   margin: 5px 0px;
  605. 603.  - }
  606. 604.  - .friends_add_help_img {
  607. 605.  -   position: absolute;
  608. 606.  - }
  609. 607.  - .friends_add_help_c {
  610. 608.  -   padding: 2px 8px 2px 60px;
  611. 609.  - }
  612. 610.  - .friends_add_help_name {
  613. 611.  -   font-weight: bold;
  614. 612.  -   display: block;
  615. 613.  -   margin-bottom: 2px;
  616. 614.  - }
  617. 615.  - .friends_add_recomm_sended {
  618. 616.  -   color: #888888;
  619. 617.  - }
  620. 618.  -
  621. 619.  - b.friends_mob_onl {
  622. 620.  -   background-position: -1px 0px;
  623. 621.  -   *background-position: -1px -1px;
  624. 622.  - }
  625. 623.  - #friends_search_cont {
  626. 624.  -   display: none;
  627. 625.  - }
  628. 626.  - #friends_loading {
  629. 627.  -   background: url('/images/upload.gif') center center no-repeat;
  630. 628.  -   width: 32px;
  631. 629.  -   height: 9px;
  632. 630.  -   margin: 7px 0px 0px 308px;
  633. 631.  -   z-index: 95;
  634. 632.  -   position: absolute;
  635. 633.  -   display: none;
  636. 634.  - }
  637. 635.  - .is_rtl1 #friends_loading {
  638. 636.  -   margin: 7px 308px 0px 0px;
  639. 637.  - }
  640. 638.  - #friends_reset_search {
  641. 639.  -   margin: 1px 0px 0px 320px;
  642. 640.  -   display: none;
  643. 641.  -   cursor: pointer;
  644. 642.  -   background: transparent url(/images/icons/input_clear.gif) 6px 6px no-repeat;
  645. 643.  -   padding: 2px;
  646. 644.  -   width: 19px;
  647. 645.  -   height: 19px;
  648. 646.  -   opacity: 0.6;
  649. 647.  -   filter: alpha(opacity=60);
  650. 648.  -   position: absolute;
  651. 649.  -   z-index: 95;
  652. 650.  - }
  653. 651.  - .is_rtl1 #friends_reset_search {
  654. 652.  -   margin: 1px 322px 0px 0px;
  655. 653.  - }
  656. 654.  - .friends_photos {
  657. 655.  -   width: 310px;
  658. 656.  -   padding: 12px 0px 0px;
  659. 657.  -   overflow: hidden;
  660. 658.  - }
  661. 659.  - .friends_user_photo {
  662. 660.  -   display: inline-block;
  663. 661.  -   *display: block;
  664. 662.  -   *zoom: 1;
  665. 663.  -   margin: 0px 5px 0px 0px;
  666. 664.  -   overflow: hidden;
  667. 665.  -   vertical-align: top;
  668. 666.  -   max-width: 70px;
  669. 667.  - }
  670. 668.  - .friends_search_info {
  671. 669.  -   padding-top: 2px;
  672. 670.  -   padding-left: 10px;
  673. 671.  -   width: 314px;
  674. 672.  - }
  675. 673.  - .friends_searchrow_info {
  676. 674.  -   height: 14px;
  677. 675.  -   color: #777;
  678. 676.  -   margin-left: 8px;
  679. 677.  - }
  680. 678.  - .is_rtl1 .friends_searchrow_info {
  681. 679.  -   margin: 0px 8px 0px 8px;
  682. 680.  - }
  683. 681.  - #friends_search_more {
  684. 682.  -   display: none;
  685. 683.  - }
  686. 684.  - .friends_fltr {
  687. 685.  -   padding: 0px 0px 0px 0px;
  688. 686.  - }
  689. 687.  - .friends_fltr_label {
  690. 688.  -   font-weight: bold;
  691. 689.  -   cursor: default;
  692. 690.  -   color: #555;
  693. 691.  -   padding-bottom: 1px;
  694. 692.  - }
  695. 693.  - .friends_fltr_sel {
  696. 694.  -   padding: 5px 0px 16px 0px;
  697. 695.  - }
  698. 696.  - .friends_fltr_field {
  699. 697.  -   width: 142px;
  700. 698.  -   height: 14px;
  701. 699.  - }
  702. 700.  - #friends_fltr_progress {
  703. 701.  -   width: 30px;
  704. 702.  -   height: 8px;
  705. 703.  -   background: url('/images/upload.gif') no-repeat;
  706. 704.  -   display: none;
  707. 705.  -   margin-top: 2px;
  708. 706.  - }
  709. 707.  - .friends_age_sep {
  710. 708.  -   line-height: 2em;
  711. 709.  -   text-align: center;
  712. 710.  -   width: 10px;
  713. 711.  - }
  714. 712.  - #friends_age_from,
  715. 713.  - #friends_age_to {
  716. 714.  -   width: 62px;
  717. 715.  -   height: 14px;
  718. 716.  - }
  719. 717.  - .friends_fltr_sel .radiobtn {
  720. 718.  -   display: block;
  721. 719.  -   height: 22px;
  722. 720.  - }
  723. 721.  - .friends_fltr_last {
  724. 722.  -   padding-bottom: 0px;
  725. 723.  - }
  726. 724.  -
  727. 725.  - .friends_bigph_wrap {
  728. 726.  -   position: relative;
  729. 727.  -   height: 100px;
  730. 728.  -   overflow: hidden;
  731. 729.  - }
  732. 730.  - .friends_bigph {
  733. 731.  -   position: absolute;
  734. 732.  -   color: #FFF;
  735. 733.  -   margin-top: 100px;
  736. 734.  -   background: #333;
  737. 735.  -   background: rgba(0, 0, 0, 0.5);
  738. 736.  -   width: 100px;
  739. 737.  -   height: 15px;
  740. 738.  -   line-height: 15px;
  741. 739.  -   padding: 4px 0px 6px 0px;
  742. 740.  -   text-align: center;
  743. 741.  -   filter: alpha(opacity=75);
  744. 742.  - }
  745. 743.  - @media all and (min-width:0) { /* IE9-10 */
  746. 744.  -   .friends_bigph { filter: none; }
  747. 745.  - }
  748. 746.  - .friends_bigph:hover {
  749. 747.  -   text-decoration: none;
  750. 748.  - }
  751. 749.  - .friends_bigph_label {
  752. 750.  -   opacity: 0.75;
  753. 751.  -   -webkit-transition: opacity 100ms linear;
  754. 752.  -   -moz-transition: opacity 100ms linear;
  755. 753.  -   -o-transition: opacity 100ms linear;
  756. 754.  -   transition: opacity 100ms linear;
  757. 755.  -   padding: 0px 0px 1px 20px;
  758. 756.  -   background: url(/images/icons/photo_icons.png?2) no-repeat left -62px;
  759. 757.  - }
  760. 758.  - .is_rtl1 .friends_bigph_label {
  761. 759.  -   padding: 0px 20px 1px 0px;
  762. 760.  -   background-position: right -62px;
  763. 761.  - }
  764. 762.  - .friends_bigph:hover .friends_bigph_label {
  765. 763.  -   opacity: 1;
  766. 764.  - }
  767. 765.  - .friends_photo_img {
  768. 766.  -   width: 100px;
  769. 767.  - }
  770. 768.  - .friends_import_row {
  771. 769.  -   padding: 10px 13px;
  772. 770.  -   display: block;
  773. 771.  -   color: #777;
  774. 772.  - }
  775. 773.  - .friends_import_icon {
  776. 774.  -   position: absolute;
  777. 775.  -   width: 40px;
  778. 776.  -   height: 40px;
  779. 777.  -   background: url(/images/icons/import_contacts.png?2) no-repeat;
  780. 778.  - }
  781. 779.  - .friends_import_twitter {
  782. 780.  -   background-position: 0px -40px;
  783. 781.  - }
  784. 782.  - .friends_import_facebook {
  785. 783.  -   background-position: 0px -80px;
  786. 784.  - }
  787. 785.  - .friends_import_ok {
  788. 786.  -   background-position: 0px -120px;
  789. 787.  - }
  790. 788.  - .friends_import_cont {
  791. 789.  -   padding-left: 55px;
  792. 790.  -   padding-top: 3px;
  793. 791.  -   height: 37px;
  794. 792.  - }
  795. 793.  - .friends_import_row:hover {
  796. 794.  -   text-decoration: none;
  797. 795.  -   background-color: #EDF0F2;
  798. 796.  -   color: #6A7989;
  799. 797.  - }
  800. 798.  - .friends_import_header {
  801. 799.  -   margin: 0px 0px 2px;
  802. 800.  -   padding: 0;
  803. 801.  -   color: #36638E;
  804. 802.  -   font-size: 1.18em;
  805. 803.  -   font-weight: bold;
  806. 804.  -   border: none;
  807. 805.  - }
  808. 806.  - .friends_import_services {
  809. 807.  -   padding: 10px 0px 0px;
  810. 808.  - }
  811. 809.  - .friends_import_error {
  812. 810.  -   border: 1px solid #E89B88;
  813. 811.  -   background-color: #FFEFE8;
  814. 812.  -   padding: 8px 11px;
  815. 813.  -   line-height: 160%;
  816. 814.  -   margin-bottom: 10px;
  817. 815.  -   display: none;
  818. 816.  - }
  819. 817.  - .friends_import_success {
  820. 818.  -   margin-top: 10px;
  821. 819.  -   background-color: #F9F6E7;
  822. 820.  -   border: 1px solid #D4BC4C;
  823. 821.  -   font-size: 1em;
  824. 822.  -   line-height: 160%;
  825. 823.  -   padding: 8px 11px;
  826. 824.  - }
  827. 825.  - .friends_import_fail {
  828. 826.  -   margin-top: 10px;
  829. 827.  -   border: 1px solid #E89B88;
  830. 828.  -   background-color: #FFEFE8;
  831. 829.  -   font-size: 1em;
  832. 830.  -   line-height: 160%;
  833. 831.  -   padding: 8px 11px;
  834. 832.  - }
  835. 833.  - .wide #not_found {
  836. 834.  -   max-width: inherit;
  837. 835.  - }
  838. 836.  - .friends_sugg_service {
  839. 837.  -   color: #777777;
  840. 838.  -   padding-bottom: 4px;
  841. 839.  - }
  842. ------
Advertisement
Add Comment
Please, Sign In to add comment