Новости Joomla

👩‍💻 Компонент "CS Афиши" для Joomla.

👩‍💻 Компонент "CS Афиши" для Joomla.

Расширение "CS Афиши" позволяет выводить список мероприятий, фильтровать их по датам, поиск по заголовкам и описанию.

В состав пакета расширений входят:
- Компонент "CS Афиши"
- Модуль "Календарь событий"
- Модуль "Предстоящие события"
- Библиотека "ImgResize"

Расширение "CS Афиши" позволяет выводить список мероприятий, фильтровать их по датам, поиск по заголовкам и описанию.

Модуль "Календарь событий" отображает предстоящие и прошедшие мероприятие на календаре, с отображением мероприятий на конкретную дату во всплывающем окне.

Модуль "Предстоящие события" показывает список предстоящий событий по порядку их наступления.

P.S. Расширение платное, но плата символическая, чисто для отработки приема платежей. Ключи без ограничения по времени, купившие сейчас - смогут обновляться без ограничений.

Разработчик - участник нашего сообщества Дмитрий Денисов (@codersite).

Страница расширения
Демо

Яндекс выпустил инструмент Видимость сайта в Алисе AI.

Яндекс выпустил инструмент Видимость сайта в Алисе AI.

С тех пор, как в поисковиках появились нейроответы ИИ, трафик на сайты стал гораздо меньше, так как пользователь стал получать информацию непосредственно на странице поисковика без перехода на сайт. Но при генерации ответа ИИ указывает источники - ссылки на сайты, информация которых была использована для генерации ответа.

Долгое время у всех был немой вопрос: "Как же теперь оценивать эффективность сайта?". Теперь этот на этот вопрос отчасти отвечает новый инструмент аналитики.
Процитируем справку Яндекса по инструменту:
На запросы пользователей в Поиске может отвечать Алиса AI. Ответы появляются в поисковой выдаче, в объектных ответах и на отдельной вкладке Поиска. В них чаще всего упоминаются страницы сайтов, на которые Алиса AI опиралась при подготовке ответа.

С помощью инструмента Видимость сайта в Алисе AI в Яндекс Вебмастере вы можете:
- узнать долю упоминаний сайта среди источников в ответах Алисы AI в Поиске и отследить динамику изменений;
- посмотреть примеры запросов, по которым страницы сайта показываются в ответах Алисы AI;
- посмотреть примеры сайтов той же тематики, которые часто упоминаются в генеративной выдаче.
Данные отображаются за последние 3 месяца и обновляются каждую неделю.

Статистика собирается только по тем запросам, по которым ваш сайт уже находится достаточно высоко в поисковой выдаче. Это позволяет анализировать видимость именно в той нише, где вы заинтересованы в продвижении, и избегать «размытия» по малозначимым для вас запросам.

Кроме того, такой подход обусловлен работой Алисы AI: она строит ответ с опорой на самые релевантные, информативные и качественные страницы, которые обычно занимают высокие позиции в Поиске.

Чтобы увидеть статистику вашего сайта в меню Яндекс.Вебмастера перейдите в раздел "Эффективность" и далее в "Показы сайта в Алисе AI".

В начале февраля 2026г. был вебинар с Михаилом Сливинским - амбассадором Поиска Яндекса, и в рамках вебинара была озвучена просьба сделать такой инструмент. Скорее всего разработка на тот момент уже велась, потому что от просьбы до релиза прошло около 2-х месяцев. В любом случае хорошо, что такая статистика появилась.

Показы сайта в Алисе AI в вашем Яндекс,Вебмастере.

@joomlafeed

👩‍💻 ИИ-админ для Joomla ближе, чем вы думаете: Joomla MCP.

👩‍💻 ИИ-админ для Joomla ближе, чем вы думаете: Joomla MCP.

В февральском номере Joomla Community Magazine в статье Evolving Joomla - Joomla CMS MCP Server: Opening the Door to AI-Powered Administration рассказывается о работе команды разработчиков над внедрением в ядро Joomla MCP-сервера.

Что такое MCP-сервер?
Последние годы всех захватывает бум ИИ-технологий. Появились ИИ-агенты - программы, устанавливаемые на сервер или компьютер, которые получают от вас запрос или задачу в человеческом виде и могут выполнять действия с файлами, ходить по сайтам, создавать сайты, программировать и т.д. Люди используют ИИ-агентов в самых разных ситуациях: от написания и проверки кода (даже там, где язык программирования не знаете совсем) до планирования путешествий и бронирования гостиницы.

ИИ-агенты могут использовать различные программные инструменты по протоколу Model Context Protocol (MCP). Для этого разработчик программы должен внедрить MCP в свой продукт или сервис. Так, например, ваш ИИ-агент может ходить по сайтам через браузер и собирать нужную информацию, управляя браузером через MCP-сервер. Или использовать функционал IDE PHP Storm для написания кода, сбора и отладки ошибок, использовать поиск PHP Storm по кодовой базе, а не простой текстовый поиск по файлам. MCP предоставляет набор функций для полноценного управления программным обеспечением.

В случае с Joomla, сервер MCP может предоставить администраторам следующие возможности:
- Автоматическое создание категорий, материалов и меню на основе карты сайта или PDF-файла.
- Создавайть SEO-оптимизированные заголовки и метаописания в пакетном режиме.
- Обновлять расширения на нескольких сайтах одновременно
- Создание посадочные страницы.

Важно отметить, что сервер MCP не задумывался как функция, доступная только «супер-администраторам». Цель инициативы — создать решение, которое будет простым в настройке, маломощным и доступным для широкого круга пользователей.

В процессе разработки точка входа Joomla (аналогично Site, Administrator, Api, Cli), которая будет работать с Streamable HTTP, необходимым для MCP. Аутентификация пока что предполагается на токенах, но затем планируется создание универсального OAuth-сервера для Joomla.
Фактические возможности MCP — инструменты, ресурсы и подсказки — реализованы в виде плагинов для обеспечения расширяемости. Таким образом ожидаем, что и сторонние разработчики смогут создавать MCP-плагины для внедрения поддержки своих расширений Joomla для работы с ИИ.

@joomlafeed

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

napstric

  • Захожу иногда
  • 55
  • 0 / 0
Задний Фон
« : 22.01.2010, 00:27:13 »
Добрый день.
Использую стандартный шаблон JA Purity. Возникла идея поставить в шаблон задний фон в виде статичной картинки, а материалы и текст были прозрачными, слегка, что бы можно было видеть задний фон картинки. Ну или хотя бы, только задний фон, разбираюсь пока что плохо дается все не легко. Что я понял нужно в файле шаблона index.php найти строки типа этой theme_background и приписать что то подобное "background:url(Каталог/Картинка.jpg) top left repeat; height:20px"
Но как бы я ни старался ничего не получается (((?
*

Beer

  • Завсегдатай
  • 1110
  • 44 / 1
  • БИРУ - БИР!
Re: Задний Фон
« Ответ #1 : 22.01.2010, 01:18:52 »
background: url(../images/body_bg.jpg);
*

napstric

  • Захожу иногда
  • 55
  • 0 / 0
Re: Задний Фон
« Ответ #2 : 22.01.2010, 03:41:25 »
Очень исчерпывающий ответ. Если прочитать вопрос то итак можно понять что я это знаю, а вот где это точно поставить чтобы заработало?
*

Gazon

  • Захожу иногда
  • 138
  • 7 / 0
  • Образец морали куртуазной
Re: Задний Фон
« Ответ #3 : 22.01.2010, 04:15:13 »
Это вам в "Вопросы по CSS".
*

aspidy

  • Завсегдатай
  • 1008
  • 55 / 1
  • Миграция joomla 1.0-1.5-2.5
Re: Задний Фон
« Ответ #4 : 22.01.2010, 06:20:18 »
Цитировать
Очень исчерпывающий ответ. Если прочитать вопрос то итак можно понять что я это знаю, а вот где это точно поставить чтобы заработало?
В папке шаблона в папку images закидываете картинку фона, имя этой картинки добавляете в команду которую вам дали выше. Эту команду добавляете в файл index.php шаблона. В файле CSS корректируете характеристики.
Мелкий ремонт. skype poisk-plus
*

napstric

  • Захожу иногда
  • 55
  • 0 / 0
Re: Задний Фон
« Ответ #5 : 22.01.2010, 18:19:32 »
Народ хватит давать подсказки, может есть кто скажет грамотно и вразумительно что где подредактировать, ведь речь идет не о написании книги с нуля а о 10 строчках кода.
*

napstric

  • Захожу иногда
  • 55
  • 0 / 0
Re: Задний Фон
« Ответ #6 : 22.01.2010, 19:02:59 »
Подскажите что может быть неправильно
index.php:

<html>
 <head>
  <title>Тег BODY, параметр background</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 </head>
 <body background="/images/1.jpg">
  ...
 </body>
</html>

template.css:

BODY { background: url(/images/1.jpg) }
*

aspidy

  • Завсегдатай
  • 1008
  • 55 / 1
  • Миграция joomla 1.0-1.5-2.5
Re: Задний Фон
« Ответ #7 : 23.01.2010, 17:24:34 »
В файле template_css.css в голову вставляете
 body,html {   
  padding          : 0;
  margin           : 0;
  background     : url(../images/адрес картинки.jpg) no-repeat top left;
    }
картинка должна заполнять все пространство, если картинка меньше ставите repeat
Мелкий ремонт. skype poisk-plus
*

napstric

  • Захожу иногда
  • 55
  • 0 / 0
Re: Задний Фон
« Ответ #8 : 24.01.2010, 02:48:01 »
происходит следующее во время обнавления, загрузки страницы на весь экран эта картинка потом она исчезает и быть может есть а ее весь матерьял заслоняет, но ни по краям нигде не видно, что то я не так сделал. куда совать в index.php <html>
 <head>
  <title>Тег BODY, параметр background</title>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
 </head>
 <body background="/images/1.jpg">
 </body>
</html>
*

napstric

  • Захожу иногда
  • 55
  • 0 / 0
Re: Задний Фон
« Ответ #9 : 24.01.2010, 02:49:57 »
может ктонить покавыряется, я права выдам на время)  >:(
*

aspidy

  • Завсегдатай
  • 1008
  • 55 / 1
  • Миграция joomla 1.0-1.5-2.5
Re: Задний Фон
« Ответ #10 : 24.01.2010, 06:02:50 »
Цитировать
может ктонить покавыряется, я права выдам на время)
Нет необходимости сброс те  шаблон, я поковыряю
Мелкий ремонт. skype poisk-plus
*

napstric

  • Захожу иногда
  • 55
  • 0 / 0
Re: Задний Фон
« Ответ #11 : 24.01.2010, 17:23:40 »
Значит вот

index.php:

Код
<?php
/**
 * @copyright Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );

include_once (dirname(__FILE__).DS.'/ja_vars.php');

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">

<head>
<jdoc:include type="head" />
<?php JHTML::_('behavior.mootools'); ?>


<link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/template.css" type="text/css" />

<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.script.js"></script>

<?php if ($tmpTools->getParam('rightCollapsible')): ?>
<script language="javascript" type="text/javascript">
var rightCollapseDefault='<?php echo $tmpTools->getParam('rightCollapseDefault'); ?>';
var excludeModules='<?php echo $tmpTools->getParam('excludeModules'); ?>';
</script>
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.rightcol.js"></script>
<?php endif; ?>

<?php  if($this->direction == 'rtl') : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/template_rtl.css" type="text/css" />
<?php else : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/menu.css" type="text/css" />
<?php endif; ?>

<?php if ($this->countModules('hornav')): ?>
<?php if ($tmpTools->getParam('horNavType') == 'css'): ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/ja-sosdmenu.css" type="text/css" />
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.cssmenu.js"></script>
<?php else: ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/ja-sosdmenu.css" type="text/css" />
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.moomenu.js"></script>
<?php endif; ?>
<?php endif; ?>

<?php if ($tmpTools->getParam('theme_header') && $tmpTools->getParam('theme_header')!='-1') : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/styles/header/<?php echo $tmpTools->getParam('theme_header'); ?>/style.css" type="text/css" />
<?php endif; ?>
<?php if ($tmpTools->getParam('theme_background') && $tmpTools->getParam('theme_background')!='-1') : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/styles/background/<?php echo $tmpTools->getParam('theme_background'); ?>/style.css" type="text/css" />
<?php endif; ?>
<?php if ($tmpTools->getParam('theme_elements') && $tmpTools->getParam('theme_elements')!='-1') : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/styles/elements/<?php echo $tmpTools->getParam('theme_elements'); ?>/style.css" type="text/css" />
<?php endif; ?>

<!--[if gte IE 7.0]>
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<![endif]-->
<?php if ($tmpTools->isIE6()): ?>
<!--[if lte IE 6]>
<script type="text/javascript">
var siteurl = '<?php echo $tmpTools->baseurl();?>';

window.addEvent ('load', makeTransBG);
function makeTransBG() {
fixIEPNG($E('.ja-headermask'), '', '', 1);
fixIEPNG($E('h1.logo a'));
fixIEPNG($$('img'));
fixIEPNG ($$('#ja-mainnav ul.menu li ul'), '', 'scale', 0, 2);
}
</script>
<style type="text/css">
.ja-headermask, h1.logo a, #ja-cssmenu li ul { background-position: -1000px; }
#ja-cssmenu li ul li, #ja-cssmenu li a { background:transparent url(<?php echo $tmpTools->templateurl(); ?>images/blank.png) no-repeat right;}
.clearfix {height: 1%;}
</style>
<![endif]-->
<?php endif; ?>

<style type="text/css">
#ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer {width: <?php echo $tmpWidth; ?>;margin: 0 auto;}
#ja-wrapper {min-width: <?php echo $tmpWrapMin; ?>;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body id="bd" class="fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?> <?php echo $tmpTools->browser();?>" >
<a name="Top" id="Top"></a>
<ul class="accessibility">
<li><a href="#ja-content" title="<?php echo JText::_("Skip to content");?>"><?php echo JText::_("Skip to content");?></a></li>
<li><a href="#ja-mainnav" title="<?php echo JText::_("Skip to main navigation");?>"><?php echo JText::_("Skip to main navigation");?></a></li>
<li><a href="#ja-col1" title="<?php echo JText::_("Skip to 1st column");?>"><?php echo JText::_("Skip to 1st column");?></a></li>
<li><a href="#ja-col2" title="<?php echo JText::_("Skip to 2nd column");?>"><?php echo JText::_("Skip to 2nd column");?></a></li>
</ul>

<div id="ja-wrapper">

<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">
<div id="ja-header" class="clearfix" style="background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.'images/header'); ?>) no-repeat top <?php if($this->direction == 'rtl') echo 'left'; else echo 'right';?>;">

<div class="ja-headermask">&nbsp;</div>

<?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam('logoType')=='image'): ?>
<h1 class="logo">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>
<?php else:
$logoText = (trim($tmpTools->getParam('logoText'))=='')? $config->sitename : $tmpTools->getParam('logoText');
$sloganText = (trim($tmpTools->getParam('sloganText'))=='')? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText'); ?>
<h1 class="logo-text">
<a href="http://B000k.com/index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a>
</h1>
<p class="site-slogan"><?php echo $sloganText;?></p>
<?php endif; ?>

<?php $tmpTools->genToolMenu(JA_TOOL_FONT, 'png'); ?>

<?php if($this->countModules('user4')) : ?>
<div id="ja-search">
<jdoc:include type="modules" name="user4" />
</div>
<?php endif; ?></div>
</div>
<!-- END: HEADER -->

<!-- BEGIN: MAIN NAVIGATION -->
<?php if ($this->countModules('hornav')): ?>
<div id="ja-mainnavwrap">
<div id="ja-mainnav" class="clearfix">
<jdoc:include type="modules" name="hornav" />
</div>
</div>
<?php endif; ?>
<!-- END: MAIN NAVIGATION -->

<div id="ja-containerwrap<?php echo $divid; ?>">
<div id="ja-containerwrap2">
<div id="ja-container">
<div id="ja-container2" class="clearfix">

<div id="ja-mainbody<?php echo $divid; ?>" class="clearfix">

<!-- BEGIN: CONTENT -->
<div id="ja-contentwrap">
<div id="ja-content">

<jdoc:include type="message" />

<?php if(!$tmpTools->isFrontPage()) : ?>
<div id="ja-pathway">
<jdoc:include type="module" name="breadcrumbs" />
</div>
<?php endif ; ?>

<jdoc:include type="component" />

<?php if($this->countModules('banner')) : ?>
<div id="ja-banner">
<jdoc:include type="modules" name="banner" />
</div>
<?php endif; ?>

</div>
</div>
<!-- END: CONTENT -->

<?php if ($this->countModules('left')): ?>
<!-- BEGIN: LEFT COLUMN -->
<div id="ja-col1">
<jdoc:include type="modules" name="left" style="xhtml" />
</div><br />
<!-- END: LEFT COLUMN -->
<?php endif; ?>

</div>

<?php if ($this->countModules('right')): ?>
<!-- BEGIN: RIGHT COLUMN -->
<div id="ja-col2">
<jdoc:include type="modules" name="right" style="jarounded" />
</div><br />
<!-- END: RIGHT COLUMN -->
<?php endif; ?>


</div>
</div>
</div>
</div>

<?php
$spotlight = array ('user1','user2','top','user5');
$botsl = $tmpTools->calSpotlight ($spotlight,99,22);
if( $botsl ) :
?>
<!-- BEGIN: BOTTOM SPOTLIGHT -->
<div id="ja-botslwrap">
<div id="ja-botsl" class="clearfix">

  <?php if( $this->countModules('user1') ): ?>
  <div class="ja-box<?php echo $botsl['user1']['class']; ?>" style="width: <?php echo $botsl['user1']['width']; ?>;">
<jdoc:include type="modules" name="user1" style="xhtml" />
  </div>
  <?php endif; ?>

  <?php if( $this->countModules('user2') ): ?>
  <div class="ja-box<?php echo $botsl['user2']['class']; ?>" style="width: <?php echo $botsl['user2']['width']; ?>;">
<jdoc:include type="modules" name="user2" style="xhtml" />
  </div>
  <?php endif; ?>

  <?php if( $this->countModules('top') ): ?>
  <div class="ja-box<?php echo $botsl['top']['class']; ?>" style="width: <?php echo $botsl['top']['width']; ?>;">
<jdoc:include type="modules" name="top" style="xhtml" />
  </div>
  <?php endif; ?>

  <?php if( $this->countModules('user5') ): ?>
  <div class="ja-box<?php echo $botsl['user5']['class']; ?>" style="width: <?php echo $botsl['user5']['width']; ?>;">
<jdoc:include type="modules" name="user5" style="xhtml" />
  </div>
  <?php endif; ?>

</div>
</div>
<!-- END: BOTTOM SPOTLIGHT -->
<?php endif; ?>

<!-- BEGIN: FOOTER -->
<div id="ja-footerwrap">
<div id="ja-footer" class="clearfix">

<div id="ja-footnav">
<jdoc:include type="modules" name="user3" />
</div>

<div class="copyright">
<jdoc:include type="modules" name="footer" />
</div>

<div class="ja-cert">
<jdoc:include type="modules" name="syndicate" />
    <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="<?php echo JText::_("CSS Validity");?>" style="text-decoration: none;">
<img src="<?php echo $tmpTools->templateurl(); ?>/images/but-css.gif" border="none" alt="<?php echo JText::_("CSS Validity");?>" />
</a>
<a href="http://validator.w3.org/check/referer" target="_blank" title="<?php echo JText::_("XHTML Validity");?>" style="text-decoration: none;">
<img src="<?php echo $tmpTools->templateurl(); ?>/images/but-xhtml10.gif" border="none" alt="<?php echo JText::_("XHTML Validity");?>" />
</a>
</div>

<br />
</div>
</div>
<!-- END: FOOTER -->

</div>

<jdoc:include type="modules" name="debug" />

</body>

</html>

template.css:

Код
<style type="text/css">
<!--
body {
background-color: #9900CC;
}
-->
</style>/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
margin: 0;
padding: 0;
}

body {
color: #000000;
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
line-height: 150%;
}

body#bd {
color: #333333;
background: #F2F2F2;
}

body.contentpane {
width: auto; /* Printable Page */
margin: 1em 2em;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #333;
}

body.fs1 {
font-size: 10px;
}

body.fs2{
font-size: 11px;
}

body.fs3{
font-size: 12px;
}

body.fs4{
font-size: 13px;
}

body.fs5{
font-size: 14px;
}

body.fs6{
font-size: 15px;
}

/* Normal link */
a {
color: #006699;
text-decoration: underline;
}

a:hover, a:active, a:focus {
color: #333333;
text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
color: #666666;
font-size: 92%;
}

/* Heading */
h1 {

font-size: 180%;
}

h2 {
font-size: 150%;
}

h3 {
font-size: 125%;
}

h4 {
font-size: 100%;
text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 1em 0;
padding: 0;
}

ul {
list-style: none;
}

ul li {
padding-left: 30px;
background: url(../images/bullet.gif) no-repeat 18px 8px;
line-height: 180%;
}

ol li {
margin-left: 35px;
line-height: 180%;
}

th {
padding: 5px;
font-weight: bold;
text-align: left;
}

fieldset {
border: none;
padding: 10px 5px;
background: url(../images/hdot2.gif) repeat-x top;
}

fieldset a {
font-weight: bold;
}

hr {
border-top: 1px solid #CCCCCC;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
}

td, div {
font-size: 100%;
}

img {
border: none;
}
/* FORM
--------------------------------------------------------- */
form {
margin: 0;
padding: 0;
}

form label {
cursor: pointer;
}

input, select, textarea, .inputbox {
padding: 3px 5px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
}

.button {
padding: 3px 5px;
border: 1px solid #333333;
background: url(../images/grad1.gif) repeat-x top #333333;
color: #CCCCCC;
font-size: 85%;
text-transform: uppercase;
}

.button:hover, .button:focus {
border: 1px solid #999999;
background: #333333;
color: #FFFFFF;
}

* HTML .button {
padding: 2px 0 !important; /*IE 6*/
}

*+html .button {
padding: 2px 0 !important; /*IE 7*/
}

.inputbox {
border: 1px solid #CCCCCC;
background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
background: #FFFFCC;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
padding: 10px 15px;
margin: 5px 0 15px;
border-left: 5px solid #999999;
background: #FFFFFF;
font: 1em/1.5 "Courier News", monospace;
}

blockquote {
padding: 1em 40px 1em 15px;
}

blockquote span.open {
padding: 0 0 0 20px;
background: url(../images/so-q.gif) no-repeat left top;
}

blockquote span.close {
padding: 0 20px 0 0;
background: url(../images/sc-q.gif) no-repeat bottom right;
}

/* Quote hilight */
.quote-hilite {
padding: 10px 15px;
margin: 0;
border: 1px solid #CACACC;
background: #FFFFFF;
}

/* Small quote */
.small-quote {
margin: 0;
padding: 0;
background: none;
}

.small-quote span.open-quote {
margin: 0;
padding-left: 20px;
background: url(../images/so-q.gif) no-repeat center left;
}

.small-quote span.close-quote {
margin: 0;
padding-right: 20px;
background: url(../images/sc-q.gif) no-repeat center right;
}

.small-quote span.author {
padding: 2px 5px 2px 20px;
border-top: 1px solid #DCDDE0;
margin: 0.5em 0 0;
display: block;
background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
font-size: 90%;
text-transform: uppercase;
}

/* Rropcap */
.dropcap {
float: left;
padding: 4px 8px 0 0;
display: block;
color: #999999;
font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
p.error {
padding-left: 25px;
color: #BF0000;
background: url(../images/icon-error.gif) no-repeat top left;
}

p.message {
padding-left: 25px;
color: #006699;
background: url(../images/icon-info.gif) no-repeat top left;
}

p.tips {
padding-left: 25px;
color: #EE9600;
background: url(../images/icon-tips.gif) no-repeat top left;
}

.highlight {
padding: 1px 5px;
background: #FFFFCC;
font-weight: bold;
}

/* Note Style */
p.stickynote {
padding: 10px 0px 10px 40px;
border: 1px solid #CACACC;
background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
}

p.download {
padding: 10px 0px 10px 40px;
border: 1px solid #CACACC;
background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
}

.blocknumber {
clear: both;
padding: 5px 15px 10px;
position: relative;
}

/* Check list */
ul.checklist {
list-style: none;
}

ul.checklist li {
margin-left: 15px;
padding: 0 0 5px 20px;
background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Small checklist */
ul.small-checklist {
list-style: none;
}

ul.small-checklist li {
margin-left: 15px;
padding: 0 0 5px 20px;
background: url(../images/icon_list.gif) no-repeat 0 3px;
}

/* Check list */
ul.stars {
list-style: none;
}

ul.stars li {
margin-left: 15px;
padding: 0px 0 5px 20px;
background: url(../images/star-bg.gif) no-repeat 0 3px;
}

/* Bignumber */
.bignumber {
float: left;
margin-right: 8px;
padding: 6px 7px;
display: block;
background: url(../images/ol-bg.gif) no-repeat top left;
color: #7BA566;
font: bold 20px/normal Arial, sans-serif;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
padding-left: 15px;
margin-left: 15px;
background: url(../images/author.gif) no-repeat center left;
font-weight: bold;
}

div.bubble1 div {
margin: 0;
width: 100%;
background: url(../images/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
margin: 0;
padding: 15px 15px 30px 15px;
width: auto;
}

div.bubble2 div {
margin: 0;
width: 100%;
background: url(../images/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
margin: 0;
padding: 15px 15px 35px 15px;
width: auto;
}

div.bubble3 div {
margin: 0;
width: 100%;
background: url(../images/bub3-br.gif) no-repeat bottom right;
}

div.bubble3 div div {
background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
margin: 0;
padding: 15px 15px 50px 15px;
width: auto;
}

div.bubble4 div {
margin: 0;
width: 100%;
background: url(../images/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
margin: 0;
padding: 15px 15px 55px 15px;
width: auto;
}

/* Legend */
.legend-title {
margin: 0;
padding: 0 3px;
float: left;
display: block;
background: #F6F6F6;
font-weight: bold;
position: absolute;
top: -10px;
left: 7px;
}

.legend {
margin: 20px 0;
padding: 0 10px;
border: 1px solid #CACACC;
background: #FFFFFF;
position: relative;
}

/* Joomla STYLE
--------------------------------------------------------- */
table.blog {
}

.article_separator {
clear: both;
display: block;
height: 20px;
}

.article_column {
}

.column_separator {
padding: 0 25px;
}

/* content tables */
td.sectiontableheader {
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}

table.contentpane {
border: none;
width: 100%;
}

table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}

table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 35%;
float: right;
}

table.contenttoc a {
text-decoration: none;
}

table.contenttoc td {
padding: 1px 5px 1px 25px;
background: url(../images/bullet-list.gif) no-repeat 5% 50%;
}

table.contenttoc th {
padding: 0 0 3PX;
border-bottom: 1px solid #CCCCCC;
text-indent: 5px;
}

table.poll {
padding: 0;
width: 100%;
border-collapse: collapse;
}

table.pollstableborder {
padding: 0;
width: 100%;
border: none;
text-align: left;
}

table.pollstableborder img {
vertical-align: baseline;
}

table.pollstableborder td {
padding: 4px!important;
border-collapse: collapse;
border-spacing: 0;
}

table.pollstableborder tr.sectiontableentry1 td {
background: #ECECEC;
}

table.searchintro {
padding: 10px 0;
width: 100%;
}

table.searchintro td {
padding: 5px!important;
}

table.adminform {
}

.adminform .inputbox {
}

.blog_more {
padding: 10px 0;
background: url(../images/hdot.gif) repeat-x top;
}

.blog_more strong {
margin: 0 0 5px;
display: block;
font-size: 125%;
}

.blog_more ul {
margin: 0;
padding: 0;
}

.blog_more ul li {
margin: 0;
padding: 0 0 0 17px;
background: url(../images/bullet.gif) no-repeat 6px 8px;
}

.category {
font-weight: bold;
}

h1.componentheading, .componentheading {
padding: 5px 0 15px;
margin: 0 0 10px;
background: url(../images/hdot.gif) repeat-x bottom;
}

.componentheading {
font-size: 200%;
font-weight: bold;
}

.contentdescription {
padding-bottom: 30px;
}

h2.contentheading, .contentheading {
padding: 5px 0 8px;
margin: 0;
font-weight: normal;
}

table.blog .contentheading {
font-size: 150%;
}

.contentheading {
font-size: 200%;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
text-decoration: none !important;
}

a.readon {
float: left;
margin-top: 10px;
padding: 1px 5px 1px 14px;
border: 1px solid #F6F6F6;
display: block;
background: url(../images/arrow.png) no-repeat 5px 48%;
color: #006699;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus {
border: 1px solid #ECECEC;
background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}

.moduletable {
padding: 0;
}

ul.pagination {
margin: 15px auto;
padding: 10px 0;
background: url(../images/hdot.gif) repeat-x top;
}

ul.pagination li {
margin: 0;
padding: 0;
display: inline;
background: none;
}

ul.pagination li span{
padding: 2px 5px;
}

ul.pagination a {
padding: 2px 5px;
border: 1px solid #F6F6F6;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
border: 1px solid #ECECEC;
background: #FFFFFF;
}

.pagenavbar {
padding-left: 14px;
}

.pagenavcounter {
padding: 8px 14px 0 14px;
}

.sectiontableheader {
padding: 8px 5px;
background: #444444;
color: #FFFFFF;
}

.sectiontableheader a {
color: #FFFFFF;
}

tr.sectiontableentry1 td {
padding: 8px 5px;
background: url(../images/hdot2.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
padding: 8px 5px;
background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC;
}

.smalldark {
text-align: left;
}

div.syndicate div {
text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}

/* META
--------------------------------------------------------- */
.article-tools {
border-top: 1px solid #DDDDDD;
width: 100%;
float: left;
clear: both;
margin-bottom: 15px;
display: block;
background: #ECECEC;
}

.article-meta {
padding: 5px;
width: 80%;
float: left;
}

.createby {
padding: 3px 3px 3px 20px;
background: url(../images/icon-user.gif) no-repeat 0 2px;
}

.createdate {
padding: 3px 3px 3px 20px;
background: url(../images/icon-date.gif) no-repeat 0 2px;
}

.modifydate {
width: 100%;
float: left;
}

div.buttonheading {
float: right;
width: 15%;
}

.buttonheading img {
margin: 7px 5px 0 0;
border: 0;
float: right;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
width: 100%;
margin: 0;
background: #F2F2F2;
}

#ja-containerwrap {
background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}

#ja-containerwrap2 {
background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}

#ja-container {
background: url(../images/c-bg1.gif) repeat-y 18% 0;
}

#ja-container2 {
padding: 20px 0;
background: url(../images/c-bg2.gif) no-repeat 18% 0;
}

#ja-mainbody-fr #ja-col1 {
width: 20%;
}

#ja-mainbody-fr #ja-contentwrap {
width: 80%;
}

#ja-mainbody, #ja-mainbody-fl {
float: left;
width: 80%;
}

#ja-mainbody #ja-contentwrap {
float: right;
width: 75%;
}

#ja-mainbody-fl #ja-contentwrap {
float: left;
width: 100%;
}

#ja-mainbody-f, #ja-mainbody-fr {
float: none;
width: 100%;
}

#ja-mainbody-fr #ja-contentwrap {
width: 74.8%;
float: right;
}

#ja-mainbody-fr #ja-col1 {
width: 20%;
float: left;
}

#ja-mainbody-fr #ja-contentwrap {
width: 80%;
}

#ja-content {
padding: 0 20px 0 40px;
}
#ja-contentwrap {
min-height: 300px;
height: auto;
}
* HTML #ja-contentwrap {
height: 300px;
}
#ja-mainbody-fl #ja-content {
padding-left: 0;
}

#ja-mainbody-f #ja-content {
padding: 0;
}

/* Full */
#ja-containerwrap-f {
background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}

#ja-containerwrap-f #ja-containerwrap2 {
background: none;
}

#ja-containerwrap-f #ja-container,
#ja-containerwrap-f #ja-container2 {
background: none;
}

/* Full left */
#ja-containerwrap-fl {
background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}

#ja-containerwrap-fl #ja-containerwrap2,
#ja-containerwrap-fl #ja-container,
#ja-containerwrap-fl #ja-container2 {
background: none;
}

/* Full right */
#ja-containerwrap-fr {
background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}

#ja-containerwrap-fr #ja-containerwrap2 {
background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
background: #333333;
color: #CCCCCC;
line-height: normal;
height: 80px;
}

#ja-header {
position: relative;
height: 80px;
}

.ja-headermask {
width: 602px;
display: block;
background: url(../images/header-mask.png) no-repeat top right;
height: 80px;
position: absolute;
top: 0;
right: -1px;
}

#ja-header a {
color: #CCCCCC;
}

h1.logo, h1.logo-text {
margin: 0 0 0 5px;
padding: 0;
font-size: 180%;
text-transform: uppercase;
}

h1.logo a {
width: 208px;
display: block;
background: url(../images/logo.png) no-repeat;
height: 80px;
position: relative;
z-index: 100;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

h1.logo-text a {
color: #CCCCCC !important;
text-decoration: none;
outline: none;
position: absolute;
bottom: 40px;
left: 5px;
}

p.site-slogan {
margin: 0;
padding: 0;
padding: 2px 5px;
color: #FFFFFF;
background: #444444;
font-size: 92%;
position: absolute;
bottom: 20px;
left: 0;
}

/* Search */
#ja-search {
padding-left: 20px;
background: url(../images/icon-search.gif) no-repeat center left;
position: absolute;
bottom: 15px;
right: 0;
}

#ja-search .inputbox {
width: 120px;
border: 1px solid #333333;
padding: 3px 5px;
color: #999999;
background: #444444;
font-size: 92%;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */

#ja-pathway {
font-size: 92%;
}

#ja-pathway strong {
margin-right: 5px;
font-weight: normal;
}

#ja-pathway a {
text-decoration: none;
}

#ja-pathway img {
margin: 1px 5px;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable,
div.moduletable_menu,
div.moduletable_text {
padding: 0 0 20px;
margin-bottom: 15px;
background: url(../images/hdot.gif) repeat-x bottom;
}

div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3 {
padding: 0 0 8px;
margin: 0;
color: #7BA566;
font-size: 125%;
font-weight: bold;
text-transform: uppercase;
}

/* Module rounded */
div.module h3 {
margin: 0 -15px 10px;
padding: 8px 15px 5px;
border-bottom: 2px solid #F6F6F6;
color: #7BA566;
font-size: 125%;
font-weight: bold;
text-transform: uppercase;
}

div.module_black,
div.module_green,
div.module_blue,
div.module_red,
div.module {
margin-bottom: 20px;
float: left;
clear: both;
width: 100%;
background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF;
}

div.module div {
background: url(../images/b-bl.gif) no-repeat bottom left;
}

div.module div div {
background: url(../images/b-tr.gif) no-repeat top right;
}

div.module div div div {
padding: 0 15px 10px;
background: url(../images/b-tl.gif) no-repeat top left;
}

div.module_black div div div div,
div.module_green div div div div,
div.module_blue div div div div,
div.module_red div div div div,
div.module_text div div div div,
div.module div div div div {
margin: 0;
padding: 0;
float: none;
width: 99%;
background: none;
}

div.module_text h3 {
margin: 0 0 10px;
width: 100%;
clear: both;
display: block;
overflow: hidden;
}

div.module_text span {
padding: 0 3px 0 0;
float: left;
clear: both;
display: block;
background: #F6F6F6;
font-weight: bold;
}

div.module_text {
margin-bottom: 20px;
padding: 0;
float: left;
clear: both;
width: 100%;
background: url(../images/bt-br.gif) no-repeat bottom right #F6F6F6;
}

div.module_text div {
background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text div div {
background: url(../images/bt-tr.gif) no-repeat top right;
}

div.module_text div div div {
padding: 0 15px 10px;
display: block;
background: url(../images/bt-tl.gif) no-repeat top left;
}

div.banneritem_text {
padding: 5px 0 !important;
}

/* red */
div.module_black h3,
div.module_green h3,
div.module_blue h3,
div.module_red h3 {
margin: 0 -15px 10px;
padding: 8px 15px 5px;
border-bottom: 1px solid #F6F6F6;
color: #FFFFFF;
font-size: 125%;
font-weight: bold;
text-transform: uppercase;
}

div.module_red {
background: url(../images/br-br.gif) no-repeat bottom right #BF0000;
color: #FFFFFF;
}

div.module_red div {
background: url(../images/br-bl.gif) no-repeat bottom left;
}

div.module_red div div {
background: url(../images/br-tr.gif) no-repeat top right;
}

div.module_red div div div {
padding: 0 15px 10px;
background: url(../images/br-tl.gif) no-repeat top left;
}

/* blue */
div.module_blue {
background: url(../images/bb-br.gif) no-repeat bottom right #006699;
color: #FFFFFF;
}

div.module_blue div {
background: url(../images/bb-bl.gif) no-repeat bottom left;
}

div.module_blue div div {
background: url(../images/bb-tr.gif) no-repeat top right;
}

div.module_blue div div div {
padding: 0 15px 10px;
background: url(../images/bb-tl.gif) no-repeat top left;
}

/* green */
div.module_green {
background: url(../images/bg-br.gif) no-repeat bottom right #7BA566;
color: #FFFFFF;
}

div.module_green div {
background: url(../images/bg-bl.gif) no-repeat bottom left;
}

div.module_green div div {
background: url(../images/bg-tr.gif) no-repeat top right;
}

div.module_green div div div {
padding: 0 15px 10px;
background: url(../images/bg-tl.gif) no-repeat top left;
}

/* black */
div.module_black {
background: url(../images/bl-br.gif) no-repeat bottom right #333333;
color: #FFFFFF;
}

div.module_black div {
background: url(../images/bl-bl.gif) no-repeat bottom left;
}

div.module_black div div {
background: url(../images/bl-tr.gif) no-repeat top right;
}

div.module_black div div div {
padding: 0 15px 10px;
background: url(../images/bl-tl.gif) no-repeat top left;
}

div.module_blue ul,
div.module_blue ol,
div.module_red ul,
div.module_red ol,
div.module_black ul,
div.module_black ol,
div.module_green ul,
div.module_green ol {
margin: 0;
padding: 0;
}

div.module_blue li,
div.module_red li,
div.module_black li,
div.module_green li {
margin-left: 20px;
padding: 0;
line-height: 150%;
}

div.module_blue a,
div.module_red a,
div.module_black a,
div.module_green a {
color: #FFFFFF;
}

div.advs {
float: left;
width: 100%;
clear: both;
display: block;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
float: left;
width: 24.99%;
padding-top: 10px;
overflow: hidden;
}

#ja-col2 {
float: right;
width: 20%;
overflow: hidden;
}

#ja-col1 table,
#ja-col2 table {
border-collapse: collapse;
border-spacing: 0;
}

#ja-col1 ul li,
#ja-col2 ul li {
padding-left: 15px;
margin: 0;
background: url(../images/bullet.gif) no-repeat 5px 50%;
}

#ja-col1 ul, #ja-col2 ul {
margin: 0;
}

#ja-col1 ol, #ja-col2 ol {
margin-left: 5px;
}

#ja-col1 .article_separator,
#ja-col2 .article_separator {
display: none;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}

.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
padding-right: 30px;
background: none;
}

.ja-box-right div.moduletable {
padding-left: 30px;
background: url(../images/vdot2.gif) repeat-y left;
}

.ja-box-center div.moduletable {
padding: 0 30px;
background: url(../images/vdot2.gif) repeat-y left;
}

#ja-botsl h3 {
background: none;
}

#ja-botslwrap {
border-top: 5px solid #CCCCCC;
background: #444444;
color: #CCCCCC;
}

#ja-botsl {
padding: 15px 0;
}

#ja-botsl div.moduletable {
padding-top: 0;
padding-bottom: 0;
margin: 0;
}

#ja-botsl h3 {
margin: 0 0 12px;
padding: 0;
color: #FFFFFF;
}

#ja-botsl a {
color: #CCCCCC;
}

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #FFFFFF;
}

#ja-botsl ul, #ja-botsl p, #ja-botsl ol {
padding: 0;
margin: 0 !important;
}

#ja-botsl ul li {
padding: 0 0 0 15px;
margin: 0;
background: url(../images/bullet2.gif) no-repeat 3px 8px;
}

#ja-botsl ol li {
margin-left: 25px;
padding: 0 !important;
}

#ja-botsl td {
padding: 0;
}

#ja-botsl .article_separator {
display: none;
}

#ja-botsl table {
border-spacing: 0;
border-collapse: collapse;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
border-top: 5px solid #CCCCCC;
padding: 20px 0 30px;
clear: both;
background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
}

#ja-footer {
padding: 0;
color: #666666;
background: url(../images/vdot.gif) repeat-y 22% 0;
position: relative;
}

#ja-footer .copyright {
clear: both;
display: block;
padding-left: 25%;
color: #666666;
font-style: normal;
font-size: 92%;
}

#ja-footnav {
padding-left: 25%;
}

#ja-footer ul {
margin: 0 0 5px;
padding: 0;
}

#ja-footer li {
margin: 0;
padding: 0;
display: inline;
background: none;
}

#ja-footer li a {
padding: 0 15px 0 0;
display: inline;
color: #666666;
font-weight: bold;
font-size: 92%;
line-height: normal;
text-decoration: none;
text-transform: uppercase;
}

#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {
color: #333333;
text-decoration: none;
}

.ja-cert {
font-size: 92%;
position: absolute;
right: 0;
top: 18px;
}

.ja-cert a {
margin: 0 0 0 5px;
padding: 0;
border: none;
border: none;
text-decoration: none;
}

.ja-cert a span {
display: none;
}

.ja-cert a img {
border: none;
}

.banneritem {
display: block;
margin-top: 15px;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
position: absolute;
top: -100%;
}

/*usertool*/
ul.ja-usertools-font {
font-size: 11px;
position: absolute;
top: 8px;
right: 70px;
}

ul.ja-usertools-font li {
padding: 0;
margin: 0;
display: inline;
background: none;
}

/*collapsible h3*/
h3.show {
background: url(../images/arrow2.png) no-repeat 90% 60%;
cursor: pointer;
}

h3.hide {
background: url(../images/arrow3.png) no-repeat 90% 60%;
cursor: pointer;
}

/*others*/
#ja-banner {
margin: 15px 0;
text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
margin: 10px 0;
display: block;
background: none!important;
text-decoration: none!important;
}

#form-login p {
margin: 0 0 5px;
}

#form-login ul {
margin: 10px 0 0;
}

#form-login .inputbox {
width: 90%;
}

.clr {
clear: both;
}

.hasTip img {
margin: 10px 5px 0 0;
border: none;
}

/* Tooltips */
.tool-tip {
float: left;
border: 1px solid #D4D5AA;
padding: 5px;
background: #FFFFCC;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
}

.tool-text {
margin: 0;
font-size: 100%;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
padding: 0;
margin: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
background: none;
padding: 5px;
margin: 0;
color: #FFFFFF;
}

/* System Standard Messages */
#system-message dd.message ul {
background: #006699;
border: none;
}

/* System Error Messages */
#system-message dd.error ul {
background: #BF0000;
border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
background: #EE9600;
border: none;
}

/* Clearfix */
.clearfix:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

* HTML > body .clearfix {
width: 100%;
display: block;
}

* HTML .clearfix {
height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
margin-bottom: 1px;
height: 100%!important;
height: auto;
}

*

aspidy

  • Завсегдатай
  • 1008
  • 55 / 1
  • Миграция joomla 1.0-1.5-2.5
Re: Задний Фон
« Ответ #12 : 24.01.2010, 17:43:11 »
Поменяйте в файле CSS background-color: #9900CC; на   background     : url(../images/1.jpg) no-repeat top left;
Мелкий ремонт. skype poisk-plus
*

napstric

  • Захожу иногда
  • 55
  • 0 / 0
Re: Задний Фон
« Ответ #13 : 24.01.2010, 18:07:33 »
никаких исменений, только в CSS нужно менять или в index.php тоже?
*

windik

  • Осваиваюсь на форуме
  • 34
  • 0 / 0
Re: Задний Фон
« Ответ #14 : 25.01.2010, 00:23:48 »
я не спец конечно,но вот попробуй так

{
   margin: 0 auto;
   padding: 0;
   background-color: #цвет фона;
   background-image: url('images/твоя картинка.jpg');
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-position: top left;
}
*

napstric

  • Захожу иногда
  • 55
  • 0 / 0
Re: Задний Фон
« Ответ #15 : 25.01.2010, 03:08:53 »
Нет.
*

aspidy

  • Завсегдатай
  • 1008
  • 55 / 1
  • Миграция joomla 1.0-1.5-2.5
Re: Задний Фон
« Ответ #16 : 25.01.2010, 06:43:29 »
Цитировать
никаких исменений, только в CSS нужно менять или в index.php тоже?
Скиньте полностью шаблон, иначе гадать можно долго. Нужно смотреть где что стоит. Хватит замены в CSS или нужно менять в index.
Мелкий ремонт. skype poisk-plus
*

napstric

  • Захожу иногда
  • 55
  • 0 / 0
Re: Задний Фон
« Ответ #17 : 25.01.2010, 22:38:03 »
Стандартный шаблон JA_Purity

index.php

Код
<?php
/**
 * @copyright Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant
 * to the GNU General Public License, and as distributed it includes or
 * is derivative of works licensed under the GNU General Public License or
 * other free or open source software licenses.
 * See COPYRIGHT.php for copyright notices and details.
 */

// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );

include_once (dirname(__FILE__).DS.'/ja_vars.php');

?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">

<head>
<jdoc:include type="head" />
<?php JHTML::_('behavior.mootools'); ?>


<link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->baseurl(); ?>templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/template.css" type="text/css" />

<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.script.js"></script>

<?php if ($tmpTools->getParam('rightCollapsible')): ?>
<script language="javascript" type="text/javascript">
var rightCollapseDefault='<?php echo $tmpTools->getParam('rightCollapseDefault'); ?>';
var excludeModules='<?php echo $tmpTools->getParam('excludeModules'); ?>';
</script>
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.rightcol.js"></script>
<?php endif; ?>

<?php  if($this->direction == 'rtl') : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/template_rtl.css" type="text/css" />
<?php else : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/menu.css" type="text/css" />
<?php endif; ?>

<?php if ($this->countModules('hornav')): ?>
<?php if ($tmpTools->getParam('horNavType') == 'css'): ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/ja-sosdmenu.css" type="text/css" />
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.cssmenu.js"></script>
<?php else: ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/css/ja-sosdmenu.css" type="text/css" />
<script language="javascript" type="text/javascript" src="<?php echo $tmpTools->templateurl(); ?>/js/ja.moomenu.js"></script>
<?php endif; ?>
<?php endif; ?>

<?php if ($tmpTools->getParam('theme_header') && $tmpTools->getParam('theme_header')!='-1') : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/styles/header/<?php echo $tmpTools->getParam('theme_header'); ?>/style.css" type="text/css" />
<?php endif; ?>
<?php if ($tmpTools->getParam('theme_background') && $tmpTools->getParam('theme_background')!='-1') : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/styles/background/<?php echo $tmpTools->getParam('theme_background'); ?>/style.css" type="text/css" />
<?php endif; ?>
<?php if ($tmpTools->getParam('theme_elements') && $tmpTools->getParam('theme_elements')!='-1') : ?>
<link rel="stylesheet" href="<?php echo $tmpTools->templateurl(); ?>/styles/elements/<?php echo $tmpTools->getParam('theme_elements'); ?>/style.css" type="text/css" />
<?php endif; ?>

<!--[if gte IE 7.0]>
<style type="text/css">
.clearfix {display: inline-block;}
</style>
<![endif]-->
<?php if ($tmpTools->isIE6()): ?>
<!--[if lte IE 6]>
<script type="text/javascript">
var siteurl = '<?php echo $tmpTools->baseurl();?>';

window.addEvent ('load', makeTransBG);
function makeTransBG() {
fixIEPNG($E('.ja-headermask'), '', '', 1);
fixIEPNG($E('h1.logo a'));
fixIEPNG($$('img'));
fixIEPNG ($$('#ja-mainnav ul.menu li ul'), '', 'scale', 0, 2);
}
</script>
<style type="text/css">
.ja-headermask, h1.logo a, #ja-cssmenu li ul { background-position: -1000px; }
#ja-cssmenu li ul li, #ja-cssmenu li a { background:transparent url(<?php echo $tmpTools->templateurl(); ?>images/blank.png) no-repeat right;}
.clearfix {height: 1%;}
</style>
<![endif]-->
<?php endif; ?>

<style type="text/css">
#ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer {width: <?php echo $tmpWidth; ?>;margin: 0 auto;}
#ja-wrapper {min-width: <?php echo $tmpWrapMin; ?>;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>

<body id="bd" class="fs<?php echo $tmpTools->getParam(JA_TOOL_FONT);?> <?php echo $tmpTools->browser();?>" >
<a name="Top" id="Top"></a>
<ul class="accessibility">
<li><a href="#ja-content" title="<?php echo JText::_("Skip to content");?>"><?php echo JText::_("Skip to content");?></a></li>
<li><a href="#ja-mainnav" title="<?php echo JText::_("Skip to main navigation");?>"><?php echo JText::_("Skip to main navigation");?></a></li>
<li><a href="#ja-col1" title="<?php echo JText::_("Skip to 1st column");?>"><?php echo JText::_("Skip to 1st column");?></a></li>
<li><a href="#ja-col2" title="<?php echo JText::_("Skip to 2nd column");?>"><?php echo JText::_("Skip to 2nd column");?></a></li>
</ul>

<div id="ja-wrapper">

<!-- BEGIN: HEADER -->
<div id="ja-headerwrap">
<div id="ja-header" class="clearfix" style="background: url(<?php echo $tmpTools->templateurl(); ?>/images/header/<?php echo $tmpTools->getRandomImage(dirname(__FILE__).DS.'images/header'); ?>) no-repeat top <?php if($this->direction == 'rtl') echo 'left'; else echo 'right';?>;">

<div class="ja-headermask">&nbsp;</div>

<?php
$siteName = $tmpTools->sitename();
if ($tmpTools->getParam('logoType')=='image'): ?>
<h1 class="logo">
<a href="index.php" title="<?php echo $siteName; ?>"><span><?php echo $siteName; ?></span></a>
</h1>
<?php else:
$logoText = (trim($tmpTools->getParam('logoText'))=='')? $config->sitename : $tmpTools->getParam('logoText');
$sloganText = (trim($tmpTools->getParam('sloganText'))=='')? JText::_('SITE SLOGAN') : $tmpTools->getParam('sloganText'); ?>
<h1 class="logo-text">
<a href="http://B000k.com/index.php" title="<?php echo $siteName; ?>"><span><?php echo $logoText; ?></span></a>
</h1>
<p class="site-slogan"><?php echo $sloganText;?></p>
<?php endif; ?>

<?php $tmpTools->genToolMenu(JA_TOOL_FONT, 'png'); ?>

<?php if($this->countModules('user4')) : ?>
<div id="ja-search">
<jdoc:include type="modules" name="user4" />
</div>
<?php endif; ?></div>
</div>
<!-- END: HEADER -->

<!-- BEGIN: MAIN NAVIGATION -->
<?php if ($this->countModules('hornav')): ?>
<div id="ja-mainnavwrap">
<div id="ja-mainnav" class="clearfix">
<jdoc:include type="modules" name="hornav" />
</div>
</div>
<?php endif; ?>
<!-- END: MAIN NAVIGATION -->

<div id="ja-containerwrap<?php echo $divid; ?>">
<div id="ja-containerwrap2">
<div id="ja-container">
<div id="ja-container2" class="clearfix">

<div id="ja-mainbody<?php echo $divid; ?>" class="clearfix">

<!-- BEGIN: CONTENT -->
<div id="ja-contentwrap">
<div id="ja-content">

<jdoc:include type="message" />

<?php if(!$tmpTools->isFrontPage()) : ?>
<div id="ja-pathway">
<jdoc:include type="module" name="breadcrumbs" />
</div>
<?php endif ; ?>

<jdoc:include type="component" />

<?php if($this->countModules('banner')) : ?>
<div id="ja-banner">
<jdoc:include type="modules" name="banner" />
</div>
<?php endif; ?>

</div>
</div>
<!-- END: CONTENT -->

<?php if ($this->countModules('left')): ?>
<!-- BEGIN: LEFT COLUMN -->
<div id="ja-col1">
<jdoc:include type="modules" name="left" style="xhtml" />
</div><br />
<!-- END: LEFT COLUMN -->
<?php endif; ?>

</div>

<?php if ($this->countModules('right')): ?>
<!-- BEGIN: RIGHT COLUMN -->
<div id="ja-col2">
<jdoc:include type="modules" name="right" style="jarounded" />
</div><br />
<!-- END: RIGHT COLUMN -->
<?php endif; ?>


</div>
</div>
</div>
</div>

<?php
$spotlight = array ('user1','user2','top','user5');
$botsl = $tmpTools->calSpotlight ($spotlight,99,22);
if( $botsl ) :
?>
<!-- BEGIN: BOTTOM SPOTLIGHT -->
<div id="ja-botslwrap">
<div id="ja-botsl" class="clearfix">

 <?php if( $this->countModules('user1') ): ?>
 <div class="ja-box<?php echo $botsl['user1']['class']; ?>" style="width: <?php echo $botsl['user1']['width']; ?>;">
<jdoc:include type="modules" name="user1" style="xhtml" />
 </div>
 <?php endif; ?>

 <?php if( $this->countModules('user2') ): ?>
 <div class="ja-box<?php echo $botsl['user2']['class']; ?>" style="width: <?php echo $botsl['user2']['width']; ?>;">
<jdoc:include type="modules" name="user2" style="xhtml" />
 </div>
 <?php endif; ?>

 <?php if( $this->countModules('top') ): ?>
 <div class="ja-box<?php echo $botsl['top']['class']; ?>" style="width: <?php echo $botsl['top']['width']; ?>;">
<jdoc:include type="modules" name="top" style="xhtml" />
 </div>
 <?php endif; ?>

 <?php if( $this->countModules('user5') ): ?>
 <div class="ja-box<?php echo $botsl['user5']['class']; ?>" style="width: <?php echo $botsl['user5']['width']; ?>;">
<jdoc:include type="modules" name="user5" style="xhtml" />
 </div>
 <?php endif; ?>

</div>
</div>
<!-- END: BOTTOM SPOTLIGHT -->
<?php endif; ?>

<!-- BEGIN: FOOTER -->
<div id="ja-footerwrap">
<div id="ja-footer" class="clearfix">

<div id="ja-footnav">
<jdoc:include type="modules" name="user3" />
</div>

<div class="copyright">
<jdoc:include type="modules" name="footer" />
</div>

<div class="ja-cert">
<jdoc:include type="modules" name="syndicate" />
    <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="<?php echo JText::_("CSS Validity");?>" style="text-decoration: none;">
<img src="<?php echo $tmpTools->templateurl(); ?>/images/but-css.gif" border="none" alt="<?php echo JText::_("CSS Validity");?>" />
</a>
<a href="http://validator.w3.org/check/referer" target="_blank" title="<?php echo JText::_("XHTML Validity");?>" style="text-decoration: none;">
<img src="<?php echo $tmpTools->templateurl(); ?>/images/but-xhtml10.gif" border="none" alt="<?php echo JText::_("XHTML Validity");?>" />
</a>
</div>

<br />
</div>
</div>
<!-- END: FOOTER -->

</div>

<jdoc:include type="modules" name="debug" />

</body>

</html>

template_rtl.css:

Код
/* COMMON STYLE
--------------------------------------------------------- */
html {
direction: rtl;
}

ul li {
padding-right: 30px;
background-position: 98% 8px;
}

ol li {
margin-right: 35px;
margin-left: -35px;
padding: 0;
}

th {
text-align: right;
}

/* Joomla STYLE
--------------------------------------------------------- */
td.sectiontableheader {
  border-left: 1px solid #fff;
  border-right: none;
}

table.contenttoc {
float:left;
margin: 0 10px 10px 0px;
}

table.contenttoc td {
padding: 1px 25px 1px 5px;
background-position: 95% 50%;
}

table.pollstableborder {
text-align: right;
}

.blog_more ul li {
padding: 0 17px 0 0;
background-position: 98% 8px;
}

a.readon {
float: right;
padding: 1px 14px 1px 5px;
background: url(../images/rtl/arrow.png) no-repeat 95% 48%;
}

a.readon:hover, a.readon:active, a.readon:focus {
background: url(../images/rtl/arrow.png) no-repeat 95% 48% #FFFFFF;
}

ul.pagination li span{
padding: 0;
}

.pagenavbar {
padding-right: 14px;
background-position: center right;
}

.pagenavcounter {
padding: 8px 14px 0 14px;
background-position: 0 11px;
}

.smalldark {
text-align: right;
}

/* META
--------------------------------------------------------- */
.article-tools {
float: right;
}

.article-meta {
float: right;
}

.createby {
padding: 3px 20px 3px 3px;
background-position: 100% 5px;
float: right;
}

.createdate {
padding: 3px 20px 3px 3px;
background-position: 100% 5px;
float: right;
}

.buttonheading img {
margin: 7px 0 0 5px;
float: left;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-containerwrap {
background: url(../images/rtl/cw-bg12.gif) repeat-y 50% 0;
}

#ja-containerwrap-fr {
background: url(../images/rtl/cw-bg12.gif) repeat-y 50% 0;
}

#ja-containerwrap2 {
background: url(../images/rtl/cw-bg2.gif) no-repeat 50% 0;
}

#ja-container {
background: url(../images/rtl/c-bg1.gif) repeat-y 82% 0;
padding: 0;
}

#ja-container2 {
background: url(../images/rtl/c-bg2.gif) no-repeat 82% top;
padding: 20px 0;
}

#ja-mainbody, #ja-mainbody-fl {
float: right;
}

#ja-mainbody #ja-contentwrap,
#ja-mainbody-fr #ja-contentwrap,
#ja-mainbody-fl #ja-contentwrap {
float: left;
}

#ja-mainbody-fl #ja-contentwrap #ja-content {
padding-left: 20px;
}

#ja-mainbody-f, #ja-mainbody-fr {
float: right;
}

#ja-content {
padding: 0 40px 0 20px;
}
.OPE #ja-content {
padding-left: 40px;
}
.OPE #ja-mainbody #ja-content {
padding-right: 20px;
}
#ja-mainbody-fl #ja-content {
padding-right: 0;
}

/* Full */
#ja-containerwrap-f {
background: url(../images/rtl/cwf-bg.gif) repeat-x top right #F6F6F6;
}

/* Full right */
#ja-containerwrap-fl {
background: url(../images/rtl/cwf-bg.gif) repeat-x top right #F6F6F6;
}

#ja-containerwrap-fr #ja-containerwrap2 {
background: url(../images/rtl/cw-bg2.gif) no-repeat 50% 0;
}

/* HEADER
--------------------------------------------------------- */
.ja-headermask {
background-position: top left;
left: -1px;
right: auto;
}

h1.logo-text a {
right: 5px;
left: auto;
}

p.site-slogan {
right: 0;
left: auto;
}

/* Search */
#ja-search {
background-position: center right;
left: 0;
right: auto;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */

/* MODULE
--------------------------------------------------------- */
div.module_black,
div.module_green,
div.module_blue,
div.module_red,
div.module {
float: right;
}

div.module_black div div div div,
div.module_green div div div div,
div.module_blue div div div div,
div.module_red div div div div,
div.module_text div div div div,
div.module div div div div {
float: none;
}

div.module_text span {
float: right;
}

div.module_text {
float: right;
}

div.module_blue li,
div.module_red li,
div.module_black li,
div.module_green li {
margin-right: 20px;
margin-left: auto;
}

div.advs {
float: right;
}

/* PATHWAY
--------------------------------------------------------- */
#ja-pathway {
}

/* right COLUMN + left COLUMN
--------------------------------------------------------- */
#ja-col1 {
float: right;
}

#ja-col2 {
float: left;
}

#ja-col1 ul li,
#ja-col2 ul li {
padding-right: 15px;
background-position: 100% 10px;
}

#ja-col1 ol, #ja-col2 ol,
#ja-col1 ul, #ja-col2 ul
{
margin-right: 5px;
}
ul.menu li.active a span {
background: none;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-right, .ja-box-center, .ja-box-left {
float: right;
}

.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
padding-left: 30px;
}

.ja-box-right div.moduletable {
padding-left: 30px;
padding-right: 30px;
background-position: right;
}

.ja-box-center div.moduletable {
background-position: right;
}

#ja-botsl ul li {
padding: 0 15px 0 0;
background-position: 99% 8px;
}

#ja-botsl ol li {
margin-right: 25px;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footer {
background-position: 78% 0;
}

#ja-footer .copyright {
padding-right: 25%;
}

#ja-footnav {
padding-right: 25%;
}

#ja-footnav li{
float: right;
direction: ltr;
}

#ja-footer li a {
padding: 0 0 0 15px;
}

.ja-cert {
left: 0;
right: auto;
}

.ja-cert a {
margin: 0 5px 0 0;
}

.banneritem {
display: block;
margin-top: 15px;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/*usertool*/
ul.ja-usertools-font {
left: 70px;
right: auto;
}

/*collapsible h3*/
h3.show {
background-position: 10% 60%;
}

h3.hide {
background-position: 10% 60%;
}

.hasTip img {
margin: 10px 0 0 5px;
}

/* Tooltips */
.tool-tip {
float: right;
}

.breadcrumbs {
}

.breadcrumbs a {
float: right;
}

.breadcrumbs img {
float: right;
margin-top: 10px;
padding-top: 5px;
}

/* MainNav
--------------------------------------------------------- */
#ja-mainnav{
direction: ltr;
}

#ja-mainnav li a {
direction: rtl;
}

#ja-cssmenu {
float: right;
}

#ja-cssmenu li {
float: right;
}

#ja-cssmenu li ul {
right: 0;
}

#ja-cssmenu li ul ul {
margin: -1.5em 14em 0 0; /* third-and-above-level lists */
}

#ja-cssmenu li li {
padding: 0 0 0 1em;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-cssmenu li ul a {
border-left: none;
}

#ja-cssmenu li.havesubchild,
#ja-cssmenu li.havesubchild-active {
background-position: 6% 50%;
}

body.IE6 #ja-cssmenu li ul,
body.IE7 #ja-cssmenu li ul,
body.OPE #ja-cssmenu li ul {
left: auto;
top: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

body.IE6 #ja-cssmenu li.sfhover ul ul, body.IE6 #ja-cssmenu li.havechildsfhover ul ul, body.IE6 #ja-cssmenu li.havechild-activesfhover ul ul, body.IE6 #ja-cssmenu li.activesfhover ul ul,
body.IE6 #ja-cssmenu li.sfhover ul ul ul, body.IE6 #ja-cssmenu li.havechildsfhover ul ul ul, body.IE6 #ja-cssmenu li.havechild-activesfhover ul ul ul, body.IE6 #ja-cssmenu li.activesfhover ul ul ul,
body.IE7 #ja-cssmenu li.sfhover ul ul, body.IE7 #ja-cssmenu li.havechildsfhover ul ul, body.IE7 #ja-cssmenu li.havechild-activesfhover ul ul, body.IE7 #ja-cssmenu li.activesfhover ul ul,
body.IE7 #ja-cssmenu li.sfhover ul ul ul, body.IE7 #ja-cssmenu li.havechildsfhover ul ul ul, body.IE7 #ja-cssmenu li.havechild-activesfhover ul ul ul, body.IE7 #ja-cssmenu li.activesfhover ul ul ul,
body.OPE #ja-cssmenu li.sfhover ul ul, body.OPE #ja-cssmenu li.havechildsfhover ul ul, body.OPE #ja-cssmenu li.havechild-activesfhover ul ul, body.OPE #ja-cssmenu li.activesfhover ul ul,
body.OPE #ja-cssmenu li.sfhover ul ul ul, body.OPE #ja-cssmenu li.havechildsfhover ul ul ul, body.OPE #ja-cssmenu li.havechild-activesfhover ul ul ul, body.OPE #ja-cssmenu li.activesfhover ul ul ul {
left: auto;
left: auto;
top: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
body.IE6 #ja-cssmenu li.sfhover ul, body.IE6 #ja-cssmenu li.havechildsfhover ul, body.IE6 #ja-cssmenu li.havechild-activesfhover ul, body.IE6 #ja-cssmenu li.activesfhover ul,
body.IE6 #ja-cssmenu li li.sfhover ul, body.IE6 #ja-cssmenu li li.havesubchildsfhover ul, body.IE6 #ja-cssmenu li li.havesubchild-activesfhover ul, body.IE6 #ja-cssmenu li li.activesfhover ul,
body.IE6 #ja-cssmenu li li li.sfhover ul, body.IE6 #ja-cssmenu li li li.havesubchildsfhover ul, body.IE6 #ja-cssmenu li li li.havesubchild-activesfhover ul, body.IE6 #ja-cssmenu li li li.activesfhover ul,
body.IE7 #ja-cssmenu li.sfhover ul, body.IE7 #ja-cssmenu li.havechildsfhover ul, body.IE7 #ja-cssmenu li.havechild-activesfhover ul, body.IE7 #ja-cssmenu li.activesfhover ul,
body.IE7 #ja-cssmenu li li.sfhover ul, body.IE7 #ja-cssmenu li li.havesubchildsfhover ul, body.IE7 #ja-cssmenu li li.havesubchild-activesfhover ul, body.IE7 #ja-cssmenu li li.activesfhover ul,
body.IE7 #ja-cssmenu li li li.sfhover ul, body.IE7 #ja-cssmenu li li li.havesubchildsfhover ul, body.IE7 #ja-cssmenu li li li.havesubchild-activesfhover ul, body.IE7 #ja-cssmenu li li li.activesfhover ul,
body.OPE #ja-cssmenu li.sfhover ul, body.OPE #ja-cssmenu li.havechildsfhover ul, body.OPE #ja-cssmenu li.havechild-activesfhover ul, body.OPE #ja-cssmenu li.activesfhover ul,
body.OPE #ja-cssmenu li li.sfhover ul, body.OPE #ja-cssmenu li li.havesubchildsfhover ul, body.OPE #ja-cssmenu li li.havesubchild-activesfhover ul, body.OPE #ja-cssmenu li li.activesfhover ul,
body.OPE #ja-cssmenu li li li.sfhover ul, body.OPE #ja-cssmenu li li li.havesubchildsfhover ul, body.OPE #ja-cssmenu li li li.havesubchild-activesfhover ul, body.OPE #ja-cssmenu li li li.activesfhover ul {
top: auto;
}

/* TYPOGRAPY FIX FOR RTL */
pre, .code {
border-right: 5px solid #999999;
border-left: none;
}

blockquote {
padding: 1em 40px 1em 15px;
}

blockquote span.open {
float: right;
padding: 0 20px 0 0;
background-position: right top;
}

blockquote span.close {
padding: 0 0 0 20px;
background-position: bottom left;
}

/* Small quote */
.small-quote span.open-quote {
padding-left: 20px;
background-position: center left;
}

.small-quote span.close-quote {
padding-right: 20px;
background-position: center right;
}

.small-quote span.author {
padding: 2px 20px 2px 5px;
background-position: 99% 4px;
}

/* Dropcap */
.dropcap {
float: right;
padding: 4px 0 0 8px;
}

/* Note Style */
p.stickynote {
padding: 10px 40px 10px 0;
background-position: 99% 50%;
}

p.download {
padding: 10px 40px 10px 0;
background-position: 99% 50%;
}

.blocknumber {
clear: both;
padding: 5px 15px 10px;
position: relative;
}

/* Check list */
ul.checklist {
list-style: none;
}

ul.checklist li {
margin-right: 15px;
padding: 0 20px 5px 0px;
background-position: right 3px;
}
/* Small checklist */
ul.small-checklist {
list-style: none;
}

ul.small-checklist li {
margin-right: 15px;
padding: 0 20px 5px 0;
background-position: right 3px;
}

/* Check list */
ul.stars {
list-style: none;
}

ul.stars li {
margin-right: 15px;
padding: 0px 20px 5px 0;
background-position: right 3px;
}

.IE7 ul li,
.IE7 ul.checklist li,
.IE7 ul.small-checklist li,
.IE7 ul.stars li
{
padding-right: 40px;
}

/* Tips, Error, Message, Hightlight*/
p.error {
padding-right: 25px;
background-position: top right;
}

p.message {
padding-right: 25px;
background-position: top right;
}

p.tips {
padding-right: 25px;
background-position: top right;
}

/* Bignumber */
.bignumber {
float: right;
margin-left: 8px;
padding: 6px 7px;
display: block;
background-position: top right;
}

/* Talking box. Thinking box. */
div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
padding-right: 15px;
margin-right: 15px;
background-position: center right;
float: right;
}

div.bubble1 div {
background: url(../images/rtl/bub12-br.gif) no-repeat bottom left;
}

div.bubble1 div div {
background: url(../images/rtl/bub12-bl.gif) no-repeat bottom right;
}

div.bubble1 div div div {
background: url(../images/rtl/bub12-tr.gif) no-repeat top left;
}

div.bubble1 div div div div {
background: url(../images/rtl/bub12-tl.gif) no-repeat top right;
}

div.bubble2 div {
background: url(../images/rtl/bub22-br.gif) no-repeat bottom left;
}

div.bubble2 div div {
background: url(../images/rtl/bub22-bl.gif) no-repeat bottom right;
}

div.bubble2 div div div {
background: url(../images/rtl/bub22-tr.gif) no-repeat top left;
}

div.bubble2 div div div div {
background: url(../images/rtl/bub22-tl.gif) no-repeat top right;
}

div.bubble3 div {
background: url(../images/rtl/bub32-br.gif) no-repeat bottom left;
}

div.bubble3 div div {
background: url(../images/rtl/bub32-bl.gif) no-repeat bottom right;
}

div.bubble3 div div div {
background: url(../images/rtl/bub32-tr.gif) no-repeat top left;
}

div.bubble3 div div div div {
background: url(../images/rtl/bub32-tl.gif) no-repeat top right;
}

div.bubble4 div {
background: url(../images/rtl/bub42-br.gif) no-repeat bottom left;
}

div.bubble4 div div {
background: url(../images/rtl/bub42-bl.gif) no-repeat bottom right;
}

div.bubble4 div div div {
background: url(../images/rtl/bub42-tr.gif) no-repeat top left;
}

div.bubble4 div div div div {
background: url(../images/rtl/bub42-tl.gif) no-repeat top right;
}

/* Legend */
.legend-title {
display: block;
float: left;
right: 7px;
left: auto;
}

ja-sosdmenu.css:

Код
/* Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/

/*--------------------------- LAYOUT ----------------------------*/
#ja-mainnav, #ja-mainnav ul {
padding: 0;
margin: 0;
line-height: 20px;
}

#ja-mainnav a {
display: block;
line-height: 20px;
margin: 0;
padding: 10px 20px;
}

#ja-mainnav li { /* all list items */
float: left;
margin: 0;
padding: 0;
}

#ja-mainnav li ul { /* second-level lists */
position: absolute;
width: 202px;
/*
* Using left instead of display to hide menus because display: none isn't
* read by screen readers
*/
left: -999em;
}

#ja-mainnav ul ul a { /* sub-links */
width: 160px;
}

#ja-mainnav li ul ul { /* third-and-above-level lists */
margin: -42px 0 0 200px;
}

#ja-mainnav li:hover ul ul,
#ja-mainnav li:hover ul ul ul,
#ja-mainnav li.sfhover ul ul,
#ja-mainnav li.sfhover ul ul ul {
left: -999em;
}

#ja-mainnav li:hover ul,
#ja-mainnav li li:hover ul,
#ja-mainnav li li li:hover ul,
#ja-mainnav li.sfhover ul,
#ja-mainnav li li.sfhover ul,
#ja-mainnav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}
/*--------------------------- VISUAL ----------------------------*/
/* -------- All levels -------- */
#ja-mainnavwrap {
border-top: 1px solid #666666;
background: #444444;
}
#ja-mainnav ul, #ja-mainnav li {
background-image: none;
list-style: none;
}

#ja-mainnav span.separator {
display:none;
}

/* -------- Top level -------- */
#ja-mainnav > ul {
background-color: #444444;
padding-left: 20px;
}

#ja-mainnav > ul > li {
background-color: #444444;
border-left: 1px solid #666666;
border-right: 1px solid #333333;
margin-right: 1px;
}

#ja-mainnav > ul > li.active {
background: url(../images/arrow2.png) no-repeat bottom center #444444;
color: #CCCCCC;
}

#ja-mainnav > ul > li:hover,
#ja-mainnav > ul > li:active,
#ja-mainnav > ul > li:focus {
background: url(../images/arrow2.png) no-repeat bottom center #555555;
color: #FFFFFF;
}

/* -------- sub-levels -------- */
#ja-mainnav ul ul li {
border-left: 1px solid #666666;
border-right: 1px solid #333333;
border-top: 1px solid #666666;
border-bottom: 1px solid #333333;
margin-bottom: 1px;
}

#ja-mainnav li ul { /* second-level lists */
background-color: #555555;
}

#ja-mainnav li a {
color: #CCCCCC;
font-weight: bold;
text-decoration: none;
}

#ja-mainnav ul ul  li:hover,
#ja-mainnav ul ul  li:active,
#ja-mainnav ul ul  li:focus {
background: #444444;
color: #FFFFFF;
}
/*old css*/
/* Son of Suckerfish Dropdowns
---------------------------------------------------------
Originally developed by Patrick Griffiths and Dan Webb
http://www.htmldog.com/articles/suckerfish/dropdowns/
---------------------------------------------------------
NOTE: After a deep research, we decide to divide this
CSS into 2 parts. The first part will define the layout.
The second part will define the visual look for this menu.
---------------------------------------------------------*/

#ja-mainnav ul.menu {
margin: 0; /* all lists */
padding: 0;
float: left;
border-right: 1px solid #555555;
}

#ja-mainnav ul.menu ul {
margin: 0; /* all lists */
padding: 0;
}

#ja-mainnav ul.menu li {
margin: 0; /* all list items */
padding: 0;
float: left;
display: block;
background: none;
cursor: pointer;
position: relative;
list-style: none;
}

#ja-mainnav ul.menu li ul {
width: 16.4em;
position: absolute; /* second-level lists */
z-index: 99;
height: auto;
w\idth: 15.9em;
}

#ja-mainnav ul.menu li ul ul {
margin: -1.5em 0 0 14em; /* third-and-above-level lists */
}

#ja-mainnav ul.menu li li {
padding: 0 1em 0 0;
margin: 0;
width: 14.9em;
}

#ja-mainnav ul.menu ul a {
width: 14.8em;
w\idth: 10.8em;
}

#ja-mainnav ul.menu li ul {
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#ja-mainnav ul.menu li:hover ul ul, #ja-mainnav ul.menu li:hover ul ul ul,
#ja-mainnav ul.menu li.sfhover ul ul, #ja-mainnav ul.menu li.parentsfhover ul ul, #ja-mainnav ul.menu li.parent-activesfhover ul ul, #ja-mainnav ul.menu li.activesfhover ul ul,
#ja-mainnav ul.menu li.sfhover ul ul ul, #ja-mainnav ul.menu li.parentsfhover ul ul ul, #ja-mainnav ul.menu li.parent-activesfhover ul ul ul, #ja-mainnav ul.menu li.activesfhover ul ul ul {
left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#ja-mainnav ul.menu li:hover ul, #ja-mainnav ul.menu li li:hover ul, #ja-mainnav ul.menu li li li:hover ul,
#ja-mainnav ul.menu li.sfhover ul, #ja-mainnav ul.menu li.parentsfhover ul, #ja-mainnav ul.menu li.parent-activesfhover ul, #ja-mainnav ul.menu li.activesfhover ul,
#ja-mainnav ul.menu li li.sfhover ul, #ja-mainnav ul.menu li li.havesubchildsfhover ul, #ja-mainnav ul.menu li li.havesubchild-activesfhover ul, #ja-mainnav ul.menu li li.activesfhover ul,
#ja-mainnav ul.menu li li li.sfhover ul, #ja-mainnav ul.menu li li li.havesubchildsfhover ul, #ja-mainnav ul.menu li li li.havesubchild-activesfhover ul, #ja-mainnav ul.menu li li li.activesfhover ul {
left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#ja-mainnav ul.menu li a {
margin: 0;
padding: 10px 20px;
border-left: 1px solid #555555;
border-right: 1px solid #333333;
display: block;
color: #CCCCCC;
font-weight: bold;
line-height: normal;
text-decoration: none;
}

#ja-mainnav ul.menu li a:hover,
#ja-mainnav ul.menu li a:active,
#ja-mainnav ul.menu li a:focus {
background: url(../images/arrow2.png) no-repeat bottom center #555555;
color: #FFFFFF;
}

#ja-mainnav ul.menu li {
margin: 0;
}

#ja-mainnav ul.menu li:hover,
#ja-mainnav ul.menu li.sfhover,
#ja-mainnav ul.menu li.parentsfhover,
#ja-mainnav ul.menu li.parent-activesfhover {
background: url(../images/arrow2.png) no-repeat bottom center #555555;
color: #FFFFFF;
}

#ja-mainnav ul.menu li.active a,
#ja-mainnav ul.menu li.active a:hover,
#ja-mainnav ul.menu li.active a:active,
#ja-mainnav ul.menu li.active a:focus {
background: url(../images/arrow2.png) no-repeat bottom center #333333;
color: #FFFFFF;
}

/* 2nd level and above */
#ja-mainnav ul.menu li ul {
border: 1px solid #555555;
background: url(../images/opaque.png);
}

#ja-mainnav ul.menu li ul li {
border-top: 1px solid #777777;
border-bottom: 1px solid #444444;
background: none;
}

#ja-mainnav ul.menu li ul a {
border-right: none;
margin: 0;
padding: 7px 10px;
background: none;
color: #CCCCCC;
font-weight: normal;
line-height: normal;
text-transform: none;
}

#ja-mainnav ul.menu li.havesubchild,
#ja-mainnav ul.menu li.havesubchild-active {
background: url(../images/bullet2.gif) no-repeat 94% 50%;
}

#ja-mainnav ul.menu li ul a:hover,
#ja-mainnav ul.menu li ul a:active,
#ja-mainnav ul.menu li ul a:focus,
#ja-mainnav ul.menu ul li:hover,
#ja-mainnav ul.menu ul li.sfhover,
#ja-mainnav ul.menu ul li.havesubchildsfhover,
#ja-mainnav ul.menu ul li.havesubchild-activesfhover,
#ja-mainnav ul.menu ul ul li:hover,
#ja-mainnav ul.menu ul ul li.sfhover,
#ja-mainnav ul.menu ul ul li.havesubchildsfhover,
#ja-mainnav ul.menu ul ul li.havesubchild-activesfhover {
background: #333333;
color: #CCCCCC;
}

#ja-mainnav ul.menu ul li.active a,
#ja-mainnav ul.menu ul li.active a:hover,
#ja-mainnav ul.menu ul li.active a:active,
#ja-mainnav ul.menu ul li.active a:focus {
background: none !important;
color: #FFFFFF;
font-weight: bold;
}

#ja-mainnav ul.menu li.active li a,
#ja-mainnav ul.menu li.active li a:hover,
#ja-mainnav ul.menu li.active li a:active,
#ja-mainnav ul.menu li.active li a:focus {
background: none !important;
}

#ja-mainnav h3 {
display: none;
}

#ja-mainnav .moduletable_menu {
background: none;
margin: 0;
padding: 0;
}

menu.css:

Код
/* Default Joomla! Menu */
#ja-container2 ul.menu {
margin: 0;
padding: 1px 0 0;
list-style: none;
background: url(../images/hdot2.gif) repeat-x top;
}

#ja-container2 ul.menu li {
margin: 0 !important;
padding: 0 !important;
background: none !important;
}

#ja-container2 ul.menu li a {
padding: 2px 0;
display: block;
color: #333333;
background: url(../images/hdot2.gif) repeat-x bottom;
text-decoration: none;
outline: none;
}

#ja-container2 ul.menu li a span {
padding-left: 16px;
background: url(../images/bullet.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li a:hover,
#ja-container2 ul.menu li a:active,
#ja-container2 ul.menu li a:focus {
color: #333333;
background: url(../images/hdot2.gif) repeat-x bottom #DDDDDD;
text-decoration: none;
}

#ja-container2 ul.menu li.active a {
background: url(../images/hdot2.gif) repeat-x bottom #FFFFFF;
color: #7BA566;
font-weight: bold;
text-decoration: none;
}

#ja-container2 ul.menu li.active a span {
background: url(../images/bullet3.gif) no-repeat 5px 5px;
}

#ja-container2 ul.menu li li a span {
background: none;
}

#ja-container2 ul.menu li ul {
margin: 0;
padding: 0;
list-style: none;
}

#ja-container2 ul.menu li li {
padding: 0 0 0 15px !important;
list-style: none;
}

#ja-container2 ul.menu li li a {
color: #333333;
background: none !important;
font-size: 92%;
font-weight: normal;
}

#ja-container2 ul.menu li li a:hover,
#ja-container2 ul.menu li li a:active,
#ja-container2 ul.menu li li a:focus {
color: #006699;
}

#ja-container2 ul.menu li li a span {
background: url(../images/bullet.gif) no-repeat 5px;
font-weight: normal;
}
« Последнее редактирование: 25.01.2010, 22:48:00 от napstric »
*

napstric

  • Захожу иногда
  • 55
  • 0 / 0
Re: Задний Фон
« Ответ #18 : 25.01.2010, 22:48:46 »
template.css:

Код
<style type="text/css">
<!--
body {
background-color: #9900CC;
}
-->
</style>/* COMMON STYLE
--------------------------------------------------------- */
html, body, form, fieldset {
margin: 0;
padding: 0;
}

body {
color: #000000;
background: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
line-height: 150%;
}

body#bd {
color: #333333;
background: #F2F2F2;
}

body.contentpane {
width: auto; /* Printable Page */
margin: 1em 2em;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #333;
}

body.fs1 {
font-size: 10px;
}

body.fs2{
font-size: 11px;
}

body.fs3{
font-size: 12px;
}

body.fs4{
font-size: 13px;
}

body.fs5{
font-size: 14px;
}

body.fs6{
font-size: 15px;
}

/* Normal link */
a {
color: #006699;
text-decoration: underline;
}

a:hover, a:active, a:focus {
color: #333333;
text-decoration: underline;
}

/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

/* Small text */
small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
color: #666666;
font-size: 92%;
}

/* Heading */
h1 {

font-size: 180%;
}

h2 {
font-size: 150%;
}

h3 {
font-size: 125%;
}

h4 {
font-size: 100%;
text-transform: uppercase;
}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 1em 0;
padding: 0;
}

ul {
list-style: none;
}

ul li {
padding-left: 30px;
background: url(../images/bullet.gif) no-repeat 18px 8px;
line-height: 180%;
}

ol li {
margin-left: 35px;
line-height: 180%;
}

th {
padding: 5px;
font-weight: bold;
text-align: left;
}

fieldset {
border: none;
padding: 10px 5px;
background: url(../images/hdot2.gif) repeat-x top;
}

fieldset a {
font-weight: bold;
}

hr {
border-top: 1px solid #CCCCCC;
border-right: 0;
border-left: 0;
border-bottom: 0;
height: 1px;
}

td, div {
font-size: 100%;
}

img {
border: none;
}
/* FORM
--------------------------------------------------------- */
form {
margin: 0;
padding: 0;
}

form label {
cursor: pointer;
}

input, select, textarea, .inputbox {
padding: 3px 5px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 100%;
}

.button {
padding: 3px 5px;
border: 1px solid #333333;
background: url(../images/grad1.gif) repeat-x top #333333;
color: #CCCCCC;
font-size: 85%;
text-transform: uppercase;
}

.button:hover, .button:focus {
border: 1px solid #999999;
background: #333333;
color: #FFFFFF;
}

* HTML .button {
padding: 2px 0 !important; /*IE 6*/
}

*+html .button {
padding: 2px 0 !important; /*IE 7*/
}

.inputbox {
border: 1px solid #CCCCCC;
background: #FFFFFF;
}

.inputbox:hover, .inputbox:focus {
background: #FFFFCC;
}

/* BONUS TYPOGRAPHY STYLES
--------------------------------------------------------- */
pre, .code {
padding: 10px 15px;
margin: 5px 0 15px;
border-left: 5px solid #999999;
background: #FFFFFF;
font: 1em/1.5 "Courier News", monospace;
}

blockquote {
padding: 1em 40px 1em 15px;
}

blockquote span.open {
padding: 0 0 0 20px;
background: url(../images/so-q.gif) no-repeat left top;
}

blockquote span.close {
padding: 0 20px 0 0;
background: url(../images/sc-q.gif) no-repeat bottom right;
}

/* Quote hilight */
.quote-hilite {
padding: 10px 15px;
margin: 0;
border: 1px solid #CACACC;
background: #FFFFFF;
}

/* Small quote */
.small-quote {
margin: 0;
padding: 0;
background: none;
}

.small-quote span.open-quote {
margin: 0;
padding-left: 20px;
background: url(../images/so-q.gif) no-repeat center left;
}

.small-quote span.close-quote {
margin: 0;
padding-right: 20px;
background: url(../images/sc-q.gif) no-repeat center right;
}

.small-quote span.author {
padding: 2px 5px 2px 20px;
border-top: 1px solid #DCDDE0;
margin: 0.5em 0 0;
display: block;
background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
font-size: 90%;
text-transform: uppercase;
}

/* Rropcap */
.dropcap {
float: left;
padding: 4px 8px 0 0;
display: block;
color: #999999;
font: 50px/40px Georgia, Times, serif;
}

/* Tips, Error, Message, Hightlight*/
p.error {
padding-left: 25px;
color: #BF0000;
background: url(../images/icon-error.gif) no-repeat top left;
}

p.message {
padding-left: 25px;
color: #006699;
background: url(../images/icon-info.gif) no-repeat top left;
}

p.tips {
padding-left: 25px;
color: #EE9600;
background: url(../images/icon-tips.gif) no-repeat top left;
}

.highlight {
padding: 1px 5px;
background: #FFFFCC;
font-weight: bold;
}

/* Note Style */
p.stickynote {
padding: 10px 0px 10px 40px;
border: 1px solid #CACACC;
background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
}

p.download {
padding: 10px 0px 10px 40px;
border: 1px solid #CACACC;
background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
}

.blocknumber {
clear: both;
padding: 5px 15px 10px;
position: relative;
}

/* Check list */
ul.checklist {
list-style: none;
}

ul.checklist li {
margin-left: 15px;
padding: 0 0 5px 20px;
background: url(../images/checklist-bg.gif) no-repeat 0 3px;
}

/* Small checklist */
ul.small-checklist {
list-style: none;
}

ul.small-checklist li {
margin-left: 15px;
padding: 0 0 5px 20px;
background: url(../images/icon_list.gif) no-repeat 0 3px;
}

/* Check list */
ul.stars {
list-style: none;
}

ul.stars li {
margin-left: 15px;
padding: 0px 0 5px 20px;
background: url(../images/star-bg.gif) no-repeat 0 3px;
}

/* Bignumber */
.bignumber {
float: left;
margin-right: 8px;
padding: 6px 7px;
display: block;
background: url(../images/ol-bg.gif) no-repeat top left;
color: #7BA566;
font: bold 20px/normal Arial, sans-serif;
}

/* Talking box. Thinking box. */
div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
margin: 15px 0;
}

div.bubble1 span.author,
div.bubble2 span.author,
div.bubble3 span.author,
div.bubble4 span.author {
padding-left: 15px;
margin-left: 15px;
background: url(../images/author.gif) no-repeat center left;
font-weight: bold;
}

div.bubble1 div {
margin: 0;
width: 100%;
background: url(../images/bub1-br.gif) no-repeat bottom right;
}

div.bubble1 div div {
background: url(../images/bub1-bl.gif) no-repeat bottom left;
}

div.bubble1 div div div {
background: url(../images/bub1-tr.gif) no-repeat top right;
}

div.bubble1 div div div div {
background: url(../images/bub1-tl.gif) no-repeat top left;
}

div.bubble1 div div div div div {
margin: 0;
padding: 15px 15px 30px 15px;
width: auto;
}

div.bubble2 div {
margin: 0;
width: 100%;
background: url(../images/bub2-br.gif) no-repeat bottom right;
}

div.bubble2 div div {
background: url(../images/bub2-bl.gif) no-repeat bottom left;
}

div.bubble2 div div div {
background: url(../images/bub2-tr.gif) no-repeat top right;
}

div.bubble2 div div div div {
background: url(../images/bub2-tl.gif) no-repeat top left;
}

div.bubble2 div div div div div {
margin: 0;
padding: 15px 15px 35px 15px;
width: auto;
}

div.bubble3 div {
margin: 0;
width: 100%;
background: url(../images/bub3-br.gif) no-repeat bottom right;
}

div.bubble3 div div {
background: url(../images/bub3-bl.gif) no-repeat bottom left;
}

div.bubble3 div div div {
background: url(../images/bub3-tr.gif) no-repeat top right;
}

div.bubble3 div div div div {
background: url(../images/bub3-tl.gif) no-repeat top left;
}

div.bubble3 div div div div div {
margin: 0;
padding: 15px 15px 50px 15px;
width: auto;
}

div.bubble4 div {
margin: 0;
width: 100%;
background: url(../images/bub4-br.gif) no-repeat bottom right;
}

div.bubble4 div div {
background: url(../images/bub4-bl.gif) no-repeat bottom left;
}

div.bubble4 div div div {
background: url(../images/bub4-tr.gif) no-repeat top right;
}

div.bubble4 div div div div {
background: url(../images/bub4-tl.gif) no-repeat top left;
}

div.bubble4 div div div div div {
margin: 0;
padding: 15px 15px 55px 15px;
width: auto;
}

/* Legend */
.legend-title {
margin: 0;
padding: 0 3px;
float: left;
display: block;
background: #F6F6F6;
font-weight: bold;
position: absolute;
top: -10px;
left: 7px;
}

.legend {
margin: 20px 0;
padding: 0 10px;
border: 1px solid #CACACC;
background: #FFFFFF;
position: relative;
}

/* Joomla STYLE
--------------------------------------------------------- */
table.blog {
}

.article_separator {
clear: both;
display: block;
height: 20px;
}

.article_column {
}

.column_separator {
padding: 0 25px;
}

/* content tables */
td.sectiontableheader {
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}

table.contentpane {
border: none;
width: 100%;
}

table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}

table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 35%;
float: right;
}

table.contenttoc a {
text-decoration: none;
}

table.contenttoc td {
padding: 1px 5px 1px 25px;
background: url(../images/bullet-list.gif) no-repeat 5% 50%;
}

table.contenttoc th {
padding: 0 0 3PX;
border-bottom: 1px solid #CCCCCC;
text-indent: 5px;
}

table.poll {
padding: 0;
width: 100%;
border-collapse: collapse;
}

table.pollstableborder {
padding: 0;
width: 100%;
border: none;
text-align: left;
}

table.pollstableborder img {
vertical-align: baseline;
}

table.pollstableborder td {
padding: 4px!important;
border-collapse: collapse;
border-spacing: 0;
}

table.pollstableborder tr.sectiontableentry1 td {
background: #ECECEC;
}

table.searchintro {
padding: 10px 0;
width: 100%;
}

table.searchintro td {
padding: 5px!important;
}

table.adminform {
}

.adminform .inputbox {
}

.blog_more {
padding: 10px 0;
background: url(../images/hdot.gif) repeat-x top;
}

.blog_more strong {
margin: 0 0 5px;
display: block;
font-size: 125%;
}

.blog_more ul {
margin: 0;
padding: 0;
}

.blog_more ul li {
margin: 0;
padding: 0 0 0 17px;
background: url(../images/bullet.gif) no-repeat 6px 8px;
}

.category {
font-weight: bold;
}

h1.componentheading, .componentheading {
padding: 5px 0 15px;
margin: 0 0 10px;
background: url(../images/hdot.gif) repeat-x bottom;
}

.componentheading {
font-size: 200%;
font-weight: bold;
}

.contentdescription {
padding-bottom: 30px;
}

h2.contentheading, .contentheading {
padding: 5px 0 8px;
margin: 0;
font-weight: normal;
}

table.blog .contentheading {
font-size: 150%;
}

.contentheading {
font-size: 200%;
}

a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
text-decoration: none !important;
}

a.readon {
float: left;
margin-top: 10px;
padding: 1px 5px 1px 14px;
border: 1px solid #F6F6F6;
display: block;
background: url(../images/arrow.png) no-repeat 5px 48%;
color: #006699;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
}

a.readon:hover, a.readon:active, a.readon:focus {
border: 1px solid #ECECEC;
background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;
}

table.contentpaneopen td, table.contentpane td {
}

table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}

.moduletable {
padding: 0;
}

ul.pagination {
margin: 15px auto;
padding: 10px 0;
background: url(../images/hdot.gif) repeat-x top;
}

ul.pagination li {
margin: 0;
padding: 0;
display: inline;
background: none;
}

ul.pagination li span{
padding: 2px 5px;
}

ul.pagination a {
padding: 2px 5px;
border: 1px solid #F6F6F6;
}

ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
border: 1px solid #ECECEC;
background: #FFFFFF;
}

.pagenavbar {
padding-left: 14px;
}

.pagenavcounter {
padding: 8px 14px 0 14px;
}

.sectiontableheader {
padding: 8px 5px;
background: #444444;
color: #FFFFFF;
}

.sectiontableheader a {
color: #FFFFFF;
}

tr.sectiontableentry1 td {
padding: 8px 5px;
background: url(../images/hdot2.gif) repeat-x bottom;
}

tr.sectiontableentry2 td {
padding: 8px 5px;
background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;
}

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC;
}

.smalldark {
text-align: left;
}

div.syndicate div {
text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}

/* META
--------------------------------------------------------- */
.article-tools {
border-top: 1px solid #DDDDDD;
width: 100%;
float: left;
clear: both;
margin-bottom: 15px;
display: block;
background: #ECECEC;
}

.article-meta {
padding: 5px;
width: 80%;
float: left;
}

.createby {
padding: 3px 3px 3px 20px;
background: url(../images/icon-user.gif) no-repeat 0 2px;
}

.createdate {
padding: 3px 3px 3px 20px;
background: url(../images/icon-date.gif) no-repeat 0 2px;
}

.modifydate {
width: 100%;
float: left;
}

div.buttonheading {
float: right;
width: 15%;
}

.buttonheading img {
margin: 7px 5px 0 0;
border: 0;
float: right;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper {
width: 100%;
margin: 0;
background: #F2F2F2;
}

#ja-containerwrap {
background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}

#ja-containerwrap2 {
background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}

#ja-container {
background: url(../images/c-bg1.gif) repeat-y 18% 0;
}

#ja-container2 {
padding: 20px 0;
background: url(../images/c-bg2.gif) no-repeat 18% 0;
}

#ja-mainbody-fr #ja-col1 {
width: 20%;
}

#ja-mainbody-fr #ja-contentwrap {
width: 80%;
}

#ja-mainbody, #ja-mainbody-fl {
float: left;
width: 80%;
}

#ja-mainbody #ja-contentwrap {
float: right;
width: 75%;
}

#ja-mainbody-fl #ja-contentwrap {
float: left;
width: 100%;
}

#ja-mainbody-f, #ja-mainbody-fr {
float: none;
width: 100%;
}

#ja-mainbody-fr #ja-contentwrap {
width: 74.8%;
float: right;
}

#ja-mainbody-fr #ja-col1 {
width: 20%;
float: left;
}

#ja-mainbody-fr #ja-contentwrap {
width: 80%;
}

#ja-content {
padding: 0 20px 0 40px;
}
#ja-contentwrap {
min-height: 300px;
height: auto;
}
* HTML #ja-contentwrap {
height: 300px;
}
#ja-mainbody-fl #ja-content {
padding-left: 0;
}

#ja-mainbody-f #ja-content {
padding: 0;
}

/* Full */
#ja-containerwrap-f {
background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}

#ja-containerwrap-f #ja-containerwrap2 {
background: none;
}

#ja-containerwrap-f #ja-container,
#ja-containerwrap-f #ja-container2 {
background: none;
}

/* Full left */
#ja-containerwrap-fl {
background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
}

#ja-containerwrap-fl #ja-containerwrap2,
#ja-containerwrap-fl #ja-container,
#ja-containerwrap-fl #ja-container2 {
background: none;
}

/* Full right */
#ja-containerwrap-fr {
background: url(../images/cw-bg1.gif) repeat-y 50% 0;
}

#ja-containerwrap-fr #ja-containerwrap2 {
background: url(../images/cw-bg2.gif) no-repeat 50% 0;
}

/* HEADER
--------------------------------------------------------- */
#ja-headerwrap {
background: #333333;
color: #CCCCCC;
line-height: normal;
height: 80px;
}

#ja-header {
position: relative;
height: 80px;
}

.ja-headermask {
width: 602px;
display: block;
background: url(../images/header-mask.png) no-repeat top right;
height: 80px;
position: absolute;
top: 0;
right: -1px;
}

#ja-header a {
color: #CCCCCC;
}

h1.logo, h1.logo-text {
margin: 0 0 0 5px;
padding: 0;
font-size: 180%;
text-transform: uppercase;
}

h1.logo a {
width: 208px;
display: block;
background: url(../images/logo.png) no-repeat;
height: 80px;
position: relative;
z-index: 100;
}

h1.logo a span {
position: absolute;
top: -1000px;
}

h1.logo-text a {
color: #CCCCCC !important;
text-decoration: none;
outline: none;
position: absolute;
bottom: 40px;
left: 5px;
}

p.site-slogan {
margin: 0;
padding: 0;
padding: 2px 5px;
color: #FFFFFF;
background: #444444;
font-size: 92%;
position: absolute;
bottom: 20px;
left: 0;
}

/* Search */
#ja-search {
padding-left: 20px;
background: url(../images/icon-search.gif) no-repeat center left;
position: absolute;
bottom: 15px;
right: 0;
}

#ja-search .inputbox {
width: 120px;
border: 1px solid #333333;
padding: 3px 5px;
color: #999999;
background: #444444;
font-size: 92%;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */

#ja-pathway {
font-size: 92%;
}

#ja-pathway strong {
margin-right: 5px;
font-weight: normal;
}

#ja-pathway a {
text-decoration: none;
}

#ja-pathway img {
margin: 1px 5px;
}

/* MODULE
--------------------------------------------------------- */
div.moduletable,
div.moduletable_menu,
div.moduletable_text {
padding: 0 0 20px;
margin-bottom: 15px;
background: url(../images/hdot.gif) repeat-x bottom;
}

div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3 {
padding: 0 0 8px;
margin: 0;
color: #7BA566;
font-size: 125%;
font-weight: bold;
text-transform: uppercase;
}

/* Module rounded */
div.module h3 {
margin: 0 -15px 10px;
padding: 8px 15px 5px;
border-bottom: 2px solid #F6F6F6;
color: #7BA566;
font-size: 125%;
font-weight: bold;
text-transform: uppercase;
}

div.module_black,
div.module_green,
div.module_blue,
div.module_red,
div.module {
margin-bottom: 20px;
float: left;
clear: both;
width: 100%;
background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF;
}

div.module div {
background: url(../images/b-bl.gif) no-repeat bottom left;
}

div.module div div {
background: url(../images/b-tr.gif) no-repeat top right;
}

div.module div div div {
padding: 0 15px 10px;
background: url(../images/b-tl.gif) no-repeat top left;
}

div.module_black div div div div,
div.module_green div div div div,
div.module_blue div div div div,
div.module_red div div div div,
div.module_text div div div div,
div.module div div div div {
margin: 0;
padding: 0;
float: none;
width: 99%;
background: none;
}

div.module_text h3 {
margin: 0 0 10px;
width: 100%;
clear: both;
display: block;
overflow: hidden;
}

div.module_text span {
padding: 0 3px 0 0;
float: left;
clear: both;
display: block;
background: #F6F6F6;
font-weight: bold;
}

div.module_text {
margin-bottom: 20px;
padding: 0;
float: left;
clear: both;
width: 100%;
background: url(../images/bt-br.gif) no-repeat bottom right #F6F6F6;
}

div.module_text div {
background: url(../images/bt-bl.gif) no-repeat bottom left;
}

div.module_text div div {
background: url(../images/bt-tr.gif) no-repeat top right;
}

div.module_text div div div {
padding: 0 15px 10px;
display: block;
background: url(../images/bt-tl.gif) no-repeat top left;
}

div.banneritem_text {
padding: 5px 0 !important;
}

/* red */
div.module_black h3,
div.module_green h3,
div.module_blue h3,
div.module_red h3 {
margin: 0 -15px 10px;
padding: 8px 15px 5px;
border-bottom: 1px solid #F6F6F6;
color: #FFFFFF;
font-size: 125%;
font-weight: bold;
text-transform: uppercase;
}

div.module_red {
background: url(../images/br-br.gif) no-repeat bottom right #BF0000;
color: #FFFFFF;
}

div.module_red div {
background: url(../images/br-bl.gif) no-repeat bottom left;
}

div.module_red div div {
background: url(../images/br-tr.gif) no-repeat top right;
}

div.module_red div div div {
padding: 0 15px 10px;
background: url(../images/br-tl.gif) no-repeat top left;
}

/* blue */
div.module_blue {
background: url(../images/bb-br.gif) no-repeat bottom right #006699;
color: #FFFFFF;
}

div.module_blue div {
background: url(../images/bb-bl.gif) no-repeat bottom left;
}

div.module_blue div div {
background: url(../images/bb-tr.gif) no-repeat top right;
}

div.module_blue div div div {
padding: 0 15px 10px;
background: url(../images/bb-tl.gif) no-repeat top left;
}

/* green */
div.module_green {
background: url(../images/bg-br.gif) no-repeat bottom right #7BA566;
color: #FFFFFF;
}

div.module_green div {
background: url(../images/bg-bl.gif) no-repeat bottom left;
}

div.module_green div div {
background: url(../images/bg-tr.gif) no-repeat top right;
}

div.module_green div div div {
padding: 0 15px 10px;
background: url(../images/bg-tl.gif) no-repeat top left;
}

/* black */
div.module_black {
background: url(../images/bl-br.gif) no-repeat bottom right #333333;
color: #FFFFFF;
}

div.module_black div {
background: url(../images/bl-bl.gif) no-repeat bottom left;
}

div.module_black div div {
background: url(../images/bl-tr.gif) no-repeat top right;
}

div.module_black div div div {
padding: 0 15px 10px;
background: url(../images/bl-tl.gif) no-repeat top left;
}

div.module_blue ul,
div.module_blue ol,
div.module_red ul,
div.module_red ol,
div.module_black ul,
div.module_black ol,
div.module_green ul,
div.module_green ol {
margin: 0;
padding: 0;
}

div.module_blue li,
div.module_red li,
div.module_black li,
div.module_green li {
margin-left: 20px;
padding: 0;
line-height: 150%;
}

div.module_blue a,
div.module_red a,
div.module_black a,
div.module_green a {
color: #FFFFFF;
}

div.advs {
float: left;
width: 100%;
clear: both;
display: block;
}

/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
float: left;
width: 24.99%;
padding-top: 10px;
overflow: hidden;
}

#ja-col2 {
float: right;
width: 20%;
overflow: hidden;
}

#ja-col1 table,
#ja-col2 table {
border-collapse: collapse;
border-spacing: 0;
}

#ja-col1 ul li,
#ja-col2 ul li {
padding-left: 15px;
margin: 0;
background: url(../images/bullet.gif) no-repeat 5px 50%;
}

#ja-col1 ul, #ja-col2 ul {
margin: 0;
}

#ja-col1 ol, #ja-col2 ol {
margin-left: 5px;
}

#ja-col1 .article_separator,
#ja-col2 .article_separator {
display: none;
}

/* SPOTLIGHT
--------------------------------------------------------- */
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}

.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
padding-right: 30px;
background: none;
}

.ja-box-right div.moduletable {
padding-left: 30px;
background: url(../images/vdot2.gif) repeat-y left;
}

.ja-box-center div.moduletable {
padding: 0 30px;
background: url(../images/vdot2.gif) repeat-y left;
}

#ja-botsl h3 {
background: none;
}

#ja-botslwrap {
border-top: 5px solid #CCCCCC;
background: #444444;
color: #CCCCCC;
}

#ja-botsl {
padding: 15px 0;
}

#ja-botsl div.moduletable {
padding-top: 0;
padding-bottom: 0;
margin: 0;
}

#ja-botsl h3 {
margin: 0 0 12px;
padding: 0;
color: #FFFFFF;
}

#ja-botsl a {
color: #CCCCCC;
}

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #FFFFFF;
}

#ja-botsl ul, #ja-botsl p, #ja-botsl ol {
padding: 0;
margin: 0 !important;
}

#ja-botsl ul li {
padding: 0 0 0 15px;
margin: 0;
background: url(../images/bullet2.gif) no-repeat 3px 8px;
}

#ja-botsl ol li {
margin-left: 25px;
padding: 0 !important;
}

#ja-botsl td {
padding: 0;
}

#ja-botsl .article_separator {
display: none;
}

#ja-botsl table {
border-spacing: 0;
border-collapse: collapse;
}

/* FOOTER
--------------------------------------------------------- */
#ja-footerwrap {
border-top: 5px solid #CCCCCC;
padding: 20px 0 30px;
clear: both;
background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
}

#ja-footer {
padding: 0;
color: #666666;
background: url(../images/vdot.gif) repeat-y 22% 0;
position: relative;
}

#ja-footer .copyright {
clear: both;
display: block;
padding-left: 25%;
color: #666666;
font-style: normal;
font-size: 92%;
}

#ja-footnav {
padding-left: 25%;
}

#ja-footer ul {
margin: 0 0 5px;
padding: 0;
}

#ja-footer li {
margin: 0;
padding: 0;
display: inline;
background: none;
}

#ja-footer li a {
padding: 0 15px 0 0;
display: inline;
color: #666666;
font-weight: bold;
font-size: 92%;
line-height: normal;
text-decoration: none;
text-transform: uppercase;
}

#ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {
color: #333333;
text-decoration: none;
}

.ja-cert {
font-size: 92%;
position: absolute;
right: 0;
top: 18px;
}

.ja-cert a {
margin: 0 0 0 5px;
padding: 0;
border: none;
border: none;
text-decoration: none;
}

.ja-cert a span {
display: none;
}

.ja-cert a img {
border: none;
}

.banneritem {
display: block;
margin-top: 15px;
}

/* MISCELLANOUS
----------------------------------------------------------- */
ul.accessibility {
position: absolute;
top: -100%;
}

/*usertool*/
ul.ja-usertools-font {
font-size: 11px;
position: absolute;
top: 8px;
right: 70px;
}

ul.ja-usertools-font li {
padding: 0;
margin: 0;
display: inline;
background: none;
}

/*collapsible h3*/
h3.show {
background: url(../images/arrow2.png) no-repeat 90% 60%;
cursor: pointer;
}

h3.hide {
background: url(../images/arrow3.png) no-repeat 90% 60%;
cursor: pointer;
}

/*others*/
#ja-banner {
margin: 15px 0;
text-align: center;
}

div.back_button a,
div.back_button a:hover,
div.back_button a:active {
margin: 10px 0;
display: block;
background: none!important;
text-decoration: none!important;
}

#form-login p {
margin: 0 0 5px;
}

#form-login ul {
margin: 10px 0 0;
}

#form-login .inputbox {
width: 90%;
}

.clr {
clear: both;
}

.hasTip img {
margin: 10px 5px 0 0;
border: none;
}

/* Tooltips */
.tool-tip {
float: left;
border: 1px solid #D4D5AA;
padding: 5px;
background: #FFFFCC;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
font-size: 100%;
font-weight: bold;
}

.tool-text {
margin: 0;
font-size: 100%;
}

#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
padding: 0;
margin: 0;
}

#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
background: none;
padding: 5px;
margin: 0;
color: #FFFFFF;
}

/* System Standard Messages */
#system-message dd.message ul {
background: #006699;
border: none;
}

/* System Error Messages */
#system-message dd.error ul {
background: #BF0000;
border: none;
}

/* System Notice Messages */
#system-message dd.notice ul {
background: #EE9600;
border: none;
}

/* Clearfix */
.clearfix:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}

* HTML > body .clearfix {
width: 100%;
display: block;
}

* HTML .clearfix {
height: 1%;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
margin-bottom: 1px;
height: 100%!important;
height: auto;
}
*

aspidy

  • Завсегдатай
  • 1008
  • 55 / 1
  • Миграция joomla 1.0-1.5-2.5
Re: Задний Фон
« Ответ #19 : 31.01.2010, 11:33:22 »
Готовое решение со сменой заднего фона http://transparentbliss15.joomlabear.com/
Мелкий ремонт. skype poisk-plus
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Задний фон админки дублируется задним фоном сайта!

Автор Виктория

Ответов: 2
Просмотров: 1953
Последний ответ 06.03.2012, 20:35:09
от Sarat