Недавно рылся в шаблоне и от незнания всё попортил , в принципи всё востановил как было только одна проблема уже третий день немоге растянуть постеры по высоте . Думаю проблема в CSS скину ниже main и engine может найдёте что исправлять , вот мой сайт kinoplaz.ru/ может пригодится.
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
main
@charset "utf-8";
@import url(fonts.googleapis.com/css?family=Cuprum:400,400italic,700&subset=latin,cyrillic);
/* Дизайн изготовлен студией elCreativo для сайта tvSpirit
Контакты: е-mail:order@elcreativo.ru | skype:order.elcreativo.ru | icq:4862696 | url:elcreativo.ru */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, a {
margin: 0;
padding: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
div, p, a, span, input, li, b, .dropmenu, .file-info {
-webkit-transition: opacity .8s, background-color .8s, box-shadow .8s, border-color .8s, margin .8s;
-o-transition: opacity .8, background-color .8s, box-shadow .8s, border-color .8s, margin .8s;
-ms-transition: opacity .8s, background-color .8s, box-shadow .8s, border-color .8s, margin .8s;
transition: opacity .8s, background-color .8s, box-shadow .8s, border-color .8s, margin .8s;
}
html, body {
color: #47515b;
font-weight: normal;
word-wrap: break-word;
font: 11px /18px "Cuprum", Arial, Helvetica, sans-serif;
background: #f2f6fa;
}
a {
outline: 0;
margin: 0;
color: #108bc7;
text-decoration: underline;
}
a:hover {
text-decoration: none;
color: #299711;
}
img {
border: none;
vertical-align: middle;
}
input, textarea, select, button {
margin: 0;
font-size: 1em;
font-family: "Cuprum", Arial, Helvetica, sans-serif;
line-height: 18px;
color: #47515b;
vertical-align: middle;
}
input[type="checkbox"] {
vertical-align: middle;
}
input[type="radio"] {
vertical-align: text-top;
}
input[type="submit"], button[type="submit"] {
cursor: pointer;
}
input:focus, textarea:focus, select:focus, button:focus {
outline: none;
}
h1, h2, h3, h4, h5 {
line-height: normal;
}
h1 {
font-size: 1.8em;
}
h2 {
font-size: 1.7em;
}
h3 {
font-size: 1.6em;
}
h4 {
font-size: 1.5em;
}
h5 {
font-size: 1.2em;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
table td {
vertical-align: top;
}
sub {
vertical-align: sub;
font-size: smaller;
}
sup {
vertical-align: super;
font-size: smaller;
}
hr {
border: none;
border-bottom: 1px solid #ecf2f8;
height: 10px;
margin-bottom: 15px;
}
ul {
margin: 0 0 18px 2em;
list-style: disc outside;
}
ol {
margin: 0 0 18px 2.1em;
list-style: decimal;
}
.reset, .reset li {
list-style: none;
padding: 0;
margin: 0;
}
.clr {
clear: both;
}
.aclr:after {
clear: both;
display: block;
line-height: 0;
content: "";
}
.dpad {
padding: 10px;
}
.vpad {
padding: 10px 0;
}
.thide {
overflow: hidden;
display: block;
height: 0;
line-height: normal;
}
.lcol {
float: left;
}
.rcol {
float: right;
}
.center {
text-align: center;
}
.font-s2 {
font-size: 1.1em;
}
.font-s0 {
font-size: 0.9em;
}
.wwide {
width: 100%;
}
.wrapp {
width: 1000px;
margin: 0 auto;
}
/* ---- css3-border-radius ---- */
.bradius {
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* ---- page-ending ---- */
#foot {
background: #f2f6fa url("../images/foot.png" repeat-x;
}
#foot .wrapp {
background: url("../images/footin.png" no-repeat 50% 0;
height: 315px;
}
.gotop {
height: 85px;
padding-top: 22px;
}
.gotop .topbtn {
background: url("../images/gotop.png" no-repeat;
width: 142px;
padding-top: 41px;
margin: 0 auto;
}
.gotop .topbtn:hover {
background-position: 0 -41px;
}
.mainfoot {
background: url("../images/footspirit.png" no-repeat;
min-height: 114px;
padding: 0 0 0 120px;
margin-top: -7px;
}
.copybox {
margin: 20px 0 0 20px;
width: 300px;
}
.copybox p {
font-size: 1.05em;
text-transform: uppercase;
}
.copybox p a {
color: #54bd1d;
text-decoration: none;
}
.copybox p a:hover {
text-decoration: underline;
}
.feedus {
margin-top: 20px;
}
.feedus li, .feedus a {
float: left;
}
.feedus a {
display: block;
background: url("../images/social.png" no-repeat;
padding-top: 25px;
width: 19px;
margin: 0 1px;
}
.feedus a:hover {
margin-top: -3px;
}
.feedus .google {
background-position: 0 0;
}
.feedus .twitter {
background-position: 0 -25px;
}
.feedus .facebook {
background-position: 0 -50px;
}
.feedus .vk {
background-position: 0 -75px;
}
.feedus .oklassniki {
background-position: 0 -100px;
}
.leftfoot {
margin: 30px 0 0 50px;
padding-left: 50px;
border-left: 1px solid #d0dbe8;
min-height: 80px;
width: 450px;
}
.fmenu li {
float: left;
margin-right: 10px;
font-size: 1.1em;
}
.hits {
margin-top: 20px;
}
.hits li {
float: left;
margin-right: 15px;
opacity: 0.5;
}
.hits li:hover {
opacity: 1;
}
.elcreativo {
background: url("../images/elcreativo.png" no-repeat;
width: 94px;
padding-top: 28px;
margin: 20px 20px 0 0;
}
.disclaimer {
padding: 20px;
border-top: 1px solid #d0dbe8;
font-size: 0.9em;
font-style: italic;
margin-top: 20px;
color: #6c757d;
}
.disclaimer span {
text-transform: uppercase;
}
/* ---- page-contain ---- */
#contain {
background: url("../images/contain.png" repeat-y 50% 0;
}
.contain-in {
background: url("../images/contain-in.png" no-repeat 50% 0;
padding: 0 5px 0 5px;
}
.projectinfo {
padding: 30px 100px 10px 100px;
text-align: center;
color: #7e868e;
}
.rightpad {
padding: 0 290px 20px 15px;
}
.rside {
margin-right: -290px;
width: 260px;
padding: 0 15px;
}
.block {
margin-top: 25px;
width: 260px;
}
.block .dtw {
background: url("../images/block.png" no-repeat;
height: 62px;
text-align: center;
color: #fff;
font-style: italic;
text-shadow: 0 1px 1px #006eb2;
}
.block .dtw h3 {
font-size: 1.15em;
padding-top: 22px;
font-weight: normal;
}
.block .dcnt {
background: #f2f6fa url("../images/block.png" no-repeat -260px 100%;
padding: 5px 0 7px 0;
}
.bvk {
padding: 0 10px;
text-align: center;
margin-top: 25px;
}
.topvideos li {
padding: 6px 12px 6px 74px;
border-top: 1px solid #e6edf5;
position: relative;
}
.topvideos li:first-child {
border: none;
}
.topvideos li:hover {
background: #e8edf3;
}
.topvideos .poster {
width: 50px;
margin-left: -62px;
float: left;
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
z-index: 9;
}
.topvideos .poster span {
width: 52px;
height: 50px;
display: block;
background: url("../images/over.png" no-repeat;
position: absolute;
left: -2px;
top: 0;
opacity: 0;
}
.topvideos li:hover .poster span {
opacity: 1;
}

.postnews {position:absolute;left:-1950px;}

.topvideos .poster img {
width: 50px;
height: 50px;
background-size: cover !important;
background-position: 50% !important;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.topvideos .label {
margin-top: 4px;
height: 22px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 22px;
}
.topvideos .label a {
font-size: 1.15em;
color: #47515b;
text-decoration: none;
}
.topvideos li:hover .label a {
color: #299711;
z-index: 20;
position: relative;
}
.topvideos .cat {
height: 18px;
overflow: hidden;
}
.topvideos .cat a {
color: #6c757d;
text-decoration: none;
z-index: 20;
position: relative;
}
.topvideos .cat a:hover {
text-decoration: underline;
}
.topvideos .wwidelink {
position: absolute;
width: 260px;
height: 62px;
z-index: 10;
display: block;
font-size: 0;
top: 0;
left: 0;
}
.lastcomm li {
background: url("../images/block.png" no-repeat -520px 0;
height: 40px;
padding: 10px 50px 11px 75px;
}
.lastcomm .ava {
float: left;
margin-left: -56px;
width: 40px;
height: 40px;
overflow: hidden;
}
.lastcomm .ava img {
width: 40px;
min-height: 40px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.lastcomm .name {
height: 20px;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 1.15em;
}
.lastcomm .name a {
text-decoration: none;
}
.lastcomm .rcol {
float: right;
margin: 0 -30px 0 0;
position: relative;
}
.lastcomm .cominf .thide {
background: url("../images/bbtns.png" no-repeat -229px -5px;
width: 19px;
padding-top: 20px;
cursor: help;
}
.lastcomm .comfull .thide {
background: url("../images/bbtns.png" no-repeat -248px -5px;
width: 19px;
padding-top: 20px;
margin-top: 1px;
}
.lastcomm .infobox {
width: 247px;
position: absolute;
top: -12px;
right: 18px;
height: 0;
overflow: hidden;
opacity: 0;
}
.lastcomm .infobox-btm {
background: url("../images/cominfo.png" no-repeat -247px 0;
height: 11px;
}
.lastcomm .infobox-in {
background: url("../images/cominfo.png" no-repeat;
padding: 11px 20px 5px 20px;
}
.lastcomm .infobox-in .tle {
font-size: 1.2em;
}
.lastcomm .infobox-in .tle a {
text-decoration: none;
color: #299711;
}
.lastcomm .infobox-in .tle a:hover {
text-decoration: underline;
}
.lastcomm .infobox-in .text {
margin-top: 10px;
font-style: italic;
color: #5e6770;
}
.thide:hover + .infobox, .cominf:hover .infobox {
opacity: 1;
height: auto;
}
.bvote {
margin-top: 25px;
width: 260px;
}
.bvote .dtw {
background: url("../images/block.png" no-repeat -780px 0;
}
.bvote .dtw .dtw {
background-position: -1040px 100%;
padding: 21px 30px 24px 30px;
}
.bvote .dtw h3 {
font-size: 1.15em;
font-weight: normal;
text-shadow: 0 1px 1px #006eb2;
}
.bvote .dtw a {
color: #fff;
text-decoration: none;
}
.bvote .dtw a:hover {
text-decoration: underline;
}
.bvote .dcnt {
background: #f2f6fa url("../images/block.png" no-repeat -260px 100%;
padding: 5px 0 7px 0;
}
.vlist {
padding: 10px 35px;
font-size: 1.1em;
}
.vsubmit {
padding: 5px 20px 10px 20px;
text-align: center;
}
.tovote {
background: url("../images/bbtns.png" no-repeat;
width: 110px;
height: 27px;
line-height: 100px;
overflow: hidden;
border: none;
cursor: pointer;
margin: 0 2px;
}
.tovote:hover {
background-position: -110px 0;
}
.toresult {
background: none;
color: #1f96cc;
text-decoration: underline;
border: none;
margin: 0 2px;
}
.toresult:hover {
color: #299711;
text-decoration: none;
}
.mainblock {
width: 336px;
background: #f2f6fa url("../images/mainblocks.png" no-repeat -336px 100%;
margin-top: 25px;
}
.mainblock .dtw {
background: url("../images/mainblocks.png" no-repeat;
height: 78px;
padding: 0 20px;
}
.mainblock .dtw h3 {
font-weight: normal;
font-size: 1.4em;
}
.mainblock .dtw .tvspirit h3 {
height: 0;
overflow: hidden;
background: url("../images/mainblocks.png" no-repeat -672px -23px;
width: 137px;
padding-top: 45px;
margin-top: -18px;
}
.mainblock .dtw .lcol, .mainblock .dtw .rcol {
margin-top: 18px;
}
.mainblock .all-link {
background: url("../images/mainblocks.png" no-repeat -809px -23px;
width: 49px;
padding-top: 23px;
}
.mainblock .all-link:hover {
background-position: -809px -46px;
}
.mainblock .dcnt {
padding: 0 8px 15px 8px;
margin-top: -15px;
}
.mvideo {
width: 150px;
float: left;
margin-left: 8px;
margin-top: 15px;
}
.mvideo .poster {
width: 150px;
height: 83px;
overflow: hidden;
position: relative;
}
.mvideo .poster img {
width: 150px;
height: 83px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.mvideo .poster .play {
position: absolute;
width: 150px;
height: 83px;
display: block;
background-color: #111;
background: rgba(0,0,0,.65) url("../images/over2.png" no-repeat 50% 50%;
top: 0;
left: 0;
opacity: 0;
z-index: 10;
webkit-border-radius: 5px;
border-radius: 5px;
}
.mvideo .poster a:hover .play {
opacity: 1;
}
.addinfo {
position: absolute;
background: #0088c5;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00beea), to(#0055a3));
background-image: -webkit-linear-gradient(top, #00beea, #0055a3);
background-image: -o-linear-gradient(top, #00beea, #0055a3);
background-image: linear-gradient(to bottom, #00beea, #0055a3);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00beea', endColorstr='#ff0055a3', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
text-shadow: 0 1px 1px #006eb2;
color: #fff;
top: 5px;
right: 5px;
z-index: 20;
height: 18px;
padding: 0 4px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 1.05em;
cursor: help;
display: block;
}
.addinfo:hover {
background: #5ec01c;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aee217), to(#13a121));
background-image: -webkit-linear-gradient(top, #aee217, #13a121);
background-image: -o-linear-gradient(top, #aee217, #13a121);
background-image: linear-gradient(to bottom, #aee217, #13a121);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffaee217', endColorstr='#ff13a121', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
text-shadow: 0 1px 1px #208115;
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
box-shadow: 0 1px 5px rgba(0,0,0,.15);
}
.addinfo span {
display: none;
}
.addinfo:hover span {
display: inline;
}
.mvideo .poster .soon {
background: url("../images/soon.png" no-repeat;
width: 66px;
padding-top: 65px;
position: absolute;
top: 0;
left: 0;
display: block;
height: 0;
overflow: hidden;
z-index: 20;
}
.mvideo .label {
font-size: 1.2em;
height: 36px;
overflow: hidden;
margin-top: 5px;
}
.mvideo .label a {
color: #46617c;
text-decoration: none;
}
.mvideo .label a:hover {
background: #0084c3;
color: #fff;
}
.mvideo .cat {
margin-top: 5px;
font-size: 1.05em;
height: 18px;
overflow: hidden;
}
.mvideo .cat a {
color: #6c757d;
text-decoration: none;
}
.mvideo .cat a:hover {
text-decoration: underline;
}
.bannerbox {
margin-top: 25px;
text-align: center;
}
.bslider {
background: #f3fbed;
margin-top: 25px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.bslider .dtw {
background: url("../images/bsliderdtw.png" repeat-x;
height: 50px;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
padding: 0 20px;
}
.bslider .dtw h3 {
font-weight: normal;
font-size: 1.4em;
margin-top: 16px;
}
.bslider .dcnt {
padding: 10px;
}
#recomend, #ralatednews {
height: 148px;
position: relative;
}
#recomend .viewport, #ralatednews .viewport {
float: left;
width: 657px;
height: 148px;
overflow: hidden;
position: relative;
}
#recomend .disable, #ralatednews .disable {
visibility: hidden;
}
#recomend .overview, #ralatednews .overview {
list-style: none;
position: absolute;
padding: 0;
margin: 0;
left: 0;
top: 0;
}
#recomend .overview li, #ralatednews .overview li {
float: left;
margin: -15px 16px 0 0;
height: 148px;
width: 150px;
}
#recomend .slidebtns, #ralatednews .slidebtns {
position: absolute;
right: 10px;
top: -42px;
}
#recomend .disable, #ralatednews .disable {
opacity: .25;
cursor: pointer;
visibility: visible;
}
#recomend .slidebtns a, #ralatednews .slidebtns a {
background: url("../images/mainblocks.png" no-repeat;
padding-top: 23px;
float: left;
}
#recomend .slidebtns .prev {
background-position: -858px -23px;
width: 61px;
}
#recomend .slidebtns .prev:hover {
background-position: -858px -46px;
}
#recomend .slidebtns .prev.disable {
background-position: -858px -23px;
}
#recomend .slidebtns .next {
background-position: -919px -23px;
width: 68px;
}
#recomend .slidebtns .next:hover {
background-position: -919px -46px;
}
#recomend .slidebtns .next.disable {
background-position: -919px -23px;
}
#ralatednews .slidebtns .prev {
background-position: -987px -23px;
width: 61px;
}
#ralatednews .slidebtns .prev:hover {
background-position: -987px -46px;
}
#ralatednews .slidebtns .prev.disable {
background-position: -987px -23px;
}
#ralatednews .slidebtns .next {
background-position: -1048px -23px;
width: 68px;
}
#ralatednews .slidebtns .next:hover {
background-position: -1048px -46px;
}
#ralatednews .slidebtns .next.disable {
background-position: -1048px -23px;
}
.svideo {
width: 220px;
float: left;
margin: 25px 4px 0 4px;
position: relative;
}
.svideo .poster {
width: 220px;
height: 121px;
overflow: hidden;
position: relative;
}
.svideo .poster img {
width: 220px;
height: 121px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.svideo .poster .play {
position: absolute;
width: 220px;
height: 121px;
display: block;
background-color: #111;
background: rgba(0,0,0,.65) url("../images/over2.png" no-repeat 50% 50%;
top: 0;
left: 0;
opacity: 0;
z-index: 10;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.svideo .poster a:hover .play {
opacity: 1;
}
.svideo .label {
font-size: 17px;
height: 39px;
line-height: 20px;
overflow: hidden;
margin-top: 5px;
padding: 0 7px;
}
.svideo .label a {
color: #46617c;
text-decoration: none;
}
.svideo .label a:hover {
background: #0084c3;
color: #fff;
}
.svideo .cat {
margin-top: 5px;
font-size: 1.05em;
height: 18px;
overflow: hidden;
padding: 0 52px 0 7px;
}
.svideo .cat a {
color: #6c757d;
text-decoration: none;
}
.svideo .cat a:hover {
text-decoration: underline;
}
.svideo .ratebox {
margin-top: 5px;
padding: 0 5px;
}
.svideo .sv-cntrl {
position: absolute;
top: 180px;
right: 5px;
}
.svideo .sv-cntrl li {
float: left;
margin: 0 1px;
}
.svideo .sv-cntrl .sv-info .thide {
padding-top: 18px;
width: 18px;
background: url("../images/mainblocks.png" no-repeat -809px -2px;
cursor: help;
}
.svideo .sv-cntrl .sv-info .thide:hover {
background-position: -827px -2px;
}
.svideo .sv-cntrl .sv-fav {
position: relative;
}
.svideo .sv-cntrl .sv-fav a {
position: relative;
z-index: 20;
-webkit-transition: opacity 0s;
-o-transition: opacity 0s;
-ms-transition: opacity 0s;
transition: opacity 0s;
}
.svideo .sv-cntrl .sv-fav span {
position: absolute;
display: none;
top: 0;
left: 0;
height: 18px;
width: 18px;
background: url("../images/mainblocks.png" no-repeat -845px -2px;
z-index: 10;
}
.svideo .sv-cntrl .sv-fav:hover a {
opacity: 0;
}
.svideo .sv-cntrl .sv-fav:hover span {
display: block;
}
.svideo .infobox {
width: 247px;
position: absolute;
top: -12px;
right: 18px;
height: 0;
overflow: hidden;
opacity: 0;
z-index: 100;
}
.svideo .infobox-btm {
background: url("../images/cominfo.png" no-repeat -247px 0;
height: 11px;
}
.svideo .infobox-in {
background: url("../images/cominfo.png" no-repeat;
padding: 11px 20px 5px 20px;
}
.svideo .infobox-in .tle {
font-size: 1.2em;
}
.svideo .infobox-in .tle a {
text-decoration: none;
color: #299711;
}
.svideo .infobox-in .tle a:hover {
text-decoration: underline;
}
.svideo .infobox-in .text {
margin-top: 10px;
font-style: italic;
color: #5e6770;
}
.sv-info a:hover + .infobox, .sv-info:hover .infobox {
opacity: 1;
height: auto;
}
.svideo .infobox-in .link {
margin-top: 5px;
text-align: right;
}
.svideo .infobox-in .link a {
font-size: 1.1em;
font-style: italic;
background: url("../images/arrow.png" no-repeat 100% 2px;
color: #47515b;
padding-right: 22px;
}
.svideo .infobox-in .link a:hover {
background-position: 100% -16px;
}
.pagin {
margin-top: 25px;
border-top: 2px solid #e0e8f0;
padding: 25px 160px 5px 10px;
}
.pagin .rcol {
margin-right: -150px;
}
.pages a, .pages span {
display: inline-block;
padding: 2px 8px;
font-size: 1.35em;
border: 2px solid #fff;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.pages span {
border-color: #53bc1d;
}
.pages a {
color: #5e6770;
text-decoration: none;
}
.pages a:hover {
border-color: #0088c5;
}
.pagin .pprev a, .pagin .pprev span, .pagin .pnext a, .pagin .pnext span {
background: url("../images/mainblocks.png" no-repeat;
padding-top: 23px;
height: 0;
overflow: hidden;
float: left;
display: block;
margin: 0 3px;
}
.pagin .pprev a, .pagin .pprev span {
background-position: -987px -23px;
width: 61px;
}
.pagin .pprev a:hover {
background-position: -987px -46px;
}
.pagin .pprev span, .pagin .pnext span {
opacity: .25;
}
.pagin .pnext a, .pagin .pnext span {
background-position: -1048px -23px;
width: 68px;
}
.pagin .pnext a:hover {
background-position: -1048px -46px;
}
/* ---- fullstory ---- */
.fullstory {
margin-top: 25px;
font-size: 13px;
}
.film-info {
padding-left: 248px;
}
.info-line-l {
margin-left: -248px;
width: 248px;
}
.info-line-l .poster {
background: url("../images/fullposter.png" no-repeat;
width: 242px;
height: 348px;
}
.info-line-l .poster-wrapp {
width: 220px;
height: 330px;
overflow: hidden;
margin: 9px 0 0 8px;
float: left;
}
.info-line-l .poster-wrapp img {
width: 220px;
height: 330px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.fullrate {
margin: 20px 15px;
}
.fullrate .ratebox, .fullrate .voten {
display: inline-block;
margin-right: 5px;
vertical-align: middle;
}
.story-info {
background: url("../images/fullposter.png" no-repeat 0 -348px;
padding: 30px 20px 0 20px;
font-size: .9em;
color: #757e85;
}
.story-info li {
background: url("../images/iconset.png" no-repeat;
height: 18px;
overflow: hidden;
padding-left: 20px;
}
.story-info .added {
background-position: 0 0;
}
.story-info .author {
background-position: 0 -18px;
}
.story-info .views {
background-position: 0 -36px;
}
.story-info .coms {
background-position: 0 -54px;
}
.story-info .lbl {
display: inline-block;
width: 90px;
}
.downbox {
padding-top: 30px;
margin-left: 20px;
position: relative;
}
.downbtn {
display: block;
background: url("../images/downbtn.png" no-repeat;
width: 158px;
height: 67px;
color: #fff;
font-style: italic;
text-decoration: none;
line-height: 61px;
padding-left: 23px;
font-size: 1.05em;
}
.downbtn:hover {
background-position: 0 -67px;
color: #fff;
}
.file-info {
background: url("../images/file-info.png" no-repeat;
position: absolute;
width: 118px;
height: 0;
overflow: hidden;
opacity: 0;
font-size: 0.9em;
line-height: 16px;
color: #757e85;
bottom: 66px;
left: 18px;
}
.file-info span {
color: #47515b;
}
.downbtn:hover + .file-info {
height: 41px;
padding: 7px 15px;
opacity: 1;
}
.fullstory .heading {
padding: 0 10px;
}
.fullstory .heading h1 {
font-size: 1.6em;
color: #45647b;
font-weight: normal;
}
.fullstory .heading .subtitle {
font-style: italic;
color: #6c757d;
}
.fullstory .heading .subtitle a {
color: #6c757d;
}
.fullstory .heading .subline {
margin-top: 12px;
}
.fullstory .heading .feedus {
margin-top: 0;
}
.fcntrl li {
float: left;
margin: 0 1px;
height: 18px;
}
.fcntrl .fav {
position: relative;
}
.fcntrl .fav a {
position: relative;
z-index: 20;
-webkit-transition: opacity 0s;
-o-transition: opacity 0s;
-ms-transition: opacity 0s;
transition: opacity 0s;
}
.fcntrl .fav img {
display: block;
height: 18px;
width: 18px;
}
.fcntrl .fav span {
position: absolute;
display: none;
top: 0;
left: 0;
height: 18px;
width: 18px;
background: url("../images/mainblocks.png" no-repeat -845px -2px;
z-index: 10;
}
.fcntrl .fav:hover a {
opacity: 0;
}
.fcntrl .fav:hover span {
display: block;
}
.fcntrl .edit a {
background: url("../images/mainblocks.png" no-repeat -863px -2px;
padding-top: 18px;
width: 18px;
display: block;
height: 0;
overflow: hidden;
}
.fcntrl .edit a:hover {
background-position: -881px -2px;
}
.fcntrl .complaint a {
background: url("../images/mainblocks.png" no-repeat -899px -2px;
padding-top: 18px;
width: 18px;
display: block;
height: 0;
overflow: hidden;
}
.fcntrl .complaint a:hover {
background-position: -917px -2px;
}
.storybox {
background: #f2f6fa url("../images/shdws.png" repeat-x 0 -368px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 10px 0;
margin-top: 20px;
font-size: 0.9em;
}
.film-fields {
padding: 0 20px;
}
.film-fields li {
padding: 10px 10px 10px 160px;
min-height: 18px;
}
.film-fields .lbl {
display: inline-block;
margin-left: -160px;
float: left;
color: #6c757d;
}
.babge, .babge .in {
display: inline-block;
height: 23px;
line-height: 23px;
background: url("../images/quality.png" no-repeat 100% -23px;
padding-right: 7px;
}
.babge .in {
background-position: 0 0;
padding-left: 7px;
padding-right: 0;
}
.babge a {
color: #fff;
text-shadow: 0 1px 1px #1b700d;
text-decoration: none;
}
.babge a:hover {
text-decoration: underline;
}
.filmtext {
margin-top: 20px;
background: url("../images/film-text.png" repeat-x;
padding: 25px 20px 5px 20px;
}
.filmtext > h4 {
font-weight: normal;
font-size: 1.2em;
color: #6c757d;
}
.filmtext .textwrap {
margin-top: 6px;
max-height: 180px;
overflow: hidden;
}
.filmtext .textwrap.active {
max-height: none;
}
.filmtext .wrapbtn {
background: url("../images/mainblocks.png" no-repeat -935px 0;
height: 23px;
width: 85px;
position: relative;
display: block;
padding-left: 8px;
margin-top: 15px;
color: #47515b;
text-decoration: none;
line-height: 23px;
}
.filmtext .wrapbtn span {
background: url("../images/mainblocks.png" no-repeat -1028px 0;
width: 20px;
height: 23px;
position: absolute;
top: 0;
right: 0;
display: none;
}
.filmtext .wrapbtn:hover span {
display: block;
}
.filmtext .wrapbtn:hover {
text-decoration: underline;
}
.tabbox {
padding-top: 30px;
font-size: 1.15em;
}
.tabbox .tabs {
background: url("../images/tabg.png" no-repeat 50% 10px;
height: 64px;
text-align: center;
}
.tabbox .tabs li {
display: inline-block;
background: url("../images/tabs.png" no-repeat 50% -8px;
height: 56px;
margin: 0 20px;
color: #108bc7;
text-decoration: underline;
cursor: pointer;
}
.tabbox .tabs li:hover {
text-decoration: none;
color: #299711;
}
.tabbox .tabs li.active {
text-decoration: none;
color: #47515b;
background-position: 50% -76px;
cursor: default;
}
.tabbox .box {
display: none;
text-align: center;
padding: 10px 10px 0 10px;
-webkit-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.tabbox .box.visible {
display: block;
}
.brelated {
background: #f2f6fa url("../images/shdws.png" repeat-x 0 -368px;
margin-top: 35px;
-webkit-border-radius: 10px;
border-radius: 10px;
font-size: 0.9em;
}
.brelated .dtw {
height: 50px;
padding: 0 20px;
}
.brelated .dtw h3 {
font-weight: normal;
font-size: 1.4em;
margin-top: 16px;
}
.brelated .dcnt {
padding: 10px;
}
.filmcoms {
height: 1px;
background: #f2f6fa;
margin: 50px 0 26px 0;
position: relative;
}
.filmcoms .coms-title {
background: #fff url("../images/quality.png" no-repeat 0 -46px;
height: 32px;
line-height: 32px;
position: absolute;
left: 0;
top: -16px;
padding: 0 10px 0 50px;
}
.filmcoms h3 {
display: inline;
font-weight: normal;
font-size: 1.2em;
margin-right: 4px;
}
.bcomment {
padding-top: 30px;
font-size: 13px;
}
.bcomment .heading {
padding: 7px 12px 7px 50px;
background: #f2f6fa url("../images/comhead.png" repeat-x;
-webkit-border-radius: 8px;
border-radius: 8px;
position: relative;
}
.bcomment .heading-in {
height: 26px;
background: #fff;
}
.bcomment .heading .lcol {
height: 26px;
background: url("../images/comhead2.png" no-repeat 100% 0;
line-height: 26px;
padding-right: 30px;
}
.bcomment .heading .rcol {
height: 26px;
background: url("../images/comhead2.png" no-repeat 0 -26px;
padding-left: 22px;
}
.bcomment .heading .author {
font-size: 1.2em;
}
.bcomment .heading .date {
background: url("../images/iconset.png" no-repeat -4px -82px;
margin-left: 8px;
padding-left: 20px;
}
.quoteicon {
background: url("../images/quoteicon.png" no-repeat;
width: 29px;
padding-top: 24px;
position: absolute;
left: 16px;
top: -10px;
}
.comctrl li {
float: left;
margin: 4px 2px 0 2px;
}
.comctrl a {
background: url("../images/comctrl.png" no-repeat;
width: 18px;
padding-top: 18px;
display: block;
height: 0;
overflow: hidden;
}
.comctrl .cquote a {
background-position: 0 -18px;
}
.comctrl .cquote a:hover {
background-position: -18px -18px;
}
.comctrl .delete a {
background-position: 0 0;
}
.comctrl .delete a:hover {
background-position: -18px 0;
}
.comctrl .complaint a {
background-position: 0 -36px;
}
.comctrl .complaint a:hover {
background-position: -18px -36px;
}
.group-icon {
float: left;
margin: 2px 0 0 -11px;
}
.commain {
padding: 20px 20px 0 120px;
}
.commain .vpad {
padding-top: 4px;
}
.comava {
float: left;
margin-left: -90px;
padding: 8px;
border: 1px solid #d3dfec;
-webkit-border-radius: 8px;
border-radius: 8px;
}
.comava span {
width: 40px;
height: 40px;
overflow: hidden;
}
.comava span img {
width: 40px;
height: 40px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* ---- page-heading ---- */
#head {
height: 531px;
overflow: hidden;
background: #0052a1;
}
#head .wrapp {
position: relative;
}
.topline {
background: url("../images/topline.png" repeat-x;
position: fixed;
height: 79px;
width: 100%;
z-index: 2000;
}
.logo {
margin: 5px 0 0 30px;
}
.logo .thide {
background: url("../images/logo.png" no-repeat;
width: 150px;
padding-top: 55px;
}
.topmenu {
margin: 0 225px 0 200px;
height: 70px;
}
.topmenu > li {
float: left;
background: url("../images/topline.png" no-repeat 0 -79px;
height: 70px;
font-size: 1em;
text-transform: uppercase;
line-height: 70px;
padding-left: 2px;
position: relative;
}
.topmenu > li > a {
padding: 0 8px;
text-decoration: none;
color: #fff;
display: block;
height: 70px;
float: left;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
.topmenu > li:hover {
background-position: 0 -228px;
}
.topmenu > li:last-child:hover {
background-position: 0 -79px;
}
.topmenu > li > a:hover, .topmenu > li:hover > a {
background: url("../images/topline.png" repeat-x 0 -158px;
}
.dropmenu {
position: absolute;
left: 0;
top: 70px;
width: 187px;
height: 0;
overflow: hidden;
opacity: 0;
font-size: 1.05em;
}
.topmenu > li:hover .dropmenu {
height: auto;
opacity: 1;
}
.dropmenu li {
background: url("../images/dropmenu.png" no-repeat -187px 0;
height: 28px;
line-height: 26px;
padding: 0 10px 0 26px;
text-transform: none;
}
.dropmenu li:first-child {
background: url("../images/dropmenu.png" no-repeat;
height: 28px;
line-height: 26px;
padding-top: 11px;
}
.dropmenu li a {
color: #a7e55b;
text-decoration: none;
}
.dropmenu li a:hover {
color: #fff;
text-decoration: underline;
}
.dropmenu .dropbtm {
background: url("../images/dropmenu.png" no-repeat -187px -28px;
height: 10px;
}
.searchbox {
background: url("../images/fields_head.png" no-repeat;
width: 350px;
height: 42px;
position: absolute;
right: 5px;
top: 94px;
z-index: 101;
}
.searchbox .lcol input {
margin: 5px;
border: none;
padding: 8px 13px;
width: 270px;
background: none;
color: #b0dd4a;
font-style: italic;
}
.searchbox .lcol input::-webkit-input-placeholder {
color: #ddeeff;
opacity:1;
}
.searchbox .lcol input:-moz-placeholder, .searchbox .lcol input::-moz-placeholder {
color: #ddeeff;
opacity:1;
}
.searchbox .lcol input::-ms-input-placeholder {
color: #ddeeff;
opacity:1;
}
.searchbox .sbtn {
background: url("../images/fields_head.png" no-repeat -379px -10px;
height: 23px;
width: 26px;
margin: 9px 13px 0 0;
}
.searchbox .sbtn:hover {
background-position: -412px -10px;
}
.loginbox {
background: url("../images/fields_head.png" no-repeat -193px -50px;
width: 210px;
height: 35px;
margin: 15px 5px 0 0;
line-height: 35px;
position: relative;
}
.lbtn, .lbtn span {
display: block;
background: url("../images/headbtns.png" no-repeat 100% -128px;
height: 40px;
}
.lbtn {
padding-right: 29px;
margin: -4px 0 0 -3px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 1.1em;
text-shadow: 0 1px 1px #238112;
}
.lbtn:hover {
text-decoration: underline;
color: #fff;
}
.lbtn span {
background-position: 0 -88px;
padding-left: 29px;
height: 36px;
padding-top: 4px;
}
.reglink, .logout {
color: #ddeeff;
text-transform: uppercase;
text-decoration: none;
margin-left: 4px;
}
.reglink:hover {
text-decoration: underline;
color: #aee217;
}
.logout {
margin-left: 14px;
}
.lostlink {
color: #ddeeff;
}
.lostlink:hover {
color: #aee217;
text-decoration: underline;
}
.loginform {
width: 225px;
top: 55px;
position: absolute;
right: 0;
height: 0;
overflow: hidden;
opacity: 0;
}
.loginbox.active .loginform {
height: auto;
opacity: 1;
}
.loginform .dtw {
background: url("../images/loginform.png" no-repeat;
height: 13px;
}
.loginform .dcnt {
background: url("../images/loginform.png" repeat-y -225px 0;
padding: 0 20px 15px 20px;
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
}
.loginform .lbl {
background: url("../images/fields_head.png" no-repeat 0 -50px;
width: 185px;
height: 40px;
}
.loginform .lbl input {
padding: 5px 15px 5px 32px;
border: none;
margin-top: -4px;
width: 134px;
background: url("../images/iconset.png" no-repeat;
color: #b0dd4a;
font-style: italic;
}
.loginform .name input {
background-position: 10px -105px;
}
.loginform .pass input {
background-position: 10px -140px;
}
.lbtn2, .lbtn2 span {
display: block;
background: url("../images/headbtns.png" no-repeat 100% -128px;
height: 40px;
}
.lbtn2 {
padding-right: 29px;
margin: -4px 5px 0 -3px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 1.1em;
text-shadow: 0 1px 1px #238112;
}
.lbtn2:hover {
color: #fff;
text-decoration: underline;
}
.lbtn2 span {
background-position: 0 -88px;
padding-left: 29px;
height: 36px;
padding-top: 4px;
}
.loginform .lbl input::-webkit-input-placeholder {
color:#b0dd4a;
opacity:.7;
}
.loginform .lbl input:-moz-placeholder, .loginform .lbl input::-moz-placeholder {
color:#b0dd4a;
opacity:.7;
}
.loginform .lbl input::-ms-input-placeholder {
color:#b0dd4a;
opacity:.7;
}
.loginenter {
line-height: 18px;
}
.loginenter li {
list-style-type: circle;
color: #285a86;
list-style-position: inside;
}
.loginenter li a {
color: #a7e55b;
text-decoration: none;
font-style: italic;
font-size: 1.05em;
}
.loginenter li a:hover {
color: #fff;
text-decoration: underline;
}
.loginenter .adm {
border-bottom: 1px dotted #285a86;
margin-bottom: 2px;
padding-bottom: 2px;
}
/* ---- header-slider ---- */
.bx-wrapper {
position: relative;
padding: 0;
*zoom: 1;
max-width: 1920px;
min-width: 1000px;
height: 531px;
}
.bx-wrapper ul {
margin: 0;
}
.bx-wrapper li {
-webkit-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.bx-wrapper img {
max-width: 100%;
display: block;
}
.bx-has-controls-direction {
position: relative;
width: 1000px;
margin: 0 auto;
z-index: 101;
}
.bx-wrapper .bx-pager {
text-align: center;
margin-top: -75px;
}
.bx-wrapper .bx-pager .bx-pager-item {
display: inline-block;
*zoom: 1;
*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
background: url("../images/slidernavi.png" no-repeat 0 -35px;
width: 31px;
height: 35px;
text-indent: -9999px;
display: block;
margin: 0 -2px;
z-index: 100;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
background-position: 0 0;
}
.bx-wrapper .bx-prev {
background: url("../images/slidernavi.png" no-repeat -31px 0;
right: 248px;
}
.bx-wrapper .bx-next {
background: url("../images/slidernavi.png" no-repeat -75px 0;
right: 64px;
}
.bx-wrapper .bx-prev:hover {
background-position: -119px 0;
}
.bx-wrapper .bx-next:hover {
background-position: -163px 0;
}
.bx-wrapper .bx-controls-direction a {
display: block;
position: absolute;
top: -280px;
width: 44px;
height: 64px;
text-indent: -9999px;
z-index: 999;
}
.bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
.promopix {
background-position: 50% 5% !important;
background-size: cover !important;
}
.overhead {
background: url("../images/overhead.png" no-repeat 50% 0;
position: relative;
z-index: 100;
height: 108px;
margin-top: -108px;
min-width: 1000px;
}
.overleft {
background: url("../images/overleft.png" no-repeat;
height: 531px;
}
.overright {
background: url("../images/overright.png" no-repeat 100% 0;
height: 531px;
}
.promolink {
display: block;
height: 531px;
}
.caption {
width: 378px;
position: absolute;
z-index: 101;
right: -9px;
bottom: 22px;
}
.caption .dtw {
height: 60px;
background: url("../images/slidercaption.png" no-repeat;
}
.caption-in {
padding: 7px 0 25px 0;
background: url("../images/slidercaption.png" no-repeat -378px 100%;
}
.caption h3 {
color: #75ca1b;
text-transform: uppercase;
font-weight: normal;
font-family: "Cuprum" !important;
margin: 0 35px;
height: 20px;
overflow: hidden;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
}
.caption h3 a {
color: #75ca1b;
text-decoration: none;
}
.caption h3 a:hover {
text-decoration: underline;
}
.caption .capt-text {
font-family: "Cuprum" !important;
margin: 5px 110px 5px 35px;
color: #fff;
font-size: 1.2em;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
line-height: 15px;
max-height: 90px;
min-height: 30px;
overflow: hidden;
}
.caption .cptbtn {
margin: 8px 35px 0 35px;
height: 44px;
}
.caption .cptbtn span {
float: left;
margin-right: 6px;
}
.caption .cptbtn a {
background: url("../images/headbtns.png" no-repeat;
width: 110px;
padding-top: 44px;
}
.caption .cptbtn .towatch {
background-position: 0 0;
}
.caption .cptbtn .towatch:hover {
background-position: 0 -168px;
}
.caption .cptbtn .tofavorites {
background-position: 0 -44px;
}
.caption .cptbtn .tofavorites:hover {
background-position: 0 -212px;
}
.ghost {
background: url("../images/ghots.png" no-repeat;
width: 98px;
height: 158px;
right: -2px;
top: 381px;
position: absolute;
z-index: 105;
}
.berrors {
background: #e64646 url("../images/berrors.png" no-repeat 10px 50%;
padding: 10px 10px 10px 60px;
color: #fff;
margin-top: 25px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 1.2em;
}
.berrors a {
color: #fff;
}
/* ---- forms ---- */
.baseform {
padding-top: 25px;
font-size: 1.2em;
}
.baseform .heading {
padding: 10px 20px 0 20px;
}
.baseform .heading h1, .baseform .heading h2 {
font-size: 20px;
font-weight: normal;
}
.baseform .dcont {
margin: 0 15px;
}
.tableform {
width: 100%;
}
.tableform td.label {
width: 18%;
vertical-align: top;
padding-right: 0;
}
.fieldsubmit, .tableform td {
padding: 10px 20px;
}
.fieldsubmit {
margin-left: 18%;
}
.addnews {
font-weight: bold;
}
.impot {
color: #d51e44;
font-weight: normal;
}
.checkbox {
padding: 4px 0;
line-height: 1em;
}
.checkbox input {
margin-top: -2px;
vertical-align: middle;
}
.f_input {
width: 300px;
padding: 1px;
}
.f_textarea {
width: 458px;
}
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea, .xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select, .logform li.lfield input, .recip select, .pm select {
padding: 6px;
background: #fff url("../images/fields.png" repeat-x;
border: 1px solid #d1ddeb;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.pm .bbcodes {
margin-top: 2px;
}
.textin {
padding: 6px !important;
}
.f_textarea, .editor_button select {
padding: 0;
}
.textin {
padding: 2px;
}
.fbutton {
height: 34px;
background: url("../images/fbutton.png" repeat-x;
padding: 0 15px;
width: 120px;
padding-bottom: 3px;
color: #fff;
font-size: 1.05em;
-webkit-border-radius: 16px;
border-radius: 16px;
text-shadow: 0 1px 1px #086cb0;
border: none;
cursor: pointer;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.fbutton:hover {
background-position: 0 -34px;
}
.orderform {
height: 0px;
overflow: hidden;
opacity: 0;
}
.orderform.active {
height: auto;
opacity: 1;
}
.order {
margin-top: 15px;
}
.btn-order {
display: block;
background: url("../images/downbtn.png" no-repeat;
width: 158px;
height: 67px;
color: #fff;
font-style: italic;
text-decoration: none;
line-height: 61px;
padding-left: 23px;
font-size: 1.1em;
margin: 0 auto;
}
.btn-order:hover {
background-position: 0 -67px;
color: #fff;
}
.box embed {
-webkit-box-shadow: 0px 0px 16px 0px #637181;
-moz-box-shadow: 0px 0px 16px 0px #637181;
box-shadow: 0px 0px 16px 0px #637181;
}
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
engine
@charset "utf-8";

/* Дизайн изготовлен студией elCreativo для сайта tvSpirit
Контакты: е-mail:order@elcreativo.ru | skype:order.elcreativo.ru | icq:4862696 | url:elcreativo.ru */

.selectmass input {
float: right;
margin-left: 6px;
}
.mass_comments_action {
text-align: right;
font-size:13px;
margin:0 10px;
}
/*---Информационное окно загрузки AJAX---*/
#loading-layer {
display: none;
font-size: 13px;
background: #000;
padding: 10px;
text-align: center;
color: #fff;
-webkit-border-radius: 6px;
border-radius: 6px;
}
/*---Цитата и скрытый текст---*/
.scriptcode, .title_quote, .quote, .title_spoiler, .text_spoiler {
padding: 5px;
background: #f9fafa;
border: 1px solid #dce7e7;
overflow: hidden;
}
.title_quote, .title_spoiler {
background: #f9fafa;
}
.title_quote {
border-bottom: 0;
font-weight: bold;
}
.scriptcode {
color: #004e8d;
text-align: left;
font-family: "Courier New";
}
.title_spoiler {
font-weight: bold;
}
.text_spoiler {
border-top: 0;
text-align: justify;
}
.hide {
background-color: #e8f3fa;
padding: 5px;
color: #3a78a5;
margin: 0 0 1em;
}
.hide a {
text-decoration: underline;
}
.hide a:hover {
text-decoration: none;
}
.inhide {
border: 1px solid #d1e3ef;
padding: 5px;
background-color: #fff;
margin-bottom: 5px;
}
/*---Календарь---*/
.calendar {
width: 100%;
}
.calendar td, .calendar th {
padding: 5px 0;
vertical-align: middle;
text-align: center;
}
.weekday-active-v, .day-active-v, .weekday-active, .day-active {
font-weight: bold;
}
.weekday {
color: #b270ce;
}
th.workday, th.weekday {
background-color: #f4f8fa;
}
.monthselect {
font-size: 1.15em;
}
.day-current {
background-color: #3f4b51;
color: #fff;
}
.day-current a {
color: #fff;
}
/*---Лучшие пользователи---*/
.userstop td, .pm td.pm_list, .pm td.pm_head {
border: 1px solid #d8d8d8;
padding: 2px;
background-color: #fff;
}
.userstop thead td, .pm td.pm_head {
font-size: 0.9em;
background: #fff;
height: 22px;
padding: 0;
font-weight: bold;
text-align: center;
color: #4e4e4e;
}
/*---Рейтинг---*/
.rating {
width: 65px;
height: 16px;
font-size: 0.9em;
}
.unit-rating {
list-style: none;
margin: 0;
padding: 0;
width: 65px;
height: 16px;
position: relative;
background: url("../dleimages/rating.png" repeat-x;
}
.unit-rating li {
text-indent: -90000px;
padding: 0;
margin: 0;
float: left;
}
.unit-rating li a {
display: block;
width: 13px;
height: 16px;
text-decoration: none;
text-indent: -9000px;
z-index: 16;
position: absolute;
padding: 0;
}
.unit-rating li a:hover {
background: url("../dleimages/rating.png" 0 -16px;
z-index: 2;
left: 0;
}
.unit-rating a.r1-unit {
left: 0;
}
.unit-rating a.r1-unit:hover {
width: 13px;
}
.unit-rating a.r2-unit {
left: 13px;
}
.unit-rating a.r2-unit:hover {
width: 26px;
}
.unit-rating a.r3-unit {
left: 26px;
}
.unit-rating a.r3-unit:hover {
width: 39px;
}
.unit-rating a.r4-unit {
left: 39px;
}
.unit-rating a.r4-unit:hover {
width: 52px;
}
.unit-rating a.r5-unit {
left: 52px;
}
.unit-rating a.r5-unit:hover {
width: 65px;
}
.unit-rating li.current-rating {
background: url("../dleimages/rating.png" 0 -32px;
position: absolute;
height: 16px;
display: block;
text-indent: -9000px;
z-index: 1;
}
/*---BB коды---*/
/* различие bbcodes и bbcodes_poll исключительно в длине кнопки */
/* класс bbcodes используем в списке персональных сообщений (pm.tpl) и по умолчанию в модуле редактора сообщений*/
.bbcodes, .bbcodes_poll {
height: 34px;
background: url("../images/fbutton.png" repeat-x;
padding: 0 15px;
padding-bottom: 3px;
color: #fff;
font-size: 14px;
-webkit-border-radius: 16px;
border-radius: 16px;
text-shadow: 0 1px 1px #086cb0;
border: none;
cursor: pointer;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.bbcodes:hover, .bbcodes_poll:hover {
background-position: 0 -34px;
}
/*---BB Редактор---*/

.bb-pane {
height: 1%;
overflow: hidden;
border: 1px solid #d3dfec;
background-image: url("../bbcodes/bg.gif";
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 3px;
}
.bb-btn, .bb-sep {
height: 25px;
float: left;
display: block;
overflow: hidden;
text-indent: -9999px;
white-space: nowrap;
}
.bb-sel {
float: left;
padding: 4px 2px 0 2px;
}
.bb-sel select {
font-size: 11px;
}
.bb-sep {
width: 5px;
background-image: url("../bbcodes/brkspace.gif";
}
.bb-btn {
cursor: pointer;
width: 23px;
}
#b_font {
width: 118px;
}
#b_size {
width: 65px;
}
#b_font select {
padding: 0px;
}
#b_size select {
padding: 0px;
}
#b_b {
background-image: url("../bbcodes/b.gif";
}
#b_i {
background-image: url("../bbcodes/i.gif";
}
#b_u {
background-image: url("../bbcodes/u.gif";
}
#b_s {
background-image: url("../bbcodes/s.gif";
}
#b_img {
background-image: url("../bbcodes/image.gif";
}
#b_up {
background-image: url("../bbcodes/upload.gif";
}
#b_emo {
background-image: url("../bbcodes/emo.gif";
}
#b_url {
background-image: url("../bbcodes/link.gif";
}
#b_leech {
background-image: url("../bbcodes/leech.gif";
}
#b_mail {
background-image: url("../bbcodes/email.gif";
}
#b_video {
background-image: url("../bbcodes/mp.gif";
}
#b_audio {
background-image: url("../bbcodes/mp3.gif";
}
#b_hide {
background-image: url("../bbcodes/hide.gif";
}
#b_quote {
background-image: url("../bbcodes/quote.gif";
}
#b_code {
background-image: url("../bbcodes/code.gif";
}
#b_left {
background-image: url("../bbcodes/l.gif";
}
#b_center {
background-image: url("../bbcodes/c.gif";
}
#b_right {
background-image: url("../bbcodes/r.gif";
}
#b_color {
background-image: url("../bbcodes/color.gif";
}
#b_spoiler {
background-image: url("../bbcodes/spoiler.gif";
}
#b_fla {
background-image: url("../bbcodes/flash.gif";
}
#b_yt {
background-image: url("../bbcodes/youtube.gif";
}
#b_tf {
background-image: url("../bbcodes/typograf.gif";
}
#b_list {
background-image: url("../bbcodes/list.gif";
}
#b_ol {
background-image: url("../bbcodes/ol.gif";
}
#b_tnl {
background-image: url("../bbcodes/translit.gif";
}
#b_br {
background-image: url("../bbcodes/pbreak.gif";
}
#b_pl {
background-image: url("../bbcodes/page.gif";
}
.bb-editor textarea {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 2px;
border: 1px solid #d3dfec;
width: 100%;
background: #fff url("../images/fields.png" repeat-x;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.editorcomm .bb-editor {
width: 465px;
}
.editorcomm .bb-editor textarea {
height: 156px;
}
.clr {
clear: both;
}
/*---Дополнительные поля---*/
.xfields textarea, .xprofile textarea {
height: 186px;
margin: 0px 1px 0px 0px;
padding: 0px;
}
.xfields input, .xprofile input {
width: 250px;
height: 14px;
padding: 2px;
}
.xfields_table td {
vertical-align: top;
}
/*---Персональные сообщения---*/
.pm_head {
font-weight: bold;
}
/*---Выпадающее меню кнопки редактировать---*/
#dropmenudiv {
background: #2c3640;
background: rgba(7,19,32,.88);
line-height: 20px;
margin: 2px 0;
padding: 5px;
opacity: 0.9;
-moz-opacity: 0.9;
filter: alpha(opacity=90);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.15);
box-shadow: 0 1px 5px rgba(0,0,0,.15);
font-size: 13px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#dropmenudiv a {
display: block;
text-indent: 3px;
color: #0ba4d8;
padding: 1px 0;
width: 100%;
}
#dropmenudiv a:hover {
color: #83cf3d;
}
/*---Ссылка на скачивание прикрепленного файла---*/
.attachment {
color: #808080;
}
/*---Рамка расширенной формы поиска по сайту---*/
fieldset {
border: 1px solid #bfced6;
padding: 5px;
text-align: left;
}
/*---показ оригинальной картинки загруженной на сайт из уменьшенной копии---*/
.highslide-wrapper, .highslide-outline {
background: #FFFFFF;
}
.highslide-image {
border: 2px solid #FFFFFF;
}
.highslide-active-anchor {
visibility: hidden;
}
.highslide-active-anchor img {
visibility: hidden;
}
.highslide-dimming {
background-color: black;
}
.highslide-html {
background-color: white;
}
.highslide-loading {
display: block;
color: white;
font-size: 9px;
font-weight: bold;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: black;
}
a.highslide-full-expand {
background: url("../dleimages/fullexpand.gif" no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}
.highslide-caption {
display: none;
padding: 5px;
background: white;
}
.highslide-controls {
width: 195px;
height: 40px;
background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif" no-repeat 0 -90px;
margin-right: 15px;
margin-bottom: 10px;
margin-top: 10px;
}
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif" no-repeat 100% -90px;
}
.highslide-controls li {
float: left;
padding: 5px 0;
}
.highslide-controls a {
background: url("../../../engine/classes/highslide/graphics/controlbar-black-border.gif";
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}
.highslide-controls a.disabled {
cursor: default;
}
.highslide-controls a span {
display: none;
}
/*---The CSS sprites for the controlbar---*/
.highslide-controls .highslide-previous a {
background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}
/*---Облако тегов---*/
.clouds_xsmall {
font-size: 1em;
}
.clouds_small {
font-size: 1.1em;
}
.clouds_medium {
font-size: 1.2em;
font-weight: bold;
}
.clouds_large {
font-size: 1.5em;
}
.clouds_xlarge {
font-size: 1.7em;
}
/*---Быстрый поиск на сайте---*/
#searchsuggestions {
width: 300px;
background-color: #000;
opacity: 0.8;
line-height: 14px;
z-index: 1050;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#searchsuggestions a {
padding: 5px;
display: block;
background-color: #000;
clear: left;
height: 75px;
text-decoration: none;
}
#searchsuggestions a:hover {
background-color: #5ec11c;
color: #fff;
}
#searchsuggestions a span.searchheading {
background: #0084c3;
display: block;
font-weight: bold;
padding: 5px;
color: #fff;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#searchsuggestions a:hover span.searchheading {
color: #fff;
}
#searchsuggestions a span {
color: #ddeeff;
}
#searchsuggestions a:hover span {
color: #fff;
}
#searchsuggestions span.seperator {
float: right;
padding-right: 15px;
margin-right: 5px;
}
#searchsuggestions span.seperator a {
background-color: transparent;
display: block;
height: auto;
color: #fff;
}
#searchsuggestions span.notfound {
padding: 5px;
background-color: #fff;
display: block;
height: auto;
color: #000;
}
/*---Диалоговые и всплывающие окна jQuery UI---*/
.ui-widget-overlay {
background: #000;
opacity: 0.4;
-moz-opacity: 0.4;
filter: alpha(opacity=40);
left: 0;
position: absolute;
top: 0;
}
.ui-helper-clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.ui-helper-clearfix {
display: inline-block;
}
* html .ui-helper-clearfix {
height: 1%;
}
.ui-helper-clearfix {
display: block;
}
.ui-icon {
background-repeat: no-repeat;
display: block;
overflow: hidden;
text-indent: -99999px;
}
.ui-widget-header {
border-bottom: 1px solid #3a6389;
font-size:1.1em;
}
.ui-widget-header a {
color: #2a2a2a;
}
.ui-widget-header .ui-icon {
background-image: url("../images/ui-icons.png";
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-color: #db143d;
}
.ui-icon-close, .ui-icon-closethick {
background: url("../images/close.png" no-repeat 0 0 !important;
}
.ui-dialog {
background: #2c3640;
background: rgba(7,19,32,.88);
overflow: hidden;
padding: 5px;
position: absolute;
width: 300px;
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
color: #fff;
font-size: 13px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.ui-widget input, .ui-widget textarea {
word-spacing: 0.1em;
letter-spacing: 0;
line-height: 1.5em;
background: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
border: none;
}
.ui-dialog .ui-dialog-titlebar {
padding: .5em 1em .3em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 13px .3em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
height: 18px;
margin: -10px 0 0 0;
padding: 1px;
position: absolute;
right: .3em;
top: 50%;
width: 19px;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-content {
background: none;
border: 0;
overflow: hidden;
padding: 13px 13px 0 13px;
position: relative;
zoom: 1;
margin-bottom: 13px;
}
.ui-dialog .ui-dialog-buttonpane {
padding: 12px 6px 6px 6px;
text-align: left;
}
.ui-dialog .ui-dialog-buttonpane button {
cursor: pointer;
float: right;
line-height: 1.4em;
margin: 0 1px;
overflow: visible;
width: auto;
}
.ui-button {
border: 0 none;
background: none;
cursor: pointer;
}
.ui-button {
height: 34px;
background: url("../images/fbutton.png" repeat-x;
padding: 0 15px;
width: 120px;
padding-bottom: 3px;
color: #fff;
font-size: 1.05em;
-webkit-border-radius: 16px;
border-radius: 16px;
text-shadow: 0 1px 1px #086cb0;
border: none;
cursor: pointer;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.ui-button:hover {
background-position: 0 -34px;
}
.ui-dialog .ui-resizable-se {
bottom: 3px;
height: 14px;
right: 3px;
width: 14px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-state-error {
background: #fef1ec 50% 50% repeat-x !important;
border: 1px solid #cd0a0a;
color: #cd0a0a;
}
/* ==================== Автозаполнение облака тегов */
.ui-autocomplete {
position: absolute;
cursor: default;
}
* html .ui-autocomplete {
width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {

margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: .2em .4em;
line-height: 1.5;
zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*---подсветка текста в теге [code]---*/
pre code {
display: block;
padding: 0.5em;
background: #f9fafa;
border: 1px solid #dce7e7;
overflow: auto;
white-space: pre;
}
pre .comment, pre .template_comment, pre .diff .header, pre .doctype, pre .lisp .string, pre .javadoc {
color: #93a1a1;
font-style: italic;
}
pre .keyword, pre .css .rule .keyword, pre .winutils, pre .javascript .title, pre .method, pre .addition, pre .css .tag, pre .lisp .title {
color: #859900;
}
pre .number, pre .command, pre .string, pre .tag .value, pre .phpdoc, pre .tex .formula, pre .regexp, pre .hexcolor {
color: #2aa198;
}
pre .title, pre .localvars, pre .function .title, pre .chunk, pre .decorator, pre .builtin, pre .built_in, pre .lisp .title, pre .identifier, pre .title .keymethods, pre .id {
color: #268bd2;
}
pre .tag .title, pre .rules .property, pre .django .tag .keyword {
font-weight: bold;
}
pre .attribute, pre .variable, pre .instancevar, pre .lisp .body, pre .smalltalk .number, pre .constant, pre .class .title, pre .parent, pre .haskell .label {
color: #b58900;
}
pre .preprocessor, pre .pi, pre .shebang, pre .symbol, pre .diff .change, pre .special, pre .keymethods, pre .attr_selector, pre .important, pre .subst, pre .cdata {
color: #cb4b16;
}
pre .deletion {
color: #dc322f;
}
pre .tex .formula {
background: #eee8d5;
}
/*---прогресс бар заполненности персональных сообщений---*/
.pm_progress_bar {
border: 1px solid #d8d8d8;
padding: 1px;
margin-top: 10px;
margin-bottom: 10px;
}
.pm_progress_bar span {
background: #63c31c;
font-size: 0em;
text-indent: -2000em;
height: 10px;
display: block;
overflow: hidden;
}
.pm_status {
float: left;
border: 1px solid #d1ddeb;
padding: 0px;
background-color: #fff;
width: 300px;
height: 100px;
margin-right: 30px;
}
.pm_status_head {
border-bottom: 1px solid #d1ddeb;
font-size: 0.9em;
background: #fff;
height: 22px;
padding: 0;
font-weight: bold;
text-align: center;
color: #4e4e4e;
}
.pm_status_content {
padding: 5px;
}
/*---Вывод результатов голосования на сайте---*/
.voteprogress {
overflow: hidden;
height: 15px;
margin-bottom: 5px;
background-color: #f7f7f7;
background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
background-image: -ms-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(top, #f5f5f5, #f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.voteprogress span {
color: #ffffff;
text-align: center;
text-indent: -2000em;
height: 15px;
display: block;
overflow: hidden;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -ms-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(top, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
}
.voteprogress .vote2 {
background-color: #dd514c;
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}
.voteprogress .vote3 {
background-color: #5eb95e;
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -ms-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(top, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
}
.voteprogress .vote4 {
background-color: #4bb1cf;
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
background-image: -webkit-gradient(l