вопрос
В полной новости при добавлении комментариев не растягивается страница, сделал ее фиксированной 2000px на первое время Вот сам сайт
body{
background-image: url(/bg-dark-4782.jpg);
background-repeat: repeat;
color: #3b6284;
font: 12px Tahoma, sans-serif;
}
.wrapper {
margin: 100px auto;
width: 1250px;
max-width: 1366px;
min-width: 1040px;
}
/*--- Верхняя панель ---*/
.header {
border-radius: 5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-khtml-border-radius: 5px 5px 0 0;
width: 100%;
height: 40px;
background-color: #2f364a;
}
.clear {
clear: both;
}
.clear2 {
clear: none;
}
.color_r {
margin: 15px 5px 0 16px;
float: left;
width: 10px;
height: 10px;
background-color: #e76847;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
}
.color_o {
margin: 15px 5px 0 0px;
float: left;
width: 10px;
height: 10px;
background-color: #fabf00;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
}
.color_g {
margin: 15px 5px 0 0px;
float: left;
width: 10px;
height: 10px;
background-color: #52bea6;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
}
.right_head {
padding: 12px 25px 0 0;
float: right;
}
.help {
color: #78829d;
font: 13px Tahoma, sans-serif;
float: left;
}
.help:hover{
text-decoration: underline;
}
.tochka {
margin-top: 7px;
margin-left: 7px;
margin-right: 7px;
width: 5px;
height: 5px;
background-color: #1f2635;
float: left;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
}
.order {
color: #78829d;
font: 13px Tahoma, sans-serif;
float: left;
}
.order:hover{
text-decoration: underline;
}
.regis {
color: #78829d;
font: 13px Tahoma, sans-serif;
float: left;
}
.regis:hover{
text-decoration: underline;
}
.profil {
min-width: 136px;
max-width: 266px;
height: 40px;
background-color: #15a4fa;
float: right;
border-radius: 0px 5px 0 0;
-moz-border-radius:0px 5px 0 0;
-webkit-border-radius:0px 5px 0 0;
-khtml-border-radius: 0px 5px 0 0;
}
.profil img{
float: left;
margin: 6px 0 0 10px;
width: 25px;
height: 25px;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
border: solid 2px #fff;
}
.profil h1 {
float: left;
padding: 4px 0 0 8px;
margin-right: 10px;
font: 13px Tahoma, sans-serif;
color: #fff;
height: 15px;
overflow: hidden;
min-width: 30px;
max-width: 200px;
}
.profil h1:hover{
text-decoration: underline;
}
.profil2 {
width: 136px;
height: 40px;
background-color: #15a4fa;
float: right;
border-radius: 0px 5px 0 0;
-moz-border-radius:0px 5px 0 0;
-webkit-border-radius:0px 5px 0 0;
-khtml-border-radius: 0px 5px 0 0;
}
.profil2 h1 {
float: left;
margin: 2px 0 0 19px;
padding: 10px;
font: 13px Tahoma, sans-serif;
color: #fff;
max-width: 100px;
height: 15px;
overflow: hidden;
}
.profil2 h1:hover{
text-decoration: underline;
}
/**--- Левое меню ---**/
.menu_left {
float: left;
width: 170px;
background-color: #1f2637;
padding-bottom: 20px;
}
.menu_left2 {
float: left;
width: 170px;
background-color: #1f2637;
padding-bottom: 93px;
}
/*------ Кнопка - (добавить) ------*/
.add_butt_top {
padding: 27px 0 0 16px;
}
.add_butt {
width: 137px;
height: 39px;
background-color: #f2795a;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}
.add_butt h1{
margin: 8px 22px 0 10px;
float: right;
font: bold 15px Tahoma, sans-serif;
color: #fff;
}
.add_butt h1 strong{
margin: -4px 6px 0 0px;
float: left;
font: bold 19px Tahoma, sans-serif;
color: #fff;
}
.line_left {
margin-top: 27px;
width: 170px;
height: 6px;
background-image: url(../images/line_left.png);
background-repeat: repeat-x;
border: none;
}
/*------ Категории ------*/
.menu_category ul li{
padding: 10px 0 0 17px;
margin-left: -40px;
list-style-type: none;
height: 29px;
color: #78829d;
background-color: #1f2637;
font: 14px Tahoma, sans-serif;
}
.menu_category ul a {
text-decoration: none;
}
.menu_category ul li:hover{
background-color: #15a4fa;
color: #fff;
}
/*------ Навигационные круги ------*/
.color_red {
float: left;
margin: 5px 11px 0 0px;
width: 10px;
height: 10px;
background-color: #e64c66;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
}
.color_oran {
float: left;
margin: 5px 11px 0 0px;
width: 10px;
height: 10px;
background-color: #ffab00;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
}
.color_blue {
float: left;
margin: 5px 11px 0 0px;
width: 10px;
height: 10px;
background-color: #6891dc;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
}
.color_fiolet {
float: left;
margin: 5px 11px 0 0px;
width: 10px;
height: 10px;
background-color: #7874cf;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
}
.color_green {
float: left;
margin: 5px 11px 0 0px;
width: 10px;
height: 10px;
background-color: #00dd92;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
}
.color_kor {
float: left;
margin: 5px 11px 0 0px;
width: 10px;
height: 10px;
background-color: #dc68bd;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
}
.color_solat {
float: left;
margin: 5px 11px 0 0px;
width: 10px;
height: 10px;
background-color: #c0dd00;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
}
/*--- Под навигацией (Скоро в кино) ---*/
.left_comm {
margin: 10px auto;
}
.short_img2 img{
float: left;
width: 125px;
height: 178px;
margin: 20px 0 0 21px;
margin-bottom: 19px;
background-color:#F8F4ED;
border:#36425b 3px solid;
}
.left_comm h2 {
max-width: 113px;
max-height: 42px;
overflow: hidden;
float: left;
margin: -12px 0 10px 25px;
font: 11px Tahoma, sans-serif;
color: #839cb4;
}
.short_img2 img:hover {
border-color:#3f4d6d;
}
.left_comm a h2:hover {
text-decoration: underline;
}
/*--- Верхнее меню над контентом ---*/
.content_head {
float: left;
background-color: #eef1f7;
width: 1080px;
height: 70px;
position: relative;
}
.content_head h2 {
font: 21px Tahoma, sans-serif;
color: #444c63;
text-transform: capitalize;
margin: 23px 0 0 20px;
}
.content_head h2 a{
text-decoration: none;
color: #444c63;
}
.line1 {
float: left;
width: 1080px;
height: 1px;
background-color: #dadfea;
}
.line2 {
float: left;
width: 1080px;
height: 1px;
background-color: #f4f6fa;
}
.content_head_two {
float: left;
background-color: #eef1f7;
width: 1080px;
height: 50px;
position: relative;
}
.line3 {
float: left;
width: 1080px;
height: 1px;
margin-bottom: 10px;
background-color: #dadfea;
}
/*--- Верхнее меню над контентом (Навигация) ---*/
.nav_head {
margin: -4px 0 0 -20px;
color: #8c97b2;
font: 14px Tahoma, sans-serif;
}
.nav_head ul li{
list-style-type: none;
float: left;
padding: 4px 12px 0 12px;
}
.nav_head ul a {
color: #8c97b2;
}
.nav_head ul li:hover {
height: 24px;
background-color: #97b3ce;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
color: #fff;
}
/*--- Поиск ---*/
.poisk {
float: right;
position: absolute;
right: 14px;
}
.form-text {
width: 250px;
height: 27px;
border: 1px solid #c7cddb;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
-khtml-border-radius:50px;
color: #8c97b2;
padding: 0 0 0 10px;
}
.form-search {
position: absolute;
right: 11px;
top: 8px;
}
/*--- Контент ---*/
.content {
float: right;
width: 1080px;
background-color: #fff;
padding-bottom: 20px;
}
.short_img {
float: left;
width: 191px;
height: 278px;
margin: 20px 0 47px 20px;
padding-bottom: 20px;
}
.short_img img {
width: 191px;
height: 278px;
background-color:#F8F4ED;
border:#ede7dc 4px solid;
}
.short_img img:hover {
border-color:#E1DCD1;
}
.opisan_Cont {
height: 20px;
overflow: hidden;
padding-top: 8px;
color: #444c63;
font: 16px Verdana, sans-serif;
}
.opisan_Cont2 {
padding-top: 4px;
color: #6f7d95;
font: 12px Tahoma, sans-serif;
}
.opisan_Cont a {
text-decoration: none;
color: #444c63;
}
.opisan_Cont a:hover{
color: #1492a6;
}
/*--- Футер ---*/
.footer {
height: 45px;
background-color: #181e2c;
width: 100%;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-khtml-border-radius: 0 0 5px 5px;
}
.footer_Right_one {
float: right;
background-color: #15a4fa;
width: 54px;
height: 45px;
border-radius: 0 0 5px 0;
-moz-border-radius: 0 0 5px 0;
-webkit-border-radius: 0 0 5px 0;
-khtml-border-radius: 0 0 5px 0;
}
.footer_Right_one img {
margin: 7px -8px -8px 12px;
padding: 8px 8px 8px 8px;
}
.footer_Right_two {
float: right;
background-color: #1f2637;
width: 55px;
height: 45px;
}
.footer_Right_two img {
margin: 7px -8px -8px 12px;
padding: 8px 8px 8px 8px;
}
/*-- Полная новость (fullstory) --*/
.full {
width: 90%;
margin-left: 30px;
height: 2000px;
float: center;
}
.comments_vk {
float: center;
margin-top: 30px;
width: 657px;
height: auto;
}
.poster_img{
float: left;
margin: 30px 25px;
background-color:#F8F4ED;
border:#ede7dc 4px solid;
height:277px;
width:191px;
cursor: pointer
}
.poster_img:hover {
border-color:#E1DCD1;
}
.poster {
float: left;
height: 280px;
}
.box {
width: 650px;
float: left;
color:#362D2A;
padding:33px 10px 0px 0;
color:#362D2A;
font: bold 26px Tahoma,Arial;
text-shadow:#FFF 0 1px;
}
.eng-title {
width: 650px;
color:#362D2A;
margin-top:10px;
font-size:12px;
line-height:13px;
text-shadow:#FFF 0 1px;
color:#8A6E56;
font:15px Tahoma,Arial;
}
.year{
float: left;
font: 14px Tahoma, sans-serif;
color: #8A6E56;
margin-top:5px;
margin-bottom: 8px;
}
.genre {
display:block;
float:left;
height:20px;
line-height:18px;
text-shadow: none;
}
.genre span {
font: 14px Tahoma, sans-serif;
padding:2px 5px;
background:#A97C6D;
border-radius:3px;
color:#FFF;
}
.genre span a{
text-decoration: none;
color: #FFF;
}
.age {
background-position:center;
background-repeat:no-repeat;
float:right;
height:46px;
margin: 6px 15px 0 10px;
width:46px;
padding: 0;
}
.time {
margin-top: 5px;
background:url('../images/clock.png') 50% 5px no-repeat;
float:right;
padding:30px 0 0 0;
text-align:center;
width:52px;
font: 12px Tahoma, sans-serif;
text-shadow:#FFF 0 1px;
color:#8A6E56;
}
.desc li {
clear:both;
list-style: none;
}
.desc li span {
font: 12px Tahoma, sans-serif;
float:left;
position: relative;
top: 13px;
width:450px;
}
.desc li span:first-child {
color:#90817C;
width:130px;
}
.full_info {
margin: 0 0 13px 50px;
text-shadow:#FFF 0 1px;
color:#8A6E56;
}
.full_info2 {
margin: 0 0 13px 50px;
width: 20px;
text-shadow:#FFF 0 1px;
color:#8A6E56;
}
.full_story {
margin: 13px 0;
padding: 13px;
font: 12px Tahoma, sans-serif;
text-shadow:#FFF 0 1px;
color:#8A6E56;
width: 650px;
}
.line_full {
width: 655px;
height: 1px;
background-color: #D5CAB8;
margin-top:10px;
margin-bottom:3px;
position: relative;
right: 10px;
}
.media {float: left;}
.media2 {float: left; margin-left: -50px;}
.anchor2{margin-top: 10%; }
.anchor2 a{
margin-left: 15px;
border-bottom:1px dotted;
text-decoration:none;
width: 55px;
font: bold 16px Tahoma, sans-serif;
text-shadow:#FFF 0 1px;
color:#341e06;
cursor: pointer;
float: left;
}
.anchor{margin-top: 40%; }
.anchor a{
margin-left: 28px;
border-bottom:1px dotted;
text-decoration:none;
width: 120px;
font: bold 16px Tahoma, sans-serif;
text-shadow:#FFF 0 1px;
color:#341e06;
cursor: pointer;
float: left;
}
.bord_img {
background:#341E06;
border-radius:4px;
display:block;
float:left;
font: bold 14px Tahoma;
padding:6px 9px;
margin:-5px 10px 0 10px;
color: #fff;
}
.media img {
float: left;
margin-left: 28px;
margin-top: 15px;
width: 200px;
height: 125px;
border: solid 3px #ede7dc
}
.media img:hover {
border: solid 3px #E1DCD1;
cursor: pointer;
}
.kadry {
width: 310px;
overflow: hidden;
}
.favorites {margin: -20px 0 0 51px; float: left}
.film {
margin-left: 14px;
margin-top: 15px;
width: 607px;
height: 360px;
border: solid 3px #E1DCD1;
}
.film_shadow {
background:url("../images/bg_shadow_media.png") 50% 0 no-repeat;
height:30px;
}
.anchor a:hover{color:#864120;}
.anchor2 a:hover{color:#864120;}
/*--- Панель (выдвижная) ---*/
.pos_rel {
position: relative;
top:0px;
}
.loginbtn li {
list-style: none;
}
.loginbox .loginbtn{
float: right;
list-style: none;
}
#logform {
display:none;
position:absolute;
top:44px;
right:0px;
z-index: 1000;
padding:0;
margin: -4px 0 0 0;
list-style:none;
background:#15a4fa;
max-width: 550px;
min-height: 32px;
max-height: 242px;
min-width: 120px;
border-radius: 0px 0 0 5px;
-moz-border-radius:0px 0 0 5px;
-webkit-border-radius:0px 0 0 5px;
-khtml-border-radius: 0px 0 0 5px;
}
#logform li{
float: left;
}
.admin {
margin-left:-30px;
margin-top: 1px;
}
.lfield {
margin: 13px 0 0 -30px;
color: #fff;
padding: 6px;
padding-right: 20px;
font:12px Tahoma, sans-serif;
}
.lo_w {
margin-left: 8.5px;
}
.lfield2 {
margin: 13px 0 0 -30px;
color: #fff;
padding: 6px;
padding-right: 20px;
font:12px Tahoma, sans-serif;
}
.lbtn {
margin-left: 53px;
padding: 4px 4px 8px 4px;
}
.loginenter a{
display:block;
padding:8px 14px;
margin:0;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
color:#fff;
text-decoration: none;
}
#logform a:hover{color: #f1f1f1; }
#logform {
font:12px Tahoma, sans-serif;
}
/*--- Профиль (userinfo.tpl) ---*/
.profil_user {
margin: 0 0 0 35px;
}
.profil_user h2{
padding-left: 15px;
font: 19px Tahoma, sans-serif;
}
/*--- Навигация ---*/
.navi { float: left; width: 95%; margin: 10px 20px; padding-top: 10px; border-top: 1px solid #ccc; }
.navigation{
height:20px;
width:100%;
color:#000;
padding:5px 0 5px 0;
margin-left: -9px;
font-size:15px;
clear:both;
}
.navigation b{
font-size:25px !important;
}
.navigation a:link,
.navigation a:visited,
.navigation a:active {
margin:1px;
line-height:20px;
text-decoration:none;
color:#fff;
padding:4px 10px;
font-size:15px;
background:#15a4fa;
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius: 4px;
}
.navigation a:hover{
background:#149ae8;
color:#2f364a;
text-decoration:none;
}
.navigation span {
margin:1px;
line-height:20px;
text-decoration:none;
color:#f8f4ed;
padding:4px 10px;
font-size:15px;
background:#4d5f87;
border-radius: 4px;
-webkit-border-radius:4px;
-moz-border-radius: 4px;
}
/*--- Модальное окно ---*/
.mar_post {
margin-left: -37px;
margin-top: 5px;
}
.butt {
margin-left: 53px;
margin-top: 5px;
margin-bottom: -5px;
}
.fbutton {width: 100px; height: 25px; padding:0 8px 0 0;}
#login_name {margin-left: -70px;}
#login_password {margin-left: -70px;}
/*-- --*/
.clr {
color: #3b6284;
font: 12px Tahoma, sans-serif;
padding: 25px 0 25px 40px;
}
.pheading {
padding: 125px 0 0 40px;
}
.basecont{
padding: 25px 0 25px 40px;
width: 600px;
}
#searchtable {
padding: 0 0 15px 10px;
}
.ser_rez {
padding: 0 0 0 25px;
}
.heading{
padding: 125px 0 10px 20px;
}
.baseform {
padding: 25px 0 25px 40px;
}
.profil_user a{color: #3b6284; text-decoration: none;}
.profil_user a:hover{color: #3b6284; text-decoration: underline;}
a{text-decoration: none;}
/*--- Слито специально для сайта RomanZaharov.Ru ---*/
/* Megogo rating by vitnet start */
.rating-mg {
position: relative;
width: 250px;
text-align: left;
padding: -30px;
}
.rating-mg .btn-group {
margin: 10px 0;
}
.btn-group {
position: relative;
display: inline-block;
font-size: 0;
white-space: nowrap;
vertical-align: middle;
}
.rating-mg .btn.like .icon {
width: 16px;
height: 16px;
background: url(../dleimages/icon-like.png);
}
.rating-mg .btn.dislike .icon {
width: 16px;
height: 16px;
background: url(../dleimages/icon-dislike.png);
}
.icon {
display: inline-block;
width: 16px;
height: 16px;
background-repeat: no-repeat;
vertical-align: middle;
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
}
.btn-group > .btn:first-child {
margin-left: 0;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
}
.btn {
font-weight: bold;
}
.rating-mg .btn {
padding: 4px 8px;
font-size: 12px;
}
.btn-group > .btn {
position: relative;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.btn-group > .btn + .btn {
margin-left: -1px;
}
.btn {
display: inline-block;
*display: inline;
padding: 4px 12px;
margin-bottom: 0;
*margin-left: .3em;
font-size: 14px;
line-height: 20px;
color: #494949;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
*background-color: #dddddd;
background-image: -moz-linear-gradient(top, #f6f6f6, #dddddd);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#dddddd));
background-image: -webkit-linear-gradient(top, #f6f6f6, #dddddd);
background-image: -o-linear-gradient(top, #f6f6f6, #dddddd);
background-image: linear-gradient(to bottom, #f6f6f6, #dddddd);
background-repeat: repeat-x;
border: 1px solid #bbbbbb;
*border: 0;
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff6f6f6', endColorstr='#ffdddddd', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
color: #333333;
background-color: #dddddd;
*background-color: #d9d9d9;
}
.btn:active,
.btn.active {
background-color: #cccccc \9;
}
.btn:first-child {
*margin-left: 0;
}
.btn:hover {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.btn:focus {
outline: 0;
}
.btn.active,
.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn.disabled,
.btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
z-index: 2;
}
.rating-mg .progress {
margin: 5px 0;
height: 10px;
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 #ffffff;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 #ffffff;
}
.progress-success .bar, .progress .bar-success {
background-color: #3a8e0b;
background-image: -moz-linear-gradient(top, #84ce19, #3a8e0b);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#84ce19), to(#3a8e0b));
background-image: -webkit-linear-gradient(top, #84ce19, #3a8e0b);
background-image: -o-linear-gradient(top, #84ce19, #3a8e0b);
background-image: linear-gradient(to bottom, #84ce19, #3a8e0b);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff84ce19', endColorstr='#ff3a8e0b', GradientType=0);
}
.progress-danger .bar, .progress .bar-danger {
background-color: #d8391e;
background-image: -moz-linear-gradient(top, #ee8144, #d8391e);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee8144), to(#d8391e));
background-image: -webkit-linear-gradient(top, #ee8144, #d8391e);
background-image: -o-linear-gradient(top, #ee8144, #d8391e);
background-image: linear-gradient(to bottom, #ee8144, #d8391e);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee8144', endColorstr='#ffd8391e', GradientType=0);
}
.progress .bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
color: #ffffff;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress .bar + .bar {
-webkit-box-shadow: inset 1px 0 0 #d8d8d8, inset 0 1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 1px 0 0 #d8d8d8, inset 0 1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 1px 0 0 #d8d8d8, inset 0 1px 0 rgba(0, 0, 0, 0.15);
}
.rating-mg .result {
margin: 5px 0;
font-family: 'PF DinDisplay','Trebuchet MS',Arial;
font-size: 12px;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.rating-mg .result {
font-family: 'PF DinDisplay','Trebuchet MS',Arial;
font-size: 12px;
}
.rating-mg .result .like {
display: block;
float: left;
width: 50%;
}
.rating-mg .result .dislike {
display: block;
float: right;
width: 50%;
text-align: right;
}
/* Megogo rating by vitnet end */
/* form styles */
form .row {
display: block;
padding: 7px 8px;
margin-bottom: 7px;
}
form .row:hover {
background: #f1f7fa;
}
form label {
display: inline-block;
font-size: 1.2em;
font-weight: bold;
width: 120px;
padding: 6px 0;
color: #464646;
vertical-align: top;
}
form .req { color: #ca5354; }
form .note {
font-size: 1.2em;
line-height: 1.33em;
font-weight: normal;
padding: 2px 7px;
margin-bottom: 10px;
}
form input:focus, form textarea:focus { outline: none; }
/* placeholder styles: http://stackoverflow.com/a/2610741/477958 */
::-webkit-input-placeholder { color: #aaafbd; font-style: italic; } /* WebKit */
:-moz-placeholder { color: #aaafbd; font-style: italic; } /* Mozilla Firefox 4 to 18 */
::-moz-placeholder { color: #aaafbd; font-style: italic; } /* Mozilla Firefox 19+ */
:-ms-input-placeholder { color: #aaafbd; font-style: italic; } /* Internet Explorer 10+ */
form .txt {
display: inline-block;
padding: 8px 9px;
padding-right: 30px;
width: 240px;
font-family: 'Oxygen', sans-serif;
font-size: 1.35em;
font-weight: normal;
color: #898989;
}
<div class="full">
<div class="poster"><img class="poster_img" src="[xfvalue_poster]" alt="" title="{title}"/><div class="clear"></div><div class="favorites">{favorites}</div>
<div class="ignore-select">
<div id="newsid" style="display: none;">{r-id}</div>
<div class="rating-mg view-ratings">
<div class="btn-group vote-buttons">
<button class="btn like" id="rating-Like" type="button"><span class="icon"></span>Понравилось</button>
<button class="btn dislike" id="rating-Unlike" type="button"><span class="icon"></span>Не понравилось</button>
</div>
<div class="progress">
<div id="success" class="bar bar-success"></div>
<div id="dangers" class="bar bar-danger"></div>
</div>
<p class="result clearfix">
<span class="like"><span id="l" class="count">{r-rp}</span> понравилось</span>
<span class="dislike"><span id="d" class="count">{r-rm}</span> не понравилось</span>
</p>
</div>
</div>
<div class="clear2"></div></div>
<div class="box">{title}
[xfgiven_original]<div class="eng-title">[xfvalue_original]</div>[/xfgiven_original]
<div class="clear"></div>
<div class="line_full"></div>
<div class="year">[xfvalue_strana], [xfvalue_year]</div>
<div class="age" style="background-image:url('{THEME}/images/age_[xfvalue_age].png');"></div>
[xfgiven_time]<div class="time">[xfvalue_time]</div>[/xfgiven_time]<br />
<div class="genre"><span>{link-category}</span></div>
<div class="clear"></div>
<div class="line_full"></div>
<div class="desc">
<li>
<span class="title_info">Режиссёр</span>
<span class="full_info">[xfvalue_derec]</span>
</li>
<li>
<span>Сценарист</span>
<span class="full_info">[xfvalue_writer]</span>
</li>
<li>
<span>В ролях</span>
<span class="full_info2">[xfvalue_cast]</span>
</li>
</div><div class="clear"></div>
<div class="line_full"></div>
<div class="full_story">{full-story}</div>
</div><div class="clear"></div>
<div class="media">
<div class="anchor"><a>Кадры и фото</a><div class="bord_img"><span>[xfvalue_year]</span></div></div>
<div class="clear"></div>
<div class="kadry">{short-story}</div>
</div>
<div class="media2"><div class="media">
<div class="anchor2"><a>Фильм</a><div class="bord_img"><span>HD</span></div></div></div>
<div class="clear"></div>
<div class="film"><iframe src="[xfgiven_film][xfvalue_film][/xfgiven_film]" width="607" height="360" frameborder="0"></iframe>
<div class="film_shadow"></div>
<!-- KAMENT -->
<div id="kament_comments"></div>
<script type="text/javascript">
/* * * НАСТРОЙКА * * */
var kament_subdomain = 'moviess';
/* * * НЕ МЕНЯЙТЕ НИЧЕГО НИЖЕ ЭТОЙ СТРОКИ * * */
(function() {
var node = document.createElement('script'); node.type = 'text/javascript'; node.async = true;
node.src = 'http://' + kament_subdomain + '.svkament.ru/js/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(node);
})();
</script>
<noscript>Для отображения комментариев нужно включить javascript</noscript>
<!-- /KAMENT -->
</div>
</div>
</div>