VK Change (#1384995602)

Файл - lite.css (Старый размер - 21381 | Новый - 0):
0.  - #lite_css {
1.  -   display: none;
2.  - }
3.  -
4.  - html {
5.  -   height: 100%;
6.  - }
7.  - body {
8.  -   background: #fff;
9.  -   margin: 0px;
10.  -   padding: 0px;
11.  -   direction: ltr;
12.  -   font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
13.  -   font-size: 11px;
14.  -   height: 100%;
15.  - }
16.  - body.font_medium {
17.  -   font-size: 12px;
18.  - }
19.  - body.nofixed {
20.  -   width: 100%;
21.  -   overflow: hidden;
22.  - }
23.  - body.nofixed #page_wrap {
24.  -   position: relative;
25.  -   height: 100%;
26.  -   width: 100%;
27.  -   overflow: auto;
28.  - }
29.  - .fixed {
30.  -   position: fixed;
31.  - }
32.  - body.nofixed .fixed {
33.  -   position: absolute;
34.  - }
35.  - body.firefox #page_wrap {
36.  -   position: relative;
37.  -   width: 100%;
38.  -   overflow: hidden;
39.  - }
40.  -
41.  - /* in 'rtl' left and ltr too -- disabling content jumping when scrollbar changes */
42.  - .scroll_fix_wrap {
43.  -   text-align: left;
44.  -   direction: ltr;
45.  -   height: 100%;
46.  - }
47.  - a {
48.  -   color: #2B587A;
49.  -   text-decoration: none;
50.  -   cursor: pointer;
51.  - }
52.  - a:hover {
53.  -   text-decoration: underline;
54.  - }
55.  - img {
56.  -   border: 0px;
57.  - }
58.  - form {
59.  -   margin: 0px;
60.  -   padding: 0px;
61.  - }
62.  - small {
63.  -   font-size: 0.9em;
64.  - }
65.  - .font_medium small {
66.  -   font-size: 1em;
67.  - }
68.  - textarea.ashelper {
69.  -   overflow: hidden;
70.  - }
71.  -
72.  - .summary_wrap {
73.  -   color: #45688E;
74.  -   padding: 11px 10px 0px;
75.  -   background: #FFF;
76.  -   border-bottom: 1px solid #DAE1E8;
77.  - }
78.  - .summary_wrap .summary {
79.  -   font-weight: bold;
80.  -   padding: 3px 0px 4px;
81.  - }
82.  - .summary_wrap .summary span {
83.  -   font-weight: normal;
84.  - }
85.  -
86.  - .png {
87.  -   behavior: url(/js/iepngfix.htc);
88.  - }
89.  - .progress {
90.  -   display: none;
91.  -   width: 32px;
92.  -   height: 13px;
93.  -   background: url(/images/upload.gif) no-repeat 50% 50%;
94.  - }
95.  - .progress_inline {
96.  -   display: inline-block;
97.  -   vertical-align: bottom;
98.  -   width: 32px;
99.  -   height: 13px;
100.  -   background: url(/images/upload.gif) no-repeat 50% 50%;
101.  - }
102.  - .checkbox {
103.  -   cursor: pointer;
104.  -   line-height: 1.27em;
105.  - }
106.  - .checkbox.disabled {
107.  -   opacity: 0.5;
108.  -   filter: alpha(opacity=50);
109.  - }
110.  - .checkbox div {
111.  -   float: left;
112.  -   width: 15px;
113.  -   margin-right: 5px;
114.  -   height: 14px;
115.  -   background: url(/images/icons/check.gif) 0px 0px no-repeat;
116.  - }
117.  - .checkbox:hover div {
118.  -   background-position: 0px -28px;
119.  - }
120.  - .checkbox.disabled:hover div {
121.  -   background-position: 0px 0px;
122.  - }
123.  - .checkbox.on div {
124.  -   background-position: 0px -14px;
125.  - }
126.  - .checkbox.on:hover div {
127.  -   background-position: 0px -42px;
128.  - }
129.  - .checkbox.disabled.on:hover div {
130.  -   background-position: 0px -14px;
131.  - }
132.  - .radiobtn {
133.  -   cursor: pointer;
134.  -   line-height: 1.27em;
135.  - }
136.  - .radiobtn div {
137.  -   float: left;
138.  -   width: 15px;
139.  -   margin-right: 5px;
140.  -   height: 14px;
141.  -   background: url(/images/icons/radio.gif) 0px 0px no-repeat;
142.  - }
143.  - .radiobtn:hover div {
144.  -   background-position: 0px -28px;
145.  - }
146.  - .radiobtn.on div {
147.  -   background-position: 0px -14px;
148.  - }
149.  - .radiobtn.on:hover div {
150.  -   background-position: 0px -42px;
151.  - }
152.  - .fl_l { float: left; }
153.  - .fl_r { float: right; }
154.  - .ta_l { text-align: left; }
155.  - .ta_r { text-align: right; }
156.  - .inl_bl {display:-moz-inline-stack; display:inline-block; _overflow:hidden; vertical-align: top; zoom:1; *display:inline;}
157.  -
158.  - .upload_frame {
159.  -   position: absolute;
160.  -   visibility: hidden;
161.  -   width: 20px;
162.  -   height: 20px;
163.  - }
164.  -
165.  - .noselect {
166.  -   -webkit-user-select: none;
167.  -   -moz-user-select: none;
168.  -   user-select: none;
169.  - }
170.  -
171.  - /* Inputs */
172.  -
173.  - input[type="text"],
174.  - input[type="submit"],
175.  - input[type="button"],
176.  - input[type="search"],
177.  - input[type="password"],
178.  - input[type~="text"],
179.  - input[type~="search"],
180.  - input[type~="password"],
181.  - input[type~="email"] {
182.  -   font-size: 1em;
183.  -   font-family: Tahoma, Verdana, Arial, Sans-Serif, Lucida Sans;
184.  - }
185.  -
186.  - input.text, input.search, textarea {
187.  -   background: #FFF;
188.  -   border: 1px solid #C0CAD5;
189.  -   font-family: tahoma, tahoma, verdana, arial, sans-serif, Lucida Sans;
190.  -   font-size: 1em;
191.  -   padding: 3px;
192.  -   margin: 0px;
193.  - }
194.  - input.search {
195.  -   background: #FFF url(/images/magglass.png) no-repeat 3px 4px;
196.  -   padding-left: 17px;
197.  - }
198.  - input.file {
199.  -   font-size: 1em;
200.  -   margin: 0px;
201.  - }
202.  - .font_medium input,
203.  - .font_medium textarea {
204.  -   font-size: 1.09em;
205.  - }
206.  -
207.  - /* Headers */
208.  -
209.  - h2 {
210.  -   border-bottom: 1px solid #DAE1E8;
211.  -   color: #45668E;
212.  -   font-size: 1.18em;
213.  -   padding: 0px 0px 3px;
214.  -   margin: 0px 0px 10px;
215.  - }
216.  - h4 {
217.  -   border-bottom: 1px solid #E8EBEE;
218.  -   color: #45688E;
219.  -   font-size: 1em;
220.  -   font-weight: bold;
221.  -   margin: 0px;
222.  -   padding: 0px 0px 3px;
223.  - }
224.  -
225.  - .font_medium h2 {
226.  -   font-size: 1.27em;
227.  - }
228.  - .font_medium h2 {
229.  -   font-size: 1.09em;
230.  - }
231.  - h4 .fl_r, h4 span {
232.  -   font-weight: normal;
233.  - }
234.  -
235.  - /* Layout */
236.  -
237.  - div#utils {
238.  -   top: -30px;
239.  -   position: absolute;
240.  -   height: 20px;
241.  -   overflow: hidden;
242.  - }
243.  - #page_layout {
244.  -   padding: 0px;
245.  -   margin: 0px auto;
246.  -   position: relative;
247.  -   width: 791px;
248.  - }
249.  -
250.  - /* Clear */
251.  -
252.  - .clear_fix:after {
253.  -   content: '.';
254.  -   display: block;
255.  -   height: 0;
256.  -   clear: both;
257.  -   visibility: hidden;
258.  - }
259.  - * html .clear_fix {
260.  -   height: 1%;
261.  - }
262.  - .clear_fix {
263.  -   display: block;
264.  - }
265.  - .clear {
266.  -   float: none;
267.  -   clear: both;
268.  - }
269.  - .scroll_fix {
270.  -   position: relative;
271.  - }
272.  -
273.  - .divide  {
274.  -   color: gray;
275.  -   font-weight: normal;
276.  -   padding: 0px 4px;
277.  - }
278.  - small.divide {
279.  -   padding: 0px 2px;
280.  - }
281.  -
282.  - .sdivide {
283.  -   color: #ADB8C3;
284.  -   padding: 0px 4px;
285.  -   font-size: 0.9em;
286.  - }
287.  -
288.  - .wrapped {
289.  -   overflow: hidden;
290.  -   word-wrap: break-word;
291.  - }
292.  -
293.  - wbr {
294.  -   width: 0px;
295.  -   display: inline-block;
296.  -   overflow: hidden;
297.  - }
298.  -
299.  - /* MessageBox */
300.  -
301.  - .popup_box_container {
302.  -   margin: 0px auto;
303.  -   z-index: 1002;
304.  -   -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
305.  -   -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
306.  -   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
307.  - }
308.  - #box_loader {
309.  -   position: absolute;
310.  -   left: 50%;
311.  -   margin: 0px auto 0px -50px;
312.  -   z-index: 1002;
313.  -   width: 100px;
314.  -   display: none;
315.  - }
316.  - #box_loader .back {
317.  -   background-color: #000;
318.  -   opacity: 0.7;
319.  -   filter: alpha(opacity=70);
320.  -   height: 50px;
321.  -   -webkit-border-radius: 5px;
322.  -   -khtml-border-radius: 5px;
323.  -   -moz-border-radius: 5px;
324.  -   border-radius: 5px;
325.  -   -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
326.  -   -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
327.  -   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.35);
328.  - }
329.  - #box_loader .loader {
330.  -   background: url(/images/upload_inv_mono.gif) no-repeat 50% 50%;
331.  -   height: 50px;
332.  -   position: absolute;
333.  -   width: 100%;
334.  -   z-index: 100;
335.  - }
336.  - .box_title_wrap {
337.  -   background-color: #597DA3;
338.  -   border: 1px solid #324B67;
339.  -   border: 1px solid #45688E;
340.  -   aborder-bottom: 1px solid #45688E;
341.  -   padding: 0px;
342.  -   color: #fff;
343.  -   font-size: 1.18em;
344.  -   font-weight: bold;
345.  - }
346.  - .box_title {
347.  -   border-top: 1px solid #648CB7;
348.  -   padding: 6px 10px 8px 10px;
349.  - }
350.  - .box_x_button {
351.  -   float: right;
352.  -   width: 17px;
353.  -   height: 17px;
354.  -   margin: 5px 5px 0px;
355.  -   cursor: pointer;
356.  -   padding: 0;
357.  -   background: #9DB7D4 url(/images/icons/boxicons.gif) -23px -2px;
358.  - }
359.  - .box_body {
360.  -   background-color: #fff;
361.  -   border-left: 1px solid #AAA;
362.  -   border-right: 1px solid #AAA;
363.  -   padding: 16px 14px;
364.  -   aline-height: 1.27em;
365.  - }
366.  - .box_no_title {
367.  -   border-top: 1px solid #AAA;
368.  - }
369.  - .box_controls_wrap {
370.  -   border: 1px solid #AAA;
371.  -   border-top: 0px;
372.  - }
373.  - .box_controls_text {
374.  -   padding: 8px 8px 0px;
375.  - }
376.  - .box_controls {
377.  -   padding: 5px;
378.  -   height: 30px;
379.  -   background-color:#f2f2f2;
380.  -   border-top: 1px solid #ccc;
381.  - }
382.  - .box_controls .progress {
383.  -   position: relative;
384.  -   margin: 7px 10px 0px;
385.  - }
386.  - .controls_wrap {
387.  -   padding: 7px 0px 0px 5px;
388.  - }
389.  -
390.  - /*
391.  -  New input buttons with gradient
392.  - */
393.  - .button_blue,
394.  - .button_gray {
395.  -   border: 0;
396.  -   display: inline-block;
397.  -   *display: inline;
398.  -   position: relative;
399.  -   line-height: normal;
400.  -   zoom: 1;
401.  - }
402.  - .box_controls .button_blue,
403.  - .box_controls .button_gray {
404.  -   margin: 2px 5px;
405.  - }
406.  - .button_blue button,
407.  - .button_gray button {
408.  -   border: 0;
409.  -   -webkit-border-radius: 2px;
410.  -   -khtml-border-radius: 2px;
411.  -   -moz-border-radius: 2px;
412.  -   border-radius: 2px;
413.  -   background: none;
414.  -   font-size: 11px;
415.  -   margin: 0px;
416.  -   cursor: pointer;
417.  -   white-space: nowrap;
418.  -   outline: none;
419.  -   font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
420.  -   vertical-align: top;
421.  -   overflow: visible;
422.  -   line-height: 13px;
423.  - }
424.  - .font_medium .button_blue button,
425.  - .font_medium .button_gray button {
426.  -   font-size: 12px;
427.  -   line-height: 14px;
428.  - }
429.  - .button_wide {
430.  -   display: block;
431.  - }
432.  - .button_wide button {
433.  -   width: 100%;
434.  - }
435.  -
436.  - .button_blue button::-moz-focus-inner,
437.  - .button_gray button::-moz-focus-inner {
438.  -   border: 0;
439.  - }
440.  -
441.  - .button_blue button,
442.  - .button_blue.button_disabled button:active,
443.  - .button_blue.button_disabled button.active,
444.  - .button_blue.button_disabled button:hover,
445.  - .button_blue.button_disabled button.hover {
446.  -   padding: 6px 16px;
447.  -   *padding: 6px 17px;
448.  -   border: 0;
449.  -   border-bottom: 1px solid #496b93;
450.  -   text-shadow: 0 1px 0 #5578A0;
451.  -   background: #658AB0 url(/images/button_bgf.png?1) repeat-x top;
452.  -   background-position: 0px -12px;
453.  -   *border: 0;
454.  -   color: #FFF;
455.  - }
456.  - .button_blue button:hover,
457.  - .button_blue button.hover {
458.  -   background-position: 0px -5px;
459.  -   border-bottom-color: #4e7199;
460.  - }
461.  - .button_blue button:active,
462.  - .button_blue button.active,
463.  - .is_2x .button_blue button:active,
464.  - .is_2x .button_blue button.active {
465.  -   background: #5e80a5;
466.  -   border-bottom-color: #51749c;
467.  -   position: relative;
468.  - }
469.  - .button_big.button_blue button {
470.  -   padding: 7px 16px;
471.  -   *padding: 7px 17px;
472.  - }
473.  -
474.  - .button_gray button,
475.  - .button_gray.button_disabled button:active,
476.  - .button_gray.button_disabled button.active,
477.  - .button_gray.button_disabled button:hover,
478.  - .button_gray.button_disabled button.hover {
479.  -   padding: 5px 15px 6px;
480.  -   *padding: 5px 16px 6px;
481.  -   border: 1px solid;
482.  -   border-top-color: #D3D3D3;
483.  -   border-bottom-color: #AEAEAE;
484.  -   border-left-color: #C7C7C7;
485.  -   border-right-color: #C7C7C7;
486.  -   color: #555;
487.  -   text-shadow: 0 1px 0 #F6F6F6;
488.  -   *border: 0;
489.  -   background: #E9E9E9 url(/images/button_bgf.png?1) repeat-x top;
490.  -   background-position: 0px -59px;
491.  - }
492.  - .button_gray button:hover,
493.  - .button_gray button.hover {
494.  -   background-position: 0px -53px;
495.  -   border-top-color: #D7D7D7;
496.  -   border-bottom-color: #B7B7B7;
497.  -   border-left-color: #CBCBCB;
498.  -   border-right-color: #CBCBCB;
499.  - }
500.  - .button_gray button:active,
501.  - .button_gray button.active,
502.  - .is_2x .button_gray button:active,
503.  - .is_2x .button_gray button.active {
504.  -   background: #DCDCDC;
505.  -   border-top-color: #BEBEBE;
506.  -   border-bottom-color: #B6B6B6;
507.  -   border-left-color: #BDBDBD;
508.  -   border-right-color: #BDBDBD;
509.  -   position: relative;
510.  - }
511.  - .button_big.button_gray button {
512.  -   padding: 6px 15px 7px;
513.  -   *padding: 6px 16px 7px;
514.  - }
515.  -
516.  - .button_lock {
517.  -   background: url('/images/upload_inv.gif') center no-repeat;
518.  -   position: absolute;
519.  -   width: 100%;
520.  -   height: 100%;
521.  - }
522.  - .button_gray .button_lock {
523.  -   background: url('/images/upload.gif') center no-repeat;
524.  - }
525.  -
526.  - a.button_link:hover,
527.  - a.button_blue:hover,
528.  - a.button_gray:hover {
529.  -   text-decoration: none;
530.  - }
531.  - .button_disabled {
532.  -   opacity: 0.7;
533.  -   filter: alpha(opacity=70);
534.  - }
535.  -
536.  - /* Pages */
537.  -
538.  - .page_list {
539.  -   list-style: none;
540.  -   margin: 0;
541.  -   padding: 0;
542.  - }
543.  - .page_list li {
544.  -   float: left;
545.  -   display: inline;
546.  - }
547.  - .page_list a {
548.  -   border-bottom: 2px solid #FFF;
549.  -   display: block;
550.  -   padding: 3px 3px 2px;
551.  - }
552.  - .page_list a:hover {
553.  -   background: #45668E;
554.  -   border-color: #DAE2E8;
555.  -   border-bottom: 1px solid #45668E;
556.  -   color: #FFF;
557.  -   text-decoration: none;
558.  - }
559.  - .page_list .current {
560.  -   background: #FFF;
561.  -   border-color: #45668E;
562.  -   border-bottom: 2px solid #45668E;
563.  -   color: #45668E;
564.  -   font-weight: bold;
565.  -   padding: 3px 2px 2px;
566.  - }
567.  - .pages_bottom .page_list .current {
568.  -   padding-top: 1px;
569.  -   border-bottom-color: white;
570.  -   border-top: 2px solid #45668E;
571.  - }
572.  -
573.  - .flat_tabs {
574.  -   border-bottom: 1px solid #DAE1E8;
575.  -   height: 24px;
576.  -   list-style-type: none;
577.  -   margin: 0pt;
578.  -   padding: 0px 7px;
579.  -   vertical-align: bottom;
580.  - }
581.  - .flat_tab_on {
582.  -   background-color: #FFF;
583.  -   border: 1px solid #C3CAD2;
584.  -   border-bottom: 0px;
585.  -   float: left;
586.  -   height: 24px;
587.  -   margin: 0px 3px -1px;
588.  -   text-align: center;
589.  -   position: relative;
590.  - }
591.  - .flat_tab_on a {
592.  -   float: left;
593.  -   padding: 5px 10px;
594.  -   text-decoration: none;
595.  - }
596.  - .flat_tab {
597.  -   background-color: #F5F7FA;
598.  -   border: 1px solid #C3CAD2;
599.  -   border-bottom: 0px;
600.  -   float: left;
601.  -   height: 23px;
602.  -   margin: 0px 3px;
603.  -   text-align: center;
604.  - }
605.  - .flat_tab a {
606.  -   border-bottom: 2px solid #EEF0F3;
607.  -   float: left;
608.  -   padding: 5px 10px 3px;
609.  -   text-decoration: none;
610.  - }
611.  - .flat_tab a:hover {
612.  -   background-color: #FFF;
613.  -   text-decoration: none;
614.  - }
615.  - .flat_tab a:hover{
616.  -   background-color: #FFF;
617.  -   border-bottom: 2px solid #F5F9FC;
618.  -   text-decoration: none;
619.  - }
620.  -
621.  - div.audio td {
622.  -   border: 0px;
623.  -   vertical-align: top;
624.  - }
625.  - .audio {
626.  -   position: relative;
627.  -   clear: both;
628.  - }
629.  - .audio .area {
630.  -   cursor: pointer;
631.  -   margin-bottom: 10px;
632.  -   line-height: normal;
633.  - }
634.  - .audio.over .area {
635.  -   background-color: #EDF1F5;
636.  - }
637.  - .audio .play {
638.  -   cursor: pointer;
639.  -   width: 20px;
640.  -   height: 17px;
641.  -   background: url(/images/play.gif) no-repeat 0px 0px;
642.  - }
643.  - .audio .info {
644.  -   width: 100%;
645.  -   position: relative;
646.  - }
647.  - .audio .title_wrap {
648.  -   padding: 5px 0 6px;
649.  -   width: 260px;
650.  -   overflow: hidden;
651.  -   -o-text-overflow: ellipsis;
652.  -   text-overflow: ellipsis;
653.  -   white-space: nowrap;
654.  - }
655.  - .audio .title_wrap b {
656.  -   padding: 0px;
657.  -   display: inline-block;
658.  -   *display: inline;
659.  -   vertical-align: top;
660.  -   max-width: 180px;
661.  -   overflow: hidden;
662.  -   -o-text-overflow: ellipsis;
663.  -   text-overflow: ellipsis;
664.  -   white-space: nowrap;
665.  - }
666.  - .audio .duration {
667.  -   color: #777;
668.  -   font-size: 0.9em;
669.  -   padding: 8px 7px 7px 0px;
670.  -   max-width: 35px;
671.  -   overflow: hidden;
672.  -   -o-text-overflow: ellipsis;
673.  -   text-overflow: ellipsis;
674.  - }
675.  - .audio.over .duration {
676.  -   color: #8795A5;
677.  - }
678.  - .audio .player {
679.  -   height: 10px;
680.  -   padding: 0px 6px;
681.  -   display: none;
682.  - }
683.  - .audio.current .area {
684.  -   margin-bottom: 0px
685.  - }
686.  - .audio.current .player {
687.  -   display: block;
688.  - }
689.  - .audio .playline {
690.  -   padding-top: 5px;
691.  - }
692.  - .audio .playline div {
693.  -   border-top: 1px dashed #D8DFEA;
694.  -   height: 9px;
695.  - }
696.  -
697.  - .audio .area .actions {
698.  -   position: absolute;
699.  -   top: 0px;
700.  -   right: 0px;
701.  - }
702.  -
703.  - .error, .info_msg {
704.  -   background: #FFEFE8;
705.  -   border: 1px solid #E89B88;
706.  -   padding: 8px 11px;
707.  -   text-align: justify;
708.  - }
709.  - .info_msg {
710.  -   background: #F6F7F9;
711.  -   border: 1px solid #DBE0EA;
712.  - }
713.  - .msg {
714.  -   padding: 8px 11px;
715.  -   background-color: #F9F6E7;
716.  -   border: 1px solid #D4BC4C;
717.  - }
718.  - .box_msg {
719.  -   padding: 8px 11px;
720.  -   margin: 0px;
721.  -   font-weight: bold;
722.  -   background-color: #F9F6E7;
723.  -   border: 1px solid #D4BC4C;
724.  - }
725.  -
726.  -
727.  - #system_msg {
728.  -   z-index: 5000;
729.  -   left: 0px;
730.  -   top: 0px;
731.  -   display: none;
732.  -   -moz-border-radius: 0px 0px 6px;
733.  -   border-radius: 0px 0px 6px;
734.  -   padding: 7px 10px;
735.  - }
736.  -
737.  - .tabs {
738.  -   background: #F7F7F7;
739.  -   padding: 8px;
740.  - }
741.  - .tabs .outer {
742.  -
743.  - }
744.  - .tabs .tab a {
745.  -   display: inline-block;
746.  - }
747.  - .tabs .tab a:hover {
748.  -   text-decoration: none;
749.  - }
750.  - .tabs .tab {
751.  -   display: inline-block;
752.  -   margin-right: 12px;
753.  -   padding: 2px;
754.  - }
755.  - .tabs .tab.selected {
756.  -   border-bottom: 1px solid #FFFFFF;
757.  -   padding: 0px;
758.  - }
759.  - .tabs .tab b {
760.  -   padding: 2px 5px 2px 5px;
761.  -   display: inline-block;
762.  - }
763.  - .tabs .tab.selected a {
764.  -   border-top: 1px solid #395676;
765.  -   border-right: 1px solid #517295;
766.  -   border-bottom: 1px solid #4a73a0;
767.  -   border-left: 1px solid #517295;
768.  -   color: #FFFFFF;
769.  - }
770.  - .tabs .tab.selected b {
771.  -   border: 1px solid #5C82AB;
772.  -   background: #5e82a8;
773.  - }
774.  -
775.  - .no_select {
776.  -   user-select: none;
777.  -  -o-user-select: none;
778.  -  -moz-user-select: none;
779.  -  -khtml-user-select: none;
780.  - }
781.  - .select_fix {
782.  -   user-select: text;
783.  -  -o-user-select: text;
784.  -  -moz-user-select: text;
785.  -  -khtml-user-select: text;
786.  - }
787.  -
788.  - .input_back_wrap {
789.  -   position: relative;
790.  -   z-index: 90;
791.  - }
792.  -
793.  - .input_back {
794.  -   position:absolute;
795.  -   color:#777;
796.  -   z-index: 90;
797.  - }
798.  - .choose_box .input_back {
799.  -   margin: 9px 4px 0px;
800.  - }
801.  -
802.  - .input_back div {
803.  -   padding:0px 1px 0;
804.  -   white-space: nowrap;
805.  - }
806.  -
807.  - .sort_blank {
808.  -   border: 1px dashed #D8DFEA;
809.  - }
810.  -
811.  - .divider {
812.  -  color: #777;
813.  -  font-weight: normal;
814.  -  padding:0px 5px;
815.  - }
816.  -
817.  - small.divider {
818.  -  padding:0px 2px;
819.  - }
820.  -
821.  - .unshown {
822.  -   display: none;
823.  - }
824.  -
825.  - .hidden {
826.  -   visibility: hidden;
827.  - }
828.  -
829.  - #global_prg {
830.  -   position: absolute;
831.  -   z-index: 400;
832.  - }
833.  -
834.  - /* Tabs */
835.  - .tabs.t_bar {
836.  -   background: #FFF;
837.  - }
838.  - .t_bar {
839.  -   padding: 11px 10px 0px;
840.  -   border-bottom: solid 1px #597DA3;
841.  - }
842.  - ul.t0 {
843.  -   width: 605px;
844.  - }
845.  - ul.t0, ul.t0 li {
846.  -   list-style-type: none;
847.  -   margin: 0;
848.  -   padding: 0;
849.  - }
850.  - ul.t0 li {
851.  -   float: left;
852.  -   text-align: center;
853.  - }
854.  - ul.t0 li.active_link a, ul.t0 li.active_link a:hover {
855.  -   background: #597DA3;
856.  -   color: #FFFFFF;
857.  - }
858.  - ul.t0 li a:hover {
859.  -   background: #E1E7ED;
860.  -   color: #2B587A;
861.  -   text-decoration: none;
862.  - }
863.  - ul.t0 a {
864.  -   float: left;
865.  -   padding: 0 0 5px 0;
866.  -   margin-right: 5px;
867.  -   text-decoration: none;
868.  -   background-color: #FFF;
869.  - }
870.  - ul.t0 .tab_word {
871.  -   margin: 5px 10px 0px 10px;
872.  -   font-weight: normal;
873.  - }
874.  - ul.t0 .t_r {
875.  -   float: right;
876.  -   padding: 5px 0 0;
877.  - }
878.  - ul.t0 .t_r a {
879.  -   margin:0;
880.  - }
881.  - ul.t0 .t_r a:hover {
882.  -   text-decoration: underline;
883.  -   background:#FFFFFF;
884.  - }
885.  - .tl1, .tl2 {
886.  -   display: block;
887.  -   height: 1px;
888.  -   background-color: #FFF;
889.  -   overflow: hidden;
890.  -   margin: 0px;
891.  -   border: 1px solid #FFF;
892.  -   border-width: 0px 2px;
893.  - }
894.  - .tl2 {
895.  -   margin-bottom: 3px;
896.  -   border-width: 0px 1px;
897.  - }
898.  - ul.t0 li a:hover b.tl1, ul.t0 li a:hover b.tl2 {
899.  -   background-color: #E1E7ED;
900.  - }
901.  - ul.t0 li.active_link a b.tl1, ul.t0 li.active_link a:hover b.tl1 {
902.  -   background-color: #597DA3;
903.  -   border-width: 0px 1px;
904.  - }
905.  - ul.t0 li.active_link a b.tl1 b, ul.t0 li.active_link a:hover b.tl1 b {
906.  -   display: block;
907.  -   height: 1px;
908.  -   background: #597DA3;
909.  -   overflow: hidden;
910.  -   margin: 0px;
911.  -   border: 1px solid #9AB1C6;
912.  -   border-width: 0px 1px;
913.  - }
914.  - ul.t0 li.active_link a b.tl2, ul.t0 li.active_link a:hover b.tl2 {
915.  -   background-color: #597DA3;
916.  -   border-color: #9AB1C6;
917.  - }
918.  -
919.  - #flash_audio {
920.  -   height: 0px;
921.  -   top: 5px;
922.  - }
923.  - .audio .play_btn_wrap {
924.  -   padding: 6px;
925.  - }
926.  - .audio .play_new {
927.  -   cursor: pointer;
928.  -   width: 16px;
929.  -   height: 16px;
930.  -   background: url(/images/playpause.gif) no-repeat 0px 0px;
931.  - }
932.  - .audio .play_new.playing {
933.  -   background-position: 0px -16px;
934.  - }
935.  -
936.  - /* Animated counters */
937.  - .counter_anim_wrap {
938.  -   position: relative;
939.  -   height: 1.2em;
940.  -   line-height: normal;
941.  -   overflow: hidden;
942.  - }
943.  - .counter_anim {
944.  -   position: absolute;
945.  -   right: 0;
946.  -   text-align: right;
947.  -   white-space: nowrap;
948.  - }
949.  - .counter_css_anim_wrap {
950.  -   -webkit-transition: width 100ms linear;
951.  -   -moz-transition: width 100ms linear;
952.  -   -o-transition: width 100ms linear;
953.  -   transition: width 100ms linear;
954.  - }
955.  - .counter_css_anim_wrap .counter_anim {
956.  -   -webkit-transition: margin-top 300ms ease-out;
957.  -   -moz-transition: margin-top 300ms ease-out;
958.  -   -o-transition: margin-top 300ms ease-out;
959.  -   transition: margin-top 300ms ease-out;
960.  - }
961.  -
962.  - /* Box notify */
963.  - .top_result_baloon_wrap {
964.  -   padding-top: 50px;
965.  -   z-index: 1200;
966.  -   font-size: 1.09em;
967.  - }
968.  -
969.  - .top_result_baloon {
970.  -   color: #FFF;
971.  -   cursor: pointer;
972.  -   background: url('/images/mv_bg.png');
973.  -   background: rgba(0, 0, 0, 0.75);
974.  -
975.  -   -webkit-border-radius: 5px;
976.  -   -moz-border-radius: 5px;
977.  -   border-radius: 5px;
978.  -
979.  -   -webkit-box-shadow: 0 2px 15px #888;
980.  -   -moz-box-shadow: 0 2px 15px #888;
981.  -   box-shadow: 0 2px 15px #888;
982.  -
983.  -   padding: 15px 15px;
984.  -   width: 380px;
985.  -   text-shadow: 0px 1px 0px #262626;
986.  -   line-height: 160%;
987.  - }
988.  - div.top_result_header {
989.  -   font-weight: bold;
990.  -   font-size: 1.09em;
991.  -   padding-bottom: 5px;
992.  - }
993.  - div.top_result_baloon a {
994.  -   color: #B1DAFF;
995.  -   font-weight: bold;
996.  - }
997.  - .widgets_box {
998.  -   background: transparent;
999.  - }
1000.  -
1001.  -
1002.  -
1003.  - /* Layers */
1004.  - #layer_stl {
1005.  -   position: absolute;
1006.  -   left: 0px;
1007.  -   top: 0px;
1008.  -   cursor: pointer;
1009.  -   display: none;
1010.  -   overflow: hidden;
1011.  - }
1012.  - #layer_stl_bg {
1013.  -   top: 0px;
1014.  -   left: 0px;
1015.  -   width: 100px;
1016.  -   height: 100%;
1017.  -   background: #000;
1018.  -   opacity: 0;
1019.  -   filter: alpha(opacity=15);
1020.  -   -webkit-transition: opacity 100ms linear;
1021.  -   -moz-transition: opacity 100ms linear;
1022.  -   -o-transition: opacity 100ms linear;
1023.  -   transition: opacity 100ms linear;
1024.  - }
1025.  - #layer_stl_cl {
1026.  -   position: absolute;
1027.  -   left: 0px;
1028.  -   top: 0px;
1029.  -   z-index: 1;
1030.  -   width: 100%;
1031.  -   height: 100%;
1032.  - }
1033.  - #layer_stl_text {
1034.  -   top: 13px;
1035.  -   left: 0px;
1036.  -   background: url(/images/toplinkw.gif) no-repeat left 3px;
1037.  -   height: 14px;
1038.  -   display: block;
1039.  -   padding: 0px 20px;
1040.  -   margin: 0 31px 0 15px;
1041.  -   font-weight: bold;
1042.  -   color: #FFF;
1043.  -   opacity: 0.5;
1044.  -   filter: alpha(opacity=50);
1045.  -   -webkit-transition: opacity 100ms linear;
1046.  -   -moz-transition: opacity 100ms linear;
1047.  -   -o-transition: opacity 100ms linear;
1048.  -   transition: opacity 100ms linear;
1049.  - }
1050.  - #layer_stl_text.down {
1051.  -   background-position: left -9px;
1052.  - }
1053.  - #layer_stl:hover #layer_stl_text {
1054.  -   opacity: 1;
1055.  - }
1056.  - #layer_stl:hover #layer_stl_bg {
1057.  -   opacity: 0.15;
1058.  - }
1059.  -
1060.  - #box_layer {
1061.  -   padding: 1px 0px 80px;
1062.  - }
1063.  - #layer_bg,
1064.  - #box_layer_bg,
1065.  - #layer_wrap,
1066.  - #box_layer_wrap {
1067.  -   top: 0;
1068.  -   left: 0;
1069.  -   width: 100%;
1070.  -   height: 100%;
1071.  -   z-index: 500;
1072.  -   overflow: hidden;
1073.  -   display: none;
1074.  - }
1075.  - #box_layer_bg,
1076.  - #box_layer_wrap {
1077.  -   z-index: 1000;
1078.  - }
1079.  - #layer_wrap, #box_layer_wrap {
1080.  -   overflow: auto;
1081.  - }
1082.  - #layer_wrap {
1083.  -   overflow-x: hidden;
1084.  -   overflow-y: auto;
1085.  - }
1086.  - #box_layer_bg {
1087.  -   background: #000;
1088.  -   opacity: 0.2;
1089.  -   filter: alpha(opacity=20);
1090.  - }
1091.  - #box_layer_bg.bg_medium {
1092.  -   opacity: 0.5;
1093.  -   filter: alpha(opacity=50);
1094.  - }
1095.  - #box_layer_bg.bg_dark {
1096.  -   opacity: 0.7;
1097.  -   filter: alpha(opacity=70);
1098.  - }
1099.  -
1100.  - @-moz-document url-prefix() {
1101.  -   #box_layer_bg {
1102.  -     background: url(/images/layer_bg_lite.png);
1103.  -     opacity: 1 !important;
1104.  -   }
1105.  -   #box_layer_bg.bg_medium {
1106.  -     background: url(/images/layer_bg_medium.png);
1107.  -   }
1108.  -   #box_layer_bg.bg_dark {
1109.  -     background: url(/images/layer_bg_black.png);
1110.  -   }
1111.  - }
1112.  - .box_dark .box_title_wrap {
1113.  -   border: none;
1114.  -   font-size: 1em;
1115.  -   font-weight: normal;
1116.  - }
1117.  - .box_dark .box_x_button {
1118.  -   background: none;
1119.  -   margin: 0px;
1120.  -   padding: 17px 20px 18px;
1121.  -   color: #C7D7E9;
1122.  -   width: auto;
1123.  -   -webkit-transition: color 100ms linear;
1124.  -   -moz-transition: color 100ms linear;
1125.  -   -o-transition: color 100ms linear;
1126.  -   transition: color 100ms linear;
1127.  - }
1128.  - .box_dark .box_x_button:hover {
1129.  -   color: #FFF;
1130.  -   text-decoration: none;
1131.  -   background: none;
1132.  - }
1133.  - .box_dark .box_body {
1134.  -   border: none;
1135.  - }
1136.  - .box_dark .box_controls_wrap {
1137.  -   border: none;
1138.  - }
1139.  - .box_dark .box_controls {
1140.  -   border: none;
1141.  -   padding: 16px 15px 15px 20px;
1142.  -   background-color: #EEF0F2;
1143.  - }
1144.  - .box_dark .box_controls_text {
1145.  -   padding: 8px 0 0 0;
1146.  - }
1147.  - .box_dark .box_title {
1148.  -   border: none;
1149.  -   color: #FFFFFF;
1150.  -   background: #597BA5;
1151.  -   font-weight: bold;
1152.  -   padding: 17px 20px 18px;
1153.  -   font-size: 1.09em;
1154.  - }
1155.  - .captcha {
1156.  -   padding: 5px 0;
1157.  -   text-align: center;
1158.  -   height: 80px;
1159.  - }
1160.  - .captcha img {
1161.  -   width: 130px;
1162.  -   height: 50px;
1163.  -   background: url(/images/vklogo.gif);
1164.  -   cursor: pointer;
1165.  - }
1166.  - .captcha input.text {
1167.  -   width: 120px;
1168.  -   margin: 10px 0px 0px;
1169.  - }
1170.  - .captcha .progress {
1171.  -   width: 120px;
1172.  -   margin: 13px auto 0px;
1173.  - }
------
Файл - widget_comments.css (Старый размер - 33289 | Новый - 0):
0.  - #widget_comments_css {
1.  -   display: none;
2.  - }
3.  -
4.  -
5.  - /* Global wall styles (from page.css) */
6.  - .wide_column {
7.  -   padding-bottom: 10px;
8.  -   width: 397px;
9.  - }
10.  -
11.  - .narrow_column {
12.  -   padding-bottom: 10px;
13.  -   width: 200px;
14.  - }
15.  -
16.  - .wall_module .more_link {
17.  -   display: none;
18.  -   padding: 8px 0px;
19.  -   text-align: center;
20.  -   border-top: 1px solid #DAE1E8;
21.  -   margin-bottom: 10px;
22.  - }
23.  - .wall_module .module_header span.fl_r {
24.  -   color: #2B587A;
25.  - }
26.  - .wall_module .module_header span.fl_r:hover {
27.  -   text-decoration: underline;
28.  - }
29.  - .wall_module #page_wall_posts_count {
30.  -   color: #99ADC2;
31.  -   font-weight: bold;
32.  -   padding: 0px 5px;
33.  - }
34.  - .wall_module #page_wall_posts_count:hover {
35.  -   text-decoration: underline;
36.  - }
37.  - .wall_module .more_link:hover {
38.  -   text-decoration: none;
39.  -   background: #E9EDF1;
40.  - }
41.  - .wall_module .more_link .progress {
42.  -   margin: 0px auto;
43.  - }
44.  - .wall_module .more_link div {
45.  -   height: 13px;
46.  - }
47.  - .wall_module .ext_video img {
48.  -   width: 120px;
49.  -   height: 90px;
50.  - }
51.  - div.wall_module .ext_video div {
52.  -   width: 120px;
53.  -   margin-top: 75px;
54.  - }
55.  - .wall_module .video div {
56.  -   bottom: 5px;
57.  -   right: 0px;
58.  -   position: absolute;
59.  -   font-size: 11px;
60.  -   z-index: 10;
61.  - }
62.  - .wall_module .video div span.bg {
63.  -   background: #000;
64.  -   color: #000;
65.  -   opacity: 0.6;
66.  -   filter: alpha(opacity=60);
67.  - }
68.  - .wall_module .video div span {
69.  -   color: #FFF;
70.  -   padding: 0px 3px 1px;
71.  - }
72.  -
73.  - /* Posts */
74.  - .wall_module .post {
75.  -   padding: 3px 0;
76.  -   border-top: 1px solid #DAE1E8;
77.  -   *position: relative;
78.  - }
79.  - .wall_module .post:first-child {
80.  -   border-top: none;
81.  - }
82.  - /* Actions */
83.  - .wall_module .delete_post_wrap {
84.  -   position: relative;
85.  -   z-index: 10;
86.  - }
87.  - .wall_module .delete_post {
88.  -   height: 13px;
89.  -   width: 17px;
90.  -   padding-top: 4px;
91.  - }
92.  - .wall_module .delete_post div {
93.  -   background: url(/images/pics/statusx_op.gif) no-repeat;
94.  -   opacity: 0;
95.  -   filter: alpha(opacity=0);
96.  -   cursor: pointer;
97.  -   height: 17px;
98.  -   width: 17px;
99.  - }
100.  -
101.  - .wall_module .post_actions_wrap,
102.  - .wall_module .reply_actions_wrap {
103.  -   position: relative;
104.  -   z-index: 10;
105.  - }
106.  - .wall_module .post_actions,
107.  - .wall_module .reply_actions {
108.  -   height: 11px;
109.  -   width: 32px;
110.  -   padding-top: 4px;
111.  -   position: absolute;
112.  -   right: 0;
113.  - }
114.  - .wall_module .post_delete_button,
115.  - .wall_module .post_edit_button,
116.  - .wall_module .reply_delete_button,
117.  - .wall_module .reply_edit_button {
118.  -   background: url(/images/pics/statusx_op.gif) 0 0 no-repeat;
119.  -   opacity: 0;
120.  -   filter: alpha(opacity=0);
121.  -   cursor: pointer;
122.  -   height: 11px;
123.  -   width: 11px;
124.  -   margin-left: 5px;
125.  - }
126.  - .is_2x .wall_module .delete_post div,
127.  - .is_2x .wall_module .post_delete_button,
128.  - .is_2x .wall_module .post_edit_button,
129.  - .is_2x .wall_module .reply_delete_button,
130.  - .is_2x .wall_module .reply_edit_button {
131.  -   background-image: url(/images/pics/statusx_op_2x.gif);
132.  -   background-size: 11px 11px;
133.  - }
134.  - .wall_module .reply_edit_button,
135.  - .wall_module .post_edit_button {
136.  -   display: none;
137.  -   background-image: url(/images/pics/statusedit.gif);
138.  - }
139.  -
140.  -
141.  - .wall_module div.post_image {
142.  -   position: absolute;
143.  -   *left: 0;
144.  -   padding: 5px 0;
145.  -   width: 50px;
146.  - }
147.  - .wall_module a.post_image {
148.  -   width: 50px;
149.  -   height: 50px;
150.  -   display: block;
151.  - }
152.  - #wcomments_page .wall_module .post_info {
153.  -   margin-left: 65px;
154.  -   padding: 0 0 2px;
155.  -   *position: relative;
156.  -   width: auto;
157.  - }
158.  - .wall_module .dld {
159.  -   color: #777;
160.  -   padding: 5px 60px 8px;
161.  - }
162.  - .wall_module .reply .dld {
163.  -   padding: 11px 4px 12px 41px;
164.  - }
165.  - .wide_wall_module .reply .dld {
166.  -   padding: 11px 4px 12px 64px;
167.  - }
168.  - .wall_module .author {
169.  -   font-weight: bold;
170.  -   line-height: 140%;
171.  - }
172.  - .wall_module .published_by_wrap {
173.  -   margin: 7px 0 5px;
174.  - }
175.  - .wall_module a.published_by_photo {
176.  -   display: block;
177.  -   width: 30px;
178.  -   height: 30px;
179.  -   margin-right: 8px;
180.  - }
181.  - .wall_module .published_by {
182.  -   padding-left: 12px;
183.  -   background: url(/images/icons/published.gif) no-repeat 0px 3px;
184.  -   font-weight: bold;
185.  - }
186.  - .wall_module div.published_by_date {
187.  -   padding-top: 4px;
188.  - }
189.  - .wall_module .published_by_date, .wall_module .wall_post_source {
190.  -   color: #777;
191.  - }
192.  -
193.  - #submit_post_box_wrap {
194.  -   padding: 10px;
195.  -   background: #F7F7F7;
196.  - }
197.  - .wall_module #submit_post_box {
198.  -   padding: 8px;
199.  -   background: #F7F7F7;
200.  -   border-top: 1px solid #d8dfe5;
201.  - }
202.  - .wall_module #submit_post_box textarea {
203.  -   overflow: hidden;
204.  -   outline: none;
205.  -   width: 372px;
206.  -   height: 14px;
207.  -   resize: none;
208.  - }
209.  - .wall_module #submit_post {
210.  -   display: none;
211.  -   padding-top: 8px;
212.  - }
213.  - .wall_module #submit_post .progress.fl_r {
214.  -   margin: 6px 8px 0px;
215.  - }
216.  - .wall_module #submit_post .checkbox,
217.  - .wall_module #submit_post .checkbox_pic {
218.  -   margin: 6px 0 0px 10px;
219.  - }
220.  - .wall_module td {
221.  -   vertical-align: top;
222.  - }
223.  - .wall_module .online {
224.  -   display: block;
225.  -   width: 50px;
226.  -   text-align: center;
227.  -   padding-top: 5px;
228.  -   color: #AAA;
229.  - }
230.  -
231.  - .wall_post_over .wall_post_text,
232.  - .wall_post_over .post_media,
233.  - .wall_post_over .explain,
234.  - .wall_post_over .group_share,
235.  - .wall_post_over .public_share,
236.  - .wall_post_over .event_share {
237.  -   cursor: pointer;
238.  - }
239.  -
240.  - .wall_post_text,
241.  - .wall_reply_text {
242.  -   padding-top: 2px;
243.  -   line-height: 130%;
244.  - }
245.  - .wall_post_text {
246.  -   overflow: hidden;
247.  -   word-wrap: break-word;
248.  - }
249.  - .wall_post_more,
250.  - .wall_reply_more,
251.  - .wall_module .reply_show_whole {
252.  -   position: relative;
253.  -   top: 2px;
254.  -   font-weight: bold;
255.  -   color: #91A4B8;
256.  -   -webkit-transition: color 200ms linear;
257.  -   -moz-transition: color 200ms linear;
258.  -   -o-transition: color 200ms linear;
259.  -   transition: color 200ms linear;
260.  - }
261.  - .wall_post_text:hover .wall_post_more,
262.  - .wall_reply_text:hover .wall_reply_more,
263.  - .wall_post_more:hover, .wall_reply_more:hover {
264.  -   color: #45688E;
265.  -   text-decoration: none;
266.  - }
267.  - #wcomments_page .wall_text {
268.  -   width: auto;
269.  -   padding: 5px 0px 0px;
270.  -   position: relative;
271.  -   margin: 0px;
272.  - }
273.  - .wall_text .explain {
274.  -   color: #777;
275.  -   line-height: 140%;
276.  - }
277.  - .wall_module .audio .info {
278.  -   padding: 2px;
279.  -   width: 100%;
280.  - }
281.  -
282.  - /* Likes */
283.  - .wall_module .like_wrap {
284.  -   margin: 4px 1px 8px;
285.  -   color: #2F5879;
286.  -   font-size: 11px;
287.  -   cursor: pointer;
288.  - }
289.  - .wall_module .reply .like_wrap {
290.  -   margin: 0 1px 0 0;
291.  - }
292.  - .fw_reply .like_wrap {
293.  -   margin: 0 1px 0 0;
294.  -   color: #2F5879;
295.  -   font-size: 1em;
296.  -   cursor: pointer;
297.  - }
298.  - .wall_module .like_link, .wall_module .no_likes {
299.  -   visibility: hidden;
300.  -   opacity: 0;
301.  -   filter: alpha(opacity=0);
302.  - }
303.  - .wall_module .reply .like_link, .fw_reply .like_link {
304.  -   cursor: pointer;
305.  -   color: #2F5879;
306.  -   visibility: visible;
307.  -   opacity: 1;
308.  -   filter: none;
309.  - }
310.  -
311.  - .wall_module .one .like_link {
312.  -   visibility: visible;
313.  -   opacity: 1;
314.  -   filter: none;
315.  - }
316.  - .wall_module .one .no_likes {
317.  -   visibility: visible;
318.  - }
319.  - .wall_module .like_wrap i {
320.  -   display: block;
321.  -   background: url(/images/icons/like.gif?1) no-repeat 1px 0px;
322.  -   height: 10px;
323.  -   margin: 3px 3px 0px;
324.  -   opacity: 0.4;
325.  -   filter: alpha(opacity=40);
326.  -   width: 11px;
327.  - }
328.  -
329.  - .wall_module .like_wrap i.my_like,
330.  - .fw_reply .like_wrap i.my_like {
331.  -   opacity: 1;
332.  -   filter: none;
333.  - }
334.  - .wall_module .like_wrap i.no_likes {
335.  -   margin-right: 0px;
336.  - }
337.  - .wall_module .like_count, .fw_reply .like_count {
338.  -   font-weight: bold;
339.  -   color: #7295b2;
340.  -   margin-right: 3px;
341.  - }
342.  - .wall_module .fw_like_count {
343.  -   color: #7295b2;
344.  -   font-weight: bold;
345.  - }
346.  -
347.  - /* Replies */
348.  - .wall_module .reply_link_wrap {
349.  -   padding-top: 4px;
350.  -   padding-bottom: 8px;
351.  -   font-size: 11px;
352.  - }
353.  - .wall_module .reply_link_wrap small, .wall_module .reply_link_wrap small a {
354.  -   color: #999;
355.  -   font-size: 11px;
356.  - }
357.  -
358.  - /* Replies header link */
359.  - .wrh_text {
360.  -   text-align: center;
361.  - }
362.  - .wrh_prg {
363.  -   margin: 0px auto;
364.  - }
365.  - .wr_header {
366.  -   display: block;
367.  -   cursor: pointer;
368.  -   color: #6A7989;
369.  -   background: #E9EDF1;
370.  -   height: 13px;
371.  -   padding: 9px 0px 8px;
372.  - }
373.  - .wr_header:hover {
374.  -   text-decoration: none;
375.  - }
376.  - .wrh_all {
377.  -   background: #FFF;
378.  -   color: #777;
379.  - }
380.  - .wrh_all:hover {
381.  -   background: #E9EDF1;
382.  -   color: #6A7989;
383.  - }
384.  - .wd_lnk {
385.  -   color: #999;
386.  - }
387.  - .wall_module .replies_wrap {
388.  -   padding-top: 2px;
389.  -   margin-bottom: 6px;
390.  -   position: relative;
391.  - }
392.  - /* Reply */
393.  - .wall_module .reply {
394.  -   background: #FFF;
395.  -   border-top: 1px solid #E9EDF1;
396.  -   padding: 6px 0px;
397.  -   position: relative;
398.  - }
399.  - .wall_module .reply .delete_post {
400.  -   padding-top: 2px;
401.  - }
402.  - .wall_module a.reply_image {
403.  -   width: 32px;
404.  -   height: 32px;
405.  -   margin: 2px 0;
406.  -   display: block;
407.  -   overflow: hidden;
408.  -   position: absolute;
409.  -   *left: 0;
410.  - }
411.  - .wall_module img.reply_image {
412.  -   width: 32px;
413.  -   height: 32px;
414.  - }
415.  - .wall_module .reply .author {
416.  -   padding-right: 3px;
417.  -   font-weight: normal;
418.  - }
419.  - .wall_module .reply_text {
420.  -   word-wrap: break-word;
421.  -   overflow: hidden;
422.  -   max-width: 293px;
423.  - }
424.  - .wall_module .reply_info {
425.  -   margin-left: 39px;
426.  -   *position: relative;
427.  - }
428.  - .wall_module .info_footer {
429.  -   font-size: 11px;
430.  -   color: #999;
431.  -   padding: 4px 0 0;
432.  - }
433.  - .wall_module .reply_to {
434.  -   color: #999;
435.  - }
436.  - /* Reply form */
437.  - .wall_module .reply_fakebox_wrap {
438.  -   background: #F1F1F1;
439.  -   padding: 6px;
440.  - }
441.  - .wall_module .reply_fakebox {
442.  -   cursor: text;
443.  -   background: white;
444.  -   border: 1px solid #C0CAD5;
445.  -   padding: 3px 5px;
446.  -   color: #777;
447.  - }
448.  - .reply_field_wrap {
449.  -   padding: 3px;
450.  -   background: #FFF;
451.  -   border: 1px solid #C0CAD5;
452.  - }
453.  - .reply_field {
454.  -   padding: 0;
455.  -   border: 0;
456.  -   overflow: hidden;
457.  -   height: 14px;
458.  -   outline: 0;
459.  -   margin: 0px;
460.  -   width: 100%;
461.  -   resize: none;
462.  -   height: 14px;
463.  - }
464.  - .reply_field_tail {
465.  -   display: none;
466.  -   width: 5px;
467.  -   height: 9px;
468.  -   background: url(/images/icons/feedback_iconset.gif?4) 0 -155px no-repeat;
469.  -   position: absolute;
470.  -   margin-left: -8px;
471.  -   margin-top: 16px;
472.  - }
473.  - .is_2x .reply_field_tail {
474.  -   background-image: url(/images/icons/feedback_iconset_2x.gif?4);
475.  -   background-size: 15px 181px;
476.  - }
477.  - .wall_module .reply_box {
478.  -   background: #F1F1F1;
479.  -   padding: 6px;
480.  -   *position: relative;
481.  -   clear: both;
482.  - }
483.  - .wall_module a.reply_form_image {
484.  -   display: none;
485.  -   width: 50px;
486.  -   height: 50px;
487.  -   overflow: hidden;
488.  -   position: absolute;
489.  -   *left: 6px;
490.  - }
491.  - .wall_module .reply_form {
492.  -   zoom: 1;
493.  - }
494.  - .wall_module .reply_form_img {
495.  -   width: 50px;
496.  -   height: 50px;
497.  - }
498.  - .wall_module .submit_reply {
499.  -   display: none;
500.  -   padding-top: 6px;
501.  -   height: 25px;
502.  - }
503.  - .wall_module .reply_as_group_wrap {
504.  -   padding: 6px 0 0 5px;
505.  -   display: none;
506.  - }
507.  - .wall_module .reply_as_group_active {
508.  -   display: block;
509.  - }
510.  - .reply_button_wrap {
511.  -   padding-right: 5px;
512.  -   zoom: 1;
513.  -   *position: relative;
514.  - }
515.  - .wall_module .reply_box_open .reply_form {
516.  -   margin-left: 62px;
517.  - }
518.  - .wall_module .reply_hint {
519.  -   padding: 6px 0 0px 5px;
520.  -   overflow: hidden;
521.  -   -o-text-overflow: ellipsis;
522.  -   text-overflow: ellipsis;
523.  -   position: relative;
524.  - }
525.  - .wall_module .reply_hint_text {
526.  -   color: #777;
527.  -   cursor: default;
528.  -   white-space: nowrap;
529.  -   overflow: hidden;
530.  -   -o-text-overflow: ellipsis;
531.  -   text-overflow: ellipsis;
532.  - }
533.  - .wall_module .reply_box_open .reply_box {
534.  -   margin-left: -6px;
535.  - }
536.  - .wall_module .reply_to_title {
537.  -   display: none;
538.  -   padding: 6px 5px 0px;
539.  - }
540.  -
541.  - .reply_multiline_tt_point {
542.  -   position: absolute;
543.  -   width: 1px;
544.  -   height: 1px;
545.  - }
546.  - .wall_module .reply_box_open .replies_wrap,
547.  - .wall_module .reply_box_open .submit_reply,
548.  - .wall_module .reply_box_open a.reply_form_image,
549.  - .reply_box_open .reply_field_tail {
550.  -   display: block;
551.  - }
552.  - .wall_module .reply_box_open .reply_link {
553.  -   display: none;
554.  - }
555.  - .wall_module #post_warn,
556.  - .wall_module .reply_warn {
557.  -   display: none;
558.  -   padding-top: 5px;
559.  -   color: #777;
560.  - }
561.  - /* Reply submit hint */
562.  - .reply_submit_hint_wrap {
563.  -   width: 210px;
564.  -   height: 110px;
565.  -   padding: 8px 5px 8px;
566.  - }
567.  - .reply_submit_hint_title {
568.  -   color: #2A5779;
569.  -   font-weight: bold;
570.  -   padding-bottom: 2px;
571.  - }
572.  - #reply_submit_hint_opts .radiobtn {
573.  -   color: #000;
574.  -   padding-top: 10px;
575.  -   padding-bottom: 5px;
576.  -   line-height: 160%;
577.  - }
578.  - #reply_submit_hint_opts .radiobtn div {
579.  -   margin: 2px 5px 6px 0;
580.  - }
581.  -
582.  -
583.  -
584.  -
585.  - .wall_module #post_warn,
586.  - .wall_module .reply_warn {
587.  -   display: none;
588.  -   padding-top: 5px;
589.  -   color: #777;
590.  - }
591.  - .wall_module .post_media {
592.  -   padding-top: 7px;
593.  - }
594.  - .wall_module .graffiti img {
595.  -   width: 200px;
596.  -   height: 100px;
597.  - }
598.  - .wall_module .photo img {
599.  -   vertical-align: top;
600.  -   max-height: 150px;
601.  -   overflow: hidden;
602.  - }
603.  - span.post_video_title {
604.  -   font-weight: bold;
605.  - }
606.  - span.post_video_duration {
607.  -   font-weight: bold;
608.  -   color: #000;
609.  - }
610.  - .wall_module .video {
611.  -   display: block;
612.  -   position: relative;
613.  - }
614.  - .wall_module .video:hover {
615.  -   text-decoration: none;
616.  - }
617.  - .wall_module .app img.icon {
618.  -   padding: 4px 5px 0px 0px;
619.  -   vertical-align: bottom;
620.  - }
621.  - .wall_module .app img.thumb {
622.  -   max-width: 75px;
623.  -   max-height: 75px;
624.  -   margin: 3px 6px 3px 0px;
625.  -   vertical-align: middle;
626.  - }
627.  - .wall_module .mention_rich_ta {
628.  -   background: #FFF;
629.  -   padding: 3px;
630.  -   border: 1px solid #C0CAD5;
631.  -   outline: none;
632.  -   overflow-x: hidden;
633.  -   line-height: normal;
634.  - }
635.  - .wall_module .mini_editor_cont {
636.  -   display: none;
637.  -   position: relative;
638.  -   z-index: 102;
639.  - }
640.  - .wall_module .mention_rich_ta a {
641.  -   color: #2B587A !important;
642.  -   cursor: text !important;
643.  -   text-decoration: none !important;
644.  - }
645.  - .wall_module .mention_rich_ta p {
646.  -   font-family: tahoma, verdana, arial, sans-serif, Lucida Sans;
647.  -   font-size: 1em;
648.  -   padding:0px;
649.  -   margin: 0;
650.  -   line-height: normal;
651.  - }
652.  - .wall_module .mini_editor_cont .selector_container .result_list {
653.  -   display: none;
654.  - }
655.  - #wcomments_form #page_add_media {
656.  -   padding: 6px 20px 0;
657.  - }
658.  - #page_no_wall {
659.  -   padding: 15px;
660.  -   border-top: 1px solid #CCD3DA;
661.  -   font-size: 1.09em;
662.  -   color: #777;
663.  -   text-align: center;
664.  - }
665.  -
666.  - .add_media_rows {
667.  -   -webkit-border-radius: 2px;
668.  -   -khtml-border-radius: 2px;
669.  -   -moz-border-radius: 2px;
670.  -   border-radius: 2px;
671.  -   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
672.  -   -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
673.  -   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.35);
674.  -   background: #FFF;
675.  -   border: 1px solid #B2BDCA;
676.  -   position: static;
677.  -   margin: 0px -20px;
678.  - }
679.  - .add_media_head {
680.  -   background: #EDF1F5;
681.  -   padding: 7px 27px;
682.  -   color: #2B587A;
683.  - }
684.  - .add_media_menu {
685.  -   /* position: absolute; is in js*/
686.  -   display: none;
687.  -   cursor: default;
688.  -   z-index: 1005;
689.  - }
690.  - .add_media_item {
691.  -   padding: 6px 10px 2px 27px;
692.  -   display: block;
693.  -   height: 18px;
694.  -   position: relative;
695.  -   background: #FFF no-repeat;
696.  - }
697.  - .add_media_item:last-child,
698.  - .add_media_head:last-child,
699.  - .add_media_more_wrap a.add_media_more {
700.  -   -webkit-border-radius: 0px 0px 2px 2px;
701.  -   -khtml-border-radius: 0px 0px 2px 2px;
702.  -   -moz-border-radius: 0px 0px 2px 2px;
703.  -   border-radius: 0px 0px 2px 2px;
704.  - }
705.  - .add_media_item:first-child,
706.  - .add_media_head:first-child,
707.  - .add_media_rev .add_media_more_wrap a.add_media_more {
708.  -   -webkit-border-radius: 2px 2px 0px 0px;
709.  -   -khtml-border-radius: 2px 2px 0px 0px;
710.  -   -moz-border-radius: 2px 2px 0px 0px;
711.  -   border-radius: 2px 2px 0px 0px;
712.  - }
713.  - .add_media_item:hover {
714.  -   text-decoration: none;
715.  -   background-color: #e1e7ed;
716.  - }
717.  - .add_media_menu .rows {
718.  -   margin: 0px;
719.  -   position: relative;
720.  -   *position: static;
721.  -   z-index: 1006;
722.  - }
723.  - .media_preview {
724.  -   margin-bottom: 8px;
725.  -   display: none;
726.  - }
727.  - .media_preview .audio {
728.  -   padding-top: 4px;
729.  - }
730.  -
731.  - .media_preview .x {
732.  -   cursor: pointer;
733.  -   margin: 4px 5px 0px;
734.  -   background: url(/images/pics/statusx_op.gif) no-repeat 0 0;
735.  -   opacity: 0.6;
736.  -   filter: alpha(opacity=60);
737.  -   height: 11px;
738.  -   width: 11px;
739.  - }
740.  - .media_preview .x:hover {
741.  -   opacity: 1;
742.  -   filter: none;
743.  - }
744.  - .media_preview .graffiti {
745.  -   width: 100px;
746.  -   height: 50px;
747.  - }
748.  - .media_preview .audio img,
749.  - .media_preview .app img {
750.  -   padding-top: 3px;
751.  - }
752.  - .media_preview .audio span,
753.  - .media_preview .app span {
754.  -   padding: 0px 6px;
755.  -   position: relative;
756.  -   top: -1px;
757.  - }
758.  - .media_audio_icon {
759.  -   float: left;
760.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -222px;
761.  -   width: 11px;
762.  -   height: 11px;
763.  -   margin: 0px 3px;
764.  - }
765.  - .media_preview .share, .media_preview .poll {
766.  -   padding-top: 3px;
767.  -   color: #555;
768.  - }
769.  - .media_preview .share b, .media_preview .poll b, .media_desc b {
770.  -   width: 15px;
771.  -   height: 10px;
772.  -   margin-top: 2px;
773.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat left -237px;
774.  - }
775.  - .media_desc b.topic {
776.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -90px;
777.  - }
778.  - .media_desc b.group {
779.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat 0 -45px;
780.  -   height: 12px;
781.  - }
782.  - .media_preview .poll b {
783.  -   background-position: left -208px;
784.  - }
785.  - .share_preview .content, .poll_preview .content {
786.  -   background: #FFF;
787.  -   padding: 5px;
788.  -   border: 1px solid #C0CAD5;
789.  - }
790.  - .share_preview .progress {
791.  -   display: block;
792.  -   margin: 0px auto;
793.  - }
794.  - .share_preview img {
795.  -   padding: 5px 10px 5px 5px;
796.  - }
797.  - .share_preview .header {
798.  -   margin: 0px;
799.  -   padding: 5px;
800.  -   border: 0px;
801.  -   font-size: 1em;
802.  - }
803.  - .share_preview .descr {
804.  -   padding: 0px 5px 5px;
805.  - }
806.  - .share_preview .bottom_pointer, .poll_preview .bottom_pointer {
807.  -   background: url(/images/tooltip_arrow_down_w.gif) no-repeat 0px 0px;
808.  -   width: 11px;
809.  -   height: 7px;
810.  -   position: relative;
811.  -   top: -2px;
812.  -   margin: 0px 50px 1px;
813.  -   overflow: hidden;
814.  - }
815.  - .poll_preview .content {
816.  -   overflow: hidden;
817.  -   padding: 10px 10px 2px;
818.  - }
819.  - .poll_preview .label {
820.  -   width: 100px;
821.  -   padding: 4px 10px 0px;
822.  -   color: #777;
823.  - }
824.  - .poll_preview .labeled {
825.  -   width: 239px;
826.  - }
827.  - .poll span span {
828.  -   color: #2B587A;
829.  - }
830.  - .poll_preview input {
831.  -   margin-bottom: 8px;
832.  -   position: relative;
833.  -   width: 231px;
834.  - }
835.  - .poll_preview nobr {
836.  -   font-size: 11px;
837.  -   text-transform: lowercase;
838.  - }
839.  - .poll_preview a.disabled {
840.  -   cursor: default;
841.  -   color: #777;
842.  - }
843.  - .poll_preview a.disabled:hover {
844.  -   text-decoration: none;
845.  - }
846.  - .media_desc {
847.  -   padding: 5px 0px 1px;
848.  - }
849.  - .wall_module .post_media .media_desc {
850.  -   padding-top: 8px;
851.  -   clear: both;
852.  - }
853.  - .media_desc .lnk {
854.  -   color: #777;
855.  -   cursor: pointer;
856.  - }
857.  - .media_desc .lnk:hover {
858.  -   text-decoration: none;
859.  - }
860.  - .media_desc .a {
861.  -   color: #2b587a;
862.  - }
863.  - .media_desc .lnk:hover .a {
864.  -   text-decoration: underline;
865.  - }
866.  - .media_desc .comment {
867.  -   background-position: 0px -194px;
868.  - }
869.  - .media_desc .note {
870.  -   background-position: 0px -150px;
871.  - }
872.  - .media_desc .poll {
873.  -   background-position: 0px -208px;
874.  - }
875.  - .media_desc .app {
876.  -   background-position: 0px -60px;
877.  - }
878.  - .media_desc .checkin {
879.  -   background-position: 0px -165px;
880.  - }
881.  - .media_desc .donation {
882.  -   background-position: 0px -179px;
883.  - }
884.  -
885.  - a.wall_reply_greeting {
886.  -   color: #000;
887.  - }
888.  -
889.  - /* Thumbed links */
890.  - .wall_module .page_media_thumbed_link {
891.  -   margin: 5px 0 5px 3px;
892.  -   border-left: 2px solid #C3D1E0;
893.  -   padding-left: 5px;
894.  - }
895.  - .wall_module td.page_media_link_thumb {
896.  -   cursor: pointer;
897.  -   background-position: 50% 50%;
898.  -   background-repeat: no-repeat;
899.  - }
900.  - .wall_module a.page_media_link_thumb {
901.  -   display: block;
902.  -   width: 100px;
903.  -   overflow: hidden;
904.  -   line-height: 0;
905.  -   min-height: 63px;
906.  -   height: 100%;
907.  - }
908.  - .wall_module a.page_media_link_thumb:hover {
909.  -   text-decoration: none;
910.  - }
911.  - .wall_module div.page_media_link_desc_wrap {
912.  -   padding-left: 10px;
913.  -   line-height: 140%;
914.  -   min-height: 63px;
915.  -   max-height: 79px;
916.  -   overflow: hidden;
917.  -   -o-text-overflow: ellipsis;
918.  -   text-overflow: ellipsis;
919.  - }
920.  - .wall_module a.page_media_link_title {
921.  -   font-weight: bold;
922.  - }
923.  - .wall_module div.page_media_link_desc {
924.  -   padding-top: 3px;
925.  - }
926.  -
927.  - /* global wall styles end */
928.  -
929.  -
930.  -
931.  - /* Widget styles */
932.  - .wcomments_head {
933.  -   background: #5B7FA6;
934.  -   padding: 5px 5px 5px 6px;
935.  - }
936.  - .wcomments_head_icon {
937.  -   height: 18px;
938.  -   width: 18px;
939.  -   overflow: hidden;
940.  - }
941.  - #wcomments_count {
942.  -   padding: 3px 3px 1px;
943.  -   line-height: 100%;
944.  -   color: #FFFFFF;
945.  -   font-weight: bold;
946.  - }
947.  - #wcomments_admin_link_wrap, #wcomments_refresh_link_wrap {
948.  -   padding: 3px 5px 1px;
949.  -   line-height: 100%;
950.  - }
951.  - #wcomments_admin_link, #wcomments_refresh_link {
952.  -   font-weight: bold;
953.  -   color: #A9B8CB;
954.  - }
955.  - #wcomments_user_link_wrap {
956.  -   padding: 3px 0 0;
957.  -   line-height: 100%;
958.  - }
959.  - .wcomments_userpic_wrap,
960.  - .wcommens_input_wrap {
961.  -   vertical-align: top;
962.  - }
963.  - .wcomments_logo {
964.  -   background: url(/images/icons/w_comments_logo.png) 0px 0px no-repeat;
965.  -   background-size: 18px 18px;
966.  -   width: 18px;
967.  -   height: 18px;
968.  - }
969.  - .is_2x .wcomments_logo {
970.  -   background-image: url(/images/icons/w_comments_logo_2x.png);
971.  - }
972.  -
973.  - td.wcomments_userpic_wrap {
974.  -   width: 60px;
975.  - }
976.  - div.wcomments_userpic {
977.  -   width: 60px;
978.  -   height: 50px;
979.  -   overflow: hidden;
980.  - }
981.  - img.wcomments_userpic {
982.  -   width: 50px;
983.  - }
984.  -
985.  - .wcomments_input {
986.  -   background: #FFF;
987.  -   border: 1px solid #C0CAD5;
988.  -   padding: 0 3px;
989.  - }
990.  - .wcomments_input .input_back {
991.  -   margin-top: -0px !important;
992.  - }
993.  - #post_field {
994.  -   height: 56px;
995.  -   border: 0;
996.  -   padding: 3px 0;
997.  -   width: 100%;
998.  -   outline: 0;
999.  -   overflow: hidden;
1000.  -   resize: vertical;
1001.  - }
1002.  - .mention_rich_ta {
1003.  -   padding: 3px 0;
1004.  -   outline: 0;
1005.  - }
1006.  -
1007.  - #submit_post {
1008.  -   padding-top: 10px;
1009.  -   padding-left: 60px;
1010.  - }
1011.  - #submit_post_box .submit_post_nopadding {
1012.  -   padding-left: 0;
1013.  - }
1014.  - #page_post_progress {
1015.  -   padding: 6px 10px;
1016.  -   background-position: 50% 50%;
1017.  - }
1018.  - .wcomments_input .selector_container .results_container {
1019.  -   margin: 1px -4px 0;
1020.  - }
1021.  - .wcomments_input .selector_container .result_list_shadow,
1022.  - .wcomments_input .selector_container .result_list {
1023.  -   display: none;
1024.  - }
1025.  - #wcomments_export {
1026.  -   margin: 6px 0 0 10px;
1027.  -   width: 190px;
1028.  - }
1029.  - .font_medium #wcomments_export {
1030.  -   width: 220px;
1031.  - }
1032.  -
1033.  - #wcomments_posts .wcomments_post {
1034.  -   padding: 5px 10px;
1035.  - }
1036.  -
1037.  - #wcomments_more_link {
1038.  -   padding: 10px 0px;
1039.  -   text-align: center;
1040.  -   border-top: 1px solid #DAE1E8;
1041.  -   display: block;
1042.  -   height: 13px;
1043.  - }
1044.  - #wcomments_more_link:hover {
1045.  -   text-decoration: none;
1046.  -   background: #E9EDF1;
1047.  - }
1048.  - #wcomments_more_progress {
1049.  -   margin: 0 auto;
1050.  - }
1051.  - #wcomments_posts_wrap {
1052.  -   position: relative;
1053.  - }
1054.  -
1055.  -
1056.  - .wcomments_delete_all_buttons {
1057.  -   padding-top: 10px;
1058.  - }
1059.  - .wcomments_delete_all {
1060.  -   margin-right: 10px;
1061.  - }
1062.  -
1063.  - /* Admin tabs */
1064.  - #wcomments_admin_nav {
1065.  -   display: none;
1066.  - }
1067.  - .wcomments_tabs {
1068.  -   background: #F7F7F7;
1069.  -   padding: 10px;
1070.  - }
1071.  - .wcomments_admins_wrap {
1072.  -   padding: 5px 0;
1073.  - }
1074.  - .wcomments_tab, .wcomments_tab_selected, .wcomments_tab_over {
1075.  -   cursor: pointer;
1076.  -   padding: 2px 5px 2px 0px;
1077.  -   float: left;
1078.  - }
1079.  - .wcomments_tab1 {
1080.  -   padding: 3px 6px 4px;
1081.  - }
1082.  - .wcomments_tab_over .wcomments_tab1 {
1083.  -   -moz-border-radius: 2px;
1084.  -   -webkit-border-radius: 2px;
1085.  -   border-radius: 2px;
1086.  -   background-color: #E1E7ED;
1087.  - }
1088.  - .wcomments_tab_selected .wcomments_tab1 {
1089.  -   -moz-border-radius: 2px;
1090.  -   -webkit-border-radius: 2px;
1091.  -   border-radius: 2px;
1092.  -   background-color: #597DA3;
1093.  - }
1094.  - .wcomments_tab2 {
1095.  -   font-weight: bold;
1096.  -   color: #45688E;
1097.  -   padding-left: 2px;
1098.  -   padding-right: 2px;
1099.  -   -o-text-overflow: ellipsis;
1100.  -   text-overflow: ellipsis;
1101.  - }
1102.  - .wcomments_tab_selected .wcomments_tab2 {
1103.  -   color: #FFF;
1104.  - }
1105.  - #wcomments_posts {
1106.  -   padding: 0;
1107.  - }
1108.  - .wcomments_posts_loading {
1109.  -   border-top: 1px solid #DAE1E8;
1110.  -   height: 400px;
1111.  -   background: #FFF url(/images/progress7.gif) 50% 50% no-repeat;
1112.  - }
1113.  -  /* Blacklist */
1114.  - .wcomments_bl_row {
1115.  -   padding: 10px;
1116.  -   height: 25px;
1117.  -   overflow: hidden;
1118.  -   border-top: 1px solid #DAE2E8;
1119.  - }
1120.  - img.wcomments_bl_photo {
1121.  -   width: 25px;
1122.  -   height: 25px;
1123.  - }
1124.  - .wcomments_bl_name {
1125.  -   padding: 5px 0 0 10px;
1126.  -   font-weight: bold;
1127.  - }
1128.  - .wcomments_bl_label {
1129.  -   font-weight: normal;
1130.  -   color: #777;
1131.  -   padding-left: 2px;
1132.  -   display: none;
1133.  - }
1134.  - .wcomments_bl_action {
1135.  -   padding-top: 5px;
1136.  - }
1137.  - .wcomments_empty {
1138.  -   border-top: 1px solid #DAE2E8;
1139.  -   font-size: 1.09em;
1140.  -   padding: 100px 30px;
1141.  -   text-align: center;
1142.  -   color: #777;
1143.  - }
1144.  -
1145.  - /* scrollbars from widget community */
1146.  - .scrollbar_cont {
1147.  -   width: 11px;
1148.  -   height: 100%;
1149.  -   margin-top: 3px;
1150.  -   position: absolute;
1151.  -   z-index: 1000;
1152.  - }
1153.  - .scrollbar_inner {
1154.  -   background: #000;
1155.  -   opacity: 0.5;
1156.  -   filter: alpha(opacity=50);
1157.  -   /* background: #DAE1E8; */
1158.  -   width: 16px;
1159.  -   height: 50px;
1160.  -   margin-left: -1px;
1161.  -   -webkit-border-radius: 2px;
1162.  -   -moz-border-radius: 2px;
1163.  -   border-radius: 2px;
1164.  -   cursor: pointer;
1165.  - }
1166.  - .scrollbar_inner:hover,
1167.  - .scrollbar_hovered {
1168.  -   opacity: 0.65;
1169.  -   filter: alpha(opacity=65);
1170.  -   /* background: #BEC8D3; */
1171.  - }
1172.  - .scrollbar_top {
1173.  -   position: absolute;
1174.  -   height: 3px;
1175.  -   margin-top: -1px;
1176.  -   background: #555555;
1177.  -   opacity: 0.12;
1178.  -   filter: alpha(opacity=12);
1179.  -   display: none;
1180.  - }
1181.  - .scrollbar_bottom {
1182.  -   position: absolute;
1183.  -   height: 3px;
1184.  -   margin-top: -2px;
1185.  -   background: #555555;
1186.  -   opacity: 0.12;
1187.  -   filter: alpha(opacity=12);
1188.  - }
1189.  - /* scrollbars end */
1190.  -
1191.  -
1192.  - /* Autoupdate replies */
1193.  - .new_reply {
1194.  -   display: none;
1195.  - }
1196.  - .replies_open {
1197.  -   color: #2B587A;
1198.  -   background: #e9edf1;
1199.  -   border: 1px solid #dae1e8;
1200.  -   cursor: pointer;
1201.  -   padding: 5px;
1202.  -   text-align: center;
1203.  -   margin: 5px 0;
1204.  - }
1205.  - .replies_open:hover {
1206.  -   background: #dae1e8;
1207.  - }
1208.  -
1209.  -
1210.  - /* Wide wall fixes */
1211.  - .wide_wall_module .audio .info {
1212.  -   padding: 2px;
1213.  -   width: 100%;
1214.  - }
1215.  - .wide_wall_module .post {
1216.  -   border-top: 0px;
1217.  -   border-bottom: 1px solid #DAE1E8;
1218.  -   *position: relative;
1219.  - }
1220.  - .wide_wall_module .post:last-child {
1221.  -   border-bottom: 0px;
1222.  - }
1223.  - .wide_wall_module .wall_post_text,
1224.  - .wide_wall_module .wall_reply_text {
1225.  -   line-height: 160%;
1226.  - }
1227.  - .wide_wall_module .wall_text,
1228.  - .wide_wall_module .wall_post_text {
1229.  -   max-width: 500px;
1230.  - }
1231.  - .wide_wall_module a.reply_image {
1232.  -   width: 50px;
1233.  -   height: 50px;
1234.  - }
1235.  - .wide_wall_module img.reply_image {
1236.  -   width: 50px;
1237.  -   height: 50px;
1238.  - }
1239.  - .wide_wall_module .reply_info {
1240.  -   margin-left: 63px;
1241.  - }
1242.  - .wide_wall_module .reply_text {
1243.  -   max-width: 469px;
1244.  - }
1245.  - .wide_wall_module .reply_box_open .reply_field {
1246.  -   height: 42px;
1247.  - }
1248.  - .wide_wall_module .reply_field_tail {
1249.  -   width: 6px;
1250.  -   height: 11px;
1251.  -   background-position: 0 -154px;
1252.  -   margin-left: -9px;
1253.  -   margin-top: 16px;
1254.  - }
1255.  - .wide_wall_module .like_wrap, .wide_wall_module .reply_link_wrap,
1256.  - .wide_wall_module .reply_link_wrap small, .wide_wall_module .info_footer {
1257.  -   font-size: 1em;
1258.  - }
1259.  - .wide_wall_module #page_wall_posts .post, .wide_wall_module #page_wall_posts .online {
1260.  -   display: block;
1261.  - }
1262.  - .wide_wall_module .wpe_prg {
1263.  -   height: 13px;
1264.  -   margin: 0px 10px;
1265.  - }
1266.  - .wide_wall_module #wpe_text {
1267.  -   max-width: 492px;
1268.  -   line-height: 1.54em;
1269.  - }
1270.  - .wide_wall_module .wpe_buttons {
1271.  -   max-width: 492px;
1272.  - }
1273.  - .wide_wall_module #wpe_cont .mention_rich_ta {
1274.  -   line-height: 1.54em;
1275.  - }
1276.  - .wide_wall_module .poll_preview .content, .fw_post_info .poll_preview .content {
1277.  -   max-width: 360px;
1278.  - }
1279.  - .wide_wall_module #wpe_media_preview .poll_preview .labeled, .fw_post_info #wpe_media_preview .poll_preview .labeled {
1280.  -   max-width: 239px;
1281.  - }
1282.  - .wide_wall_module #wpe_media_preview .poll_preview input, .fw_post_info #wpe_media_preview .poll_preview input {
1283.  -   max-width: 231px;
1284.  - }
1285.  - .wide_wall_module .reply {
1286.  -   padding: 10px 0px 11px;
1287.  - }
1288.  - .wide_wall_module a.reply_image,
1289.  - .wide_wall_module img.reply_image {
1290.  -   width: 50px;
1291.  -   height: 50px;
1292.  - }
1293.  - .wide_wall_module .reply_info {
1294.  -   margin-left: 63px;
1295.  - }
1296.  - .wide_wall_module .reply_button_wrap button {
1297.  -   padding: 4px 14px;
1298.  - }
1299.  - .wide_wall_module .reply_form_img,
1300.  - .wide_wall_module a.reply_form_image {
1301.  -   width: 50px;
1302.  -   height: 50px;
1303.  - }
1304.  - .wide_wall_module .reply_box_open .reply_form {
1305.  -   margin-left: 62px;
1306.  - }
1307.  -
1308.  -
1309.  -
1310.  - /* New post likes */
1311.  - .wall_module .post_like_wrap {
1312.  -   position: relative;
1313.  -   width: 150px;
1314.  - }
1315.  - .post_like {
1316.  -   background: #FFF;
1317.  -   color: #2F5879;
1318.  -   font-size: 11px;
1319.  -   cursor: pointer;
1320.  -   padding: 5px 6px;
1321.  -   margin-top: -1px;
1322.  -   right: 0px;
1323.  -   position: absolute;
1324.  -   white-space: nowrap;
1325.  -   -webkit-border-radius: 3px;
1326.  -   -moz-border-radius: 3px;
1327.  -   border-radius: 3px;
1328.  - }
1329.  - .wide_wall_module .post_like {
1330.  -   font-size: 1em;
1331.  - }
1332.  - .post_like_link {
1333.  -   opacity: 0.6;
1334.  -   filter: alpha(opacity=60);
1335.  -   -webkit-transition: opacity 50ms linear;
1336.  -   -moz-transition: opacity 50ms linear;
1337.  -   transition: opacity 50ms linear;
1338.  - }
1339.  - .wall_post_over .post_like_link,
1340.  - .wall_module .post:hover .post_like_link {
1341.  -   opacity: 1;
1342.  -   filter: none;
1343.  - }
1344.  - .wall_module .post_like:hover {
1345.  -   background: #E9EDF1;
1346.  - }
1347.  - .wall_module .post_like:hover {
1348.  -
1349.  - }
1350.  - .wall_module .post_like_icon {
1351.  -   background: url(/images/icons/like.gif?1) no-repeat 1px 0px;
1352.  -   height: 10px;
1353.  -   margin: 2px 3px 0px;
1354.  -   opacity: 0.4;
1355.  -   filter: alpha(opacity=40);
1356.  -   width: 11px;
1357.  - }
1358.  - .is_2x .wall_module .post_like_icon {
1359.  -   background-image: url(/images/icons/like_2x.png);
1360.  -   background-size: 11px 32px;
1361.  - }
1362.  - .wide_wall_module .post_like_icon {
1363.  -   margin-top: 3px;
1364.  - }
1365.  - .wall_module .post_like_count {
1366.  -   font-weight: bold;
1367.  -   color: #7295b2;
1368.  - }
1369.  -
1370.  - .wall_module .post_like .no_likes {
1371.  -   visibility: visible;
1372.  -   opacity: 0.4;
1373.  -   filter: alpha(opacity=40);
1374.  - }
1375.  - .wall_module .post_like i.my_like {
1376.  -   opacity: 1;
1377.  -   filter: none;
1378.  - }
1379.  -
1380.  - .reply_replieable,
1381.  - .reply_moreable {
1382.  -   cursor: pointer;
1383.  - }
1384.  -
1385.  -
1386.  - /* Inline view video */
1387.  - .wide_wall_module .post_thumbs_num1 .page_media_video .video div,
1388.  - .wall_module .page_media_full_video .video div {
1389.  -   bottom: 10px;
1390.  -   font-size: 1em;
1391.  - }
1392.  - .wall_module .post_thumbs_num1 .page_media_thumb1 {
1393.  -   margin: 0;
1394.  - }
1395.  - .wall_module .page_media_full_video {
1396.  -   padding-bottom: 0;
1397.  - }
1398.  - .wide_wall_module .post_thumbs_num1 .page_media_video,
1399.  - .wall_module .page_media_full_video  {
1400.  -   max-width: 480px;
1401.  -   max-height: 360px;
1402.  - }
1403.  - .wide_wall_module .post_thumbs_num1 .page_media_video .video img,
1404.  - .wall_module .page_media_full_video .video img {
1405.  -   max-width: 480px;
1406.  -   max-height: 360px;
1407.  -   width: 480px;
1408.  -   height: 360px;
1409.  - }
1410.  - .wall_module .page_media_video .video div.video_play_inline,
1411.  - .wall_module .page_media_full_video .video div.video_play_inline {
1412.  -   left: 137px;
1413.  -   top: 97px;
1414.  -   bottom: auto;
1415.  -   position: absolute;
1416.  -   z-index: 10;
1417.  -   background: url(/images/inline_video_play.png) no-repeat;
1418.  -   width: 46px;
1419.  -   height: 46px;
1420.  - }
1421.  - .wide_wall_module .page_media_video .video div.video_play_inline,
1422.  - .wall_module .page_media_full_video .video div.video_play_inline {
1423.  -   left: 225px;
1424.  -   top: 165px;
1425.  - }
1426.  - .wide_wall_module .page_media_video .video div.video_play_inline_loading,
1427.  - .wall_module .page_media_full_video .video div.video_play_inline_loading {
1428.  -   background: url(/images/upload_inv_mono.gif) no-repeat 50% 50%;
1429.  -   width: 100px;
1430.  -   background-color: #000;
1431.  -   background-color: rgba(0, 0, 0, 0.7);
1432.  -   *filter: alpha(opacity=70);
1433.  -
1434.  -   border-radius: 5px;
1435.  -   -moz-border-radius: 5px;
1436.  -   -khtml-border-radius: 5px;
1437.  -   -webkit-border-radius: 5px;
1438.  -
1439.  -   margin: -2px 0 0 -27px;
1440.  - }
1441.  - .widget_body .like_tt_clubs {
1442.  -   display: none;
1443.  - }
1444.  -
1445.  - .widget_body.bugs .wcomments_head_icon {
1446.  -   display: none;
1447.  - }
1448.  - .widget_body.bugs .wcomments_head {
1449.  -   padding: 4px 6px 6px 6px;
1450.  - }
1451.  -
1452.  - #custom_menu_cont {
1453.  -   top: 0px;
1454.  -   width: 100%;
1455.  - }
1456.  - #custom_menu_wrap {
1457.  -   z-index: 1005;
1458.  -   position: absolute;
1459.  -   top: 0px;
1460.  - }
1461.  -
1462.  -
1463.  - .page_post_sized_thumbs {
1464.  -   margin: 9px 0 4px;
1465.  - }
1466.  - .page_post_sized_full_thumb {
1467.  -   margin: 20px 0 10px;
1468.  - }
1469.  - .page_post_sized_full_thumb_first {
1470.  -   margin-top: 10px;
1471.  - }
1472.  -
1473.  - a.page_post_thumb_wrap,
1474.  - span.page_post_thumb_wrap {
1475.  -   display: block;
1476.  -   overflow: hidden;
1477.  -   position: relative;
1478.  -   margin: 0 3px 3px 0;
1479.  - }
1480.  - a.page_post_thumb_wrap:hover,
1481.  - a.page_post_thumb_unsized:hover {
1482.  -   text-decoration: none !important;
1483.  - }
1484.  - .page_post_thumb_video {
1485.  -   position: relative;
1486.  - }
1487.  - .page_post_thumb_sized_photo {
1488.  -   position: absolute;
1489.  - }
1490.  - .page_post_video_play_inline {
1491.  -   position: absolute;
1492.  -   z-index: 10;
1493.  -   background: url(/images/inline_video_play.png) no-repeat;
1494.  -   margin-left: -23px;
1495.  -   margin-top: -23px;
1496.  -   width: 46px;
1497.  -   height: 46px;
1498.  -   top: 50%;
1499.  -   left: 50%;
1500.  - }
1501.  - .page_post_video_duration {
1502.  -   background: url('/images/mv_bg.png');
1503.  -   background: rgba(0,0,0, 0.6);
1504.  -   color: #FFF;
1505.  -   position: absolute;
1506.  -   bottom: 10px;
1507.  -   right: 0;
1508.  -   padding: 0px 3px 1px;
1509.  -   z-index: 10;
1510.  - }
1511.  -
1512.  - a.page_post_thumb_last_column .page_post_thumb_undersized_w,
1513.  - span.page_post_thumb_last_column .page_post_thumb_undersized_w {
1514.  -   right: 0;
1515.  - }
1516.  - a.page_post_thumb_last_row .page_post_thumb_undersized_h,
1517.  - span.page_post_thumb_last_row .page_post_thumb_undersized_h {
1518.  -   bottom: 0;
1519.  - }
1520.  -
1521.  - a.page_post_thumb_unsized,
1522.  - span.page_post_thumb_unsized {
1523.  -   background: 50% 50% no-repeat;
1524.  -   background-size: cover;
1525.  -
1526.  -   display: block;
1527.  -   position: relative;
1528.  -   overflow: hidden;
1529.  -   margin: 0 3px 3px 0;
1530.  - }
1531.  - a.page_post_thumb_unsized_single,
1532.  - span.page_post_thumb_unsized_single {
1533.  -   /*background: 0 0 no-repeat;*/
1534.  -   background-size: contain;
1535.  - }
1536.  -
1537.  - .wide_wall_module a.page_post_thumb_unsized,
1538.  - .wide_wall_module a.page_post_thumb_wrap,
1539.  - .wide_wall_module span.page_post_thumb_unsized,
1540.  - .wide_wall_module span.page_post_thumb_wrap {
1541.  -   margin: 0 6px 6px 0;
1542.  - }
1543.  - .page_post_sized_thumbs a.page_post_thumb_last_column,
1544.  - .page_post_sized_thumbs span.page_post_thumb_last_column {
1545.  -   margin-right: 0;
1546.  - }
1547.  - .page_post_sized_thumbs a.page_post_thumb_last_row,
1548.  - .page_post_sized_thumbs span.page_post_thumb_last_row {
1549.  -   margin-bottom: 0;
1550.  - }
1551.  -
1552.  - .page_post_queue_wide,
1553.  - .wide_wall_module .page_post_queue_narrow {
1554.  -   display: none;
1555.  - }
1556.  - .wide_wall_module .page_post_queue_wide {
1557.  -   display: block;
1558.  - }
1559.  -
1560.  - .reply_media_lnk {
1561.  -   display: none;
1562.  - }
1563.  - .checkbox_pic {
1564.  -   cursor: pointer;
1565.  - }
1566.  - #wcomments_export.checkbox_pic {
1567.  -   background: url(/images/icons/wall_export.gif?1) no-repeat 0 0;
1568.  -   height: 14px;
1569.  -   width: 14px;
1570.  -   overflow: hidden;
1571.  - }
1572.  - #wcomments_export.checkbox_pic {
1573.  -   background-image: url(/images/icons/wall_export_2x.gif?1);
1574.  -   background-size: 14px 112px;
1575.  - }
1576.  - #wcomments_export.checkbox_pic {
1577.  -   background-position: 0 -70px;
1578.  -   opacity: 0.5;
1579.  -   filter: alpha(opacity=50);
1580.  - }
1581.  - #wcomments_export.on {
1582.  -   opacity: 1;
1583.  -   filter: none;
1584.  - }
1585.  - #video_box_body .box_dark .box_title {
1586.  -   background: #000000;
1587.  -   color: #777777;
1588.  - }
1589.  - #video_box_body .box_dark .box_x_button {
1590.  -   color: #777777;
1591.  - }
1592.  - #video_box_body .box_dark .box_x_button:hover {
1593.  -   color: #FFFFFF;
1594.  - }
1595.  - #photo_box_body .box_dark .box_title {
1596.  -   background: #FFFFFF;
1597.  -   color: #45688E;
1598.  - }
1599.  - #photo_box_body .box_dark .box_x_button {
1600.  -   color: #2B587A;
1601.  - }
1602.  - #photo_box_body .box_dark .box_x_button:hover {
1603.  -   text-decoration: underline;
1604.  - }
1605.  - .photo_view_more {
1606.  -   margin-top: 25px;
1607.  -   display: block;
1608.  -   background: #eef0f2;
1609.  -   text-align: center;
1610.  -   padding: 16px;
1611.  -   color: #738392;
1612.  - }
1613.  - .photo_view_more:hover {
1614.  -   text-decoration: none;
1615.  -   background: #e9edf1;
1616.  - }
1617.  - .medadd_c_doc {
1618.  -   overflow: hidden;
1619.  -   -o-text-overflow: ellipsis;
1620.  -   text-overflow: ellipsis;
1621.  - }
1622.  - .medadd_h,
1623.  - .medadd_c_pollh {
1624.  -   font-size: 1.09em;
1625.  -   font-weight: bold;
1626.  -   color: #45688E;
1627.  -   background: url(/images/icons/mono_iconset.gif?8) no-repeat;
1628.  -   margin: 4px 2px 0px;
1629.  - }
1630.  - .font_medium .medadd_h,
1631.  - .font_medium .medadd_c_pollh {
1632.  -   margin-top: 3px;
1633.  - }
1634.  - .medadd_h:hover {
1635.  -   text-decoration: none;
1636.  - }
1637.  - .medadd_h_note {
1638.  -   background-position: 0 -132px;
1639.  - }
1640.  - .medadd_h_doc {
1641.  -   background-position: 0 -278px;
1642.  - }
1643.  - .medadd_h_poll {
1644.  -   background-position: 0 -206px;
1645.  - }
1646.  - .medadd_h_link,
1647.  - .medadd_h_page {
1648.  -   background-position: 0 -235px;
1649.  - }
1650.  - .medadd_h_timer {
1651.  -   background-position: 0 -332px;
1652.  - }
1653.  - .medadd_h_mail {
1654.  -   background-position: 0 -292px;
1655.  - }
1656.  - .medadd_h,
1657.  - .medadd_c {
1658.  -   padding-left: 15px;
1659.  - }
1660.  - .medadd_c {
1661.  -   margin: 7px 2px 0px;
1662.  - }
1663.  - .medadd_c_linkimg {
1664.  -   padding: 5px 10px 5px 5px;
1665.  - }
1666.  - .medadd_c_linkhead {
1667.  -   margin: 0px;
1668.  -   padding: 5px;
1669.  -   border: 0px;
1670.  -   font-size: 11px;
1671.  - }
1672.  - .medadd_c_linkdsc {
1673.  -   padding: 0px 5px 5px;
1674.  - }
1675.  - #wcomments_form .medadd_c_linkcon {
1676.  -   overflow: hidden;
1677.  -   background: #FFF;
1678.  -   padding: 6px;
1679.  -   border: 1px solid #C0CAD5;
1680.  - }
1681.  - #wcomments_form .medadd_c_link {
1682.  -   padding-left: 0px;
1683.  -   margin-left: 0px;
1684.  - }
------
Файл - api/widgets/al_comments.js (Старый размер - 0 | Новый - 0):
------