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

Se

  • Захожу иногда
  • 223
  • 2 / 1
Как изменить дополнительную информацию к материалу
1.сделать что бы она была в строчку, а не столбцом
2. убрать надпись подробности, опубликовано
*

Se

  • Захожу иногда
  • 223
  • 2 / 1
Как изменить дополнительную информацию к материалу
1.сделать что бы она была в строчку, а не столбцом
2. убрать надпись подробности, опубликовано
Что то нет советов. Возможно я не понятно объяснил.
Я хочу изменить отображение информации о материале
Слово "Подробности" и "Опубликовано" вообще убрать, оставить автора и дату и что бы это располагалось по горизонтали.
В том виде как сейчас всё это очень не компактно.
См. вложения
*

b2z

  • Глобальный модератор
  • 7290
  • 778 / 0
  • Разраблю понемногу
*

Se

  • Захожу иногда
  • 223
  • 2 / 1
Переопределите /layouts/joomla/content/info_block/block.php и меняйте как душе угодно.
Спасибо, понятно с чем работать, но если я в CSS еще что-то могу, то в php 0. Если не сложно подскажите как убрать слово "подробности " и убрать слова "Автор" "Опубликовано" и расположить эту инфу по горизонтали
А то уж очень много места в высоту этот блок занимает см. файл
Вот код block.php
Код
<?php
/**
 * @package     Joomla.Site
 * @subpackage  Layout
 *
 * @copyright   Copyright (C) 2005 - 2015 Open Source Matters, Inc. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('JPATH_BASE') or die;

$blockPosition = $displayData['params']->get('info_block_position', 0);

?>
<dl class="article-info muted">

<?php if ($displayData['position'] == 'above' && ($blockPosition == 0 || $blockPosition == 2)
|| $displayData['position'] == 'below' && ($blockPosition == 1)
) : ?>

<dt class="article-info-term">
<?php if ($displayData['params']->get('info_block_show_title', 1)) : ?>
<?php echo JText::_('COM_CONTENT_ARTICLE_INFO'); ?>
<?php endif; ?>
</dt>

<?php if ($displayData['params']->get('show_author') && !empty($displayData['item']->author )) : ?>
<?php echo JLayoutHelper::render('joomla.content.info_block.author', $displayData); ?>
<?php endif; ?>

<?php if ($displayData['params']->get('show_parent_category') && !empty($displayData['item']->parent_slug)) : ?>
<?php echo JLayoutHelper::render('joomla.content.info_block.parent_category', $displayData); ?>
<?php endif; ?>

<?php if ($displayData['params']->get('show_category')) : ?>
<?php echo JLayoutHelper::render('joomla.content.info_block.category', $displayData); ?>
<?php endif; ?>

<?php if ($displayData['params']->get('show_publish_date')) : ?>
<?php echo JLayoutHelper::render('joomla.content.info_block.publish_date', $displayData); ?>
<?php endif; ?>
<?php endif; ?>

<?php if ($displayData['position'] == 'above' && ($blockPosition == 0)
|| $displayData['position'] == 'below' && ($blockPosition == 1 || $blockPosition == 2)
) : ?>
<?php if ($displayData['params']->get('show_create_date')) : ?>
<?php echo JLayoutHelper::render('joomla.content.info_block.create_date', $displayData); ?>
<?php endif; ?>

<?php if ($displayData['params']->get('show_modify_date')) : ?>
<?php echo JLayoutHelper::render('joomla.content.info_block.modify_date', $displayData); ?>
<?php endif; ?>

<?php if ($displayData['params']->get('show_hits')) : ?>
<?php echo JLayoutHelper::render('joomla.content.info_block.hits', $displayData); ?>
<?php endif; ?>
<?php endif; ?>
</dl>

Мне так же подойдет вариант с CSS, что бы сделать этот блок более аккуратным, нужно только знать в каком месте править

код файла CSS
Код
.foto img{
max-width:100% !important;
height:auto !important;
}
/******************************/
/****** Joomla Templates ******/
/******************************/
#header-outer { padding: 10px 0px 0px 0px; }
#copyright-outer { padding: 10px 0px; }
@media screen and (min-width:480px){
#header-outer { height: 50px; padding: 10px 0px; }
}
@media screen and (min-width:768px){
#header-outer { padding: 0px; height: 70px; min-width: 990px; }
#copyright-outer { height: 50px; }
}
/******************************/
/****** Joomla Templates ******/
/******************************/
#top-float { float: left; width: 100%; padding: 5px 0px; }
#banner-float { float: left; width: 100%; padding: 10px 0px; }
#banner-border { float: left; width: 100%; }
#advert-float { float: left; width: 100%; padding: 10px 0px 0px 0px; }
#upper-float, #bottom-float { float: left; width: 100%; background: #FFFFFF; }
#body-float { float: left; width: 100%; background: #FFFFFF; }
#footer-float { float: left; width: 100%; padding: 15px 0px 0px 0px; }
#footer-border { float: left; width: 100%; }
@media screen and (min-width:480px){
#banner-float { padding: 15px 0px; }
}
@media screen and (min-width:768px){
#banner-float { padding: 15px 0px; }
#top-float, #banner-float, #banner-border, #advert-float, #upper-float, #bottom-float, #body-float, #footer-float, #footer-border { min-width: 990px; width: 100%; }
}
/******************************/
/****** Joomla Templates ******/
/******************************/
#header-inner { margin: 0 auto; }
#top-inner, #banner-inner, #advert-inner, #upper-inner, #body-inner, #bottom-inner, #footer-inner, #copyright-inner { margin: 0 auto; padding: 0px 15px; }
@media screen and (min-width:768px){
#header-inner { padding: 0px 15px; }
#top-inner, #header-inner, #banner-inner, #advert-inner, #upper-inner, #body-inner, #bottom-inner, #footer-inner, #copyright-inner { padding: 0px 10px; width: 970px; }
}
/******************************/
/****** Joomla Templates ******/
/******************************/
#logo { max-width: 300px; margin: 0 auto; padding: 0px 15px; }
.logo { width: 100%; }
#spacer { height: 20px; background: #FFFFFF; }
#copyright, #designer { text-align: center; }
#topmenu, #topright { padding: 5px 0px; clear: both; color: #b6e3ff; text-align: center; }
@media screen and (min-width:480px){
.logo { width: auto; height: 50px; }
#logo { max-width: none; float: left; padding: 0px; margin: 0px 0px 0px 15px; }
}
@media screen and (min-width:768px){
#logo { margin: 10px 0px 0px 0px; }
#spacer { min-width: 990px; }
#copyright { float: left; margin-top: 15px; }
#designer { float: right; margin-top: 15px; }
#topmenu { float: left; padding: 0px; clear: none; }
#topright { float: right; padding: 0px; clear: none; }
}
/******************************/
/****** Joomla Templates ******/
/******************************/
@media screen and (min-width:768px){
#body-right-only { float: left; width: 650px; }
#body-left-only { float: right; width: 650px; }
#body-left-right { float: left; width: 530px; margin-left: 20px; }
#body-right-center { float: left; width: 700px; }
#body-left-center { float: right; width: 700px; }
#body-left-right-center { float: left; width: 530px; margin-left: 20px; }
#right-right-only { float: right; width: 300px; }
#left-left-only { float: left; width: 300px; }
#left-left-right { float: left; width: 200px; }
#right-left-right { float: right; width: 200px; }
#right-right-center { float: right; width: 250px; }
#left-left-center { float: left; width: 250px; }
#left-left-right-center { float: left; width: 200px; }
#right-left-right-center { float: right; width: 200px; }
}
@media screen and (min-width:768px){
.centerright #layer-right-center { float: left; width: 480px; }
.centerright #center-right-center { float: right; width: 200px; }
.centerleft #layer-right-center { float: right; width: 480px; }
.centerleft #center-right-center { float: left; width: 200px; }
.centerright #layer-left-center { float: left; width: 480px; }
.centerright #center-left-center { float: right; width: 200px; }
.centerleft #layer-left-center { float: right; width: 480px; }
.centerleft #center-left-center { float: left; width: 200px; }
.centerright #layer-left-right-center { float: left; width: 310px; }
.centerright #center-left-right-center { float: right; width: 200px; }
.centerleft #layer-left-right-center { float: right; width: 310px; }
.centerleft #center-left-right-center { float: left; width: 200px; }
.centerright #layer-center-only { float: left; width: 750px; }
.centerright #center-center-only { float: right; width: 200px; }
.centerleft #layer-center-only { float: right; width: 750px; }
.centerleft #center-center-only { float: left; width: 200px; }
}
/******************************/
/******* Joomla Default *******/
/******************************/
body { margin: 0px; font-size: 16px; line-height: 1.6; }
p { margin: 15px 0px; }
ul.menu, ul.menu ul, ul.menu ul ul, .pagination ul, .actions li, #login-form ul, ul.dropdown-menu, ul.breadcrumb, ul.pagenav { list-style: none; padding: 0; margin: 0; }
img { border: none; padding: 0; margin: 0; }
.clr { clear: both; }
h1, h2, h3, h4, h5 { margin: 0px; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
form input, form select { font-size: 17px; }
@media screen and (min-width:480px){
body { font-size: 15px; }
h1 { font-size: 25px; }
h2 { font-size: 23px; }
h3 { font-size: 21px; }
h4 { font-size: 19px; }
h5 { font-size: 17px; }
form input, form select { font-size: 16px; }
}
@media screen and (min-width:768px){
body { font-size: 14px; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
form input, form select { font-size: 15px; }
}
/******************************/
/******* Joomla Default *******/
/******************************/
ul.pagenav .previous a, ul.pagenav .next a, .dropdown-menu li a, .upper .newsflash-title a, .upper a.readmore, .upper .menu a, .user .newsflash-title a, .user a.readmore, .user .menu a, .inside .newsflash-title a, .inside a.readmore, .inside .menu a, .bottom .newsflash-title a, .bottom a.readmore, .bottom .menu a, a.btn, #left-left-only .newsflash-title a, #right-right-only .newsflash-title a, #left-left-right .newsflash-title a, #right-left-right .newsflash-title a, #right-right-center .newsflash-title a, #left-left-center .newsflash-title a, #left-left-right-center .newsflash-title a, #right-left-right-center .newsflash-title a, #center-right-center .newsflash-title a, #center-left-center .newsflash-title a, #center-left-right-center .newsflash-title a, #center-center-only .newsflash-title a { color: #000000; text-decoration: none; }
.readmore a, #left-left-only a.readmore, #right-right-only a.readmore, #left-left-right a.readmore, #right-left-right a.readmore, #right-right-center a.readmore, #left-left-center a.readmore, #left-left-right-center a.readmore, #right-left-right-center a.readmore, #center-right-center a.readmore, #center-left-center a.readmore, #center-left-right-center a.readmore, #center-center-only a.readmore { text-decoration: none; padding: 5px 10px; border-radius: 5px; }
.advert .menu, .footer .menu, .upper .menu, .user .menu, .bottom .menu { margin: -4px 0px 0px 0px; }
.advert .menu a, .footer .menu a { display: block; padding: 4px 0px; }
.upper .menu a, .user .menu a, .bottom .menu a { display: block; padding: 4px 0px; border-bottom: 1px solid #dedede; }
/******************************/
/******* Joomla Default *******/
/******************************/
.user .moduletable h3.h3title, .user .moduletable_menu h3.h3title, .upper h3.h3title, .bottom h3.h3title, .advert h3.h3title, .footer h3.h3title { padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px; }
/******************************/
/******* Joomla Default *******/
/******************************/
.fontfamily1, .fontfamily1 .inputbox, .fontfamily1 input.button { font-family: Arial, Helvetica, sans-serif; }
.fontfamily2, .fontfamily2 .inputbox, .fontfamily2 input.button { font-family: "Times New Roman", Times, serif; }
.fontfamily3, .fontfamily3 .inputbox, .fontfamily3 input.button { font-family: "Courier New", Courier, monospace; }
.fontfamily4, .fontfamily4 .inputbox, .fontfamily4 input.button { font-family: "Georgia", Times New Roman, Times, serif; }
.fontfamily5, .fontfamily5 .inputbox, .fontfamily5 input.button { font-family: "Verdana", Arial, Helvetica, sans-serif; }
.fontfamily6, .fontfamily6 .inputbox, .fontfamily6 input.button { font-family: "Geneva", Arial, Helvetica, sans-serif; }
.fontfamily7, .fontfamily7 .inputbox, .fontfamily7 input.button { font-family: "Book Antiqua"; }
/******************************/
/******* Joomla Default *******/
/******************************/
.page-header h1, .contact h1 { font-size: 20px; padding-bottom: 5px; margin-bottom: 10px; }
.blog-featured h2, .blog h2, .item-page h2, .contact h2 { font-size: 18px; }
.dropdown-menu li { display: inline; margin-right: 10px; }
.newsflash-title { margin-top: 10px; }
.pagination { text-align: center; float: left; width: 100%; margin-bottom: 15px; }
.pagination li { display: inline; }
li.pagination-page { display: none; }
.pagination .pagenav { padding: 5px 10px; text-decoration: none; margin: 0px 2px; border-radius: 4px; }
ul.pagenav .previous { float: left; margin-bottom: 15px; }
ul.pagenav .next { float: right; margin-bottom: 15px; }
@media screen and (min-width:480px){
li.pagination-page { display: inline; }
}
@media screen and (min-width:768px){
p.readmore { text-align: right; }
.items-row { clear: both; }
}
/******************************/
/******* Joomla Default *******/
/******************************/
.tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); visibility: visible; }
.tooltip.in { opacity: .8; filter: alpha(opacity=80); }
.tooltip.top { padding: 5px 0; margin-top: -3px; }
.tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.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-top-color: #000; border-width: 5px 5px 0; }
/******************************/
/******* Joomla Config ********/
/******************************/
#right-right-only .moduletable, #right-right-only .moduletable_menu, #left-left-only .moduletable, #left-left-only .moduletable_menu, #left-left-right .moduletable, #left-left-right .moduletable_menu, #right-left-right .moduletable, #right-left-right .moduletable_menu, #right-right-center .moduletable, #right-right-center .moduletable_menu, #left-left-center .moduletable, #left-left-center .moduletable_menu, #left-left-right-center .moduletable, #left-left-right-center .moduletable_menu, #right-left-right-center .moduletable, #right-left-right-center .moduletable_menu, #center-right-center .moduletable, #center-right-center .moduletable_menu, #center-left-center .moduletable, #center-left-center .moduletable_menu, #center-left-right-center .moduletable, #center-left-right-center .moduletable_menu, #center-center-only .moduletable, #center-center-only .moduletable_menu { margin-bottom: 15px; }
#right-right-only .moduletable h3.h3title, #right-right-only .moduletable_menu h3.h3title, #left-left-only .moduletable h3.h3title, #left-left-only .moduletable_menu h3.h3title, #left-left-right .moduletable h3.h3title, #left-left-right .moduletable_menu h3.h3title, #right-left-right .moduletable h3.h3title, #right-left-right .moduletable_menu h3.h3title, #right-right-center .moduletable h3.h3title, #right-right-center .moduletable_menu h3.h3title, #left-left-center .moduletable h3.h3title, #left-left-center .moduletable_menu h3.h3title, #left-left-right-center .moduletable h3.h3title, #left-left-right-center .moduletable_menu h3.h3title, #right-left-right-center .moduletable h3.h3title, #right-left-right-center .moduletable_menu h3.h3title, #center-right-center .moduletable h3.h3title, #center-right-center .moduletable_menu h3.h3title, #center-left-center .moduletable h3.h3title, #center-left-center .moduletable_menu h3.h3title, #center-left-right-center .moduletable h3.h3title, #center-left-right-center .moduletable_menu h3.h3title, #center-center-only .moduletable h3.h3title, #center-center-only .moduletable_menu h3.h3title { padding-bottom: 5px; margin-bottom: 10px; }
#right-right-only .menu li a, #left-left-only .menu li a, #left-left-right .menu li a, #right-left-right .menu li a, #right-right-center .menu li a, #left-left-center .menu li a, #left-left-right-center .menu li a, #right-left-right-center .menu li a, #center-right-center .menu li a, #center-left-center .menu li a, #center-left-right-center .menu li a, #center-center-only .menu li a { text-decoration: none; display: block; padding: 3px 10px; margin: 1px 0px; border-radius: 5px; }
/******************************/
/******* Joomla Config ********/
/******************************/
#topmenu .menu li { float: left; margin: 0px 15px 0px 0px; }
#topright .menu li { float: left; margin: 0px 0px 0px 15px; }
#topmenu .menu li li, #topright .menu li li { display: none; }
/******************************/
/******* Joomla Config ********/
/******************************/
#login-form { border: 1px solid #c0c0c0; padding: 10px; }
#login-text { margin: 10px -11px -11px -11px; padding: 10px; }
#form-login-username, #form-login-password { margin-bottom: 10px; }
#login-form .button, button.btn { padding: 4px 10px; border: none; border-radius: 4px; }
#login-form .inputbox { border: 1px solid #c0c0c0; padding: 3px; width: 94%; }
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { border: 1px solid #c0c0c0; padding: 4px; width: 94%; }
#member-registration, #user-registration { margin-bottom: 15px; }
#member-registration fieldset, #user-registration fieldset { margin-bottom: 10px; }
@media screen and (min-width:768px){
#jform_name, #jform_username, #jform_password1, #jform_password2, #jform_email1, #jform_email2, #jform_email { width: 250px; }
}
/******************************/
/******* Joomla Config ********/
/******************************/
#contact-form { margin-bottom: 15px; }
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { border: 1px solid #c0c0c0; padding: 4px; width: 94%; }
#jform_contact_message { border: 1px solid #c0c0c0; padding: 4px; width: 94%; }
.contact-emailto a { color: #000000; text-decoration: none; }
@media screen and (min-width:768px){
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg { width: 250px; }
#jform_contact_message { height: 250px; }
}
/******************************/
/******* Joomla Config ********/
/******************************/
#system-message { padding: 5px 10px 10px 10px; background: #111111; color: #FFFFFF; }
.alert-message .close { float: right; display: block; }
.alert-warning .close { float: right; }
#system-message p { margin: 0px; }
/******************************/
/******* Joomla Config ********/
/******************************/
#adminForm .nav-tabs a { color: #000000; text-decoration: none; }
#adminForm ul.nav-tabs { padding: 0; margin: 0px 0px 10px 0px; }
#adminForm fieldset { padding: 0px; border: none; }
#adminForm .nav-tabs { margin-left: 0; margin-bottom: 18px; list-style: none; }
#adminForm .nav-tabs > li > a { display: block; }
#adminForm .nav-tabs:before, #adminForm .nav-tabs:after { display: table; content: ""; line-height: 0; }
#adminForm .nav-tabs:after { clear: both; }
#adminForm .nav-tabs > li { float: left; }
#adminForm .nav-tabs > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; }
#adminForm .nav-tabs { border-bottom: 1px solid #ddd; }
#adminForm .nav-tabs > li { margin-bottom: -1px; }
#adminForm .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 18px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
#adminForm .nav-tabs > li > a:hover, #adminForm .nav-tabs > li > a:focus { border-color: #eee #eee #ddd; }
#adminForm .nav-tabs > .active > a, #adminForm .nav-tabs > .active > a:hover, #adminForm .nav-tabs > .active > a:focus { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
/******************************/
/******* Joomla Config ********/
/******************************/
.btn-toolbar button.btn { padding: 5px 10px; display: inline; margin: 5px 0px; }
.btn-toolbar a.btn { border: 1px solid #c0c0c0; padding: 6px 10px; display: block; margin: 5px 0px; color: #000000; text-decoration: none; background: #FFFFFF; }
@media screen and (min-width:480px){
.btn-toolbar button.btn { padding: 5px 10px; margin: 0px 2px 10px 2px; display: inline; }
.btn-toolbar a.btn { border: 1px solid #c0c0c0; padding: 6px 10px; margin: 0px 2px 10px 2px; display: inline; color: #000000; text-decoration: none; background: #FFFFFF; }
#adminForm .pull-left { float: left; padding: 10px 0px 15px 0px; }
#adminForm .pull-right { float: right; padding: 10px 0px 15px 0px; }
}
@font-face { font-family: 'IcoMoon'; src: url('../../../media/jui/fonts/IcoMoon.eot'); src: url('../../../media/jui/fonts/IcoMoon.eot?#iefix') format('embedded-opentype'), url('../../../media/jui/fonts/IcoMoon.woff') format('woff'), url('../../../media/jui/fonts/IcoMoon.ttf') format('truetype'), url('../../../media/jui/fonts/IcoMoon.svg#IcoMoon') format('svg'); font-weight: normal; font-style: normal; }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: 'IcoMoon'; font-style: normal; speak: none; }
.tab-pane { float: left; width: 100%; }
.control-group .inputbox { border: 1px solid #c0c0c0; padding: 3px; width: 250px; }
.control-label { margin: 10px 0px 5px 0px; }
.icon-calendar:before { content: "\43"; }
.icon-calendar-2:before { content: "\44"; }
.icon-calendar-3:before { content: "\e273"; }
#adminForm .editor { margin: 10px 0px 0px 0px; }
#adminForm fieldset { margin: 0px 0px 15px 0px; }
/******************************/
/******* Joomla Config ********/
/******************************/
.search .inputbox { border: 1px solid #c0c0c0; padding: 2px; }
#topmenu .search .inputbox, #topright .search .inputbox { border: 1px solid #000000; padding: 1px; }
.search .form-limit { text-align: center; margin-top: 10px; }
.search-results a { color: #000000; }
.result-created, .result-category, .result-text { padding: 0; margin: 0; }
.result-created { margin-bottom: 10px; }
#searchForm .button { padding: 4px 10px; border: none; border-radius: 4px; }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#navigation { height: 34px; padding: 5px 0px; }
.navigation { float: left; margin: 5px 0px 0px 15px; font-weight: bold; }
@media screen and (min-width:480px){
#navigation { height: auto; background: none; padding: 0px; }
.navigation { display: none; }
}
@media screen and (min-width:768px){
#navigation { float: right; height: auto; padding: 0px; }
}
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar { clear: both; margin: 40px 0px 15px 0px; width: 100%; position: relative; z-index: 5; }
#toolbar .menu a { font-size: 15px; display: block; text-decoration: none; font-weight: bold; padding: 3px 15px; }
#toolbar .menu li li a { font-size: 14px; font-weight: bold; color: #b6e3ff; }
#toolbar .menu li li li a { font-size: 14px; font-weight: normal; color: #b6e3ff; }
@media screen and (min-width:480px){
#toolbar { margin: 0px 0px 15px 0px; }
}
@media screen and (min-width:768px){
#toolbar { clear: none; margin: 0px; width: auto; z-index: auto; }
#toolbar .menu a { padding: 0px 10px; border-top: none; font-size: 15px; font-weight: normal; }
#toolbar .menu li { float: left; position:relative; border-bottom: none; line-height: 4.65; }
#toolbar ul.menu a:hover { }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar .menu li li a { font-weight: normal; font-size: 14px; background: none; }
#toolbar .menu ul { left:-999em; position:absolute; z-index: 99; }
#toolbar .menu ul { width: 180px; padding: 5px 0px 10px 0px; border-radius: 0px 0px 7px 7px; }
#toolbar .menu ul li { width: 180px; background-color: none; position:relative;  margin-left: 0px; border-left: none; line-height: 1.8; }
#toolbar .menu li li, #toolbar li:hover ul, #toolbar li.sfhover ul { left: auto; }
#toolbar ul.menu li li:hover { background: none; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { background: none !important; }
#toolbar ul.menu ul li.active a, #toolbar ul.menu ul li.active a:hover, #toolbar ul.menu ul li.active a:active, #toolbar ul.menu ul li.active a:focus { background: none !important; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { background: none !important; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { background: none !important; }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar .menu li li li a { font-weight: normal; font-size: 14px; }
#toolbar .menu ul ul { margin: -2.2em 0 0 11.7em; }
#toolbar .menu ul ul { position: absolute; z-index: 99; height: auto; }
#toolbar .menu ul ul { padding: 5px 0px; border-radius: 7px; }
#toolbar ul.menu li li li:hover { }
/******************************/
/******* Joomla Toolbar *******/
/******************************/
#toolbar li:hover ul ul, #toolbar li:hover ul ul ul, #toolbar li.sfhover ul ul, #toolbar li.sfhover ul ul ul, #toolbar ul.menu li:hover ul ul, #toolbar ul.menu li:hover ul ul ul, #toolbar ul.menu li.sfhover ul ul, #toolbar ul.menu li.parentsfhover ul ul, #toolbar ul.menu li.parent-activesfhover ul ul, #toolbar ul.menu li.activesfhover ul ul, #toolbar ul.menu li.sfhover ul ul ul, #toolbar ul.menu li.parentsfhover ul ul ul, #toolbar ul.menu li.parent-activesfhover ul ul ul, #toolbar ul.menu li.activesfhover ul ul ul { left: -999em; }
#toolbar li:hover ul, #toolbar li li:hover ul, #toolbar li li li:hover ul, #toolbar li.sfhover ul, #toolbar li li.sfhover ul, #toolbar li li li.sfhover ul, #toolbar ul.menu li:hover ul, #toolbar ul.menu li li:hover ul, #toolbar ul.menu li li li:hover ul, #toolbar ul.menu li.sfhover ul, #toolbar ul.menu li.parentsfhover ul, #toolbar ul.menu li.parent-activesfhover ul, #toolbar ul.menu li.activesfhover ul, #toolbar ul.menu li li.sfhover ul, #toolbar ul.menu li li.havesubchildsfhover ul, #toolbar ul.menu li li.havesubchild-activesfhover ul, #toolbar ul.menu li li.activesfhover ul, #toolbar ul.menu li li li.sfhover ul, #toolbar ul.menu li li li.havesubchildsfhover ul, #toolbar ul.menu li li li.havesubchild-activesfhover ul, #toolbar ul.menu li li li.activesfhover ul { left: auto; }
}
/******************************/
/******* Joomla Modules *******/
/******************************/
@media screen and (min-width:768px){
#body-right-only .cols-4 .column-1, #body-left-only .cols-4 .column-1 { width: 152px; float: left; }
#body-right-only .cols-4 .column-2, #body-left-only .cols-4 .column-2 { width: 152px; float: left; margin-left: 14px; }
#body-right-only .cols-4 .column-3, #body-left-only .cols-4 .column-3 { width: 152px; float: left; margin-left: 14px; }
#body-right-only .cols-4 .column-4, #body-left-only .cols-4 .column-4 { width: 152px; float: right; }
#body-right-only .cols-3 .column-1, #body-left-only .cols-3 .column-1 { width: 206px; float: left; }
#body-right-only .cols-3 .column-2, #body-left-only .cols-3 .column-2 { width: 206px; float: left; margin-left: 16px; }
#body-right-only .cols-3 .column-3, #body-left-only .cols-3 .column-3 { width: 206px; float: right; }
#body-right-only .cols-2 .column-1, #body-left-only .cols-2 .column-1 { width: 317px; float: left; }
#body-right-only .cols-2 .column-2, #body-left-only .cols-2 .column-2 { width: 317px; float: right; }
#body-right-only .cols-1 .column-1, #body-left-only .cols-1 .column-1 { width: 650px; float: left; }
#body-left-right .cols-3 .column-1 { width: 166px; float: left; }
#body-left-right .cols-3 .column-2 { width: 166px; float: left; margin-left: 16px; }
#body-left-right .cols-3 .column-3 { width: 166px; float: right; }
#body-left-right .cols-2 .column-1 { width: 257px; float: left; }
#body-left-right .cols-2 .column-2 { width: 257px; float: right; }
#body-left-right .cols-1 .column-1 { width: 530px; float: left; }
#body-wide .cols-5 .column-1 { width: 182px; float: left; }
#body-wide .cols-5 .column-2 { width: 182px; float: left; margin-left: 15px; }
#body-wide .cols-5 .column-3 { width: 182px; float: left; margin-left: 15px; }
#body-wide .cols-5 .column-4 { width: 182px; float: left; margin-left: 15px; }
#body-wide .cols-5 .column-5 { width: 182px; float: right; }
#body-wide .cols-4 .column-1 { width: 232px; float: left; }
#body-wide .cols-4 .column-2 { width: 232px; float: left; margin-left: 14px; }
#body-wide .cols-4 .column-3 { width: 232px; float: left; margin-left: 14px; }
#body-wide .cols-4 .column-4 { width: 232px; float: right; }
#body-wide .cols-3 .column-1 { width: 314px; float: left; }
#body-wide .cols-3 .column-2 { width: 314px; float: left; margin-left: 14px; }
#body-wide .cols-3 .column-3 { width: 314px; float: right; }
#body-wide .cols-2 .column-1 { width: 477px; float: left; }
#body-wide .cols-2 .column-2 { width: 477px; float: right; }
#body-wide .cols-1 .column-1 { width: 970px; float: left; }
#body-right-center .cols-2 .column-1, #body-left-center .cols-2 .column-1 { width: 232px; float: left; }
#body-right-center .cols-2 .column-2, #body-left-center .cols-2 .column-2 { width: 232px; float: right; }
#body-right-center .cols-1 .column-1, #body-left-center .cols-1 .column-1 { width: 480px; float: left; }
#body-center-only .cols-4 .column-1 { width: 177px; float: left; }
#body-center-only .cols-4 .column-2 { width: 177px; float: left; margin-left: 14px; }
#body-center-only .cols-4 .column-3 { width: 177px; float: left; margin-left: 14px; }
#body-center-only .cols-4 .column-4 { width: 177px; float: right; }
#body-center-only .cols-3 .column-1 { width: 240px; float: left; }
#body-center-only .cols-3 .column-2 { width: 240px; float: left; margin-left: 15px; }
#body-center-only .cols-3 .column-3 { width: 240px; float: right; }
#body-center-only .cols-2 .column-1 { width: 367px; float: left; }
#body-center-only .cols-2 .column-2 { width: 367px; float: right; }
#body-center-only .cols-1 .column-1 { width: 750px; float: left; }
#body-left-right-center .cols-1 .column-1 { width: 310px; float: left; }
}
#body-right-only .cols-3 .column-1, #body-left-only .cols-3 .column-1, #body-right-only .cols-3 .column-2, #body-left-only .cols-3 .column-2, #body-right-only .cols-3 .column-3, #body-left-only .cols-3 .column-3, #body-right-only .cols-2 .column-1, #body-left-only .cols-2 .column-1, #body-right-only .cols-2 .column-2, #body-left-only .cols-2 .column-2, #body-right-only .cols-1 .column-1, #body-left-only .cols-1 .column-1, #body-right-only .cols-4 .column-1, #body-left-only .cols-4 .column-1, #body-right-only .cols-4 .column-2, #body-left-only .cols-4 .column-2, #body-right-only .cols-4 .column-3, #body-left-only .cols-4 .column-3, #body-right-only .cols-4 .column-4, #body-left-only .cols-4 .column-4, #body-left-right .cols-3 .column-1, #body-left-right .cols-3 .column-2, #body-left-right .cols-3 .column-3, #body-left-right .cols-2 .column-1, #body-left-right .cols-2 .column-2, #body-left-right .cols-1 .column-1, #body-wide .cols-5 .column-1, #body-wide .cols-5 .column-2, #body-wide .cols-5 .column-3, #body-wide .cols-5 .column-4, #body-wide .cols-5 .column-5, #body-wide .cols-4 .column-1, #body-wide .cols-4 .column-2, #body-wide .cols-4 .column-3, #body-wide .cols-4 .column-4, #body-wide .cols-3 .column-1, #body-wide .cols-3 .column-2, #body-wide .cols-3 .column-3, #body-wide .cols-2 .column-1, #body-wide .cols-2 .column-2, #body-wide .cols-1 .column-1, #body-right-center .cols-1 .column-1, #body-left-center .cols-1 .column-1, #body-right-center .cols-2 .column-1, #body-left-center .cols-2 .column-1, #body-right-center .cols-2 .column-2, #body-left-center .cols-2 .column-2, #body-center-only .cols-1 .column-1, #body-center-only .cols-2 .column-1, #body-center-only .cols-2 .column-2, #body-center-only .cols-3 .column-1, #body-center-only .cols-3 .column-2, #body-center-only .cols-3 .column-3, #body-center-only .cols-4 .column-1, #body-center-only .cols-4 .column-2, #body-center-only .cols-4 .column-3, #body-center-only .cols-4 .column-4, #body-left-right-center .cols-1 .column-1 { padding-bottom: 15px; }
/******************************/
/******* Joomla Modules *******/
/******************************/
@media screen and (min-width:768px){
.advert99 .first, .footer99 .first, .upper99 .first, .bottom99 .first { width: 970px; float: left; }
.advert49 .first, .footer49 .first, .upper49 .first, .bottom49 .first { float: left; width: 477px; }
.advert49 .second, .footer49 .second, .upper49 .second, .bottom49 .second { float: right; width: 477px; }
.advert33 .first, .footer33 .first, .upper33 .first, .bottom33 .first { float: left; width: 314px; }
.advert33 .second, .footer33 .second, .upper33 .second, .bottom33 .second { float: left; width: 314px; margin-left: 14px; }
.advert33 .third, .footer33 .third, .upper33 .third, .bottom33 .third { float: right; width: 314px; }
.advert24 .first, .footer24 .first, .upper24 .first, .bottom24 .first { float: left; width: 232px; }
.advert24 .second, .footer24 .second, .upper24 .second, .bottom24 .second { float: left; width: 232px; margin-left: 14px; }
.advert24 .third, .footer24 .third, .upper24 .third, .bottom24 .third { float: left; width: 232px; margin-left: 14px; }
.advert24 .forth, .footer24 .forth, .upper24 .forth, .bottom24 .forth { float: right; width: 232px; }
.advert19 .first, .footer19 .first, .upper19 .first, .bottom19 .first { float: left; width: 182px; }
.advert19 .second, .footer19 .second, .upper19 .second, .bottom19 .second { float: left; width: 182px; margin-left: 15px; }
.advert19 .third, .footer19 .third, .upper19 .third, .bottom19 .third { float: left; width: 182px; margin-left: 15px; }
.advert19 .forth, .footer19 .forth, .upper19 .forth, .bottom19 .forth { float: left; width: 182px; margin-left: 15px; }
.advert19 .fifth, .footer19 .fifth, .upper19 .fifth, .bottom19 .fifth { float: right; width: 182px; }
}
.advert99 .first, .footer99 .first, .upper99 .first, .bottom99 .first, .advert49 .first, .footer49 .first, .upper49 .first, .bottom49 .first, .advert49 .second, .footer49 .second, .upper49 .second, .bottom49 .second, .advert33 .first, .footer33 .first, .upper33 .first, .bottom33 .first, .advert33 .second, .footer33 .second, .upper33 .second, .bottom33 .second, .advert33 .third, .footer33 .third, .upper33 .third, .bottom33 .third, .advert24 .first, .footer24 .first, .upper24 .first, .bottom24 .first, .advert24 .second, .footer24 .second, .upper24 .second, .bottom24 .second, .advert24 .third, .footer24 .third, .upper24 .third, .bottom24 .third, .advert24 .forth, .footer24 .forth, .upper24 .forth, .bottom24 .forth, .advert19 .first, .footer19 .first, .upper19 .first, .bottom19 .first, .advert19 .second, .footer19 .second, .upper19 .second, .bottom19 .second, .advert19 .third, .footer19 .third, .upper19 .third, .bottom19 .third, .advert19 .forth, .footer19 .forth, .upper19 .forth, .bottom19 .forth, .advert19 .fifth, .footer19 .fifth, .upper19 .fifth, .bottom19 .fifth { padding-bottom: 15px; }
/******************************/
/******* Joomla Modules *******/
/******************************/
@media screen and (min-width:768px){
#user-right-only .user99 .first, #user-left-only .user99 .first { float: left; width: 650px; }
#user-right-only .user49 .first, #user-left-only .user49 .first { float: left; width: 317px; }
#user-right-only .user49 .second, #user-left-only .user49 .second { float: right; width: 317px; }
#user-right-only .user33 .first, #user-left-only .user33 .first { float: left; width: 206px; }
#user-right-only .user33 .second, #user-left-only .user33 .second { float: left; width: 206px; margin-left: 16px; }
#user-right-only .user33 .third, #user-left-only .user33 .third { float: right; width: 206px; }
#user-left-right .user33 .first { float: left; width: 166px; }
#user-left-right .user33 .second { float: left; width: 166px; margin-left: 16px; }
#user-left-right .user33 .third { float: right; width: 166px; }
#user-left-right .user49 .first { float: left; width: 257px; }
#user-left-right .user49 .second { float: right; width: 257px; }
#user-left-right .user99 .first { float: left; width: 530px; }
#user-wide .user99 .first { float: left; width: 970px; }
#user-wide .user49 .first { float: left; width: 477px; }
#user-wide .user49 .second { float: right; width: 477px; }
#user-wide .user33 .first { float: left; width: 314px; }
#user-wide .user33 .second { float: left; width: 314px; margin-left: 14px; }
#user-wide .user33 .third { float: right; width: 314px; }
#user-center-only .user99 .first { float: left; width: 970px; }
#user-center-only .user49 .first { float: left; width: 477px; }
#user-center-only .user49 .second { float: right; width: 477px; }
#user-center-only .user33 .first { float: left; width: 314px; }
#user-center-only .user33 .second { float: left; width: 314px; margin-left: 14px; }
#user-center-only .user33 .third { float: right; width: 314px; }
#user-right-center .user99 .first, #user-left-center .user99 .first { float: left; width: 700px; }
#user-right-center .user49 .first, #user-left-center .user49 .first { float: left; width: 342px; }
#user-right-center .user49 .second, #user-left-center .user49 .second { float: right; width: 342px; }
#user-right-center .user33 .first, #user-left-center .user33 .first { float: left; width: 224px; }
#user-right-center .user33 .second, #user-left-center .user33 .second { float: left; width: 224px; margin-left: 14px; }
#user-right-center .user33 .third, #user-left-center .user33 .third { float: right; width: 224px; }
#user-left-right-center .user99 .first { float: left; width: 530px; }
#user-left-right-center .user49 .first { float: left; width: 257px; }
#user-left-right-center .user49 .second { float: right; width: 257px; }
#user-left-right-center .user33 .first { float: left; width: 166px; }
#user-left-right-center .user33 .second { float: left; width: 166px; margin-left: 16px; }
#user-left-right-center .user33 .third { float: right; width: 166px; }
}
#user-center-only .user99 .first, #user-center-only .user49 .first, #user-center-only .user49 .second, #user-center-only .user33 .first, #user-center-only .user33 .second, #user-center-only .user33 .third, #user-left-right-center .user99 .first, #user-left-right-center .user49 .first, #user-left-right-center .user49 .second, #user-left-right-center .user33 .first, #user-left-right-center .user33 .second, #user-left-right-center .user33 .third, #user-left-center .user99 .first, #user-left-center .user49 .first, #user-left-center .user49 .second, #user-left-center .user33 .first, #user-left-center .user33 .second, #user-left-center .user33 .third, #user-right-center .first, #user-right-center .user49 .first, #user-right-center .user49 .second, #user-right-center .user33 .first, #user-right-center .user33 .second, #user-right-center .user33 .third, #user-right-only .user99 .first, #user-left-only .user99 .first, #user-right-only .user49 .first, #user-left-only .user49 .first, #user-right-only .user49 .second, #user-left-only .user49 .second, #user-right-only .user33 .first, #user-left-only .user33 .first, #user-right-only .user33 .second, #user-left-only .user33 .second, #user-right-only .user33 .third, #user-left-only .user33 .third, #user-left-right .user33 .first, #user-left-right .user33 .second, #user-left-right .user33 .third, #user-left-right .user49 .first, #user-left-right .user49 .second, #user-left-right .user99 .first, #user-wide .user99 .first, #user-wide .user49 .first, #user-wide .user49 .second, #user-wide .user33 .first, #user-wide .user33 .second, #user-wide .user33 .third { padding-bottom: 15px; }
/******************************/
/******* Joomla Modules *******/
/******************************/
@media screen and (min-width:768px){
#inside-right-only .inside49 .first, #inside-left-only .inside49 .first { float: left; width: 317px; }
#inside-right-only .inside49 .second, #inside-left-only .inside49 .second { float: right; width: 317px; }
#inside-right-only .inside99 .first, #inside-left-only .inside99 .first { float: left; width: 650px; }
#inside-left-right .inside49 .first { float: left; width: 257px; }
#inside-left-right .inside49 .second { float: right; width: 257px; }
#inside-left-right .inside99 .first { float: left; width: 530px; }
#inside-wide .inside49 .first { float: left; width: 477px; }
#inside-wide .inside49 .second { float: right; width: 477px; }
#inside-wide .inside99 .first { float: left; width: 970px; }
#inside-right-center .inside49 .first, #inside-left-center .inside49 .first { float: left; width: 232px; }
#inside-right-center .inside49 .second, #inside-left-center .inside49 .second { float: right; width: 232px; }
#inside-right-center .inside99 .first, #inside-left-center .inside99 .first { float: left; width: 480px; }
#inside-left-right-center .inside49 .first { float: left; width: 147px; }
#inside-left-right-center .inside49 .second { float: right; width: 147px; }
#inside-left-right-center .inside99 .first { float: left; width: 310px; }
#inside-center-only .inside49 .first { float: left; width: 367px; }
#inside-center-only .inside49 .second { float: right; width: 367px; }
#inside-center-only .inside99 .first { float: left; width: 750px; }
}
#inside-right-only .inside49 .first, #inside-left-only .inside49 .first, #inside-right-only .inside49 .second, #inside-left-only .inside49 .second, #inside-right-only .inside99 .first, #inside-left-only .inside99 .first, #inside-left-right .inside49 .first, #inside-left-right .inside49 .second, #inside-left-right .inside99 .first, #inside-wide .inside49 .first, #inside-wide .inside49 .second, #inside-wide .inside99 .first, #inside-right-center .inside49 .first, #inside-left-center .inside49 .first, #inside-right-center .inside49 .second, #inside-left-center .inside49 .second, #inside-right-center .inside99 .first, #inside-left-center .inside99 .first, #inside-left-right-center .inside49 .first, #inside-left-right-center .inside49 .second, #inside-left-right-center .inside99 .first, #inside-center-only .inside49 .first, #inside-center-only .inside49 .second, #inside-center-only .inside99 .first { padding-bottom: 15px; }
/******************************/
/****** Joomla Bootstrap ******/
/******************************/
.collapse { display: none }
.collapse.in { display: block }
.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height .35s ease; -o-transition: height .35s ease; transition:height .35s ease }
@media (min-width:768px){
.navbar-collapse.collapse { display: block!important; height: auto!important; padding-bottom: 0; overflow: visible!important; }
}
.navbar-toggle { position: relative; float: right; padding: 5px; margin:0px 15px 0px 0px; background-color: transparent; border-radius:4px }
@media (min-width:480px){
.navbar-toggle { margin: 10px 15px 15px 0px; }
}
.navbar-toggle:focus { outline: 0; }
.navbar-toggle .icon-bar { display: block; width: 25px; height: 4px; border-radius: 1px; }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 4px; }
@media (min-width:768px){ .navbar-toggle { display: none; } }
.navbar-inverse .navbar-toggle { border: 1px solid #3f3f3f; background: #111111; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background: #000000; }
.navbar-inverse .navbar-toggle .icon-bar{ background: #FFFFFF; }
/*****************************/
/*********** STYLES **********/
/*****************************/
#header-outer { border-bottom: 5px solid #154d71; }
#top-float { background: #154d71; }
#banner-float { border-bottom: 5px solid #b6e3ff; }
#banner-border { border-bottom: 5px solid #b6e3ff; }
#advert-float { border-bottom: 5px solid #b6e3ff; background: #1c6796; }
#footer-float { border-bottom: 1px solid #17567e; }
#footer-border { border-top: 5px solid #b6e3ff; }
#copyright, #designer { color: #b6e3ff; }
@media screen and (min-width:480px){
#header-outer { background: url(../images/header.gif) top; }
}
/*****************************/
/*********** STYLES **********/
/*****************************/
body { background: #1f73a8; }
.blog-featured h2 a, .blog h2 a, .item-page h2 a { color: #154d71; text-decoration: none; }
.readmore a, #left-left-only a.readmore, #right-right-only a.readmore, #left-left-right a.readmore, #right-left-right a.readmore, #right-right-center a.readmore, #left-left-center a.readmore, #left-left-right-center a.readmore, #right-left-right-center a.readmore, #center-right-center a.readmore, #center-left-center a.readmore, #center-left-right-center a.readmore, #center-center-only a.readmore { color: #b6e3ff; background: url(../images/menu.gif) center; }
#login-form li a, .advert .newsflash-title a, .advert a.readmore, .advert .menu li a, .footer .menu li a, .footer .newsflash-title a, .footer a.readmore, #designer a { color: #b6e3ff; text-decoration: none; }
.advert, .footer, #topmenu, #topright { color: #b6e3ff; }
.advert .menu a, .footer .menu a { border-bottom: 1px solid #154d71; }
.advert h3.h3title, .footer h3.h3title { border-bottom: 3px solid #154d71; }
.user .moduletable h3.h3title, .user .moduletable_menu h3.h3title, .upper h3.h3title, .bottom h3.h3title { border-bottom: 3px solid #1f73a8; color: #154d71; }
.page-header h1, .contact h1 { border-bottom: 3px solid #1f73a8; color: #154d71; }
.blog-featured h2, .blog h2, .item-page h2, .contact h2 { color: #154d71; }
.pagination .pagenav { color: #b6e3ff; background: url(../images/menu.gif) center; }
/*****************************/
/*********** STYLES **********/
/*****************************/
#right-right-only .moduletable h3.h3title, #right-right-only .moduletable_menu h3.h3title, #left-left-only .moduletable h3.h3title, #left-left-only .moduletable_menu h3.h3title, #left-left-right .moduletable h3.h3title, #left-left-right .moduletable_menu h3.h3title, #right-left-right .moduletable h3.h3title, #right-left-right .moduletable_menu h3.h3title, #right-right-center .moduletable h3.h3title, #right-right-center .moduletable_menu h3.h3title, #left-left-center .moduletable h3.h3title, #left-left-center .moduletable_menu h3.h3title, #left-left-right-center .moduletable h3.h3title, #left-left-right-center .moduletable_menu h3.h3title, #right-left-right-center .moduletable h3.h3title, #right-left-right-center .moduletable_menu h3.h3title, #center-right-center .moduletable h3.h3title, #center-right-center .moduletable_menu h3.h3title, #center-left-center .moduletable h3.h3title, #center-left-center .moduletable_menu h3.h3title, #center-left-right-center .moduletable h3.h3title, #center-left-right-center .moduletable_menu h3.h3title, #center-center-only .moduletable h3.h3title, #center-center-only .moduletable_menu h3.h3title { color: #154d71; border-bottom: 3px solid #1f73a8; }
#right-right-only .menu li a, #left-left-only .menu li a, #left-left-right .menu li a, #right-left-right .menu li a, #right-right-center .menu li a, #left-left-center .menu li a, #left-left-right-center .menu li a, #right-left-right-center .menu li a, #center-right-center .menu li a, #center-left-center .menu li a, #center-left-right-center .menu li a, #center-center-only .menu li a { color: #b6e3ff; background: url(../images/menu.gif) center; }
#topmenu .menu a, #topright .menu a { color: #b6e3ff; text-decoration: none; }
#login-text { border: 1px solid #154d71; background: #1f73a8; }
#login-form .button, button.btn, #searchForm .button { color: #b6e3ff; background: url(../images/menu.gif) center; }
/*****************************/
/*********** STYLES **********/
/*****************************/
#navigation { background: #195a84; }
.navigation { color: #b6e3ff; }
#toolbar { background: #195a84; }
#toolbar .menu a { color: #b6e3ff; border-top: 1px solid #1f73a8; }
#toolbar .menu li li a { color: #b6e3ff; }
#toolbar .menu li li li a { color: #b6e3ff; }
@media screen and (min-width:480px){
#navigation { background: none; }
}
@media screen and (min-width:768px){
#navigation { border-right: 1px solid #1a618e; }
#toolbar { background: none; }
#toolbar .menu a { border-top: none; }
#toolbar .menu li { border-left: 1px solid #1a618e; }
#toolbar .menu li.active a, #toolbar .menu li.active a:hover, #toolbar .menu li.active a:active, #toolbar .menu li.active a:focus { background: url(../images/toolbar.gif) top; }
#toolbar .menu ul { background-color: #1f73a9; border-bottom: 1px solid #278fd1; border-right: 1px solid #278fd1; border-left: 1px solid #278fd1; }
#toolbar .menu ul li { background-color: none; border-left: none; }
#toolbar ul.menu li.active li a, #toolbar ul.menu li.active li a:hover, #toolbar ul.menu li.active li a:active, #toolbar ul.menu li.active li a:focus { color: #b6e3ff; }
#toolbar .menu ul ul { background-color: #154d71; border-top: 1px solid #278fd1; }
}
« Последнее редактирование: 13.02.2016, 17:59:56 от Se »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изменить область кликабельности ссылов в шаблоне (в шапке)

Автор Maffo

Ответов: 4
Просмотров: 656
Последний ответ 24.08.2021, 17:22:57
от Maffo
Не удается изменить страницу через конструктор yootheme

Автор bigbelka

Ответов: 0
Просмотров: 471
Последний ответ 05.08.2021, 12:06:21
от bigbelka
Protostar. Резиновый. Изменить размер в %

Автор Belka

Ответов: 29
Просмотров: 3736
Последний ответ 10.04.2021, 09:27:47
от sivers
Как изменить расположение Меню в Helix3?

Автор Bazaroff

Ответов: 18
Просмотров: 852
Последний ответ 24.01.2021, 19:06:59
от beliyadm
Изменить верстку дополнительного поля Radio в форме создания материала

Автор spro1

Ответов: 4
Просмотров: 654
Последний ответ 10.09.2020, 18:17:45
от sivers