Новости Joomla

Как тестировать Joomla PHP-разработчику? Компонент Patch tester.

👩‍💻 Как тестировать Joomla PHP-разработчику? Компонент Patch tester.Joomla - open source PHP-фреймворк с готовой админкой. Его основная разработка ведётся на GitHub. Для того, чтобы международному сообществу разработчиков было удобнее тестировать Pull Requests был создан компонент Patch Tester, который позволяет "накатить" на текущую установку Joomla именно те изменения, которые необходимо протестировать. На стороне инфраструктуры Joomla для каждого PR собираются готовые пакеты, в которых находится ядро + предложенные изменения. В каждом PR обычно находятся инструкции по тестированию: куда зайти, что нажать, ожидаемый результат. Тестировщики могут предположить дополнительные сценарии, исходя из своего опыта и найти баги, о которых сообщить разработчику. Или не найти, и тогда улучшение или исправление ошибки быстрее войдёт в ядро Joomla. Напомню, что для того, чтобы PR вошёл в ядро Joomla нужны минимум 2 положительных теста от 2 участников сообщества, кроме автора. Видео на YouTubeВидео на VK ВидеоВидео на RuTubeКомпонент на GitHub https://github.com/joomla-extensions/patchtester@joomlafeed#joomla #php #webdev #community

0 Пользователей и 1 Гость просматривают эту тему.
  • 25 Ответов
  • 1767 Просмотров
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Доброго всем времени суток!

Ситуация:шаблон RS Metro, созданы 3 меню на модуле Maximenu CK. Одно горизонтальное, и два вертикальных.
Вопрос: Нужно изменить выравнивание содержимого меню (блоков) по центру. "Не вопрос ламер", скажите вы ищи "text-align:" и правь как хочешь, но при изменении параметра на "center" меняются все меню. Тогда решил присвоить каждому модулю меню Суффикс CSS-класса модуля, но и это не помогло.

Получается, что все 3 меню синхронизированы и при внесении изменений в одно из них меняются все! Помогите, куда рыть?

p.s. Делаю первый сайт, самоучка, если что то не так написал или изъяснился, прошу сильно не бить ::)


Вот кусок в котором менял text-align:

Код
/* menu */
div#<?php echo $id; ?> {
font-size:14px;
line-height:21px;
text-align:center;
zoom:1;
}

/* container style */
div#<?php echo $id; ?> ul.maximenuck {
clear:both;
position : relative;
z-index:0;
overflow: visible !important;
display: block !important;
float: none !important;
visibility: visible !important;
opacity: 1 !important;
list-style:none;
margin:0 auto;
height: auto;
padding:0px 20px 0px 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
filter: none;
background: #014464;
background: -moz-linear-gradient(top,  #0272a7 0%, #013953 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0272a7), color-stop(100%,#013953));
background: -webkit-linear-gradient(top,  #0272a7 0%,#013953 100%);
background: -o-linear-gradient(top,  #0272a7 0%,#013953 100%);
background: -ms-linear-gradient(top,  #0272a7 0%,#013953 100%);
background: linear-gradient(top,  #0272a7 0%,#013953 100%);
border: 1px solid #002232;
-moz-box-shadow:inset 0px 0px 1px #edf9ff;
-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
box-shadow:inset 0px 0px 1px #edf9ff;
text-align: left;
zoom: 1;

}

/* vertical menu */
div#<?php echo $id; ?>.maximenuckv ul.maximenuck {
padding: 5px;
}

div#<?php echo $id; ?> ul.maximenuck:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
« Последнее редактирование: 20.10.2015, 16:53:07 от Alex33 »
*

Ilhom666

  • Завсегдатай
  • 1384
  • 184 / 0
Re: Как рассинхронизировать меню?
« Ответ #1 : 20.10.2015, 18:49:55 »
В старых версиях вроде было поле Module ID, щас не знаю как
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #2 : 21.10.2015, 14:14:11 »
Знатоки, нет больше идей?  :D
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Как рассинхронизировать меню?
« Ответ #3 : 21.10.2015, 14:26:03 »
В коде шаблона каждое меню положите в свой div , задайте им свои id и оформляйте через CSS как хотите .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #4 : 21.10.2015, 14:29:32 »
Спасибо, за ответ, только бы еще понять как это сделать... Если есть ссылочка на информацию, поделитесь пожалйста
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Как рассинхронизировать меню?
« Ответ #5 : 21.10.2015, 14:38:27 »
Смотрите в менеджере модулей в какой позиции стоит модуль с меню, например position-1, открываете файл index.pxp , находите строку
<jdoc:include type="modules" name="position-1" style="none" />
и заключаете ее в div , например вот так
<div id=menu1>
<jdoc:include type="modules" name="position-1" style="none" />
</div>
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #6 : 21.10.2015, 14:47:01 »
umbabaraumba Спасибо большое!  *DRINK*
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #7 : 21.10.2015, 15:30:17 »
К сожалению не помогло,  >:(
Может дело в модуле меню Maximenu CK, т.к. text-align: находится в файле maximenuck.php
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Как рассинхронизировать меню?
« Ответ #8 : 21.10.2015, 15:39:13 »
Дайте ссылку на сайт, или код файла index.php .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #9 : 21.10.2015, 15:44:21 »
Код
<?php
// No direct access.
defined('_JEXEC') or die;
JHtml::_('jquery.framework');

$menu = JFactory::getApplication()->getMenu();
$doc = JFactory::getDocument();
$doc->addScriptDeclaration(' jQuery(document).ready(function(){if(0<jQuery("#system-message-container > div").length){var a=jQuery("#system-message-container");a.animate({opacity:0},5E3,function(){a.remove()})}}); ');
$app = JFactory::getApplication();
$sitename = $app->getCfg('sitename');

// Logo file or site title param
if ($this->params->get('logoFile'))
{
$logo = '<img src="'. JURI::root(). $this->params->get('logoFile').'" alt="'. $sitename .'" />';
}
elseif ($this->params->get('sitetitle'))
{
$logo = '<span class="site-title" title="'. $sitename .'">'. htmlspecialchars($this->params->get('sitetitle')).'</span>'; } else { $logo = '<span class="site-title" title="'. $sitename .'">'. $sitename .'</span>'; }

if($this->countModules('header_b and header_c') == 0) $header_a = "_full";
if($this->countModules('header_b or header_c') == 1) $header_a = "_middle";
if($this->countModules('header_b and header_c') == 1) $header_a = "_small";

if($this->countModules('top_b and top_c') == 0) $top_a = "_full";
if($this->countModules('top_b or top_c') == 1) $top_a = "_middle";
if($this->countModules('top_b and top_c') == 1) $top_a = "_small";

if($this->countModules('left and right') == 0) $contentwidth = "_full";
if($this->countModules('left or right') == 1) $contentwidth = "_middle";
if($this->countModules('left and right') == 1) $contentwidth = "_small";

if($this->countModules('bottom_b and bottom_c') == 0) $bottom_a = "_full";
if($this->countModules('bottom_b or bottom_c') == 1) $bottom_a = "_middle";
if($this->countModules('bottom_b and bottom_c') == 1) $bottom_a = "_small";

if($this->countModules('footer_b and footer_c') == 0) $footer_a = "_full";
if($this->countModules('footer_b or footer_c') == 1) $footer_a = "_middle";
if($this->countModules('footer_b and footer_c') == 1) $footer_a = "_small";

?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<?php if ($this->params->get('googleFont')) { ?>
<link href='http://fonts.googleapis.com/css?family=<?php echo $this->params->get('googleFontName');?>' rel='stylesheet' type='text/css' />
<style type="text/css"> h1,h2,h3,h4,h5,h6,.site-title{ font-family: '<?php echo str_replace('+', ' ', $this->params->get('googleFontName'));?>', sans-serif; } </style>
<?php } ?>
<link rel="stylesheet" href="templates/rsmetro/css/ios.css" media="only screen and (max-device-width:1024px)" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rsmetro/css/template.css" type="text/css" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="templates/rsmetro/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="templates/rsmetro/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="templates/rsmetro/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="templates/rsmetro/apple-touch-icon-144x144.png" />
</head>
<body>
    <div id="container_bg">
<div class="header_bg">
<div class="header">
<div class="headerlt">
<jdoc:include type="modules" name="topmenu" style="xhtml" />
</div>
<div class="headerrt">
<jdoc:include type="modules" name="login" style="xhtml" />
</div>
</div>
</div>
<div class="container">
<div class="jr_module head">
            <?php if($this->countModules('header_b')) : ?>
            <div class="jr_mod_b">
                <jdoc:include type="modules" name="header_b" style="xhtml" />
            </div>
            <?php endif; ?>
            <div class="jr_mod<?php echo $header_a; ?>">
                <jdoc:include type="modules" name="header_a" style="xhtml" />
            </div>
            <?php if($this->countModules('header_c')) : ?>
            <div class="jr_mod_c">
                <jdoc:include type="modules" name="header_c" style="xhtml" />
            </div>
            <?php endif; ?>
<div class="clr"></div>
        </div>
<div class="header_rt">
<a class="logo" href="<?php echo $this->baseurl; ?>">
<?php echo $logo;?> <?php if ($this->params->get('sitedescription')) { echo '<div class="site-description">'. htmlspecialchars($this->params->get('sitedescription')).'</div>'; } ?>
</a>
<jdoc:include type="modules" name="social" style="xhtml" />
<jdoc:include type="modules" name="seargh" style="xhtml" />
            </div>
<div class="main_menu">
<div id=menu95>
<jdoc:include type="modules" name="mainmenu" style="xhtml" />
            </div>
</div>
<div class="clr"></div>
<div class="rs_slider">
<jdoc:include type="modules" name="slider" style="xhtml" />
<div class="clr"></div>
            </div>
<div class="jr_module top">
            <?php if($this->countModules('top_b')) : ?>
            <div class="jr_mod_b">
                <jdoc:include type="modules" name="top_b" style="xhtml" />
            </div>
            <?php endif; ?>
            <div class="jr_mod<?php echo $top_a; ?>">
                <jdoc:include type="modules" name="top_a" style="xhtml" />
            </div>
            <?php if($this->countModules('top_c')) : ?>
            <div class="jr_mod_c">
                <jdoc:include type="modules" name="top_c" style="xhtml" />
            </div>
            <?php endif; ?>
<div class="clr"></div>
        </div>
<div class="jr_component">
            <?php if($this->countModules('left')) : ?>
            <div class="jr_left">
<jdoc:include type="modules" name="left" style="xhtml" />
            </div>
            <?php endif; ?>
            <div class="jr<?php echo $contentwidth; ?>">
                <jdoc:include type="modules" name="breadcrumb" style="xhtml" />        
                <jdoc:include type="component" />
            </div>
            <?php if($this->countModules('right')) : ?>
            <div class="jr_right">
                <jdoc:include type="modules" name="right" style="xhtml" />
            </div>
            <?php endif; ?>
<div class="clr"></div>
        </div>
<div class="jr_module bott">
            <?php if($this->countModules('bottom_b')) : ?>
            <div class="jr_mod_b">
                <jdoc:include type="modules" name="bottom_b" style="xhtml" />
            </div>
            <?php endif; ?>
            <div class="jr_mod<?php echo $bottom_a; ?>">
                <jdoc:include type="modules" name="bottom_a" style="xhtml" />
            </div>
            <?php if($this->countModules('bottom_c')) : ?>
            <div class="jr_mod_c">
                <jdoc:include type="modules" name="bottom_c" style="xhtml" />
            </div>
            <?php endif; ?>
<div class="clr"></div>
        </div>
</div>
<div id="footer">
<div class="footer_top">
<div class="footer_bg">
<div class="jr_module">
            <?php if($this->countModules('footer_b')) : ?>
            <div class="jr_mod_b">
                <jdoc:include type="modules" name="footer_b" style="xhtml" />
            </div>
            <?php endif; ?>
            <div class="jr_mod<?php echo $footer_a; ?>">
                <jdoc:include type="modules" name="footer_a" style="xhtml" />
            </div>
            <?php if($this->countModules('footer_c')) : ?>
            <div class="jr_mod_c">
<jdoc:include type="modules" name="footer_c" style="xhtml" />
            </div>
            <?php endif; ?>
<div class="clr"></div>
        </div>
</div>
</div>
<div class="footer_bottom_bg">
<div class="footer_bottom">
<div class="footermenu">    
<jdoc:include type="modules" name="footermenu" style="xhtml" />
            </div>
<div class="footer_rt">
    <div class="footer_rtleft">
<span>&copy; <?php echo date('Y');?> <br /><?php echo $sitename; ?></span>
        </div>
    </div>
</div>
</div>
</div>
    <jdoc:include type="modules" name="debug" />
<jdoc:include type="message" />
</body>
</html>
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Как рассинхронизировать меню?
« Ответ #10 : 21.10.2015, 16:59:06 »
Код
<?php
// No direct access.
defined('_JEXEC') or die;
JHtml::_('jquery.framework');

$menu = JFactory::getApplication()->getMenu();
$doc = JFactory::getDocument();
$doc->addScriptDeclaration(' jQuery(document).ready(function(){if(0<jQuery("#system-message-container > div").length){var a=jQuery("#system-message-container");a.animate({opacity:0},5E3,function(){a.remove()})}}); ');
$app = JFactory::getApplication();
$sitename = $app->getCfg('sitename');

// Logo file or site title param
if ($this->params->get('logoFile'))
{
$logo = '<img src="'. JURI::root(). $this->params->get('logoFile').'" alt="'. $sitename .'" />';
}
elseif ($this->params->get('sitetitle'))
{
$logo = '<span class="site-title" title="'. $sitename .'">'. htmlspecialchars($this->params->get('sitetitle')).'</span>'; } else { $logo = '<span class="site-title" title="'. $sitename .'">'. $sitename .'</span>'; }

if($this->countModules('header_b and header_c') == 0) $header_a = "_full";
if($this->countModules('header_b or header_c') == 1) $header_a = "_middle";
if($this->countModules('header_b and header_c') == 1) $header_a = "_small";

if($this->countModules('top_b and top_c') == 0) $top_a = "_full";
if($this->countModules('top_b or top_c') == 1) $top_a = "_middle";
if($this->countModules('top_b and top_c') == 1) $top_a = "_small";

if($this->countModules('left and right') == 0) $contentwidth = "_full";
if($this->countModules('left or right') == 1) $contentwidth = "_middle";
if($this->countModules('left and right') == 1) $contentwidth = "_small";

if($this->countModules('bottom_b and bottom_c') == 0) $bottom_a = "_full";
if($this->countModules('bottom_b or bottom_c') == 1) $bottom_a = "_middle";
if($this->countModules('bottom_b and bottom_c') == 1) $bottom_a = "_small";

if($this->countModules('footer_b and footer_c') == 0) $footer_a = "_full";
if($this->countModules('footer_b or footer_c') == 1) $footer_a = "_middle";
if($this->countModules('footer_b and footer_c') == 1) $footer_a = "_small";

?>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<?php if ($this->params->get('googleFont')) { ?>
<link href='http://fonts.googleapis.com/css?family=<?php echo $this->params->get('googleFontName');?>' rel='stylesheet' type='text/css' />
<style type="text/css"> h1,h2,h3,h4,h5,h6,.site-title{ font-family: '<?php echo str_replace('+', ' ', $this->params->get('googleFontName'));?>', sans-serif; } </style>
<?php } ?>
<link rel="stylesheet" href="templates/rsmetro/css/ios.css" media="only screen and (max-device-width:1024px)" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rsmetro/css/template.css" type="text/css" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="templates/rsmetro/apple-touch-icon-57x57.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="templates/rsmetro/apple-touch-icon-72x72.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="templates/rsmetro/apple-touch-icon-114x114.png" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="templates/rsmetro/apple-touch-icon-144x144.png" />
</head>
<body>
    <div id="container_bg">
<div class="header_bg">
<div class="header">
<div class="headerlt">
<jdoc:include type="modules" name="topmenu" style="xhtml" />
</div>
<div class="headerrt">
<jdoc:include type="modules" name="login" style="xhtml" />
</div>
</div>
</div>
<div class="container">
<div class="jr_module head">
            <?php if($this->countModules('header_b')) : ?>
            <div class="jr_mod_b">
                <jdoc:include type="modules" name="header_b" style="xhtml" />
            </div>
            <?php endif; ?>
            <div class="jr_mod<?php echo $header_a; ?>">
                <jdoc:include type="modules" name="header_a" style="xhtml" />
            </div>
            <?php if($this->countModules('header_c')) : ?>
            <div class="jr_mod_c">
                <jdoc:include type="modules" name="header_c" style="xhtml" />
            </div>
            <?php endif; ?>
<div class="clr"></div>
        </div>
<div class="header_rt">
<a class="logo" href="<?php echo $this->baseurl; ?>">
<?php echo $logo;?> <?php if ($this->params->get('sitedescription')) { echo '<div class="site-description">'. htmlspecialchars($this->params->get('sitedescription')).'</div>'; } ?>
</a>
<jdoc:include type="modules" name="social" style="xhtml" />
<jdoc:include type="modules" name="seargh" style="xhtml" />
            </div>
<div class="main_menu">
<div id=menu95>
<jdoc:include type="modules" name="mainmenu" style="xhtml" />
            </div>
</div>
<div class="clr"></div>
<div class="rs_slider">
<jdoc:include type="modules" name="slider" style="xhtml" />
<div class="clr"></div>
            </div>
<div class="jr_module top">
            <?php if($this->countModules('top_b')) : ?>
            <div class="jr_mod_b">
                <jdoc:include type="modules" name="top_b" style="xhtml" />
            </div>
            <?php endif; ?>
            <div class="jr_mod<?php echo $top_a; ?>">
                <jdoc:include type="modules" name="top_a" style="xhtml" />
            </div>
            <?php if($this->countModules('top_c')) : ?>
            <div class="jr_mod_c">
                <jdoc:include type="modules" name="top_c" style="xhtml" />
            </div>
            <?php endif; ?>
<div class="clr"></div>
        </div>
<div class="jr_component">
            <?php if($this->countModules('left')) : ?>
            <div class="jr_left">
<jdoc:include type="modules" name="left" style="xhtml" />
            </div>
            <?php endif; ?>
            <div class="jr<?php echo $contentwidth; ?>">
                <jdoc:include type="modules" name="breadcrumb" style="xhtml" />        
                <jdoc:include type="component" />
            </div>
            <?php if($this->countModules('right')) : ?>
            <div class="jr_right">
                <jdoc:include type="modules" name="right" style="xhtml" />
            </div>
            <?php endif; ?>
<div class="clr"></div>
        </div>
<div class="jr_module bott">
            <?php if($this->countModules('bottom_b')) : ?>
            <div class="jr_mod_b">
                <jdoc:include type="modules" name="bottom_b" style="xhtml" />
            </div>
            <?php endif; ?>
            <div class="jr_mod<?php echo $bottom_a; ?>">
                <jdoc:include type="modules" name="bottom_a" style="xhtml" />
            </div>
            <?php if($this->countModules('bottom_c')) : ?>
            <div class="jr_mod_c">
                <jdoc:include type="modules" name="bottom_c" style="xhtml" />
            </div>
            <?php endif; ?>
<div class="clr"></div>
        </div>
</div>
<div id="footer">
<div class="footer_top">
<div class="footer_bg">
<div class="jr_module">
            <?php if($this->countModules('footer_b')) : ?>
            <div class="jr_mod_b">
                <jdoc:include type="modules" name="footer_b" style="xhtml" />
            </div>
            <?php endif; ?>
            <div class="jr_mod<?php echo $footer_a; ?>">
                <jdoc:include type="modules" name="footer_a" style="xhtml" />
            </div>
            <?php if($this->countModules('footer_c')) : ?>
            <div class="jr_mod_c">
<jdoc:include type="modules" name="footer_c" style="xhtml" />
            </div>
            <?php endif; ?>
<div class="clr"></div>
        </div>
</div>
</div>
<div class="footer_bottom_bg">
<div class="footer_bottom">
<div class="footermenu">    
<jdoc:include type="modules" name="footermenu" style="xhtml" />
            </div>
<div class="footer_rt">
    <div class="footer_rtleft">
<span>&copy; <?php echo date('Y');?> <br /><?php echo $sitename; ?></span>
        </div>
    </div>
</div>
</div>
</div>
    <jdoc:include type="modules" name="debug" />
<jdoc:include type="message" />
</body>
</html>
В каких позициях стоят меню которые надо переделать ?
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #11 : 21.10.2015, 18:52:23 »
одно меню в позиции "mainmenu", два других в "left"
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Как рассинхронизировать меню?
« Ответ #12 : 21.10.2015, 20:04:18 »
одно меню в позиции "mainmenu", два других в "left"
<div class="main_menu">
         <div id=menu95>
            <jdoc:include type="modules" name="mainmenu" style="xhtml" />
            </div>
Почему у вас <div id=menu95> без кавычек ?
Можно написать так
#menu95 > ul > li {
text-align: center;
}
или так
div.main_menu > #menu95 > ul > li {
text-align: center;
}
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #13 : 22.10.2015, 10:53:29 »
Попробовал оба варианта, не помогает.
Или я, что то не так делаю или проблема в другом.
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Как рассинхронизировать меню?
« Ответ #14 : 22.10.2015, 11:02:15 »
Ссылка на сайт есть ?
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #15 : 22.10.2015, 11:09:41 »
нет он на денвере пока,
С начла недели бьюсь над это проблемой, поиск не дает ответа, первый раз так застрял на одном месте, в остальном проблем не было, м.б. дело все же в модуле...
« Последнее редактирование: 22.10.2015, 11:12:57 от Alex33 »
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Как рассинхронизировать меню?
« Ответ #16 : 22.10.2015, 11:26:57 »
Покажите кусок кода из браузера где находиться main_menu
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #17 : 22.10.2015, 11:33:15 »
Покажите кусок кода из браузера где находиться main_menu

Код
nuck95 ul.maximenuck {
    clear: both;
    position: relative;
    z-index: 0;
    overflow: visible !important;
    display: block !important;
    float: none !important;
    visibility: visible !important;
    opacity: 1 !important;
    list-style: none;
    margin: 0 auto;
    height: auto;
    padding: 0px 20px 0px 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    filter: none;
    background: #014464;
    background: -moz-linear-gradient(top, #0272a7 0%, #013953 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0272a7), color-stop(100%,#013953));
    background: -webkit-linear-gradient(top, #0272a7 0%,#013953 100%);
    background: -o-linear-gradient(top, #0272a7 0%,#013953 100%);
    background: -ms-linear-gradient(top, #0272a7 0%,#013953 100%);
    background: linear-gradient(top, #0272a7 0%,#013953 100%);
    border: 1px solid #002232;
    -moz-box-shadow: inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow: inset 0px 0px 1px #edf9ff;
    box-shadow: inset 0px 0px 1px #edf9ff;
    text-align: left;
    zoom: 1;
}
ul, ol {
    padding: 0 0 0 4px;
    margin: 0 0 9px 18px;
}
* {
    margin: 0;
    padding: 0;
    border: 0;
}
user agent stylesheetul, menu, dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}
Inherited from
div#maximenuck95 {
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    zoom: 1;
}
Inherited from
.main_menu {
    margin: 0;
    float: left;
    width: 978px;
    padding-bottom: 5px;
    border-bottom: 5px solid #eee;
    list-style: none;
}
Inherited from
body {
    background: #FFFAFA;
    color: #353333;
    font-size: 16px;
    line-height: 33px;
    font-family: desdemona, times new roman, Helvetica CY;
}
Pseudo ::after element
div#maximenuck95 ul.maximenuck:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}


Код
<ul class="333 maximenuck">
<li data-level="1" class="maximenuck item101 current active first level1 " style="z-index : 12000;"><a class="maximenuck " href="/"><span class="titreck">Главная</span></a>
</li><li data-level="1" class="maximenuck item129 level1 " style="z-index : 11999;"><a class="maximenuck " href="/o-nas"><span class="titreck">О нас</span></a>
</li><li data-level="1" class="maximenuck item117 level1 " style="z-index : 11998;"><a class="maximenuck " href="/nashi-tovary"><span class="titreck">Наши товары</span></a>
</li><li data-level="1" class="maximenuck item153 level1 " style="z-index : 11997;"><a class="maximenuck " href="/dostavka-i-oplata"><span class="titreck">Доставка и оплата</span></a>
</li><li data-level="1" class="maximenuck item127 level1 " style="z-index : 11996;"><a class="maximenuck " href="/tkani-i-furnitura"><span class="titreck">Материалы</span></a>
</li><li data-level="1" class="maximenuck item130 level1 " style="z-index : 11995;"><a class="maximenuck " href="/zdorove-dlya-vsekh"><span class="titreck">Красота и здоровье</span></a>
</li><li data-level="1" class="maximenuck item128 last level1 " style="z-index : 11994;"><a class="maximenuck " href="/korzina"><span class="titreck">Корзина</span></a></li>            <li class="maxiFancybackground" style="left: 20px; width: 76px;"><div class="maxiFancycenter"><div class="maxiFancyleft"><div class="maxiFancyright"></div></div></div></li></ul>
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Как рассинхронизировать меню?
« Ответ #18 : 22.10.2015, 13:23:05 »
ul.333 > li.item101 {
text-align: center;
}
может еще надо будет добавить перед ul.333 div который перед ним в коде идет .

и еще можно попробовать дописать !important
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #19 : 22.10.2015, 13:56:18 »
ul.333 > li.item101 {
text-align: center;
}
может еще надо будет добавить перед ul.333 div который перед ним в коде идет .

и еще можно попробовать дописать !important

Код
ul.333 > li.item101 {
text-align: center;
}

его вставлять в index.php или maximenuck.php?
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Как рассинхронизировать меню?
« Ответ #20 : 22.10.2015, 13:59:21 »
в template.css
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #21 : 22.10.2015, 14:37:07 »
в template.css
А конкретнее можете написать, где именно вставлять код в в template.css?

Код
/* system */
*{margin:0;padding:0;border:0;}
HTML,
body{width:100%;height:100%;}
body{background:#FFFAFA;color:#353333;font-size:16px;line-height:33px;font-family: desdemona, times new roman, Helvetica CY;}
body .inset-left{margin:15px 15px 10px 0px;float:left;}
body .inset-right{margin:15px 0px 10px 15px;float:right;}
.clr{clear:both;float:none;margin:0;padding:0;}
.clr.bot{clear:both;float:none;height:25px;}
blockquote.quotation{margin:10px 0px 10px 0px;padding:10px 35px 10px 35px;border:none;background:url(../images/typography/blockquote_start.png) 0 0 no-repeat;text-align:justify;}
blockquote.quotation p{margin:0px -35px -10px 0px;padding:0px 35px 10px 0px;background:url(../images/typography/blockquote_end.png) 100% 100% no-repeat;}
img{max-width:100%;width:auto \9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}

/* table */
TABLE{background:gainsboro;max-width:100%;border-spacing:1px;margin:0 0 -3px;}
TD{background:white;padding:2px 5px;}
TH{background:#F2F2F2;padding:2px 5px;}
TABLE.tb_portf{background:none;}
TABLE.tb_portf TD{background:none;padding:5px 15px;}

/* title */
h1,
h2,
h3,
h4,
h5,
h6{font-weight:400;line-height:1;text-rendering:optimizelegibility;margin:15px 0;font-weight:400;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color:#353333;}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span{padding-bottom:0;display:block;}
h1{font-size:32px;line-height:32px;color:#4935EB;}
h2{font-size:28px;line-height:28px;color:#7CBB00;}
h3{font-size:20px;line-height:24px;color:#D63B39;}
h4{font-size:20px;line-height:20px;color:#E99D01;}
h5{font-size:18px;line-height:18px;color:#5D5D57;}
h6{font-size:16px;line-height:16px;color:#E99D01;}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small{font-weight:normal;line-height:1;color:#999;}
h1 small{font-size:30px;}
h2 small{font-size:26px;}
h3 small{font-size:22px;}
h4 small{font-size:18px;}
h3.list-title,
li h3{font-size:30px;margin:15px 0;line-height:100%;}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6{margin:15px 0;line-height:100%;}
h2.item-title{margin:0 0 15px 0;}
.mceContentBody h1,
.mceContentBody h2,
.mceContentBody h3,
.mceContentBody h4,
.mceContentBody h5,
.mceContentBody h6{margin-bottom:10px;line-height:100%;}
h1.pos-title{margin-bottom:15px;padding:0;font-size:48px;line-height:51px;}
h1.pos-title a{display:inline;border-bottom:3px solid #202020;font-size:48px;line-height:51px;text-decoration:none;}
h1.pos-title a:hover{border:none;}
.blog.folio h3{font-size:22px;line-height:18px;}

/* form */
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input{background-color:#FFF;border:2px solid gainsboro;}
select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input{display:inline-block;margin-bottom:9px;color:#6A6A6A;font-size:13px;padding:5px 6px;}
input,
textarea,
.uneditable-input{margin-left:0;}
button,
input,
select,
textarea{vertical-align:middle;margin:0;}
a.modal_jform_contenthistory,
.form-horizontal button[type=button],
button[type=submit],
input[type=submit],
a.btn.a ,
form.form-validate.form-vertical .btn-toolbar .btn-group button[type=button],
.btn-toolbar a.modal-button.btn,
.btn-toolbar a,
.btn-group button{float:left;display:block;color:white;background:#F65314;font-size:16px;cursor:pointer;vertical-align:top;height:32px;line-height:32px;margin:3px 25px 0 0;padding:0 10px;text-decoration:none !important;}
a.modal_jform_contenthistory:hover,
.form-horizontal button[type=button]:hover,button[type=submit]:hover,input[type=submit]:hover,a.btn.a:hover,form.form-validate.form-vertical .btn-toolbar .btn-group button[type=button]:hover,.btn-toolbar a.modal-button.btn:hover,.btn-toolbar a:hover,.btn-group button:hover{color:white;background:#A03207;}
.form-horizontal button[type=button]#helpsite-refresh{margin:0 0 0 10px;}
fieldset{border:0;margin:0;padding:0;}
legend{display:block;width:100%;margin-bottom:18px;font-size:24px;line-height:36px;color:#333;border:0;border-bottom:1px solid gainsboro;padding:0;}
.radio,
.checkbox{min-height:18px;margin-right:20px;padding-left:18px;}
label{display:block;margin-bottom:5px;}
select{border:2px solid gainsboro;background-color:#FFF;}
.radio input[type=radio],
.checkbox input[type=checkbox]{float:left;margin-left:-18px;}
input[type=file],
input[type=image],
input[type=submit],
input[type=reset],
input[type=button],
input[type=radio],
input[type=checkbox]{width:auto;}
input[type=radio],
input[type=checkbox]{line-height:normal;cursor:pointer;margin:1px 9px 0 0;}
.radio,
.checkbox{min-height:18px;padding-left:18px;}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group{display:inline-block;}
.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0;}
.form-search input,
.form-search textarea,
.form-search select,
.form-search .help-inline,
.form-search .uneditable-input,
.form-search .input-prepend,
.form-search .input-append,
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append{display:inline-block;margin-bottom:0;vertical-align:middle;}
label.checkbox{vertical-align:top;line-height:16px;padding-left:28px;margin-right:15px;height:18px;font-size:16px;display:inline-block !important;background-image:url(../images/checkboxes.gif);background-repeat:no-repeat;}
input[type=checkbox]{position:absolute;left:-9999px;}
input[type=checkbox]:checked + label{background-position:0 -18px;}
input[type="text"]:focus{outline-style:none;}
form.form-validate.form-vertical .btn-toolbar,
form.form-validate.form-vertical .btn-bootbar{margin:10px 0;float:left;width:100%;}
form.form-validate.form-vertical .btn-toolbar .btn-group{display:inline-block;}
form.form-validate.form-vertical fieldset label{line-height:20px;font-size:16px;margin-top:0px;}
form.form-validate.form-vertical fieldset .controls input.inputbox.required{width:960px;}
.control-group{margin:12px 0;clear:both;float:left;width:100%;}
.control-group .control-label{float:left;width:200px;}
.control-group label{float:left;display:inline;margin:0;}
.mod_control-group{margin:12px 0;overflow:hidden;clear:both;}
.mod_control-group input{float:right;}
.star,
.red{color:#f00;}
.optional{display:block;clear:both;color:#949494;}
.control-group input{float:left;width:200px;}
.control-group select{float:left;}
.phrases-box label.radio,
.subscribe_checkboxes{float:left;margin-top:3px;}
#jform_tags_chzn{width:216px!important;}
#jform_tags_chzn input[type="text"]{float:left;width:200px!important;display:inline-block;padding:5px 6px;}
#jform_tags_chzn .chzn-drop{width:214px!important;}
.chzn-container-multi .chzn-choices{border:2px solid gainsboro!important;}
.edit.item-page .tab-content .tab-pane{display:none;}
.edit.item-page .tab-content .tab-pane.active{display:block;}
.edit.item-page ul{float:left;display:block;width:100%;height:32px;padding:0;margin:0;}
.edit.item-page ul.nav.nav-tabs li{float:left;display:block;width:25%;height:32px;line-height:32px;margin:0;padding:0;cursor:pointer;}
.edit.item-page ul.nav.nav-tabs li a{color:white;background:#198BC4;font-size:16px;height:32px;line-height:32px;padding:0;text-decoration:none;text-align:center;}
.edit.item-page ul.nav.nav-tabs li a:hover,
.edit.item-page ul.nav.nav-tabs li.active a{color:white;background:#7CBB00;}

/* header */
.header_bg{width:100%;height:36px;background:#202020;color:#fff;}
.header{width:978px;height:36px;margin:0 auto;}
.headerlt{float:left;}
.headerrt{float:right;}
.headerrt .moduletable,
.headerrt .moduletable_menu{float:left;}
.header ul{float:left;height:36px;}
.header ul li{float:left;margin:0 40px 0 0;line-height:36px}
.header ul li.active a{text-decoration:none;}
.header ul li a{color:#CECECE;}
.header_rt{margin:auto 0;width:978px;height:46px;}
a.logo{float:left;width:227px;height:66px;text-decoration:none;}
a.logo  span.site-title{color:#353333;font-size:36px;line-height:30px;font-weight:700;}
a.logo div.site-description{color:#737373;font-size:36px;line-height:56px;font-weight:400;}
.header_big h3{margin:36px 0px 50px 0px;font-size:58px;font-weight:normal;line-height:64px;letter-spacing:0;}

/* heading */
.heading_pic_wrap{position:relative;height:40px;margin:25px 0;}
.heading_pic_wrap .heading_pic{position:absolute;left:0;padding-left:55px;line-height:34px;font-size:30px;font-weight:normal;height:40px;background-image:url(../images/heading_pic.png);background-repeat:no-repeat;}
.heading_pic_wrap .heading_pic a{color:#333;}
.heading_pic_wrap .heading_pic_sites{background-position:0 0;}
.heading_pic_wrap .heading_pic_studios{background-position:0 -40px;}
.heading_pic_wrap .heading_pic_templates{background-position:0 -80px;}
.heading_pic_wrap .orng_btn{position:absolute;right:0;}

/* menu, ul li */
.main_menu{margin:0;float:left;width:978px;padding-bottom:5px;border-bottom:5px solid #eee;list-style:none;}
.main_menu ul li{margin:0 40px 0 0;float:left;position:relative;}
.main_menu ul li a{font-size:19px;color:#353333;padding-bottom:10px;line-height:21px;}
.main_menu ul li.active a,
.main_menu ul li a:hover{text-decoration:none;}
.main_menu .nav-child{position:absolute;top:22px;left:0;z-index:1000;display:none;float:left;min-width:246px;padding:14px 0;margin:0;list-style:none;background:url(../images/nav_menu_top.png) 0 0 no-repeat;}
.main_menu .nav-child a{display:block;clear:both;width:196px;padding:10px;margin:0 20px 0 12px;font-size:16px;color:#fff;text-decoration:none;line-height:16px;}
.main_menu .nav > li{position:relative;}
.main_menu .nav > li:hover > .nav-child,
.main_menu .nav > li > a:focus + .nav-child{display:block;}
.main_menu .nav-child li > a:hover,
.main_menu .nav-child li > a:focus,
.main_menu .nav-child:hover > a ,
.main_menu .nav-child li.active > a{text-decoration:none;padding:8px;border:2px solid #f98e64;}
.footermenu ul li{float:left;margin:0 40px 0 0;}
.footermenu ul li  > a{font-size:16px;color:#353333;padding-bottom:10px;line-height:21px;}
.footermenu ul li.active  > a{text-decoration:none;}
.nav-tabs.nav-stacked{border-bottom:0;}
.nav{margin-left:0;margin-bottom:18px;list-style:none;font-size:18px;}
.nav-child.small{font-size:12px;}
.nav-tabs > li{margin-bottom:-1px;}
.nav-tabs > li, .nav-pills > li, .nav-stacked > li{float:none;}
.nav > li > a{display:block;}
.nav-tabs > li > a{padding:4px 0;line-height:18px;}
.ul-li,
.ul-li li{margin-left:0;list-style:none;}
li{margin:15px 0;}
li.last-child,
li:last-child{margin-right:0px!important;}
a{color:#1570A6;text-decoration:initial;}
a:hover{color:#005580;text-decoration:none;}
a.icon-folder{padding-left:17px;background:url(../images/typography/icon_folder.png) 0 40% no-repeat;}
a.icon-file{padding-left:17px;background:url(../images/typography/icon_file.png) 0 40% no-repeat;}
a.icon-download{padding-left:17px;background:url(../images/typography/icon_download.png) 0 40% no-repeat;}
a.icon-external{padding-left:17px;background:url(../images/typography/icon_external.png) 0 40% no-repeat;}
ul.arrow,
ul.checkbox,
ul.check,
ul.star{margin:10px 0px 10px 0px;padding-left:20px;list-style:none;}
ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li{margin:5px 0px 5px 0px;padding-left:35px;font-weight:bold;line-height:26px;}
ul.arrow li{background:url(../images/typography/list_arrow.png) 0 0 no-repeat;}
ul.checkbox li{background:url(../images/typography/list_checkbox.png) 0 0 no-repeat;}
ul.check li{background:url(../images/typography/list_check.png) 0 0 no-repeat;}
ul.star li{background:url(../images/typography/list_star.png) 0 0 no-repeat;}
ul.hoverbox{padding-left:0px;list-style:none;}
.module ul.hoverbox{margin:0;}
ul.hoverbox li{margin-bottom:5px;}
ul.hoverbox li:last-child{margin-bottom:0px;}
ul.hoverbox li a{display:block;padding:9px 40px 9px 10px;border-top:1px solid #DDDCD4;border-bottom:1px solid #ffffff;background:#E9E8DF url(../images/typography/list_hoverbox.png) -100px 50% no-repeat;color:#5D5D57;text-shadow:0 1px 0 rgba(255,255,255,1);}
ul.hoverbox li a:hover{padding:10px 40px 10px 10px;border:none;background:#EBB755 url(../images/typography/list_hoverbox.png) 100% 50% no-repeat;color:#ffffff;text-shadow:1px 1px 1px rgba(0,0,0,0.5);text-decoration:none;}
ul.hoverbox li span.title{display:block;font-size:16px;font-weight:bold;line-height:21px;}
ul,
ol{padding:0 0 0 4px;margin:0 0 9px 18px;}
ul.unstyled,
ol.unstyled{list-style:none;}

/* articleinfo /actions */
.pull-left{float:left;}
.pull-right{float:right;}
.pull-right.item-image{margin:0 0 18px 20px;}
.pull-left.item-image{margin:0 20px 18px 0;}
.dropdown-menu{list-style:none;}
.dropdown-menu li{float:left;}
.dropdown-menu a{display:block;padding:3px 0 3px 20px;font-weight:normal;line-height:18px;color:#333;white-space:nowrap;}
ul.dropdown-menu{list-style-type:none;text-align:right;clear:both;float:none;overflow:hidden;margin:0 0 15px 0;}
ul.dropdown-menu a{padding:0;}
ul.dropdown-menu li{float:right;display:inline;margin:0 0 0 15px;}
.article-info-term{display:none;}
.article-info{overflow:hidden;font-size:0.9em;}
.article-info dd{float:left;padding:0 5px;border-right:solid 1px #ccc;}
.article-info dd span{text-transform:none;display:inline-block;padding:0 5px 0 0px;margin:0 10px 0 0px;}
.article-info dd.create{clear:left;}
.mce-tinymce.mce-container.mce-panel{clear:both;float:left;width:100%;}

/* module user */
.rs_panel,
.form-vertical .logout-button{float:left;margin:0 0 0 40px;}
.rs_panel a{color:#FF4500;float:left;margin:0 40px 0 0;line-height:36px;display:block;}
.form-vertical .login-greeting{float:left;height:36px;line-height:36px;margin:0 40px 0 0;}
.form-vertical .logout-button input[type="submit"]{float:left;display:block;color:#D63B39;font-size:14px;cursor:pointer;vertical-align:top;background:none;height:36px;line-height:36px;margin:0 40px 0 0;padding:0;text-decoration:underline !important;}
.form-vertical .logout-button input[type="submit"]:hover{text-decoration:none !important;}
header a.stuts,
a.stuts:visited{border:none;text-decoration:none;color:#fcfcfc;font-size:14px;left:50%;line-height:31px;margin:23px 0 0 110px;position:absolute;top:0;}
header .stuts span{font-size:22px;font-weight:bold;margin-left:5px;}
.com_users_view{float:left;margin:10px 0;}
.com_users_view a{float:left;margin:0 40px 0 0;color:#CECECE;}
.overlay{background-color:rgba(0, 0, 0, 0.6);bottom:0;cursor:default;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;}
.overlay:target{visibility:visible;opacity:1;}
.popup{background-color:#005580;display:inline-block;left:50%;opacity:0;padding:30px;position:fixed;top:30%;visibility:hidden;z-index:10;margin-left:-250px;border:4px solid #EEE;-webkit-transition:opacity .5s, top .5s;-moz-transition:opacity .5s, top .5s;-ms-transition:opacity .5s, top .5s;-o-transition:opacity .5s, top .5s;transition:opacity .5s, top .5s;}
.popup label.element-invisible{float:left;width:120px}
.popup .control-group{width:420px;overflow:hidden;margin:12px 0;clear:both;}
.overlay:target+.popup{top:30%;opacity:1;visibility:visible;}
.close{background:url(../images/close.png) 0 0 no-repeat;height:30px;line-height:30px;position:absolute;right:5px;text-align:center;text-decoration:none;bottom:5px;width:30px;}

/* container position */
.container{width:1000px;margin:0 auto;}
#container_bg{width:100%;margin:0 auto;float:left;}
.jr_component{width:1200px;margin:0 auto;}
.jr_component .jr_full{float:left;width:978px;}
.jr_component .jr_middle{float:left;width:646px;}
.jr_component .jr_small{float:left;width:314px;}
.jr_component .jr_right{float:left;width:314px;margin-left:18px;}
.jr_component .jr_left{float:left;width:314px;margin-right:18px;}
.row-fluid{width:100%;overflow:hidden;}
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574%;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid:before,
.row-fluid:after{display:table;content:"";line-height:0;}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574%;*margin-left:2.0744680846383%;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .span12{width:99.99999999%;*width:99.946808500638%;}
.row-fluid .span11{width:91.489361693%;*width:91.436170203638%;}
.row-fluid .span10{width:82.978723396%;*width:82.925531906638%;}
.row-fluid .span9{width:74.468085099%;*width:74.414893609638%;}
.row-fluid .span8{width:65.957446802%;*width:65.904255312638%;}
.row-fluid .span7{width:57.446808505%;*width:57.393617015638%;}
.row-fluid .span6{width:48.936170208%;*width:48.882978718638%;}
.row-fluid .span5{width:40.425531911%;*width:40.372340421638%;}
.row-fluid .span4{width:31.914893614%;*width:31.861702124638%;}
.row-fluid .span3{width:23.404255317%;*width:23.351063827638%;}
.row-fluid .span2{width:14.89361702%;*width:14.840425530638%;}
.row-fluid .span1{width:6.382978723%;*width:6.3297872336383%;}
.row-fluid .offset12{margin-left:104.255319138%;*margin-left:104.14893615928%;}
.row-fluid .offset12:first-child{margin-left:102.127659564%;*margin-left:102.02127658528%;}
.row-fluid .offset11{margin-left:95.744680841%;*margin-left:95.638297862277%;}
.row-fluid .offset11:first-child{margin-left:93.617021267%;*margin-left:93.510638288277%;}
.row-fluid .offset10{margin-left:87.234042544%;*margin-left:87.127659565277%;}
.row-fluid .offset10:first-child{margin-left:85.10638297%;*margin-left:84.999999991277%;}
.row-fluid .offset9{margin-left:78.723404247%;*margin-left:78.617021268277%;}
.row-fluid .offset9:first-child{margin-left:76.595744673%;*margin-left:76.489361694277%;}
.row-fluid .offset8{margin-left:70.21276595%;*margin-left:70.106382971277%;}
.row-fluid .offset8:first-child{margin-left:68.085106376%;*margin-left:67.978723397277%;}
.row-fluid .offset7{margin-left:61.702127653%;*margin-left:61.595744674277%;}
.row-fluid .offset7:first-child{margin-left:59.574468079%;*margin-left:59.468085100277%;}
.row-fluid .offset6{margin-left:53.191489356%;*margin-left:53.085106377277%;}
.row-fluid .offset6:first-child{margin-left:51.063829782%;*margin-left:50.957446803277%;}
.row-fluid .offset5{margin-left:44.680851059%;*margin-left:44.574468080277%;}
.row-fluid .offset5:first-child{margin-left:42.553191485%;*margin-left:42.446808506277%;}
.row-fluid .offset4{margin-left:36.170212762%;*margin-left:36.063829783277%;}
.row-fluid .offset4:first-child{margin-left:34.042553188%;*margin-left:33.936170209277%;}
.row-fluid .offset3{margin-left:27.659574465%;*margin-left:27.553191486277%;}
.row-fluid .offset3:first-child{margin-left:25.531914891%;*margin-left:25.425531912277%;}
.row-fluid .offset2{margin-left:19.148936168%;*margin-left:19.042553189277%;}
.row-fluid .offset2:first-child{margin-left:17.021276594%;*margin-left:16.914893615277%;}
.row-fluid .offset1{margin-left:10.638297871%;*margin-left:10.531914892277%;}
.row-fluid .offset1:first-child{margin-left:8.510638297%;*margin-left:8.4042553182766%;}

/* module position */
.jr_module{width:978px;margin:0 auto;}
.jr_module .jr_mod_full,
.jr_module .jr_mod_middle,
.jr_module .jr_mod_small,
.jr_component .jr_right,
.jr_component .jr_left{float:left;}
.jr_module.head .jr_mod_full,
.jr_module.head .jr_mod_middle,
.jr_module.head .jr_mod_small,
.jr_module.head .jr_mod_c ,
.jr_module.head .jr_mod_b{float:left;margin:27px 0 0 0;}
.jr_module.top .jr_mod_full .moduletable,
.jr_module.top .jr_mod_middle .moduletable,
.jr_module.top .jr_mod_small .moduletable,
.jr_module.top .jr_mod_c  .moduletable,
.jr_module.top .jr_mod_b .moduletable{float:left;margin:0 0 18px 0;}
.jr_module.bott .jr_mod_full,
.jr_module.bott .jr_mod_middle,
.jr_module.bott .jr_mod_small,
.jr_module.bott .jr_mod_c ,
.jr_module.bott .jr_mod_b{float:left;margin:18px 0 0 0;}
.jr_module .jr_mod_full .moduletable,
.jr_module .jr_mod_middle .moduletable,
.jr_module .jr_mod_small .moduletable{float:left;padding:18px 0;width:100%;}
.jr_component .jr_right .moduletable,
.jr_component .jr_left .moduletable{float:left;margin:0 0 18px 0;padding:18px;width:278px;}
.jr_module .jr_mod_full .moduletable{float:left;width:942px;padding:18px;}
.jr_module .jr_mod_middle .moduletable{float:left;width:610px;padding:18px;}
.jr_module .jr_mod_small .moduletable{float:left;width:278px;padding:18px;}
.jr_module .jr_mod_c .moduletable{float:left;width:278px;padding:18px;margin-left:18px;}
.jr_module .jr_mod_b .moduletable{float:left;width:278px;padding:18px;margin-right:18px;}
.head .moduletable{margin-bottom:27px;}

/* module */
.rs_slider .moduletable{margin-bottom:18px;}
.moduletable.green{background:#7CBB00;color:white;overflow:hidden;}
.moduletable.blue{background:#198BC4;color:white;overflow:hidden;}
.moduletable.red{background:#F65314;color:white;overflow:hidden;}
.moduletable.green a,
.moduletable.blue a,
.moduletable.red a{color:#f2f1f1;}
.moduletable.a_icon h3,
.moduletable.b_icon h3,
.moduletable.c_icon h3,
.moduletable.d_icon h3,
.moduletable.e_icon h3{color:white;line-height:33px;height:39px;text-indent:50px;}
.moduletable.a_icon h3{background:url(../images/mod_h3_icon.png) 0 0px no-repeat;}
.moduletable.b_icon h3{background:url(../images/mod_h3_icon.png) 0 -50px no-repeat;}
.moduletable.c_icon h3{background:url(../images/mod_h3_icon.png) 0 -100px no-repeat;}
.moduletable.d_icon h3{background:url(../images/mod_h3_icon.png) 0 -150px no-repeat;}
.moduletable.e_icon h3{background:url(../images/mod_h3_icon.png) 0 -200px no-repeat;}
.fh{height:248px;}
.nopadding{width:978px!important;padding:0!important;}
.icon_download_item a{line-height:12px;margin-bottom:5px;height:16px;display:block;}
.icon_download_item a img{float:left;}
.icon_download_item a span{margin-left:5px;}
.icon_social{margin-left:100px;float:left;width:332px;height:39px;}
.icon_social a{float:left;margin-right:41px;width:39px;height:39px;cursor:pointer;text-decoration:none;}
.icon_social a.tw{background:url(../images/social.png) 0 0 no-repeat;}
.icon_social a.gp{background:url(../images/social.png) -80px 0 no-repeat;}
.icon_social a.fb{background:url(../images/social.png) -160px 0 no-repeat;}
.icon_social a.vk{background:url(../images/social.png) -240px 0 no-repeat;}
.icon_social a.tw:hover{background:url(../images/social.png) 0 -50px no-repeat;}
.icon_social a.gp:hover{background:url(../images/social.png) -80px -50px no-repeat;}
.icon_social a.fb:hover{background:url(../images/social.png) -160px -50px no-repeat;}
.icon_social a.vk:hover{background:url(../images/social.png) -240px -50px no-repeat;}
.icon_social a span{display:none;}

/* module slider */
.rs_slider{width:100%;background:#198BC4;}
.rs_slider p{margin:0;padding:0;}

/* content */
p{line-height:150%;margin:60 0 10px 130;}
.lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px;}
small{font-size:85%;}
strong{font-weight:bold;}
em{font-style:italic;}
cite{font-style:normal;}
.muted{color:#949494;}
.items-more,
.content-links{padding:15px 0;}
.label-info,
.badge-info{background-color:#F65314;}
.badge{padding:1px 9px 2px;}
.label,
.badge{font-size:12px;font-weight:700;line-height:14px;color:#FFF;vertical-align:baseline;white-space:nowrap;}
.search h1.page-title{margin:20px 0 0;}
.jr_line_a{margin:0;}
.small{font-size:11px;}
.phrases-box,
.ordering-box,
.form-limit{float:left;width:100%;}
body.contentpane article.item-page h1{font-size:30px;font-weight:normal;}
body.contentpane article.item-page ul.actions{display:none;}
.cat-items form,
.custom_banner2,
.bannergroup{margin:0;}
section.blog_expens h1{margin:0 0 20px 0;}
section.blog_expens .cols-3{float:left;overflow:hidden;width:978px;}
section.blog_expens .cols-2{float:left;overflow:hidden;width:646px;}
section.blog_expens .cols-3 article.item.column-3,
section.blog_expens .cols-2 article.item.column-2{margin:0 0 0 0;}
section.blog_expens .items-row article.item{float:left;margin:0 18px 0 0;width:314px;}
section.blog_expens .items-row article h1{margin:0;font-weight:700;font-size:13px}
section.blog_expens .items-row article h1 a{color:#1570a6;}
section.blog_expens .items-row article p{font-size:12px;}
section.blog_expens .items-row article p img{float:left;margin:0 10px 0 0!important;}
section.blog_expens .items-row article .icon_download{line-height:14px;height:16px;float:left;width:170px;}
section.blog_expens .items-row article .icon_download span{float:right;}
section.blog_expens .items-row article .icon_download span img{margin-left:2px}
.item-page,
.items-leading{margin:30px 0 0 0;}
.item{margin:20px 0 0 0;}
.article-info{margin:0 0 12px 0;clear:both;}
section.blog_events .cols-2 article.item{float:left;overflow:hidden;width:314px;}
section.blog_events .cols-2 article.item.column-2{margin-left:18px;}
section.blog_events .cols-2 article h1{font-size:24px;}
.categories-list_iso ul li{float:left;margin:0 92px 0 0;}
.categories-list_iso ul li.last{float:right;}
#unsubpage .unsubsurvey,
#unsubpage .unsubintro{padding:10px 0 0 0 !important;line-height:24px;font-size:16px;}
.unsubintro h1,
.unsubsurveytext{margin-bottom:10px;font-size:24px;font-weight:normal;line-height:100%;border-bottom:1px solid gainsboro;}
.unsubintro h3{margin-bottom:10px;}
.unsuboptions,
.unsubsurvey{float:none;clear:both;margin-top:3px;padding:0px !important;}
.unsuboptions input,
.unsubsurvey input{position:absolute;left:-9999px;}
.unsuboptions label,
.unsubsurvey label{vertical-align:top;line-height:24px;padding-left:40px; margin-right:15px;  height:25px;  font-size:16px;  display:inline-block !important;  background-image:url(../images/checkboxes.gif);  background-repeat:no-repeat;}
.unsuboptions input:checked + label,
.unsubsurvey input:checked + label{background-position:0 -25px;}
.unsubdiv input.button{color:white;background:#F65314;font-size:16px;cursor:pointer;vertical-align:top;height:32px;line-height:32px;margin-top:10px;padding:0 10px;}
.btn-group label.btn{background:#fff;font-size:16px;cursor:pointer;vertical-align:top;height:32px;line-height:32px;margin-top:10px;padding:0 10px;}
.btn-group label.btn.active{color:white;background:#F65314;}
.pos-content{margin:40px 0;}

/* category */
.category-list,
.category-list_full,
.categories-list,
.categories-list_full,
.blog,
.blog_full{margin:0;overflow:hidden;}
.category-list h1,
.category-list_full h1,
.categories-list h1,
.categories-list_full h1,
.blog,
.blog_full{margin-bottom:20px;overflow:hidden;}
.categories-list ul{width:100%;float:left;margin:0;padding:0;list-style:none;}
.categories-list ul li h1,
.blog_full h1{margin:15px 0;clear:both;float:left;}
.cat-children{float:left;margin:8px 0;width:100%;clear:both;}
.cat-children ul li{list-style:none;float:left;margin:8px 0;width:100%;clear:both;}
.cat-children ul li h3{width:100%;}
.cat-children ul li .category-desc p{line-height:130%;margin:0 0 10px 0;}
.cat-children ul li .category-desc ul li{line-height:130%;list-style-type:disc;margin:0 0 10px 20px;}
.cat-children ul li dl dt{float:left;}
.cat-children ul li dl dd{float:left;margin-left:5px;}
.category-list .cat-items form#adminForm table.category td{float:left;margin:8px 0;width:100%;clear:both;}
.blog article{width:100%;float:left;margin:0;}
.blog .cat-children,.blog .cat-children ul li{margin:0;}

/* message */
#mc-count{display:inline;}
#system-message{margin-bottom:0!important;}
#system-message-container .alert{position:fixed;text-align:center;top:40%;left:50%;width:300px;margin-left:-250px;z-index:999999;color:white;}
#system-message-container .alert a.close{float:right;display:none;}
#system-message-container .alert h4.alert-heading{text-align:center;line-height:40px;}
#system-message-container .alert div p{text-align:center;line-height:25px;}
.tip{float:left;background:#198BC4;border:2px solid gainsboro;padding:5px;color:#fff;width:auto;max-width:400px;}
.icon-edit.tip{display:none;}
.tip-title{padding:0;margin:0;font-weight:bold;margin-top:-15px;padding-top:15px;padding-bottom:5px;color:#fff;text-align:center;}
.tip-text{color:#fff;margin:0;}
span.note,
span.info, span.alert, span.download, span.tip{display:block;}
div.note,
span.note{margin:10px 0px 10px 0px;padding:5px 10px 5px 10px;border-top:1px solid #DDDCD4;border-bottom:1px solid #fff;background:#E8E7E1;text-align:justify;color:#5D5D57;text-shadow:0 1px 0 rgba(255,255,255,1);}
div.info,
span.info,
div.alert,
span.alert,
div.download,
span.download,
div.tip,
span.tip{margin:10px 0px 10px 0px;padding:8px 10px 8px 40px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.3);}
div.info,
span.info{border:2px solid #6B7984;background:#8FA2B1 url(../images/typography/box_info.png) 7px 5px no-repeat;}
div.alert,
span.alert{border:2px solid #96574B;background:#F65314 url(../images/typography/box_alert.png) 7px 5px no-repeat;}
div.download,
span.download{border:2px solid #7A8661;background:#A3B382 url(../images/typography/box_download.png) 7px 5px no-repeat;}
div.tip,
span.tip{border:2px solid #16668e;background:#198BC4 url(../images/typography/box_tip.png) 7px 5px no-repeat;}
blockquote{font-family:Georgia, "Times New Roman", Times, serif;}
q.blockquote{margin:10px 0 10px 15px;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:130%;}
q.blockquote:first-letter{font-size:150%;}
q.blockquote:before,
q.blockquote:after{content:"";}

/* search */
form#searchForm .btn-group.pull-left{margin-top:3px;float:right;width:310px;height:28px;border:2px solid gainsboro;}
form#searchForm .btn-group.pull-left{float:left;}
form#searchForm .btn-group.pull-left input{margin:0;padding:0 10px;border:0;float:left;width:262px;height:28px;line-height:26px;font-size:16px;color:#6A6A6A;}
form#searchForm .btn-group.pull-left button{margin:0;padding:0;border:0;float:left;background:url(../images/jr_search.png) 0 0 no-repeat;width:28px;height:28px;cursor:pointer;}
.search-results dt.result-title{font-size:24px;margin-top:10px;line-height:100%;}
.search-results dt.result-title a{color:#353333;}
.search-results dt,
.search-results dd{line-height:18px;}
.search-results dd{margin-left:9px;}
.newsflash_seargh{float:left;margin-bottom:14px;}
.newsflash_seargh .newsflash_seargh_title{margin-bottom:16px;}
.newsflash_seargh input{float:left;color:#949494;font-size:16px;margin:0 10px 0 0;padding:5px 6px;border:2px solid gainsboro;}
.newsflash_seargh button{float:right;color:#fff;font-size:16px;margin:0;padding:0 10px;line-height:33px;height:33px;border:none;background:#f65314;cursor:pointer;}
ul.newsflash-horizwhite{float:left;margin-top:16px;}
ul.newsflash-horizwhite li{float:left;margin:8px 0;clear:both;}
.moduletable .jr_search{margin-top:3px;float:right;width:310px;height:28px;border:2px solid #dcdcdc;}
.moduletable .jr_search form.form-inline input.inputbox.search-query{margin:0;padding:0 10px;border:0;float:left;width:262px;height:28px;line-height:26px;font-size:16px;color:#6A6A6A;}
.moduletable .jr_search form.form-inline button{margin:0;padding:0;border:0;float:left;background:url(../images/jr_search.png) 0 0 no-repeat;width:28px;height:28px;cursor:pointer;}

/* pagination */
.pagination{text-align:center;float:left;margin:18px 0 18px auto;width:100%;}
.pagination p.counter{margin-bottom:10px;}
.pagination p.pull-right{float:none;clear:both;}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;}
.pagination li{display:inline;}
.pagination a,
.pagination span{float:left;padding:0 10px;line-height:28px;text-decoration:none;background-color:#fff;border-top:1px solid #aaa;border-left-width:0;}
.pagination a:hover,
.pagination .active a,
.pagination .active span{background-color:#f5f5f5;}
.pagination .active a,
.pagination .active span{color:#999;cursor:default;}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover{color:#999;background-color:transparent;cursor:default;}
.pagination li:first-child a,
.pagination li:first-child span{border-left-width:1px;}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}
.pager{margin:18px 0;list-style:none;text-align:center;*zoom:1;}
.pager:before,
.pager:after{display:table;content:"";line-height:0;}
.pager:after{clear:both;}
.pager li{display:inline;margin:0 12px;}
.pager a{display:inline-block;}
.pager .next a{float:right;}
.pager .previous a{float:left;}
.pager .disabled a,
.pager .disabled a:hover{color #999;cursor:default;}

/* breadcrumbs */
.breadcrumbs{margin:20px 0 12px 0;color:#CCC;line-height:130%;}
.breadcrumbs span{color:#353333;}

/* footer */
#footer{width:100%;margin:18px 0 0 0;float:left;}
.footer_top{color:#fff;}
.footer_top h3,
.footer_top li,
.footer_top a{color:#fff;}
.footer_top li,
.footer_top a{margin:0 0 4px 0;}
.footer_bg{width:978px;margin:0 auto;overflow:hidden;}
.footer_bottom_bg{background:#EEE;margin-top:30px;}
.footer_bottom{width:978px;height:75px;margin:0 auto;padding:23px 0;}
.footermenu{float:left;width:700px;color:#949494;font-size:10px;margin:0 60px 0 0;}
.footer_rt{float:right;width:215px;color:#EEEEEE;}
.footer_rt .footer_rtleft{position:relative;float:left;width:150px;height:60px;}
.footer_rt .footer_rtleft span{float:left;}
.footer_rt .footer_rtleft a{position:absolute;left:0;bottom:0;}
.footer_rt a img{float:right;width:52px;}
.footer_bg ul.menu{margin:25px 0;overflow:hidden;}
.footer_bg ul.menu > :last-child{margin:0;}
.footer_bg ul.menu > li{float:left;width:154px;margin-right:10px;}
.footer_bg ul.menu > li > :first-child{font-size:16px !important;}
.footer_bg ul.menu > li .nav-child li{margin:15px 0;}
.footer_bg a{color:#fff;text-decoration:none;font-size:14px !important;}
.footer_bg a:hover{text-decoration:underline;}

/* mailto */
#mailto-window{width:100%;height:100%;opacity:1;visibility:visible;background-color:#005580;display:inline-block;padding:30px;position:fixed;z-index:10;margin:0;}
#mailto-window h2{font-size:29px;line-height:29px;color:#EEE;}
#mailto-window .mailto-close a{color:#fff;}
#mailto-window #mailtoForm{}
#mailto-window #mailtoForm .formelm{width:420px;overflow:hidden;margin:12px 0;clear:both;}
#mailto-window #mailtoForm .formelm label{float:left;width:120px;color:#fff;}
#mailto-window #mailtoForm .formelm input{float:left;width:200px;display:inline-block;margin-bottom:0;vertical-align:middle;color:#6A6A6A;font-size:16px;padding:3px 6px;background-color:#FFF;border:2px solid gainsboro;}
#mailto-window #mailtoForm button{float:left;display:block;color:white;background:#F65314;font-size:16px;cursor:pointer;vertical-align:top;height:32px;line-height:32px;margin:10px 20px 0 0;padding:0 10px;text-decoration:none !important;}
#mailto-window #mailtoForm button:hover{background:#A03207;}

/* tooltip */
.tooltip{position:absolute;z-index:103000;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}
.tooltip.in{opacity:1;filter:alpha(opacity=100);}
.tooltip.top{margin-top:-3px;padding:5px 0;}
.tooltip.right{margin-left:3px;padding:0 5px;}
.tooltip.bottom{margin-top:3px;padding:5px 0;}
.tooltip.left{margin-left:-3px;padding:0 5px;}
.tooltip-inner{max-width:200px;padding:8px;color:#fff;text-align:left;text-decoration:none;background-color:#198BC4;}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#198BC4;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#198BC4;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#198BC4;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#198BC4;}

/* tags */
.btn-toolbar{font-size:0;margin-top:9px;margin-bottom:9px;}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group{margin-left:5px;}
.list-striped,
.row-striped{list-style:none;line-height:18px;text-align:left;vertical-align:middle;border-top:1px solid #ddd;margin-left:0;}
.list-striped li,
.list-striped dd,
.row-striped .row,
.row-striped .row-fluid{margin:0;}
.row-striped .row-fluid{width:97%;}
.row-striped .row-fluid [class*="span"]{min-height:10px;}
.row-striped .row-fluid [class*="span"]{margin-left:8px;}
.row-striped .row-fluid [class*="span"]:first-child{margin-left:0;}
.list-condensed li{padding:4px 5px;}
.row-condensed .row,
.row-condensed .row-fluid{padding:4px 5px;}
.list-bordered,
.row-bordered{list-style:none;line-height:18px;text-align:left;vertical-align:middle;margin-left:0;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.label,
.badge{display:inline-block;padding:2px 4px;line-height:14px;color:#fff;vertical-align:baseline;white-space:nowrap;text-decoration:none;}
input#filter-search{margin:10px 0 0 0;}
.tag-category .filters.btn-toolbar .btn-group{float:left;}
.tag-category .filters.btn-toolbar .btn-group.pull-right{float:right;}
.thumbnails{margin-left:-20px;list-style:none;}
.row-fluid .thumbnails{margin-left:0;}
.thumbnails > li{float:left;margin:0 0 18px 20px;}
.thumbnails > li h3{font-size:20px;margin:0 0 6px 0;}
.thumbnails > li .caption{font-style:italic;font-size:12px;}
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Как рассинхронизировать меню?
« Ответ #22 : 22.10.2015, 14:41:18 »
А конкретнее можете написать, где именно вставлять код в в template.css?

Код
/* system */
*{margin:0;padding:0;border:0;}
HTML,
body{width:100%;height:100%;}
body{background:#FFFAFA;color:#353333;font-size:16px;line-height:33px;font-family: desdemona, times new roman, Helvetica CY;}
body .inset-left{margin:15px 15px 10px 0px;float:left;}
body .inset-right{margin:15px 0px 10px 15px;float:right;}
.clr{clear:both;float:none;margin:0;padding:0;}
.clr.bot{clear:both;float:none;height:25px;}
blockquote.quotation{margin:10px 0px 10px 0px;padding:10px 35px 10px 35px;border:none;background:url(../images/typography/blockquote_start.png) 0 0 no-repeat;text-align:justify;}
blockquote.quotation p{margin:0px -35px -10px 0px;padding:0px 35px 10px 0px;background:url(../images/typography/blockquote_end.png) 100% 100% no-repeat;}
img{max-width:100%;width:auto \9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}

/* table */
TABLE{background:gainsboro;max-width:100%;border-spacing:1px;margin:0 0 -3px;}
TD{background:white;padding:2px 5px;}
TH{background:#F2F2F2;padding:2px 5px;}
TABLE.tb_portf{background:none;}
TABLE.tb_portf TD{background:none;padding:5px 15px;}

/* title */
h1,
h2,
h3,
h4,
h5,
h6{font-weight:400;line-height:1;text-rendering:optimizelegibility;margin:15px 0;font-weight:400;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a{color:#353333;}
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span{padding-bottom:0;display:block;}
h1{font-size:32px;line-height:32px;color:#4935EB;}
h2{font-size:28px;line-height:28px;color:#7CBB00;}
h3{font-size:20px;line-height:24px;color:#D63B39;}
h4{font-size:20px;line-height:20px;color:#E99D01;}
h5{font-size:18px;line-height:18px;color:#5D5D57;}
h6{font-size:16px;line-height:16px;color:#E99D01;}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small{font-weight:normal;line-height:1;color:#999;}
h1 small{font-size:30px;}
h2 small{font-size:26px;}
h3 small{font-size:22px;}
h4 small{font-size:18px;}
h3.list-title,
li h3{font-size:30px;margin:15px 0;line-height:100%;}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6{margin:15px 0;line-height:100%;}
h2.item-title{margin:0 0 15px 0;}
.mceContentBody h1,
.mceContentBody h2,
.mceContentBody h3,
.mceContentBody h4,
.mceContentBody h5,
.mceContentBody h6{margin-bottom:10px;line-height:100%;}
h1.pos-title{margin-bottom:15px;padding:0;font-size:48px;line-height:51px;}
h1.pos-title a{display:inline;border-bottom:3px solid #202020;font-size:48px;line-height:51px;text-decoration:none;}
h1.pos-title a:hover{border:none;}
.blog.folio h3{font-size:22px;line-height:18px;}

/* form */
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input{background-color:#FFF;border:2px solid gainsboro;}
select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input{display:inline-block;margin-bottom:9px;color:#6A6A6A;font-size:13px;padding:5px 6px;}
input,
textarea,
.uneditable-input{margin-left:0;}
button,
input,
select,
textarea{vertical-align:middle;margin:0;}
a.modal_jform_contenthistory,
.form-horizontal button[type=button],
button[type=submit],
input[type=submit],
a.btn.a ,
form.form-validate.form-vertical .btn-toolbar .btn-group button[type=button],
.btn-toolbar a.modal-button.btn,
.btn-toolbar a,
.btn-group button{float:left;display:block;color:white;background:#F65314;font-size:16px;cursor:pointer;vertical-align:top;height:32px;line-height:32px;margin:3px 25px 0 0;padding:0 10px;text-decoration:none !important;}
a.modal_jform_contenthistory:hover,
.form-horizontal button[type=button]:hover,button[type=submit]:hover,input[type=submit]:hover,a.btn.a:hover,form.form-validate.form-vertical .btn-toolbar .btn-group button[type=button]:hover,.btn-toolbar a.modal-button.btn:hover,.btn-toolbar a:hover,.btn-group button:hover{color:white;background:#A03207;}
.form-horizontal button[type=button]#helpsite-refresh{margin:0 0 0 10px;}
fieldset{border:0;margin:0;padding:0;}
legend{display:block;width:100%;margin-bottom:18px;font-size:24px;line-height:36px;color:#333;border:0;border-bottom:1px solid gainsboro;padding:0;}
.radio,
.checkbox{min-height:18px;margin-right:20px;padding-left:18px;}
label{display:block;margin-bottom:5px;}
select{border:2px solid gainsboro;background-color:#FFF;}
.radio input[type=radio],
.checkbox input[type=checkbox]{float:left;margin-left:-18px;}
input[type=file],
input[type=image],
input[type=submit],
input[type=reset],
input[type=button],
input[type=radio],
input[type=checkbox]{width:auto;}
input[type=radio],
input[type=checkbox]{line-height:normal;cursor:pointer;margin:1px 9px 0 0;}
.radio,
.checkbox{min-height:18px;padding-left:18px;}
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group{display:inline-block;}
.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0;}
.form-search input,
.form-search textarea,
.form-search select,
.form-search .help-inline,
.form-search .uneditable-input,
.form-search .input-prepend,
.form-search .input-append,
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append{display:inline-block;margin-bottom:0;vertical-align:middle;}
label.checkbox{vertical-align:top;line-height:16px;padding-left:28px;margin-right:15px;height:18px;font-size:16px;display:inline-block !important;background-image:url(../images/checkboxes.gif);background-repeat:no-repeat;}
input[type=checkbox]{position:absolute;left:-9999px;}
input[type=checkbox]:checked + label{background-position:0 -18px;}
input[type="text"]:focus{outline-style:none;}
form.form-validate.form-vertical .btn-toolbar,
form.form-validate.form-vertical .btn-bootbar{margin:10px 0;float:left;width:100%;}
form.form-validate.form-vertical .btn-toolbar .btn-group{display:inline-block;}
form.form-validate.form-vertical fieldset label{line-height:20px;font-size:16px;margin-top:0px;}
form.form-validate.form-vertical fieldset .controls input.inputbox.required{width:960px;}
.control-group{margin:12px 0;clear:both;float:left;width:100%;}
.control-group .control-label{float:left;width:200px;}
.control-group label{float:left;display:inline;margin:0;}
.mod_control-group{margin:12px 0;overflow:hidden;clear:both;}
.mod_control-group input{float:right;}
.star,
.red{color:#f00;}
.optional{display:block;clear:both;color:#949494;}
.control-group input{float:left;width:200px;}
.control-group select{float:left;}
.phrases-box label.radio,
.subscribe_checkboxes{float:left;margin-top:3px;}
#jform_tags_chzn{width:216px!important;}
#jform_tags_chzn input[type="text"]{float:left;width:200px!important;display:inline-block;padding:5px 6px;}
#jform_tags_chzn .chzn-drop{width:214px!important;}
.chzn-container-multi .chzn-choices{border:2px solid gainsboro!important;}
.edit.item-page .tab-content .tab-pane{display:none;}
.edit.item-page .tab-content .tab-pane.active{display:block;}
.edit.item-page ul{float:left;display:block;width:100%;height:32px;padding:0;margin:0;}
.edit.item-page ul.nav.nav-tabs li{float:left;display:block;width:25%;height:32px;line-height:32px;margin:0;padding:0;cursor:pointer;}
.edit.item-page ul.nav.nav-tabs li a{color:white;background:#198BC4;font-size:16px;height:32px;line-height:32px;padding:0;text-decoration:none;text-align:center;}
.edit.item-page ul.nav.nav-tabs li a:hover,
.edit.item-page ul.nav.nav-tabs li.active a{color:white;background:#7CBB00;}

/* header */
.header_bg{width:100%;height:36px;background:#202020;color:#fff;}
.header{width:978px;height:36px;margin:0 auto;}
.headerlt{float:left;}
.headerrt{float:right;}
.headerrt .moduletable,
.headerrt .moduletable_menu{float:left;}
.header ul{float:left;height:36px;}
.header ul li{float:left;margin:0 40px 0 0;line-height:36px}
.header ul li.active a{text-decoration:none;}
.header ul li a{color:#CECECE;}
.header_rt{margin:auto 0;width:978px;height:46px;}
a.logo{float:left;width:227px;height:66px;text-decoration:none;}
a.logo  span.site-title{color:#353333;font-size:36px;line-height:30px;font-weight:700;}
a.logo div.site-description{color:#737373;font-size:36px;line-height:56px;font-weight:400;}
.header_big h3{margin:36px 0px 50px 0px;font-size:58px;font-weight:normal;line-height:64px;letter-spacing:0;}

/* heading */
.heading_pic_wrap{position:relative;height:40px;margin:25px 0;}
.heading_pic_wrap .heading_pic{position:absolute;left:0;padding-left:55px;line-height:34px;font-size:30px;font-weight:normal;height:40px;background-image:url(../images/heading_pic.png);background-repeat:no-repeat;}
.heading_pic_wrap .heading_pic a{color:#333;}
.heading_pic_wrap .heading_pic_sites{background-position:0 0;}
.heading_pic_wrap .heading_pic_studios{background-position:0 -40px;}
.heading_pic_wrap .heading_pic_templates{background-position:0 -80px;}
.heading_pic_wrap .orng_btn{position:absolute;right:0;}

/* menu, ul li */
.main_menu{margin:0;float:left;width:978px;padding-bottom:5px;border-bottom:5px solid #eee;list-style:none;}
.main_menu ul li{margin:0 40px 0 0;float:left;position:relative;}
.main_menu ul li a{font-size:19px;color:#353333;padding-bottom:10px;line-height:21px;}
.main_menu ul li.active a,
.main_menu ul li a:hover{text-decoration:none;}
.main_menu .nav-child{position:absolute;top:22px;left:0;z-index:1000;display:none;float:left;min-width:246px;padding:14px 0;margin:0;list-style:none;background:url(../images/nav_menu_top.png) 0 0 no-repeat;}
.main_menu .nav-child a{display:block;clear:both;width:196px;padding:10px;margin:0 20px 0 12px;font-size:16px;color:#fff;text-decoration:none;line-height:16px;}
.main_menu .nav > li{position:relative;}
.main_menu .nav > li:hover > .nav-child,
.main_menu .nav > li > a:focus + .nav-child{display:block;}
.main_menu .nav-child li > a:hover,
.main_menu .nav-child li > a:focus,
.main_menu .nav-child:hover > a ,
.main_menu .nav-child li.active > a{text-decoration:none;padding:8px;border:2px solid #f98e64;}
.footermenu ul li{float:left;margin:0 40px 0 0;}
.footermenu ul li  > a{font-size:16px;color:#353333;padding-bottom:10px;line-height:21px;}
.footermenu ul li.active  > a{text-decoration:none;}
.nav-tabs.nav-stacked{border-bottom:0;}
.nav{margin-left:0;margin-bottom:18px;list-style:none;font-size:18px;}
.nav-child.small{font-size:12px;}
.nav-tabs > li{margin-bottom:-1px;}
.nav-tabs > li, .nav-pills > li, .nav-stacked > li{float:none;}
.nav > li > a{display:block;}
.nav-tabs > li > a{padding:4px 0;line-height:18px;}
.ul-li,
.ul-li li{margin-left:0;list-style:none;}
li{margin:15px 0;}
li.last-child,
li:last-child{margin-right:0px!important;}
a{color:#1570A6;text-decoration:initial;}
a:hover{color:#005580;text-decoration:none;}
a.icon-folder{padding-left:17px;background:url(../images/typography/icon_folder.png) 0 40% no-repeat;}
a.icon-file{padding-left:17px;background:url(../images/typography/icon_file.png) 0 40% no-repeat;}
a.icon-download{padding-left:17px;background:url(../images/typography/icon_download.png) 0 40% no-repeat;}
a.icon-external{padding-left:17px;background:url(../images/typography/icon_external.png) 0 40% no-repeat;}
ul.arrow,
ul.checkbox,
ul.check,
ul.star{margin:10px 0px 10px 0px;padding-left:20px;list-style:none;}
ul.arrow li,
ul.checkbox li,
ul.check li,
ul.star li{margin:5px 0px 5px 0px;padding-left:35px;font-weight:bold;line-height:26px;}
ul.arrow li{background:url(../images/typography/list_arrow.png) 0 0 no-repeat;}
ul.checkbox li{background:url(../images/typography/list_checkbox.png) 0 0 no-repeat;}
ul.check li{background:url(../images/typography/list_check.png) 0 0 no-repeat;}
ul.star li{background:url(../images/typography/list_star.png) 0 0 no-repeat;}
ul.hoverbox{padding-left:0px;list-style:none;}
.module ul.hoverbox{margin:0;}
ul.hoverbox li{margin-bottom:5px;}
ul.hoverbox li:last-child{margin-bottom:0px;}
ul.hoverbox li a{display:block;padding:9px 40px 9px 10px;border-top:1px solid #DDDCD4;border-bottom:1px solid #ffffff;background:#E9E8DF url(../images/typography/list_hoverbox.png) -100px 50% no-repeat;color:#5D5D57;text-shadow:0 1px 0 rgba(255,255,255,1);}
ul.hoverbox li a:hover{padding:10px 40px 10px 10px;border:none;background:#EBB755 url(../images/typography/list_hoverbox.png) 100% 50% no-repeat;color:#ffffff;text-shadow:1px 1px 1px rgba(0,0,0,0.5);text-decoration:none;}
ul.hoverbox li span.title{display:block;font-size:16px;font-weight:bold;line-height:21px;}
ul,
ol{padding:0 0 0 4px;margin:0 0 9px 18px;}
ul.unstyled,
ol.unstyled{list-style:none;}

/* articleinfo /actions */
.pull-left{float:left;}
.pull-right{float:right;}
.pull-right.item-image{margin:0 0 18px 20px;}
.pull-left.item-image{margin:0 20px 18px 0;}
.dropdown-menu{list-style:none;}
.dropdown-menu li{float:left;}
.dropdown-menu a{display:block;padding:3px 0 3px 20px;font-weight:normal;line-height:18px;color:#333;white-space:nowrap;}
ul.dropdown-menu{list-style-type:none;text-align:right;clear:both;float:none;overflow:hidden;margin:0 0 15px 0;}
ul.dropdown-menu a{padding:0;}
ul.dropdown-menu li{float:right;display:inline;margin:0 0 0 15px;}
.article-info-term{display:none;}
.article-info{overflow:hidden;font-size:0.9em;}
.article-info dd{float:left;padding:0 5px;border-right:solid 1px #ccc;}
.article-info dd span{text-transform:none;display:inline-block;padding:0 5px 0 0px;margin:0 10px 0 0px;}
.article-info dd.create{clear:left;}
.mce-tinymce.mce-container.mce-panel{clear:both;float:left;width:100%;}

/* module user */
.rs_panel,
.form-vertical .logout-button{float:left;margin:0 0 0 40px;}
.rs_panel a{color:#FF4500;float:left;margin:0 40px 0 0;line-height:36px;display:block;}
.form-vertical .login-greeting{float:left;height:36px;line-height:36px;margin:0 40px 0 0;}
.form-vertical .logout-button input[type="submit"]{float:left;display:block;color:#D63B39;font-size:14px;cursor:pointer;vertical-align:top;background:none;height:36px;line-height:36px;margin:0 40px 0 0;padding:0;text-decoration:underline !important;}
.form-vertical .logout-button input[type="submit"]:hover{text-decoration:none !important;}
header a.stuts,
a.stuts:visited{border:none;text-decoration:none;color:#fcfcfc;font-size:14px;left:50%;line-height:31px;margin:23px 0 0 110px;position:absolute;top:0;}
header .stuts span{font-size:22px;font-weight:bold;margin-left:5px;}
.com_users_view{float:left;margin:10px 0;}
.com_users_view a{float:left;margin:0 40px 0 0;color:#CECECE;}
.overlay{background-color:rgba(0, 0, 0, 0.6);bottom:0;cursor:default;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;z-index:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;}
.overlay:target{visibility:visible;opacity:1;}
.popup{background-color:#005580;display:inline-block;left:50%;opacity:0;padding:30px;position:fixed;top:30%;visibility:hidden;z-index:10;margin-left:-250px;border:4px solid #EEE;-webkit-transition:opacity .5s, top .5s;-moz-transition:opacity .5s, top .5s;-ms-transition:opacity .5s, top .5s;-o-transition:opacity .5s, top .5s;transition:opacity .5s, top .5s;}
.popup label.element-invisible{float:left;width:120px}
.popup .control-group{width:420px;overflow:hidden;margin:12px 0;clear:both;}
.overlay:target+.popup{top:30%;opacity:1;visibility:visible;}
.close{background:url(../images/close.png) 0 0 no-repeat;height:30px;line-height:30px;position:absolute;right:5px;text-align:center;text-decoration:none;bottom:5px;width:30px;}

/* container position */
.container{width:1000px;margin:0 auto;}
#container_bg{width:100%;margin:0 auto;float:left;}
.jr_component{width:1200px;margin:0 auto;}
.jr_component .jr_full{float:left;width:978px;}
.jr_component .jr_middle{float:left;width:646px;}
.jr_component .jr_small{float:left;width:314px;}
.jr_component .jr_right{float:left;width:314px;margin-left:18px;}
.jr_component .jr_left{float:left;width:314px;margin-right:18px;}
.row-fluid{width:100%;overflow:hidden;}
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574%;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid:before,
.row-fluid:after{display:table;content:"";line-height:0;}
.row-fluid:after{clear:both;}
.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.127659574%;*margin-left:2.0744680846383%;}
.row-fluid [class*="span"]:first-child{margin-left:0;}
.row-fluid .span12{width:99.99999999%;*width:99.946808500638%;}
.row-fluid .span11{width:91.489361693%;*width:91.436170203638%;}
.row-fluid .span10{width:82.978723396%;*width:82.925531906638%;}
.row-fluid .span9{width:74.468085099%;*width:74.414893609638%;}
.row-fluid .span8{width:65.957446802%;*width:65.904255312638%;}
.row-fluid .span7{width:57.446808505%;*width:57.393617015638%;}
.row-fluid .span6{width:48.936170208%;*width:48.882978718638%;}
.row-fluid .span5{width:40.425531911%;*width:40.372340421638%;}
.row-fluid .span4{width:31.914893614%;*width:31.861702124638%;}
.row-fluid .span3{width:23.404255317%;*width:23.351063827638%;}
.row-fluid .span2{width:14.89361702%;*width:14.840425530638%;}
.row-fluid .span1{width:6.382978723%;*width:6.3297872336383%;}
.row-fluid .offset12{margin-left:104.255319138%;*margin-left:104.14893615928%;}
.row-fluid .offset12:first-child{margin-left:102.127659564%;*margin-left:102.02127658528%;}
.row-fluid .offset11{margin-left:95.744680841%;*margin-left:95.638297862277%;}
.row-fluid .offset11:first-child{margin-left:93.617021267%;*margin-left:93.510638288277%;}
.row-fluid .offset10{margin-left:87.234042544%;*margin-left:87.127659565277%;}
.row-fluid .offset10:first-child{margin-left:85.10638297%;*margin-left:84.999999991277%;}
.row-fluid .offset9{margin-left:78.723404247%;*margin-left:78.617021268277%;}
.row-fluid .offset9:first-child{margin-left:76.595744673%;*margin-left:76.489361694277%;}
.row-fluid .offset8{margin-left:70.21276595%;*margin-left:70.106382971277%;}
.row-fluid .offset8:first-child{margin-left:68.085106376%;*margin-left:67.978723397277%;}
.row-fluid .offset7{margin-left:61.702127653%;*margin-left:61.595744674277%;}
.row-fluid .offset7:first-child{margin-left:59.574468079%;*margin-left:59.468085100277%;}
.row-fluid .offset6{margin-left:53.191489356%;*margin-left:53.085106377277%;}
.row-fluid .offset6:first-child{margin-left:51.063829782%;*margin-left:50.957446803277%;}
.row-fluid .offset5{margin-left:44.680851059%;*margin-left:44.574468080277%;}
.row-fluid .offset5:first-child{margin-left:42.553191485%;*margin-left:42.446808506277%;}
.row-fluid .offset4{margin-left:36.170212762%;*margin-left:36.063829783277%;}
.row-fluid .offset4:first-child{margin-left:34.042553188%;*margin-left:33.936170209277%;}
.row-fluid .offset3{margin-left:27.659574465%;*margin-left:27.553191486277%;}
.row-fluid .offset3:first-child{margin-left:25.531914891%;*margin-left:25.425531912277%;}
.row-fluid .offset2{margin-left:19.148936168%;*margin-left:19.042553189277%;}
.row-fluid .offset2:first-child{margin-left:17.021276594%;*margin-left:16.914893615277%;}
.row-fluid .offset1{margin-left:10.638297871%;*margin-left:10.531914892277%;}
.row-fluid .offset1:first-child{margin-left:8.510638297%;*margin-left:8.4042553182766%;}

/* module position */
.jr_module{width:978px;margin:0 auto;}
.jr_module .jr_mod_full,
.jr_module .jr_mod_middle,
.jr_module .jr_mod_small,
.jr_component .jr_right,
.jr_component .jr_left{float:left;}
.jr_module.head .jr_mod_full,
.jr_module.head .jr_mod_middle,
.jr_module.head .jr_mod_small,
.jr_module.head .jr_mod_c ,
.jr_module.head .jr_mod_b{float:left;margin:27px 0 0 0;}
.jr_module.top .jr_mod_full .moduletable,
.jr_module.top .jr_mod_middle .moduletable,
.jr_module.top .jr_mod_small .moduletable,
.jr_module.top .jr_mod_c  .moduletable,
.jr_module.top .jr_mod_b .moduletable{float:left;margin:0 0 18px 0;}
.jr_module.bott .jr_mod_full,
.jr_module.bott .jr_mod_middle,
.jr_module.bott .jr_mod_small,
.jr_module.bott .jr_mod_c ,
.jr_module.bott .jr_mod_b{float:left;margin:18px 0 0 0;}
.jr_module .jr_mod_full .moduletable,
.jr_module .jr_mod_middle .moduletable,
.jr_module .jr_mod_small .moduletable{float:left;padding:18px 0;width:100%;}
.jr_component .jr_right .moduletable,
.jr_component .jr_left .moduletable{float:left;margin:0 0 18px 0;padding:18px;width:278px;}
.jr_module .jr_mod_full .moduletable{float:left;width:942px;padding:18px;}
.jr_module .jr_mod_middle .moduletable{float:left;width:610px;padding:18px;}
.jr_module .jr_mod_small .moduletable{float:left;width:278px;padding:18px;}
.jr_module .jr_mod_c .moduletable{float:left;width:278px;padding:18px;margin-left:18px;}
.jr_module .jr_mod_b .moduletable{float:left;width:278px;padding:18px;margin-right:18px;}
.head .moduletable{margin-bottom:27px;}

/* module */
.rs_slider .moduletable{margin-bottom:18px;}
.moduletable.green{background:#7CBB00;color:white;overflow:hidden;}
.moduletable.blue{background:#198BC4;color:white;overflow:hidden;}
.moduletable.red{background:#F65314;color:white;overflow:hidden;}
.moduletable.green a,
.moduletable.blue a,
.moduletable.red a{color:#f2f1f1;}
.moduletable.a_icon h3,
.moduletable.b_icon h3,
.moduletable.c_icon h3,
.moduletable.d_icon h3,
.moduletable.e_icon h3{color:white;line-height:33px;height:39px;text-indent:50px;}
.moduletable.a_icon h3{background:url(../images/mod_h3_icon.png) 0 0px no-repeat;}
.moduletable.b_icon h3{background:url(../images/mod_h3_icon.png) 0 -50px no-repeat;}
.moduletable.c_icon h3{background:url(../images/mod_h3_icon.png) 0 -100px no-repeat;}
.moduletable.d_icon h3{background:url(../images/mod_h3_icon.png) 0 -150px no-repeat;}
.moduletable.e_icon h3{background:url(../images/mod_h3_icon.png) 0 -200px no-repeat;}
.fh{height:248px;}
.nopadding{width:978px!important;padding:0!important;}
.icon_download_item a{line-height:12px;margin-bottom:5px;height:16px;display:block;}
.icon_download_item a img{float:left;}
.icon_download_item a span{margin-left:5px;}
.icon_social{margin-left:100px;float:left;width:332px;height:39px;}
.icon_social a{float:left;margin-right:41px;width:39px;height:39px;cursor:pointer;text-decoration:none;}
.icon_social a.tw{background:url(../images/social.png) 0 0 no-repeat;}
.icon_social a.gp{background:url(../images/social.png) -80px 0 no-repeat;}
.icon_social a.fb{background:url(../images/social.png) -160px 0 no-repeat;}
.icon_social a.vk{background:url(../images/social.png) -240px 0 no-repeat;}
.icon_social a.tw:hover{background:url(../images/social.png) 0 -50px no-repeat;}
.icon_social a.gp:hover{background:url(../images/social.png) -80px -50px no-repeat;}
.icon_social a.fb:hover{background:url(../images/social.png) -160px -50px no-repeat;}
.icon_social a.vk:hover{background:url(../images/social.png) -240px -50px no-repeat;}
.icon_social a span{display:none;}

/* module slider */
.rs_slider{width:100%;background:#198BC4;}
.rs_slider p{margin:0;padding:0;}

/* content */
p{line-height:150%;margin:60 0 10px 130;}
.lead{margin-bottom:18px;font-size:20px;font-weight:200;line-height:27px;}
small{font-size:85%;}
strong{font-weight:bold;}
em{font-style:italic;}
cite{font-style:normal;}
.muted{color:#949494;}
.items-more,
.content-links{padding:15px 0;}
.label-info,
.badge-info{background-color:#F65314;}
.badge{padding:1px 9px 2px;}
.label,
.badge{font-size:12px;font-weight:700;line-height:14px;color:#FFF;vertical-align:baseline;white-space:nowrap;}
.search h1.page-title{margin:20px 0 0;}
.jr_line_a{margin:0;}
.small{font-size:11px;}
.phrases-box,
.ordering-box,
.form-limit{float:left;width:100%;}
body.contentpane article.item-page h1{font-size:30px;font-weight:normal;}
body.contentpane article.item-page ul.actions{display:none;}
.cat-items form,
.custom_banner2,
.bannergroup{margin:0;}
section.blog_expens h1{margin:0 0 20px 0;}
section.blog_expens .cols-3{float:left;overflow:hidden;width:978px;}
section.blog_expens .cols-2{float:left;overflow:hidden;width:646px;}
section.blog_expens .cols-3 article.item.column-3,
section.blog_expens .cols-2 article.item.column-2{margin:0 0 0 0;}
section.blog_expens .items-row article.item{float:left;margin:0 18px 0 0;width:314px;}
section.blog_expens .items-row article h1{margin:0;font-weight:700;font-size:13px}
section.blog_expens .items-row article h1 a{color:#1570a6;}
section.blog_expens .items-row article p{font-size:12px;}
section.blog_expens .items-row article p img{float:left;margin:0 10px 0 0!important;}
section.blog_expens .items-row article .icon_download{line-height:14px;height:16px;float:left;width:170px;}
section.blog_expens .items-row article .icon_download span{float:right;}
section.blog_expens .items-row article .icon_download span img{margin-left:2px}
.item-page,
.items-leading{margin:30px 0 0 0;}
.item{margin:20px 0 0 0;}
.article-info{margin:0 0 12px 0;clear:both;}
section.blog_events .cols-2 article.item{float:left;overflow:hidden;width:314px;}
section.blog_events .cols-2 article.item.column-2{margin-left:18px;}
section.blog_events .cols-2 article h1{font-size:24px;}
.categories-list_iso ul li{float:left;margin:0 92px 0 0;}
.categories-list_iso ul li.last{float:right;}
#unsubpage .unsubsurvey,
#unsubpage .unsubintro{padding:10px 0 0 0 !important;line-height:24px;font-size:16px;}
.unsubintro h1,
.unsubsurveytext{margin-bottom:10px;font-size:24px;font-weight:normal;line-height:100%;border-bottom:1px solid gainsboro;}
.unsubintro h3{margin-bottom:10px;}
.unsuboptions,
.unsubsurvey{float:none;clear:both;margin-top:3px;padding:0px !important;}
.unsuboptions input,
.unsubsurvey input{position:absolute;left:-9999px;}
.unsuboptions label,
.unsubsurvey label{vertical-align:top;line-height:24px;padding-left:40px; margin-right:15px;  height:25px;  font-size:16px;  display:inline-block !important;  background-image:url(../images/checkboxes.gif);  background-repeat:no-repeat;}
.unsuboptions input:checked + label,
.unsubsurvey input:checked + label{background-position:0 -25px;}
.unsubdiv input.button{color:white;background:#F65314;font-size:16px;cursor:pointer;vertical-align:top;height:32px;line-height:32px;margin-top:10px;padding:0 10px;}
.btn-group label.btn{background:#fff;font-size:16px;cursor:pointer;vertical-align:top;height:32px;line-height:32px;margin-top:10px;padding:0 10px;}
.btn-group label.btn.active{color:white;background:#F65314;}
.pos-content{margin:40px 0;}

/* category */
.category-list,
.category-list_full,
.categories-list,
.categories-list_full,
.blog,
.blog_full{margin:0;overflow:hidden;}
.category-list h1,
.category-list_full h1,
.categories-list h1,
.categories-list_full h1,
.blog,
.blog_full{margin-bottom:20px;overflow:hidden;}
.categories-list ul{width:100%;float:left;margin:0;padding:0;list-style:none;}
.categories-list ul li h1,
.blog_full h1{margin:15px 0;clear:both;float:left;}
.cat-children{float:left;margin:8px 0;width:100%;clear:both;}
.cat-children ul li{list-style:none;float:left;margin:8px 0;width:100%;clear:both;}
.cat-children ul li h3{width:100%;}
.cat-children ul li .category-desc p{line-height:130%;margin:0 0 10px 0;}
.cat-children ul li .category-desc ul li{line-height:130%;list-style-type:disc;margin:0 0 10px 20px;}
.cat-children ul li dl dt{float:left;}
.cat-children ul li dl dd{float:left;margin-left:5px;}
.category-list .cat-items form#adminForm table.category td{float:left;margin:8px 0;width:100%;clear:both;}
.blog article{width:100%;float:left;margin:0;}
.blog .cat-children,.blog .cat-children ul li{margin:0;}

/* message */
#mc-count{display:inline;}
#system-message{margin-bottom:0!important;}
#system-message-container .alert{position:fixed;text-align:center;top:40%;left:50%;width:300px;margin-left:-250px;z-index:999999;color:white;}
#system-message-container .alert a.close{float:right;display:none;}
#system-message-container .alert h4.alert-heading{text-align:center;line-height:40px;}
#system-message-container .alert div p{text-align:center;line-height:25px;}
.tip{float:left;background:#198BC4;border:2px solid gainsboro;padding:5px;color:#fff;width:auto;max-width:400px;}
.icon-edit.tip{display:none;}
.tip-title{padding:0;margin:0;font-weight:bold;margin-top:-15px;padding-top:15px;padding-bottom:5px;color:#fff;text-align:center;}
.tip-text{color:#fff;margin:0;}
span.note,
span.info, span.alert, span.download, span.tip{display:block;}
div.note,
span.note{margin:10px 0px 10px 0px;padding:5px 10px 5px 10px;border-top:1px solid #DDDCD4;border-bottom:1px solid #fff;background:#E8E7E1;text-align:justify;color:#5D5D57;text-shadow:0 1px 0 rgba(255,255,255,1);}
div.info,
span.info,
div.alert,
span.alert,
div.download,
span.download,
div.tip,
span.tip{margin:10px 0px 10px 0px;padding:8px 10px 8px 40px;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.3);}
div.info,
span.info{border:2px solid #6B7984;background:#8FA2B1 url(../images/typography/box_info.png) 7px 5px no-repeat;}
div.alert,
span.alert{border:2px solid #96574B;background:#F65314 url(../images/typography/box_alert.png) 7px 5px no-repeat;}
div.download,
span.download{border:2px solid #7A8661;background:#A3B382 url(../images/typography/box_download.png) 7px 5px no-repeat;}
div.tip,
span.tip{border:2px solid #16668e;background:#198BC4 url(../images/typography/box_tip.png) 7px 5px no-repeat;}
blockquote{font-family:Georgia, "Times New Roman", Times, serif;}
q.blockquote{margin:10px 0 10px 15px;font-family:Georgia, "Times New Roman", Times, serif;font-style:italic;font-size:130%;}
q.blockquote:first-letter{font-size:150%;}
q.blockquote:before,
q.blockquote:after{content:"";}

/* search */
form#searchForm .btn-group.pull-left{margin-top:3px;float:right;width:310px;height:28px;border:2px solid gainsboro;}
form#searchForm .btn-group.pull-left{float:left;}
form#searchForm .btn-group.pull-left input{margin:0;padding:0 10px;border:0;float:left;width:262px;height:28px;line-height:26px;font-size:16px;color:#6A6A6A;}
form#searchForm .btn-group.pull-left button{margin:0;padding:0;border:0;float:left;background:url(../images/jr_search.png) 0 0 no-repeat;width:28px;height:28px;cursor:pointer;}
.search-results dt.result-title{font-size:24px;margin-top:10px;line-height:100%;}
.search-results dt.result-title a{color:#353333;}
.search-results dt,
.search-results dd{line-height:18px;}
.search-results dd{margin-left:9px;}
.newsflash_seargh{float:left;margin-bottom:14px;}
.newsflash_seargh .newsflash_seargh_title{margin-bottom:16px;}
.newsflash_seargh input{float:left;color:#949494;font-size:16px;margin:0 10px 0 0;padding:5px 6px;border:2px solid gainsboro;}
.newsflash_seargh button{float:right;color:#fff;font-size:16px;margin:0;padding:0 10px;line-height:33px;height:33px;border:none;background:#f65314;cursor:pointer;}
ul.newsflash-horizwhite{float:left;margin-top:16px;}
ul.newsflash-horizwhite li{float:left;margin:8px 0;clear:both;}
.moduletable .jr_search{margin-top:3px;float:right;width:310px;height:28px;border:2px solid #dcdcdc;}
.moduletable .jr_search form.form-inline input.inputbox.search-query{margin:0;padding:0 10px;border:0;float:left;width:262px;height:28px;line-height:26px;font-size:16px;color:#6A6A6A;}
.moduletable .jr_search form.form-inline button{margin:0;padding:0;border:0;float:left;background:url(../images/jr_search.png) 0 0 no-repeat;width:28px;height:28px;cursor:pointer;}

/* pagination */
.pagination{text-align:center;float:left;margin:18px 0 18px auto;width:100%;}
.pagination p.counter{margin-bottom:10px;}
.pagination p.pull-right{float:none;clear:both;}
.pagination ul{display:inline-block;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;}
.pagination li{display:inline;}
.pagination a,
.pagination span{float:left;padding:0 10px;line-height:28px;text-decoration:none;background-color:#fff;border-top:1px solid #aaa;border-left-width:0;}
.pagination a:hover,
.pagination .active a,
.pagination .active span{background-color:#f5f5f5;}
.pagination .active a,
.pagination .active span{color:#999;cursor:default;}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover{color:#999;background-color:transparent;cursor:default;}
.pagination li:first-child a,
.pagination li:first-child span{border-left-width:1px;}
.pagination-centered{text-align:center;}
.pagination-right{text-align:right;}
.pager{margin:18px 0;list-style:none;text-align:center;*zoom:1;}
.pager:before,
.pager:after{display:table;content:"";line-height:0;}
.pager:after{clear:both;}
.pager li{display:inline;margin:0 12px;}
.pager a{display:inline-block;}
.pager .next a{float:right;}
.pager .previous a{float:left;}
.pager .disabled a,
.pager .disabled a:hover{color #999;cursor:default;}

/* breadcrumbs */
.breadcrumbs{margin:20px 0 12px 0;color:#CCC;line-height:130%;}
.breadcrumbs span{color:#353333;}

/* footer */
#footer{width:100%;margin:18px 0 0 0;float:left;}
.footer_top{color:#fff;}
.footer_top h3,
.footer_top li,
.footer_top a{color:#fff;}
.footer_top li,
.footer_top a{margin:0 0 4px 0;}
.footer_bg{width:978px;margin:0 auto;overflow:hidden;}
.footer_bottom_bg{background:#EEE;margin-top:30px;}
.footer_bottom{width:978px;height:75px;margin:0 auto;padding:23px 0;}
.footermenu{float:left;width:700px;color:#949494;font-size:10px;margin:0 60px 0 0;}
.footer_rt{float:right;width:215px;color:#EEEEEE;}
.footer_rt .footer_rtleft{position:relative;float:left;width:150px;height:60px;}
.footer_rt .footer_rtleft span{float:left;}
.footer_rt .footer_rtleft a{position:absolute;left:0;bottom:0;}
.footer_rt a img{float:right;width:52px;}
.footer_bg ul.menu{margin:25px 0;overflow:hidden;}
.footer_bg ul.menu > :last-child{margin:0;}
.footer_bg ul.menu > li{float:left;width:154px;margin-right:10px;}
.footer_bg ul.menu > li > :first-child{font-size:16px !important;}
.footer_bg ul.menu > li .nav-child li{margin:15px 0;}
.footer_bg a{color:#fff;text-decoration:none;font-size:14px !important;}
.footer_bg a:hover{text-decoration:underline;}

/* mailto */
#mailto-window{width:100%;height:100%;opacity:1;visibility:visible;background-color:#005580;display:inline-block;padding:30px;position:fixed;z-index:10;margin:0;}
#mailto-window h2{font-size:29px;line-height:29px;color:#EEE;}
#mailto-window .mailto-close a{color:#fff;}
#mailto-window #mailtoForm{}
#mailto-window #mailtoForm .formelm{width:420px;overflow:hidden;margin:12px 0;clear:both;}
#mailto-window #mailtoForm .formelm label{float:left;width:120px;color:#fff;}
#mailto-window #mailtoForm .formelm input{float:left;width:200px;display:inline-block;margin-bottom:0;vertical-align:middle;color:#6A6A6A;font-size:16px;padding:3px 6px;background-color:#FFF;border:2px solid gainsboro;}
#mailto-window #mailtoForm button{float:left;display:block;color:white;background:#F65314;font-size:16px;cursor:pointer;vertical-align:top;height:32px;line-height:32px;margin:10px 20px 0 0;padding:0 10px;text-decoration:none !important;}
#mailto-window #mailtoForm button:hover{background:#A03207;}

/* tooltip */
.tooltip{position:absolute;z-index:103000;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}
.tooltip.in{opacity:1;filter:alpha(opacity=100);}
.tooltip.top{margin-top:-3px;padding:5px 0;}
.tooltip.right{margin-left:3px;padding:0 5px;}
.tooltip.bottom{margin-top:3px;padding:5px 0;}
.tooltip.left{margin-left:-3px;padding:0 5px;}
.tooltip-inner{max-width:200px;padding:8px;color:#fff;text-align:left;text-decoration:none;background-color:#198BC4;}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#198BC4;}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#198BC4;}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#198BC4;}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#198BC4;}

/* tags */
.btn-toolbar{font-size:0;margin-top:9px;margin-bottom:9px;}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group{margin-left:5px;}
.list-striped,
.row-striped{list-style:none;line-height:18px;text-align:left;vertical-align:middle;border-top:1px solid #ddd;margin-left:0;}
.list-striped li,
.list-striped dd,
.row-striped .row,
.row-striped .row-fluid{margin:0;}
.row-striped .row-fluid{width:97%;}
.row-striped .row-fluid [class*="span"]{min-height:10px;}
.row-striped .row-fluid [class*="span"]{margin-left:8px;}
.row-striped .row-fluid [class*="span"]:first-child{margin-left:0;}
.list-condensed li{padding:4px 5px;}
.row-condensed .row,
.row-condensed .row-fluid{padding:4px 5px;}
.list-bordered,
.row-bordered{list-style:none;line-height:18px;text-align:left;vertical-align:middle;margin-left:0;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.label,
.badge{display:inline-block;padding:2px 4px;line-height:14px;color:#fff;vertical-align:baseline;white-space:nowrap;text-decoration:none;}
input#filter-search{margin:10px 0 0 0;}
.tag-category .filters.btn-toolbar .btn-group{float:left;}
.tag-category .filters.btn-toolbar .btn-group.pull-right{float:right;}
.thumbnails{margin-left:-20px;list-style:none;}
.row-fluid .thumbnails{margin-left:0;}
.thumbnails > li{float:left;margin:0 0 18px 20px;}
.thumbnails > li h3{font-size:20px;margin:0 0 6px 0;}
.thumbnails > li .caption{font-style:italic;font-size:12px;}
Без разницы в каком месте вы его вставите .
Я обычно все новые стили дописываю в конце файла .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #23 : 22.10.2015, 14:51:54 »
Попробовал, ничего... попробую рыть в сторону модуля
*

umbabaraumba

  • Живу я здесь
  • 2415
  • 153 / 1
  • если помог можете поставить +
Re: Как рассинхронизировать меню?
« Ответ #24 : 22.10.2015, 15:08:24 »
Можете выложить сайт на бесплатный хостинг и дать ссылку, тогда будет легче подсказать .
Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно
*

Alex33

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Как рассинхронизировать меню?
« Ответ #25 : 22.10.2015, 15:12:36 »
Можете выложить сайт на бесплатный хостинг и дать ссылку, тогда будет легче подсказать .
Хостинг уже оплачен, перенос состоится со дня на день, если проблему не рушу, обязательно поделюсь ссылкой.
Спасибо большое за помощь!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 3610
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 3038
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 1511
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 1433
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1680
Последний ответ 20.07.2020, 11:18:44
от kuraev64