Форум АлаичЪ'а о SEO - Верстка шаблона

Re: Верстка шаблона

null@example.com (xxEmagExx) — Wed, 13 Jan 2016 10:46:40 +0000

Подскажите как можно сделать ниже шапку

Вот код

+ открыть спойлер

{headers}

[aviable=main][/aviable]

{AJAX}

Новинки

Фильмы

Сериалы

Мультфильмы

{login}

{custom category="1" template="slider" order="date" limit="21"}

[aviable=cat|main]{include file="engine/modules/catface.php"}[/aviable]

[aviable=cat]
{sort}

{include file="seo_h1.tpl"}

[/aviable]

{info}
{content}

Жанры

Аниме

Биография

Боевик

Вестерн

Военный

Детектив

Детский

Драма

Комедия

Криминал

Мелодрама

Музыка

Отечественный

Приключения

История

Семейный

Спорт

Триллер

Ужасы

Фантастика

Фэнтези

Документальный

Страны

Американские

Британские

Российские

Индийские

Немецкие

Французские

Корейские

Китайские

Года

Фильмы 2011
Фильмы 2012
Фильмы 2013

Фильмы 2014
Фильмы 2015
Фильмы 2016

Популярные за месяц

Фильмы

Сериалы

Мультфильмы

Ожидаемые
график кинопремьер

Новые серии сериалов

{custom template="new-serials" category="23" order="date" limit="10"}

Контакты
Правообладатели
FAQ

Copyright © 2015. Проект kinogoHD-720.ru

Копирование запрещено
Разработка «Шаманим»

Добавлено: 13.01.2016 17:46

CSS

+ открыть спойлер

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, select {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: top;
list-style-type: none;
font-size: 13px;
font-family: tahoma, sans-serif;
color: #9ab;
line-height: 14px;
line-height: 1.4;}

body {background-image: url(/templates/kinonix/dleimages/bg.jpg);
background-color: #000;
background-position: top center;
background-repeat: no-repeat;}

.cbp-fwslider {
position: relative;
overflow: hidden;
padding: 5px 0 40px;
}

.cbp-fwslider ul {
margin: 0;
padding: 0;
white-space: nowrap;
list-style-type: none;
}

.cbp-fwslider ul li {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
float: left;
display: block;
margin: 0;
padding: 0;
}

.cbp-fwslider ul li > a,
.cbp-fwslider ul li > div {
display: block;
text-align: center;
outline: none;
}

.cbp-fwslider ul li > a img {
border: none;
margin: 0 auto;
max-width: 100%;
padding-bottom: 6px;
}

.cbp-fwslider nav span {
position: absolute;
top: 40%;
height: 100px;
color: #F00;
font-size: 20px;
text-align: center;
margin-top: -50px;
line-height: 100px;
cursor: pointer;
font-weight: normal;
}

.cbp-fwslider nav span:hover {
background: #378fc3;
}

.cbp-fwslider nav span.cbp-fwnext {
right: 0px;
}

.cbp-fwslider nav span.cbp-fwprev {
left: 0px;
}

.cbp-fwdots {
position: absolute;
bottom: 0px;
white-space: nowrap;
padding-left: 18px;
width: 100%;
}

.cbp-fwdots span {
display: inline-block;
width: 16px;
height: 16px;
background: #ddd;
margin: 4px;
border-radius: 50%;
cursor: pointer;
}

.cbp-fwdots span:hover {
background: #999;
}

.cbp-fwdots span.cbp-fwcurrent {
background: #17252E;
box-shadow: 0 0 0 2px #2A3958;
-webkit-transition: box-shadow 0.2s ease-in-out;
-moz-transition: box-shadow 0.2s ease-in-out;
transition: box-shadow 0.2s ease-in-out;
}

ul.ul_related {
display: block;
list-style: none;margin-top: 18px;
overflow: hidden;
padding: 0px 0px 5px 0px;display: block;
width: 660px;
}

.ul_related img {width: 100%;
margin-bottom: 10px;
height: 170px;
border: solid 1px #587281;}

.gh {float: left;
height: 318px;
display: block;
width: 300px;}

.vitazz b {color: #415A6D;}

.navnav {clear: both;
font-size: 12px;
padding: 20px 20px 40px 20px;
color: #FFF;
position: relative;
height: 15px;
border-bottom: 1px solid #2c3641;
margin-right: 20px;}

.navnav a:link, .navnav a:visited, .kno, .ui-dialog .ui-dialog-buttonpane button, .nisos a {text-decoration: none;
border: 1px solid #2c3641;
padding: 2px 7px 4px 7px;
cursor: pointer;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.navnav a:hover, .kno:hover, .ui-dialog .ui-dialog-buttonpane button:hover, .nisos a:hover {border: 1px solid #3D6E86;color: #77A6D3;}
.navnav a:active, .kno:active, .ui-dialog .ui-dialog-buttonpane button:active, .nisos a:active {-moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.24);box-shadow:inset 0 2px 4px rgba(0,0,0,.24)}
.navnav span {font-size: 12px;
padding: 4px 7px 5px 7px;
color: #333C46;
margin: 0 2px;}

.sabole {
top: 20px;
position: absolute;
padding: 2px 6px;
text-align: center;
text-decoration: none;
color: #FFF;
background-color: #BA00AF;
text-shadow: 0 1px 0 #000;
font-size: 10px;
font-weight: bold;
line-height: 16px;
right: 19px;
display: none;
}

.vitazz img {-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-backface-visibility: hidden;
background-position: 50% 50%;
background-repeat: no-repeat;
-pie-watch-ancesotrs: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
border: 1px solid #343A42;
width: 202px;
height: 300px;
margin-bottom: 15px;}

p {padding-bottom:15px;}

.wrapperrrr {margin: 0 auto;
width: 981px;
padding-top: 250px;
position:relative;}

.pros {padding-top: 20px;
padding-bottom: 10px;
margin-right: 20px;border-top: 1px solid #2c3641;}

.title {font-weight: bold;
color: #FFF;
display: block;
color: #137FB4;
height: 30px;
overflow: hidden;
color: #939A9E;
margin-top: 330px;
width: 215px;}

input {
border: 1px solid #303941;
border: 0;
padding: 4px 5px;
outline: none;
color: #999;
transition-duration: .3s;
background-color: #222930;
border: 1px solid #303941;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

input:focus {
outline: 0;
border: 1px solid #125E84;}

.zaza {padding-top: 15px;
bottom: 0px;
left: 0px;
overflow: hidden;
padding: 20px;
float: right;}

.zaza a {color: #383838;
font-weight: bold;
text-decoration: underline;}

.zaza a:hover {color: #999;}

.smotret_online {cursor: pointer;
border: 0;
position: absolute;
right: 10px;
bottom: 20px;
background: #7CC576;
color: #FFF!important;
margin: 12px 9px 0 10px;
padding: 5px 7px 6px 7px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
text-shadow: -1px -1px 1px #439900;}

h2 {margin: 0px;
font-size: 13px;
overflow: hidden;}

a {
color: #94A3AD;
text-decoration: underline;
}

a:hover {
color: #25acc5;
}

.nonik {overflow: hidden;
position: relative;}

.soboli {position: absolute;
bottom: 0px;
padding: 10px;
text-align: center;
width: 121px;
margin-left: 7px;
margin-right: 10px;
margin-bottom: 1px;
background: #000;
background-color: rgba(0, 0, 0, 0.4);
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)), to(#000));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#ff000000', GradientType=0);
background-color: rgba(0, 0, 0, 0);
color: #A4B7C9;
display: block;
left: 0;
word-wrap: break-word;
text-shadow: 1px 1px #00122C;
}

.karuselkaaa {position: relative;
padding-bottom: 25px;
padding-top: 25px;
background-color: #000;
padding-left: 5px;
border-bottom: 1px solid #2c3641;
border-top: 1px solid #485765;}

#carousel_prev {
position: absolute;
top: 90px;
left: 11px;
border: 0px solid #404040;
cursor: pointer;
text-indent: -999px;
background: no-repeat url(/templates/kinonix/dleimages/ef7b69a0a8b739b7f57c18399f4122d0.png) -60px -30px;
background-size: auto;
margin-left: 10px;
width: 40px;
height: 40px;
opacity: 0.7;
outline: 0;
-webkit-transition: opacity 1s ease-out;
box-shadow: inset 0 0 0 #FFF,0 0 0px 0px rgba(156, 165, 181, 0.31),0 0px 0px rgba(156, 165, 181, 0.22);
background-color: rgba(0, 0, 0, 0.55);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

#carousel_next {
position: absolute;
top: 90px;
right: 22px;
border: 0px solid #404040;
cursor: pointer;
text-indent: -999px;
background: no-repeat url(/templates/kinonix/dleimages/ef7b69a0a8b739b7f57c18399f4122d0.png) -60px -70px;
background-size: auto;
width: 40px;
height: 40px;
opacity: 0.7;
outline: 0;
-webkit-transition: opacity 1s ease-out;
box-shadow: inset 0 0 0 #FFF,0 0 0px 0px rgba(156, 165, 181, 0.31),0 0px 0px rgba(156, 165, 181, 0.22);
background-color: rgba(0, 0, 0, 0.55);
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

#carousel_prev:hover, #carousel_next:hover {background-color:#000;}

.carousel:hover #carousel_prev, .carousel:hover #carousel_next {
opacity: 1;
}

.carousel_box img {
height: 175px;
width: 123px;
border: solid 1px #344351;
opacity: 0.8;
}

.carousel_indicator {
display: none;
}

#carousel {
margin: 0 auto;
width: 955px;
overflow: hidden;
margin-left: 9px;
}

#carousel .carousel_box {

width: 136px;
color: #fff;
text-align: center;
position: relative;
}

section {
border-bottom: dashed rgba(0, 0, 0, 0.3) 1px;
padding-bottom: 40px;
}
section:last-child {
border: none;
}
section h3 {
border-bottom: dotted rgba(0, 0, 0, 0.7) 1px;
padding: 10px 0;
}
section p {
margin: 0 auto;
width: 600px;
font-size: 16px;
line-height: 1.6;
}
section p + p {
padding-top: 10px;
}
section table {
margin: 30px auto 0;
border: solid #000 1px;
border-bottom: none;
border-left: none;
border-collaplse: seperate;
width: 700px;
font-size: 14px;
line-height: 1.6;
}
section table thead {
background: rgba(37, 37, 37, 0.8);
color: #efefef;
}
section table th, section table td {
border: solid #000 1px;
border-top: none;
border-right: none;
padding: 10px 15px;
text-align: left;
}
section ul {
margin: 0 auto;
padding: 10px 20px;
width: 600px;
font-size: 16px;
}
section ul li {
line-height: 1.6;
}
section ul li a {
color: #000;
}
section ul li a:hover {
text-decoration: none;
}
section .sb {
margin: 0 auto;
padding-top: 30px;
display: block !important;
width: 600px;
}
.carousel .carousel_indicator {
padding-top: 5px;
text-align: center;
}
.carousel .carousel_indicator span {
margin: 0 2px;
border-radius: 5px;
display: inline-block;
width: 10px;
height: 10px;
background: #888;
text-indent: -1000em;
}
.carousel .carousel_indicator span.active {
background: #000;
}
.carousel .btns {
padding-top: 5px;
text-align: center;
}

.rating {position: absolute;
right: 0px;
}

.unit-rating {
list-style: none;
margin: 0;
padding: 0;
width: 171px;
height: 17px;
position: relative;
background: url("/templates/kinonix/dleimages/rating.png") repeat-x;
}

.unit-rating li {
text-indent: -90000px;
padding: 0;
margin: 0;
float: left;
}

.unit-rating li a {
display: block;
width: 17px;
height: 17px;
text-decoration: none;
text-indent: -9000px;
z-index: 17;
position: absolute;
padding: 0;
}

.unit-rating li a:hover {
background: url("/templates/kinonix/dleimages/rating.png") 0 -17px;

z-index: 2;
left: 0;
}

.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 17px; }
.unit-rating a.r2-unit { left: 17px; }
.unit-rating a.r2-unit:hover { width: 34px; }
.unit-rating a.r3-unit { left: 34px; }
.unit-rating a.r3-unit:hover { width: 51px; }
.unit-rating a.r4-unit { left: 51px; }
.unit-rating a.r4-unit:hover { width: 68px; }
.unit-rating a.r5-unit { left: 68px; }
.unit-rating a.r5-unit:hover { width: 85px; }
.unit-rating a.r6-unit { left: 85px; }
.unit-rating a.r6-unit:hover { width: 102px; }
.unit-rating a.r7-unit { left: 102px; }
.unit-rating a.r7-unit:hover { width: 119px; }
.unit-rating a.r8-unit { left: 119px; }
.unit-rating a.r8-unit:hover { width: 136px; }
.unit-rating a.r9-unit { left: 136px; }
.unit-rating a.r9-unit:hover { width: 153px; }
.unit-rating a.r10-unit { left: 153px; }
.unit-rating a.r10-unit:hover { width: 170px; }

.unit-rating li.current-rating {
background: url("/templates/kinonix/dleimages/rating.png") 0 -34px;
position: absolute;
height: 17px;
display: block;
text-indent: -9000px;
z-index: 1;
}

.skrinshotiki img:hover {opacity:0.7; cursor:pointer !important;}

.skrinshotiki img {width: 202px;
height: 120px;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
cursor: pointer;
margin-right: 13px;
border: 1px solid #1F2630;
margin-bottom: 15px;}

.ninza {position: absolute;
right: 20px;
top: 0px;
opacity: 0.5;}

.ninza:hover {opacity: 1;}

h1 {font-size: 15px;
padding-bottom: 15px;
text-shadow: 1px 1px #000;
padding-top: 15px;
}

.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 input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget {
font-size: 11px;
font-family: Verdana;
}

.ui-widget-content {border: 1px solid #303941;
color: #222;
}

.ui-widget-header {
font-weight: bold;background-color: #161A1D;
background-color: #1A1E22;
color: #FFF;
}

.ui-widget-header a {
color: #fff;
}

.ui-state-default, .ui-widget-content .ui-state-default {
background: #FFF;
border: 1px solid #cfcfcf;
color: #868686;
font-weight: bold;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #2e6e9e;
text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
background: #eaeaea url(../images/ui-bg_glass_75.png) 50% 50% repeat-x;
border: 1px solid #a7a7a7;
color: #4e4e4e;
font-weight: bold;
}

.ui-state-hover a, .ui-state-hover a:hover {
color: #1d5987;
text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active {
background: #d0e5f5 50% 50% repeat-x;
border: 1px solid #a7a7a7;
color: #e17009;
font-weight: bold;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #e17009;
text-decoration: none;
}

.ui-state-error {
background: #fef1ec 50% 50% repeat-x;
border: 1px solid #dedede;
color: #cd0a0a;
}

.ui-widget-header .ui-icon {
background-image: url(../images/ui-icons.png);opacity: 0.6;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(../images/ui-icons_h.png);
}

.ui-icon-close {
background-position: -80px -128px;
}

.ui-icon-closethick {
background-position: -96px -128px;
}

.ui-button .ui-button-text {
display: block;
line-height: 1.4em;
}

.ui-button-text-only .ui-button-text {

}

input.ui-button {
padding: .4em 1em;
}

.ui-button-set {
margin-right: 7px;
}

.ui-button-set .ui-button {
margin-left: 0;
margin-right: -.3em;
}

button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}

.ui-dialog {
overflow: hidden;
position: absolute;
width: 300px;
-moz-box-shadow: 0px 12px 25px rgba(0,0,0,0.7);
-webkit-box-shadow: 0px 12px 25px rgba(0,0,0,0.7);
box-shadow: 0px 12px 25px rgba(0,0,0,0.7);background-color: #222B33;
}

.ui-dialog .ui-dialog-titlebar {
padding: 6px 12px 6px 12px;
position: relative;
border-bottom: 1px solid #2F393D;
}

.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 16px .2em 0;color: #A1ACB4;
}

.ui-dialog .ui-dialog-titlebar-close {
height: 18px;
margin: -10px 0 0 0;
padding: 1px;
position: absolute;
right: .3em;
top: 50%;
width: 19px;margin-right: 5px;
}

.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 0px;
}

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}

.ui-dialog .ui-dialog-content {
background: none;
border: 0;
overflow: hidden;
padding: .80em 1em;
position: relative;
zoom: 1;
color: #A1ACB4;
}

.ui-dialog .ui-dialog-buttonpane {
background-image: none;
border-width: 0px 0 0 0;
text-align: left;
padding: 0px 10px 10px 0;
}

.ui-dialog .ui-dialog-buttonpane button {
cursor: pointer;
float: right;
overflow: visible;
background: #2c3641;
border: 1px solid #3B4A57;
margin-left:10px;
}

.ui-dialog .ui-resizable-se {
bottom: 3px;
height: 14px;
right: 3px;
width: 14px;
}

.ui-draggable .ui-dialog-titlebar {
cursor: move;
}

.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;
}

.bb-pane {position: absolute;
bottom: 0px;
right: 0px;
z-index: 999;}
.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"); display:none; }
.bb-btn { cursor: pointer; width: 23px; background-color: #2c3641;
border: 1px solid #3B4A57;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;margin-left: 5px;}

#b_font { width: 118px;}
#b_size { width: 65px;}
#b_font select { padding: 0px;}
#b_size select { padding: 0px;}
#b_b { background: url("../bbcodes/b_b.png") no-repeat #2c3641;background-position: 3px 3px;}
#b_i { background-image: url("../bbcodes/i.gif"); display:none;}
#b_u { background-image: url("../bbcodes/u.gif"); display:none;}
#b_s { background-image: url("../bbcodes/s.gif"); display:none;}
#b_img { background-image: url("../bbcodes/image.gif"); display:none;}
#b_up { background-image: url("../bbcodes/upload.gif"); display:none;}
#b_emo { background: url("../bbcodes/b_emo.png") no-repeat #2c3641; background-position: 3px 3px;}
#b_url { background-image: url("../bbcodes/link.gif"); display:none;}
#b_leech { background-image: url("../bbcodes/leech.gif"); display:none;}
#b_mail { background-image: url("../bbcodes/email.gif"); display:none;}
#b_video { background-image: url("../bbcodes/mp.gif"); display:none;}
#b_audio { background-image: url("../bbcodes/mp3.gif"); display:none;}
#b_hide { background-image: url("../bbcodes/hide.gif"); display:none;}
#b_quote { background-image: url("../bbcodes/quote.gif"); display:none;}
#b_code { background-image: url("../bbcodes/code.gif"); display:none;}
#b_left { background-image: url("../bbcodes/l.gif"); display:none;}
#b_center { background-image: url("../bbcodes/c.gif"); display:none;}
#b_right { background-image: url("../bbcodes/r.gif"); display:none;}
#b_color { background-image: url("../bbcodes/color.gif"); display:none;}
#b_spoiler { background-image: url("../bbcodes/spoiler.gif"); display:none;}
#b_fla { background-image: url("../bbcodes/flash.gif"); display:none;}
#b_yt { background-image: url("../bbcodes/youtube.gif"); display:none;}
#b_tf { background-image: url("../bbcodes/typograf.gif"); display:none;}
#b_list { background-image: url("../bbcodes/list.gif"); display:none;}
#b_ol { background-image: url("../bbcodes/ol.gif"); display:none;}
#b_tnl { background-image: url("../bbcodes/translit.gif"); display:none;}
#b_br { background-image: url("../bbcodes/pbreak.gif"); display:none;}
#b_pl { background-image: url("../bbcodes/page.gif"); display:none;}

#b_b:hover, #b_emo:hover {border: 1px solid #3D6E86;color: #77A6D3;}

textarea {border: 1px solid #303941;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5px;
padding-left: 5px;
width: 100%;
height: 100px;
color: #B3B3B3;
transition-duration: .3s;
font-size: 12px;
font-family: verdana, sans-serif;
color: #A1ACB4;
background-color: #222930;border: 1px solid #303941;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}

.com {float: right;
line-height: 1.2;
opacity: 0.3;}

.balalay {padding-bottom: 8px;
padding-top: 5px;}

.balza {
padding-top: 10px;
padding-bottom: 5px;
}

.pista img {
width: 40px;
height: 40px;
float: left;
margin: 10px 15px 6px 0px;opacity: 0.7;}

.bottons, .bbcodes, .pmmmmm a {margin-bottom: 20px;
font-weight: bold;
background-color: #353D44;
padding: 5px 7px 6px 7px;
border-radius: 7px;
text-decoration: none;
color: #A1ACB4; cursor:pointer;}

.bottons:hover, .bbcodes:hover, .pmmmmm a:hover{
color: #FFF;
}

.bottons:active, .bbcodes:active, .pmmmmm a:active {
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.24);
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.24);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.24);
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
outline: 0;border: 1px solid #125E84;
}

.nav__item a:hover {
text-decoration: underline;
color: #fff;
}

::-webkit-input-placeholder {color: #6B7A94;}
:-moz-placeholder {color: #6B7A94;}
input[type=number] {color: #6B7A94;}

:focus::-webkit-input-placeholder {color: #6B7A94;}
:-moz-placeholder:focus {color: #6B7A94;}
:-ms-input-placeholder:focus {color: #6B7A94;}

.wrapper-dropdown-1:focus .dropdown {
opacity: 1;
pointer-events: auto;
}

.wrapper-dropdown-1:focus:after {
border-color: #9bc7de transparent;
border-width: 6px 6px 0 6px ;
margin-top: -3px;
}

.wrapper-dropdown-2:focus .dropdown {
opacity: 1;
pointer-events: auto;
}

.wrapper-dropdown-2:focus:after {
border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-3:focus .dropdown {
opacity: 1;
pointer-events: auto;
}

.wrapper-dropdown-4:focus .dropdown {
opacity: 1;
pointer-events: auto;
}

.wrapper-dropdown-4:focus:after {
border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-5:focus {
border-radius: 5px 5px 0 0;
background: #4cbeff;
box-shadow: none;
border-bottom: none;
color: white;
}

.wrapper-dropdown-5:focus:after {
border-color: #82d1ff transparent;
}

.wrapper-dropdown-5:focus .dropdown {
border-bottom: 1px solid rgba(0,0,0,0.2);

}

.wrapper-demo {
margin: 60px 0 0 0;
*zoom: 1;
font-weight: 400;
}

.wrapper-demo:after {
clear: both;
content: "";
display: table;
}

.wrapper-dropdown-1 {
/* Size and position */
position: relative; /* Enable absolute positionning for children and pseudo elements */
width: 200px;
padding: 10px;
margin: 0 auto;

/* Styles */
background: #9bc7de;
color: #fff;
outline: none;
cursor: pointer;

/* Font settings */
font-weight: bold;
}

.wrapper-dropdown-1:after {
content: "";
width: 0;
height: 0;
position: absolute;
right: 16px;
top: 50%;
margin-top: -6px;
border-width: 6px 0 6px 6px;
border-style: solid;
border-color: transparent #fff;
}

.wrapper-dropdown-1 .dropdown {
/* Size & position */
position: absolute;
top: 100%;
left: 0;
right: 0;

/* Styles */
background: #fff;
list-style: none;
font-weight: normal; /* Cancels previous font-weight: bold; */

/* Hiding */
opacity: 0;
pointer-events: none;
}

.wrapper-dropdown-1 .dropdown li a {
display: block;
text-decoration: none;
color: #9e9e9e;
padding: 10px 20px;
}

/* Hover state */
.wrapper-dropdown-1 .dropdown li:hover a {
background: #f3f8f8;
}

/* Active state */
.wrapper-dropdown-1.active .dropdown {
opacity: 1;
pointer-events: auto;
}

.wrapper-dropdown-1.active:after {
border-color: #9bc7de transparent;
border-width: 6px 6px 0 6px ;
margin-top: -3px;
}

.wrapper-dropdown-1.active {
background: #9bc7de;
background: -moz-linear-gradient(left, #9bc7de 0%, #9bc7de 78%, #ffffff 78%, #ffffff 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9bc7de), color-stop(78%,#9bc7de), color-stop(78%,#ffffff), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(left, #9bc7de 0%,#9bc7de 78%,#ffffff 78%,#ffffff 100%);
background: -o-linear-gradient(left, #9bc7de 0%,#9bc7de 78%,#ffffff 78%,#ffffff 100%);
background: -ms-linear-gradient(left, #9bc7de 0%,#9bc7de 78%,#ffffff 78%,#ffffff 100%);
background: linear-gradient(to right, #9bc7de 0%,#9bc7de 78%,#ffffff 78%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bc7de', endColorstr='#ffffff',GradientType=1 );
}

/* No CSS3 support */

.no-opacity .wrapper-dropdown-1 .dropdown,
.no-pointerevents .wrapper-dropdown-1 .dropdown {
display: none;
opacity: 1; /* If opacity support but no pointer-events support */
pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown-1.active .dropdown,
.no-pointerevents .wrapper-dropdown-1.active .dropdown {
display: block;
}

/* DEMO 2 */

.wrapper-dropdown-2 {
/* Size and position */
position: relative; /* Enable absolute positionning for children and pseudo elements */
width: 200px;
margin: 0 auto;
padding: 10px 15px;

/* Styles */
background: #fff;
border-left: 5px solid grey;
cursor: pointer;
outline: none;
}

.wrapper-dropdown-2:after {
content: "";
width: 0;
height: 0;
position: absolute;
right: 16px;
top: 50%;
margin-top: -3px;
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: grey transparent;
}

.wrapper-dropdown-2 .dropdown {
/* Size & position */
position: absolute;
top: 100%;
left: -5px;
right: 0px;

/* Styles */
background: white;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
list-style: none;

/* Hiding */
opacity: 0;
pointer-events: none;
}

.wrapper-dropdown-2 .dropdown li a {
display: block;
text-decoration: none;
color: #333;
border-left: 5px solid;
padding: 10px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.wrapper-dropdown-2 .dropdown li:nth-child(1) a {
border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(2) a {
border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(3) a {
border-left-color: #3B5998;
}

.wrapper-dropdown-2 .dropdown li i {
margin-right: 5px;
color: inherit;
vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-2 .dropdown li:hover a {
color: grey;
}

/* Active state */

.wrapper-dropdown-2.active:after {
border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-2.active .dropdown {
opacity: 1;
pointer-events: auto;
}

/* No CSS3 support */

.no-opacity .wrapper-dropdown-2 .dropdown,
.no-pointerevents .wrapper-dropdown-2 .dropdown {
display: none;
opacity: 1; /* If opacity support but no pointer-events support */
pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown-2.active .dropdown,
.no-pointerevents .wrapper-dropdown-2.active .dropdown {
display: block;
}

/* DEMO 3 */

.wrapper-dropdown-3 {
/* Size and position */
position: relative;
width: 200px;
margin: 0 auto;
padding: 10px;

/* Styles */
background: #fff;
border-radius: 7px;
border: 1px solid rgba(0,0,0,0.15);
box-shadow: 0 1px 1px rgba(50,50,50,0.1);
cursor: pointer;
outline: none;

/* Font settings */
font-weight: bold;
color: #8AA8BD;
}

.wrapper-dropdown-3:after {
content: "";
width: 0;
height: 0;
position: absolute;
right: 15px;
top: 50%;
margin-top: -3px;
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: #8aa8bd transparent;
}

.wrapper-dropdown-3 .dropdown {
/* Size & position */
position: absolute;
top: 140%;
left: 0;
right: 0;

/* Styles */
background: white;
border-radius: inherit;
border: 1px solid rgba(0,0,0,0.17);
box-shadow: 0 0 5px rgba(0,0,0,0.1);
font-weight: normal;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-ms-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
list-style: none;

/* Hiding */
opacity: 0;
pointer-events: none;
}

.wrapper-dropdown-3 .dropdown:after {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
right: 15px;
border-width: 0 6px 6px 6px;
border-style: solid;
border-color: #fff transparent;
}

.wrapper-dropdown-3 .dropdown:before {
content: "";
width: 0;
height: 0;
position: absolute;
bottom: 100%;
right: 13px;
border-width: 0 8px 8px 8px;
border-style: solid;
border-color: rgba(0,0,0,0.1) transparent;
}

.wrapper-dropdown-3 .dropdown li a {
display: block;
padding: 10px;
text-decoration: none;
color: #8aa8bd;
border-bottom: 1px solid #e6e8ea;
box-shadow: inset 0 1px 0 rgba(255,255,255,1);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.wrapper-dropdown-3 .dropdown li i {
float: right;
color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
border-radius: 7px 7px 0 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
border: none;
border-radius: 0 0 7px 7px;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
background: #f3f8f8;
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {
opacity: 1;
pointer-events: auto;
}

/* No CSS3 support */

.no-opacity .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
display: none;
opacity: 1; /* If opacity support but no pointer-events support */
pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
display: block;
}

/* DEMO 4 */

.wrapper-dropdown-4 {
/* Size and position */
position: relative;
width: 270px;
margin: 0 auto;
padding: 10px 10px 10px 30px;

/* Styles */
background: #fff;
border: 1px solid silver;
cursor: pointer;
outline: none;
}

.wrapper-dropdown-4:after {
content: "";
width: 0;
height: 0;
position: absolute;
right: 10px;
top: 50%;
margin-top: -3px;
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: #ffaa9f transparent;
}

.wrapper-dropdown-4 .dropdown {
/* Size & position */
position: absolute;
top: 100%;
margin-top: 1px;
left: -1px;
right: -1px;

/* Styles */
background: white;
border: inherit;
border-top: none;
list-style: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;

/* Hiding */
opacity: 0;
pointer-events: none;
}

/* Red lines: the pseudo-elements way */
.wrapper-dropdown-4 .dropdown:before,
.wrapper-dropdown-4:before {
content: "";
width: 4px;
height: 100%;
position: absolute;
top: 0;
left: 15px;
border: 1px solid #ffaa9f;
border-top: none;
border-bottom: none;
z-index: 2;
}

/* Red lines: the gradients way */

/*
.wrapper-dropdown-4 .dropdown,
.wrapper-dropdown-4 {
background: linear-gradient(left, white 5%, #ffaa9f 5%, #ffaa9f 5.3%, white 5.3%, white 6.5%, #ffaa9f 6.5%, #ffaa9f 6.8%, white 6.8%);
}

.wrapper-dropdown-4 .dropdown li:hover label {
background: linear-gradient(left, #f0F0F0 5%, #ffaa9f 5%, #ffaa9f 5.3%, #f0F0F0 5.3%, #f0F0F0 6.5%, #ffaa9f 6.5%, #ffaa9f 6.8%, #f0F0F0 6.8%);
}
*/

.wrapper-dropdown-4 .dropdown li {
position: relative; /* Enable absolute positioning for checkboxes */
}

.wrapper-dropdown-4 .dropdown li label {
display: block;
padding: 10px 10px 10px 30px; /* Same padding as the button */
border-bottom: 1px dotted #1ccfcf;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;

transition: all 0.3s ease-out;
}

.wrapper-dropdown-4 .dropdown li:last-of-type label {
border: none;
}

.wrapper-dropdown-4 .dropdown li input /* Checkboxes */ {
position: absolute;
display: block;
right: 10px;
top: 50%;
margin-top: -8px;
}

/* Hover state */

.wrapper-dropdown-4 .dropdown li:hover label {
background: #f0f0f0;
}

/* Checked state */

.wrapper-dropdown-4 .dropdown li input:checked ~ label {
color: green;
}

/* Active state */

.wrapper-dropdown-4.active:after {
border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-4.active .dropdown {
opacity: 1;
pointer-events: auto;
}

/* No CSS3 support */

.no-opacity wrapper-dropdown-4 .dropdown,
.no-pointerevents .wrapper-dropdown-4 .dropdown {
display: none;
opacity: 1; /* If opacity support but no pointer-events support */
pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown-4.active .dropdown,
.no-pointerevents .wrapper-dropdown-4.active .dropdown {
display: block;
}

/* DEMO 5 */

.wrapper-dropdown-5 {
position: relative;
width: 200px;
margin: 0 auto;
padding: 8px 12px;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
cursor: pointer;
outline: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
border: 1px solid #273039;color: #5B7586;
margin-top: 20px;height: 32px;
}

.wrapper-dropdown-5:hover {border: 1px solid #354453;}

.wrapper-dropdown-5:after { /* Little arrow */
content: "";
width: 0;
height: 0;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
border-width: 6px 6px 0 6px;
border-style: solid;
border-color: #435A68 rgba(0, 0, 0, 0);
}

.wrapper-dropdown-5 .dropdown {
/* Size & position */
position: absolute;
top: 100%;
left: 0;
right: 0;

/* Styles */
background: #fff;
border-radius: 0 0 5px 5px;
border: 1px solid rgba(0,0,0,0.2);
border-top: none;
border-bottom: none;
list-style: none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;

/* Hiding */
max-height: 0;
overflow: hidden;
}

.wrapper-dropdown-5 .dropdown li {
padding: 0 10px ;
}

.wrapper-dropdown-5 .dropdown li a {
display: block;
text-decoration: none;
color: #333;
transition: all 0.3s ease-out;
border-bottom: 1px solid #e6e8ea;
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
border: none;
}

.wrapper-dropdown-5 .dropdown li i {
margin-right: 5px;
color: inherit;
vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-5 .dropdown li:hover a {
color: #57a9d9;
}

/* Active state */

.wrapper-dropdown-5.active {
border-radius: 5px 5px 0 0;
background: #4cbeff;
box-shadow: none;
border-bottom: none;
color: white;
}

.wrapper-dropdown-5.active:after {
border-color: #82d1ff transparent;
}

.wrapper-dropdown-5.active .dropdown {
border-bottom: 1px solid rgba(0,0,0,0.2);
max-height: 2200px;z-index: 999;
}

/* No CSS3 support: none */

.logg {padding-left: 50px;
padding-top: 30px; opacity:0.8;}

.logg:hover {opacity:1;}

.rrrr .carousel_box img {height: 146px;
width: 95px; margin-bottom: 10px;}

.nav {
margin-left: 0;
list-style: none;
}

.nav > li > a {
display: block;
border-bottom: 0px;
}

.nav > li > a:hover,
.nav > li > a:focus { text-decoration: none;
color:#FFFFFF;
background-color: #3B4C5C;
}

.nav > li > a > img {
max-width: none;
}

.nav > .pull-right {
float: right;
}

.nav-header {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 20px;
color: #999999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

}

.nav li + .nav-header {
margin-top: 9px;
}

.nav-list {
padding-right: 15px;
padding-left: 15px;
margin-bottom: 0;
}

.nav-list > li > a,
.nav-list .nav-header {
margin-right: -15px;
margin-left: -15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.nav-list > li > a {
padding: 3px 15px;
}

.nav-list > .active > a,
.nav-list > .active > a:hover,
.nav-list > .active > a:focus {
color: #ffffff;
z-index: 2;
border: 0;
text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1), inset -1px 0 0 rgba(0, 0, 0, .1);
background: #B24926;
background: -moz-linear-gradient(45deg, #B24926 0%, #FAA523 100%);
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#B24926), color-stop(100%,#FAA523));
background: -webkit-linear-gradient(45deg, #B24926 0%,#FAA523 100%);
background: -o-linear-gradient(45deg, #B24926 0%,#FAA523 100%);
background: -ms-linear-gradient(45deg, #B24926 0%,#FAA523 100%);
background: linear-gradient(45deg, #B24926 0%,#FAA523 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B24926', endColorstr='#FAA523',GradientType=1 );

}

.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
margin-right: 2px;
}

.nav-list .divider {
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
}

.nav-tabs,
.nav-pills {
*zoom: 1;
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
display: table;
line-height: 0;
content: "";
}

.nav-tabs:after,
.nav-pills:after {
clear: both;
}

.nav-tabs > li,
.nav-pills > li {
float: left;
}

.nav-tabs > li > a,
.nav-pills > li > a {
padding-right: 12px;
padding-left: 12px;
line-height: 14px;border-top-left-radius: 8px;
border-top-right-radius: 8px;font-weight: bold;
}

.nav-tabs {

}

.nav-tabs > li {
margin-bottom: -1px;
}

.nav-tabs > li > a {
padding-top: 10px;
padding-bottom: 13px;
background-color: #222B33;
text-decoration: none;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
border-color: #eeeeee #eeeeee #dddddd;color: #94A3AD;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
color: #B8B8B8;
cursor: default;
background-color: #1F3549;

}

.nav-pills > li > a {
padding-top: 8px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
color: #ffffff;
background-color: #0088cc;
}

.nav-stacked > li {
float: none;
}

.nav-stacked > li > a {
margin-right: 0;
}

.nav-tabs.nav-stacked {
border-bottom: 0;
}

.nav-tabs.nav-stacked > li > a {
border: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
-webkit-border-top-right-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
}

.nav-tabs.nav-stacked > li:last-child > a {
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
}

.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
z-index: 2;
border-color: #ddd;
}

.nav-pills.nav-stacked > li > a {
margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
}

.nav-pills .dropdown-menu {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.nav .dropdown-toggle .caret {
margin-top: 6px;
border-top-color: #0088cc;
border-bottom-color: #0088cc;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
border-top-color: #005580;
border-bottom-color: #005580;
}

/* move down carets for tabs */

.nav-tabs .dropdown-toggle .caret {
margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
border-top-color: #fff;
border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
border-bottom-color: #555555;
margin-left: 6px;
margin-top: 10px;
}

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
color: #ffffff;
background-color: #999999;
border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
opacity: 1;
filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
border-color: #999999;
}

.tabbable {
*zoom: 1;
}

.tabbable:before,
.tabbable:after {
display: table;
line-height: 0;
content: "";
}

.tabbable:after {
clear: both;
}

.tab-content {

}

.tab-content iframe, object {
overflow: auto;
width: 640px;
height:400px;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}

.tab-content > .active,
.pill-content > .active {
display: block;
padding-bottom: 2px;
}

.tabs-below > .nav-tabs {
border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
border-top-color: #ddd;
border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;

}

.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: #ffffff;
}

.nav > .disabled > a {
color: #999999;
}

.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
text-decoration: none;
cursor: default;
background-color: transparent;
}

.navbar {
*position: relative;
*z-index: 2;
margin-bottom: 20px;
overflow: visible;
}

.highslide-wrapper, .highslide-outline {
background: #FFFFFF;
}

.highslide-image {
border: 2px solid #FFFFFF;
}

.highslide-active-anchor {
visibility: hidden;
}

.highslide-active-anchor img {
visibility: hidden;
}

Re: Верстка шаблона

null@example.com (xxEmagExx) — Wed, 22 Apr 2015 05:00:57 +0000

Как можно сделать что то вроде блока (кнопки)
текст main.tpl

Сериалы:

отображается просто текстом, а хотелось бы чтобы это был выделенный блок

И обернуть

Комедия

Re: Верстка шаблона

null@example.com (svetlana) — Sun, 19 Apr 2015 14:43:35 +0000

в поиске не ставьте ничего, кроме сортировки по заголовкам, тогда выведет все по алфавиту т.е. никаких А писать не нужно.

Re: Верстка шаблона

null@example.com (xxEmagExx) — Sun, 19 Apr 2015 07:54:19 +0000

Через перестройку публикаций не помогает уже пробовал, и самое обидное что не сортируется по списку... тоесть ставлю в поиске "А" выводит все подряд.. видимо придется руками править:(

Re: Верстка шаблона

null@example.com (svetlana) — Sun, 19 Apr 2015 07:01:44 +0000

Можно попробовать включить автоматическую генерацию символов в админке, а затем перестройку всех новостей провести, но по моему эта шайтан штука не генерирует символы при перестройке, я просто ей не пользовалась

Если так не выйдет, то или БД ковырять или скрипт писать или просто править перестройку, чтобы она генерировала символы ну или ручками, просто отсортировать новости по списку выделяете все на "A" и через массовые действия выбираете Изменить символьный код и проставляете так для каждой буквы, в принципе за пол часа управитесь

Re: Верстка шаблона

null@example.com (xxEmagExx) — Sun, 19 Apr 2015 04:22:22 +0000

Подскажите как можно присвоить символьный код для уже опубликованных новостей чтобы не редактировать каждую новость вручную, а сделать это автоматически для всех новостей?

Re: Верстка шаблона

null@example.com (svetlana) — Wed, 15 Apr 2015 16:11:07 +0000

Достаточно это дописать после нужного элемента и за ним не будет ничего выстраиваться в одну строку.
В данном случае прописать можно было за тегом {full-story}

Re: Верстка шаблона

null@example.com (xxEmagExx) — Wed, 15 Apr 2015 06:03:03 +0000

Вроде разобрался! Большое спасибо!!! Но возник еще один вопрос: как выравнить "кадры из фильма" скрины во воложени
текст CSS

+ открыть спойлер

#almanahkadri{
width:730px;
max-height:200px;

}

#almanahkadri img {
width:32%;
height:190px;
overflow:hidden;
float:left;

border: 2px solid #A9A9A9;

}

fullstory.tpl

+ открыть спойлер

{title}

{link-category}

{full-story}

[xfgiven_screens] Кадры из фильма:

[xfvalue_screens][/xfgiven_screens]

Выключить свет
[complaint][/complaint]

{title} в отличном качестве

[xfgiven_kinopod]
[/xfgiven_kinopod]
[xfgiven_vk]
[/xfgiven_vk]
[xfgiven_serial][/xfgiven_serial]

[related-news]

Смотреть похожие фильмы:

{related-news}

[/related-news]

Смотрели {views}
Комментарии {comments-num} {favorites}

Необходимо чтобы "кадры из фильма" были ниже постера (зафиксированы и не смещались вверх если описание короткое)

Добавлено: 15.04.2015 13:03

Вроде понял как:)

сделал в main.tpl

[xfgiven_screens] Кадры из фильма:

[xfvalue_screens][/xfgiven_screens]

Re: Верстка шаблона

null@example.com (svetlana) — Thu, 02 Apr 2015 22:50:21 +0000

да.

Re: Верстка шаблона

null@example.com (xxEmagExx) — Thu, 02 Apr 2015 22:18:21 +0000

да категории прикручены к fullstoryser.tpl, получается необходимо просто убрать привязку к шаблону и по умолчанию будет запрашивать fullstory?

Re: Верстка шаблона

null@example.com (svetlana) — Thu, 02 Apr 2015 17:25:04 +0000

В админке - Настройки скрипта - Категории, (/admin.php?mod=categories) и там посмотреть в каждой
fullstoryser.tpl может где и в шаблоне прикручен.

в БД можно сразу глянуть в dle_category столбец full_tpl

Re: Верстка шаблона

null@example.com (xxEmagExx) — Thu, 02 Apr 2015 17:03:02 +0000

а где можно посмотреть настройки категорий?

Re: Верстка шаблона

null@example.com (svetlana) — Thu, 02 Apr 2015 16:46:46 +0000

Скорее всего fullstoryser.tpl прописан в настройках категорий, как основной шаблон для полной новости.

После установки 6, сделайте "Перестроение кеша похожих новостей" в админке, почистите кеш и посмотрите результат в разных новостях, если везде 5, то возможно что-то менялось в коде.

Re: Верстка шаблона

null@example.com (xxEmagExx) — Thu, 02 Apr 2015 16:32:35 +0000

"А по поводу 6, так в настройках двига может тоже 5 стоит." пробовал различные парамтры ничего не меняется
"код на сайте отличается от того что прикрепили тут
Нужно найти

тут текст, который сбоку"
Шаблон не запускался без fullstoryser.tpl (установлен на основном сайте) поясните если возможно как его отвязать от бд(я так понимаю что на него ссылается бд поэтому без него не работает). Попробую поменять в нем настройки изначально не учел что в нем может быть проблема...

Re: Верстка шаблона

null@example.com (svetlana) — Thu, 02 Apr 2015 16:10:47 +0000

код на сайте отличается от того что прикрепили тут
Нужно найти

тут текст, который сбоку

и перед ним вписать

А по поводу 6, так в настройках двига может тоже 5 стоит.