Re: Верстка шаблона
<div style="clear:both"></div>Достаточно это дописать после нужного элемента и за ним не будет ничего выстраиваться в одну строку.
В данном случае прописать можно было за тегом {full-story}
- svetlana
- Чув-а-а-а-к!!!
- xxEmagExx
- Бывалый!
Re: Верстка шаблона
Подскажите как можно присвоить символьный код для уже опубликованных новостей чтобы не редактировать каждую новость вручную, а сделать это автоматически для всех новостей?
- svetlana
- Чув-а-а-а-к!!!
Re: Верстка шаблона
Можно попробовать включить автоматическую генерацию символов в админке, а затем перестройку всех новостей провести, но по моему эта шайтан штука не генерирует символы при перестройке, я просто ей не пользовалась 
Если так не выйдет, то или БД ковырять или скрипт писать или просто править перестройку, чтобы она генерировала символы ну или ручками, просто отсортировать новости по списку выделяете все на "A" и через массовые действия выбираете Изменить символьный код и проставляете так для каждой буквы, в принципе за пол часа управитесь
- xxEmagExx
- Бывалый!
Re: Верстка шаблона
Через перестройку публикаций не помогает уже пробовал, и самое обидное что не сортируется по списку... тоесть ставлю в поиске "А" выводит все подряд.. видимо придется руками править:(
- svetlana
- Чув-а-а-а-к!!!
Re: Верстка шаблона
в поиске не ставьте ничего, кроме сортировки по заголовкам, тогда выведет все по алфавиту т.е. никаких А писать не нужно.
26 22.04.2015 09:00 (22.04.2015 09:03 отредактировано xxEmagExx)
- xxEmagExx
- Бывалый!
Re: Верстка шаблона
Как можно сделать что то вроде блока (кнопки)
текст main.tpl
<ul class="well nav nav-list top" style="margin-bottom:10px;"><a class="close" data-dismiss="alert" href="#">×</a><li class="nav-header"><i class="icon-fire"></i> Сериалы:</li>
отображается просто текстом, а хотелось бы чтобы это был выделенный блок
И обернуть <li><a href="/comedy/"title="Комедии"><i class="icon-film"></i>Комедия</a></li> в кнопку в виде блока а не просто текстом
27 13.01.2016 14:46 (13.01.2016 14:45 отредактировано xxEmagExx)
- xxEmagExx
- Бывалый!
Re: Верстка шаблона
Подскажите как можно сделать ниже шапку
Вот код
+ открыть спойлер
<!doctype html>
<html lang="ru-RU">
<head>
{headers}
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0,width=device-width" />
<link rel="shortcut icon" href="{theme}/dleimages/favicon.ico" />
<link media="screen" href="{theme}/style/styles.css" type="text/css" rel="stylesheet" />
[aviable=main]<meta property="og:image" content="{theme}/dleimages/loggo.png" />[/aviable]
<script src="{theme}/flickerplate/js/min/flickerplate.min.js" type="text/javascript"></script>
<script src="{theme}/style/jqModal.js"></script>
<script src="{theme}/style/bxslider.js"></script>
<script src="{theme}/style/bootstrap.js"></script>
<link href="{theme}/flickerplate/css/flickerplate.css" type="text/css" rel="stylesheet">
<script src="{theme}/flickerplate/js/min/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
<script src="{theme}/flickerplate/js/min/hammer-v2.0.3.min.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
$(function() {
$.fn.scrollToTop = function() {
$(this).hide().removeAttr("href");
if ($(window).scrollTop() >= "1250") $(this).fadeIn("slow")
var scrollDiv = $(this);
$(window).scroll(function() {
if ($(window).scrollTop() <= "1250") $(scrollDiv).fadeOut("slow")
else $(scrollDiv).fadeIn("slow")
});
$(this).click(function() {
$("html, body").animate({scrollTop: 0}, "slow")
})
}
});
$(function() {
$("#Go_Top").scrollToTop();
});
</script>
<script>
(function($) {
$(function() {
$('ul.tabs').on('click', 'li:not(.current)', function() {
$(this).addClass('current').siblings().removeClass('current')
.parents('div.section').find('div.box').eq($(this).index()).fadeIn(150).siblings('div.box').hide();
})
})
})(jQuery)
</script>
</head>
<body>
{AJAX}
<div class="rodos">
<div class="diksa">
<div class="wrapperrr">
<div class="lokko">
<span class="bababa">
<div class="logo">
<a href="/" title="logo">
<img src="{theme}/dleimages/loggo.png" alt="KONG-KINO смотреть фильмы онлайн в хорошем качестве" title=" смотреть фильмы онлайн в хорошем качестве" class="loho">
</a>
</div>
</span>
<span class="menuuuu kikik">
<ul>
<li><a href="/novinki/" class="whitee ">Новинки</a></li>
<li><a href="/filmy/" class="whitee ">Фильмы</a></li>
<li><a href="/serialy/" class="whitee ">Сериалы</a></li>
<li><a href="/multfilmy/" class="whitee " style="border: 0px;">Мультфильмы</a></li>
</ul>
</span>
<div class="poisk_div souss">
<form action="" name="searchform" method="post">
<div class="input-append">
<input type="hidden" name="do" value="search">
<input type="hidden" name="subaction" value="search">
<input class="inputpoiska qwaqwa" type="text" id="story" name="story" data-provide="typeahead" data-items="4" placeholder="Поиск" autocomplete="off">
<button class="searchokkkk" type="image"></button>
</div>
</form>
</div>
<span class="logggg">
<div class="container">
{login}
</div><!--container-->
<script>
(function($){$.fn.extend({leanModal:function(options){var defaults={top:100,overlay:0.5,closeButton:null};var overlay=$("<div id='lean_overlay'></div>");$("body").append(overlay);options=$.extend(defaults,options);return this.each(function(){var o=options;$(this).click(function(e){var modal_id=$(this).attr("href");$("#lean_overlay").click(function(){close_modal(modal_id)});$(o.closeButton).click(function(){close_modal(modal_id)});var modal_height=$(modal_id).outerHeight();var modal_width=$(modal_id).outerWidth();
$("#lean_overlay").css({"display":"block",opacity:0});$("#lean_overlay").fadeTo(200,o.overlay);$(modal_id).css({"display":"block","position":"fixed","opacity":0,"z-index":11000,"left":50+"%","margin-left":-(modal_width/2)+"px","top":o.top+"px"});$(modal_id).fadeTo(200,1);e.preventDefault()})});function close_modal(modal_id){$("#lean_overlay").fadeOut(200);$(modal_id).css({"display":"none"})}}})})(jQuery);
</script>
<script type="text/javascript">
$("#modal_trigger").leanModal({top : 200, overlay : 0.6, closeButton: ".modal_close" });
</script>
</span><!--logggg-->
</div><!--lokko-->
</div><!--wrapperrr-->
</div><!--diksa-->
<div class="karuselkaaa">
<div class="carousel">
<div id="carousel" class="carousel_inner" style="overflow: hidden; position: relative;">
{custom category="1" template="slider" order="date" limit="21"}
</div>
<div class="carousel_indicator">
<span class="active"></span>
<span class=""></span>
<span class=""></span>
<span class=""></span>
</div>
<input type="button" id="carousel_prev" value="prev">
<input type="button" id="carousel_next" value="next">
</div><!--carousel-->
<script>
(function() {
var $carousel = $('#carousel').carousel({
group: 7,
indicator: true
});
$('#carousel_prev').on('click', function(ev) {
ev.preventDefault();
$carousel.carousel('prev');
});
$('#carousel_next').on('click', function(ev) {
ev.preventDefault();
$carousel.carousel('next');
});
}());
</script>
</div><!--karuselkaaa-->
<div class="ffof">
<div>
<div style="float: right; width: 660px;">
<div class="nonik">
[aviable=cat|main]{include file="engine/modules/catface.php"}[/aviable]
[aviable=cat]
{sort}
<div class="tooop">
<h1>{include file="seo_h1.tpl"}</h1>
</div>
[/aviable]
{info}
{content}
<div class="brabra">
<div class="social-likes">
<div class="vkontakte" title="Поделиться ссылкой во Вконтакте">Поделиться</div>
<div class="facebook" title="Поделиться ссылкой на Фейсбуке">Нравится</div>
<div class="plusone" title="Поделиться ссылкой в Гугл-плюсе">+1</div>
<div class="twitter" title="Поделиться ссылкой в Твиттере">Твитнуть</div>
<div class="odnoklassniki" title="Поделиться ссылкой в Одноклассниках">Класс!</div>
<div class="mailru" title="Поделиться ссылкой в Моём мире">Нравится</div>
</div>
</div><!--brabra-->
</div><!--nonik-->
</div>
<div class="ololo">
<div class="menuz">
<span class="juju" style="padding-top: 0px; margin-top:0px;">Жанры</span>
<div class="menuuux">
<a href="/anime/">Аниме</a><br>
<a href="/biografiya/">Биография</a> <br>
<a href="/boevik/">Боевик</a> <br>
<a href="/vestern/">Вестерн</a> <br>
<a href="/voennyy/">Военный</a> <br>
<a href="/detektiv/">Детектив</a> <br>
<a href="/detskiy/">Детский</a> <br>
<a href="/drama/">Драма</a> <br>
<a href="/komediya/">Комедия</a> <br>
<a href="/kriminal/">Криминал</a> <br>
<a href="/melodrama/">Мелодрама</a>
</div>
<div class="menuuux">
<a href="/muzyka/">Музыка</a> <br>
<a href="/otechestvennyy/">Отечественный</a> <br>
<a href="/priklyucheniya/">Приключения</a> <br>
<a href="/istoriya/">История</a> <br>
<a href="/semeynyy/">Семейный</a> <br>
<a href="/sport/">Спорт</a> <br>
<a href="/triller/">Триллер</a> <br>
<a href="/uzhasy/">Ужасы</a> <br>
<a href="/fantastika/">Фантастика</a> <br>
<a href="/fentezi/">Фэнтези</a> <br>
<a href="/dokumentalnyy/">Документальный</a>
<!--{changeskin}-->
</div>
<div style="clear:both;"></div>
<span class="juju">Страны</span>
<div class="menuuux">
<a href="/amerikanskie/">Американские</a><br>
<a href="/britanskie/">Британские</a> <br>
<a href="/rossiyskie/">Российские</a> <br>
<a href="/indiyskie/">Индийские</a>
</div>
<div class="menuuux">
<a href="/nemeckie/">Немецкие</a> <br>
<a href="/francuzskie/">Французские</a> <br>
<a href="/koreyskie/">Корейские</a> <br>
<a href="/kitayskie/">Китайские</a>
</div>
<div style="clear:both;"></div>
<span class="juju" style="">Года</span>
<div class="menuuux">
<a href="/filmy-2011/">Фильмы 2011</a>
<a href="/filmy-2012/">Фильмы 2012</a>
<a href="/filmy-2013/">Фильмы 2013</a>
</div>
<div class="menuuux">
<a href="/filmy-2014/">Фильмы 2014</a>
<a href="/filmy-2015/">Фильмы 2015</a>
<a href="/filmy-2016/">Фильмы 2016</a>
</div>
<div style="clear:both;"></div>
<span class="juju">Популярные за месяц</span>
<div class="section zozo">
<ul class="tabs" style="width: 280px;margin-top: 15px;display: block;">
<li class="current">Фильмы</li>
<li>Сериалы</li>
<li>Мультфильмы</li>
</ul>
<div style="clear:both"></div>
<div class="mmm zzza box visible" style="display: block;">
<ul>
{custom template="films" category="2" order="reads" limit="15"}
</ul>
</div>
<div class="box mmm zzza" style="display: none;">
<ul>
{custom template="films" category="3" order="reads" limit="10"}
</ul>
</div>
<div class="box mmm zzza" style="display: none;">
<ul>
{custom template="films" category="4" order="reads" limit="10"}
</ul>
</div>
</div><!--zozo-->
<span class="juju" style="position:relative;">Ожидаемые
<a href="/ozhidaemye/" style="position: absolute;top: 0px;right: 0px;font-weight: normal;">график кинопремьер</a>
</span>
<ul class="bxslider" style="width: 1815%; position: relative; transition-duration: 0s; transform: translate3d(-269px, 0px, 0px);">
{custom template="slider-left" category="41" limit="10"}
</ul>
<script>
$('.bxslider').bxSlider({
minSlides: 2,
maxSlides: 2,
slideWidth: 360,
slideMargin: 10
});
</script>
<span class="juju">Новые серии сериалов</span>
<div class="serrii">
{custom template="new-serials" category="23" order="date" limit="10"}
</div>
<div style="clear:both"></div>
</div><!--menuz-->
</div><!--ololo-->
<div class="clear"></div>
</div>
<div style="clear:both;"></div>
</div><!--ffof-->
<div class="brobro" style="padding: 15px 20px 20px 20px;">
<div class="ffof">
<span class="lololoa">
<a href="/index.php?do=feedback" rel="nofollow">Контакты</a>
<a href="/pravoobladateli.html" rel="nofollow">Правообладатели</a>
<a href="/faq.html" rel="nofollow">FAQ</a>
<br>Copyright © 2015. Проект kinogoHD-720.ru
</span>
<div style="float: right;padding-left: 15px;padding-top: 8px; opacity:0.5;">
<!-- ============МЕСТО ДЛЯ СЧЁТЧИКА============= -->
</div>
<div class="nonono" style="line-height: 1.7;">Копирование запрещено<br><a href="/shamanim.php" rel="nofollow" target="_blank">Разработка «Шаманим»</a></div>
<div class="zaza"></div>
</div><!--ffof-->
</div><!--brobro-->
</div><!--rodos-->
<div id="lean_overlay"></div>
<script>
$(document).ready(function(){
$('.slider1').bxSlider({
slideWidth: 200,
minSlides: 5,
maxSlides: 5,
slideMargin: 10
});
});
</script>
<script>
$('#myTab a').click(function (e) {
e.preventDefault();
$(this).tab('show');
})
$('#myTab a:first').tab('show');
</script>
<a id="Go_Top" style="display: none;"></a>
</body>
</html>
Добавлено: 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;
}