1. .like_posts_overlay {
2.         width: 100%;
3.         height: 100%;
4.         position: fixed;
5.         top: 0;
6.         left: 0;
7.         background: rgba(0,0,0,0.4);
8.         z-index: 9999;
9. }
10.  
11. .like_posts_member_info_box {
12.         visibility: hidden;
13.         position: fixed;
14.         top: 100px;
15.         bottom: 100px;
16.         line-height: 15px;
17.         font-size: 13px;
18.         z-index: 9999;
19.         border-radius: 5px;
20.         box-shadow: -1px 2px 12px rgba(0, 0, 0, 0.9);
21.         border: 2px solid #ECEDED;
22.         background: #e0eaf1;
23.         color: #4a6b82;
24.         width: 600px;
25.         left: 50%;
26.         margin-left: -300px;
27.         overflow-x: hidden;
28.         overflow-y: scroll;
29.         max-height: 80%;
30. }
31.  
32. .like_posts_member_info {
33.         padding: 5px 10px;
34.         border-top: 1px solid rgba(255,255,255,0.5);
35.         border-bottom: 1px solid rgba(255,255,255,0.5);
36.         overflow: hidden;
37. }
38.  
39. .like_posts_member_info img.avatar{
40.         width: 30px;
41.         box-shadow: 1px 1px 5px #000;
42.         float: left;
43.         position: relative;
44. }
45.  
46. .like_posts_member_info .like_posts_member_info_details {
47.         float: left;
48.         position: relative;
49.         padding-left: 10px;
50. }
51.  
52. .like_post_box {
53.         line-height: 22px;
54.         position: relative;
55.         display: none;
56. }
57.  
58. .stickybg2 .like_post_box {
59.     margin-right: 30px;
60. }
61.  
62. .like_link {
63.     color: black !important;
64.     position: relative;
65.     margin-left: 7px;
66.     font-size: 18px;
67.     float: left;
68. }
69.  
70. .unlike_link {
71.     color: black !important;
72.     position: relative;
73.     margin-left: 7px;
74.     font-size: 18px;
75.     float: left;
76. }
77.  
78. .subject_details {
79.         background-color: #e7eaef;
80.         color: #000;
81.         display: none;
82.         position: absolute;
83.         padding: 10px;
84.         border: 1px solid #C9C9C9;
85.         border-radius: 5px;
86. }
87.  
88. /*for firefox*/
89. .display_inline {
90.         display: inline !important;
91. }
92.  
93. .recount_stats {
94.         position: fixed;
95.         width: 50%;
96.         z-index: 102;
97.         border-radius: 5px;
98.         box-shadow: -1px 2px 12px rgba(0, 0, 0, 0.9);
99.         border: 1px solid #111;
100.         background-color: #292929;
101.         padding: 1px 3px;
102.         top: 15%;
103.         left: 15%;
104.         line-height: 33px;
105.         height: 33px;
106. }
107.  
108. .recount_stats div {
109.         height: 100%;
110.         color: #fff;
111.         text-align: right;
112.         line-height: 33px;
113.         width: 0;
114.         background: url(../images/LikePosts/progress_bar.gif) repeat-x;
115.         font-size: 20px;
116. }
117.  
118. .like_posts_notification {
119.         position: absolute;
120.         background: #10131a;
121.         max-width: 60%;
122.         padding: 0;
123.         margin: 0;
124.         z-index: 1000;
125.         min-width: 300px;
126. }
127.  
128. .like_posts_notification .lp_notification_header {
129.         position: relative;
130.         width: 100%;
131.         height: 36px;
132.         background: #151821;
133.         z-index: 1000;
134.         color: #f1cf2b;
135. }
136.  
137. .like_posts_notification .lp_notification_header .lp_notification_tabs {
138.         width: 50%;
139.         float: left;
140.         position: relative;
141.         padding: 10px 0;
142.         text-align: center;
143. }
144.  
145. .like_posts_notification .lp_notification_header .lp_notification_tabs.close_btn {
146.         background: black;
147.         position: absolute;
148.         top: -5px;
149.         right: -12px;
150.         width: 20px;
151.         height: 20px;
152.         padding: 5px;
153.         text-align: center;
154.         font-size: 18px;
155.         line-height: 7px;
156.         border-radius: 50px;
157.         cursor: pointer;
158. }
159.  
160. .like_posts_notification .lp_notification_body {
161.         position: relative;
162.         width: 100%;
163.         overflow-x: hidden;
164.         overflow-y: scroll;
165. }
166.  
167. .like_posts_notification .lp_notification_body .single_notify {
168.         border-bottom: 1px solid black;
169.         color: #c2c2c2;
170.         font-family:'lucida grande', tahoma, verdana, arial, sans-serif;
171.         padding: 10px;
172.         overflow: hidden;
173. }
174.  
175. .like_posts_notification .lp_notification_body .single_notify .avatar {
176.         width: 30px;
177.         height: 30px;
178.         box-shadow: 1px 1px 5px #000;
179.         float: left;
180.         position: relative;
181.         background-size: auto 100%;
182.         background-position: center center;
183.         background-repeat: no-repeat;
184.         overflow: hidden;
185. }
186.  
187. .like_posts_notification .lp_notification_body .single_notify .like_post_notify_data {
188.         padding-left: 10px;
189.         overflow: hidden;
190. }
191.  
192.  
193. .like_post_stats {
194.         position: relative;
195.         overflow: visible;
196.         width: 100%;
197. }
198.  
199. .like_post_stats_data {
200.         width: 100%;
201.         position: relative;
202.         overflow: hidden;
203. }
204.  
205. .like_post_stats_data .individual_data {
206.         display: none;
207. }
208.  
209. #like_post_stats_overlay {
210.         display: none;
211.         position: absolute;
212.         top: 0;
213.         left: 0;
214.         width: 100%;
215.         height: 100%;
216.         background: rgba(255, 255, 255, 0.5);
217.         z-index: 100;
218. }
219.  
220. #lp_preloader {
221.         display: none;
222.         position: absolute;
223.         top: 50%;
224.         left: 50%;
225.         margin-top: -50px;
226.         margin-left: -50px;
227.         width: 100px;
228.         height: 100px;
229.         z-index: 101;
230.         background-image: url(../images/LikePosts/preloader.gif);
231.         background-repeat: no-repeat;
232.         background-position: center center;
233.         background-size: 100% auto;
234. }
235.  
236. .like_post_stats_error {
237.         width: 94%;
238.         position: relative;
239.         overflow: hidden;
240.         float: left;
241.         color: #000;
242.         background-color: #e7eaef;
243.         padding: 10px 20px;
244.         font-size: 14px;
245. }
246.  
247. .like_post_message_data,
248. .like_post_topic_data,
249. .like_post_board_data,
250. .like_post_most_liked_user_data,
251. .like_post_most_likes_given_user_data {
252.         width: 94%;
253.         position: relative;
254.         overflow: hidden;
255.         float: left;
256.         color: #ffffff;
257.         background-color: #1b1d29;
258.         padding: 20px 3%;
259. }
260.  
261. .like_post_message_data .message_title,
262. .like_post_topic_data .topic_title,
263. .like_post_board_data .board_title {
264.         float: left;
265.         position: relative;
266.         overflow: hidden;
267.         width: 100%;
268.         font-size: 15px;
269.         line-height: normal;
270. }
271.  
272. /*Specific to message data tile*/
273. .like_post_message_data .poster_avatar,
274. .like_post_most_liked_user_data .poster_avatar,
275. .like_post_most_likes_given_user_data .poster_avatar {
276.         float: left;
277.         width: 100px;
278.         height: 100px;
279.         border: 5px solid #fff;
280.         border-radius: 10px;
281.         box-shadow: 0px 0px 10px 1px #777;
282.         margin: 20px 0;
283. }
284.  
285. .like_post_message_data .poster_avatar .avatar,
286. .like_post_most_liked_user_data .poster_avatar .avatar,
287. .like_post_most_likes_given_user_data .poster_avatar .avatar {
288.         width: 90px;
289.         height: 90px;
290.         border-radius: 5px;
291.         background-repeat: no-repeat;
292.         background-size: 100% 100%;
293.         background-position: center center;
294. }
295.  
296. .like_post_message_data .poster_data,
297. .like_post_most_liked_user_data .poster_data,
298. .like_post_most_likes_given_user_data .poster_data {
299.         float: left;
300.         position: relative;
301.         overflow: hidden;
302.         margin: 20px 0;
303. }
304.  
305. .like_post_message_data .poster_data .poster_details,
306. .like_post_most_liked_user_data .poster_data .poster_details,
307. .like_post_most_likes_given_user_data .poster_data .poster_details {
308.         margin: 0 0 5px 20px;
309.         float: left;
310.         position: relative;
311.         width: 100%;
312. }
313.  
314. .like_post_message_data .poster_data a.poster_details,
315. .like_post_most_liked_user_data .poster_data a.poster_details,
316. .like_post_most_likes_given_user_data .poster_data a.poster_details {
317.         margin: 10px 0 10px 20px;
318. }
319.  
320. a.poster_details.big_font {
321.         font-size: 20px;
322. }
323.  
324. .like_post_message_data .users_liked {
325.         clear: both;
326.         position: relative;
327.         width: 100%;
328.         overflow: hidden;
329. }
330.  
331. .like_post_message_data .users_liked .poster_details {
332.         text-decoration: none;
333.         float: left;
334.         position: relative;
335.         margin: 0 10px 15px;
336. }
337.  
338. .like_post_message_data .users_liked .title {
339.         font-size: 15px;
340. }
341.  
342. .like_post_message_data .users_liked .poster_details .poster_avatar {
343.         width: 50px;
344.         height: 50px;
345.         border: 3px solid #fff;
346.         background-repeat: no-repeat;
347.         background-size: 100% 100%;
348.         background-position: center center;
349.         border-radius: 5px;
350.         margin: 0;
351. }
352.  
353. /*specific to topic data tile*/
354. .like_post_topic_data .topic_info {
355.         margin: 7px 0 15px;
356.         float: left;
357.         position: relative;
358.         width: 100%;
359.         overflow: hidden;
360. }
361.  
362. .like_post_topic_data .message_body,
363. .like_post_board_data .message_body,
364. .like_post_most_liked_user_data .message_body,
365. .like_post_most_likes_given_user_data .message_body {
366.         width: 100%;
367.         float: left;
368.         padding: 30px 10px 5px;
369.         margin: 0 0 10px;
370.         position: relative;
371. }
372.  
373. .like_post_topic_data .message_body .poster_details,
374. .like_post_board_data .message_body .poster_details {
375.         text-decoration: none;
376.         float: left;
377.         position: relative;
378.         margin: 5px 10px 15px 0;
379.         border: 5px solid #FFF;
380.         border-radius: 5px;
381.         box-shadow: 0px 0px 4px 2px #C4C4C4;
382. }
383.  
384. .like_post_topic_data .message_body .poster_details .poster_avatar,
385. .like_post_board_data .message_body .poster_details .poster_avatar {
386.         width: 50px;
387.         height: 50px;
388.         background-repeat: no-repeat;
389.         background-size: 100% 100%;
390.         background-position: center center;
391.         border-radius: 5px;
392.         margin: 0;
393. }
394.  
395. .like_post_topic_data .message_body .posted_at,
396. .like_post_board_data .message_body .posted_at,
397. .like_post_most_liked_user_data .posted_at,
398. .like_post_most_likes_given_user_data .posted_at {
399.         position: absolute;
400.         top: 0;
401.         left: 0;
402.         padding: 3px;
403.         border: 1px solid #C4C4C4;
404.         border-top: none;
405.         border-left: none;
406.         background: #C4C4C4;
407.         box-shadow: 0px 0px 2px 1px #8D9EC0;
408.         color: black;
409. }
410.  
411. .content_encapsulate {
412.         margin: 0 0 10px;
413. }
414.  
415. .like_post_topic_data .message_body .read_more,
416. .like_post_board_data .message_body .read_more,
417. .like_post_most_liked_user_data .read_more,
418. .like_post_most_likes_given_user_data .read_more {
419.         background: #000000;
420.         padding: 0 3px;
421.         margin: 5px 0 0 10px;
422.         position: absolute;
423.         bottom: 10px;
424.         right: 10px;
425. }
426.  
427. /*specific to board stats tab*/
428.  .like_post_board_data .board_info {
429.         margin: 15px 0 0;
430.         float: left;
431.         position: relative;
432.         width: 100%;
433.         overflow: hidden;
434. }
435.  
436. .like_post_board_data .board_info.extra_margin {
437.         margin: 5px 0 20px;
438. }
439.  
440. .like_post_most_liked_user_data .generic_text,
441. .like_post_most_likes_given_user_data .generic_text {
442.         margin: 20px 0 30px;
443.         float: left;
444.         position: relative;
445.         width: 100%;
446.         font-size: 20px;
447.         line-height: normal;
448. }
449.  
450. .cursor_pointer {
451.         cursor: pointer;
452. }
453.  
454. .hide_elem {
455.         display: none;
456. }
457.  
458. .lp_child_board {
459.         padding-left: 20px;
460. }
461.  
462. .lp_admin_board_footer {
463.         padding: 0 10px 10px;
464. }
465.  
466. .lp_admin_recount_text {
467.         width: 70%;
468.         float:left;
469.         position:relative
470. }
471.  
472. .lp_admin_recount_btn {
473.         width: 30%;
474.         float:left;
475.         position:relative
476. }
477.  
478. .showLikeNotification:hover {
479.         text-decoration: underline;
480.         cursor: pointer;
481. }
482.  
483. .postsayisi a:link {
484.     color: #f1cf2b !important;
485.     font: 97%/130% 'Lato', sans-serif;
486. }
487.  
488. .postsayisi {
489.     color: #04A32E !important;
490.     font-size: 15px !important;
491.     width: 50px !important;
492.     padding: 0px !important;
493.     height: 15px !important;
494.     margin: 0px 0px 0px 0px !important;
495.     font-weight: bold !important;
496.     float: left;
497.     text-align: center;
498. }
499.  
500. .likeyok a:link {
501.     color: #cacaca !important;
502. }
503.  
504. .post_begeni {
505.     float: left;
506.     padding: 8px 9px 8px 9px;
507.     border-radius: 8px;
508.     background: #eaeaea;
509.     margin-bottom: 7px;
510. }
511. .begenenler {
512.     margin-top: 24px;
513. }