Новости Joomla

SW JProjects v.2.5.0 - компонент каталога цифровых проектов на Joomla

SW JProjects v.2.5.0 - компонент каталога цифровых проектов на Joomla

👩‍💻 SW JProjects v.2.5.0 - компонент каталога цифровых проектов на Joomla.Компонент - менеджер цифровых проектов для Joomla! CMS. Компонент обеспечивает создание каталога цифровых проектов и предоставляет возможность скачивания, в том числе с использованием лицензионных ключей.👩‍💻 v.2.5.0. Что нового?Схемы структур данных для серверов обновлений. Теперь с SW JProjects вы может создавать сервер обновлений не только для расширений Joomla, но и свои собственные. Например, вам нужно, чтобы структура данных сервера обновлений была другая и формат должен быть, например, не XML, а JSON. Формирование структуры данных для сервера обновлений расширений Joomla вынесено в отдельный плагин. Вы можете создать свой собственный плагин и реализовать в нём нужную вам структуру данных, добавив или наоборот исключив отображаемые данные. Сервер обновлений в компоненте по-прежнему отображает информацию о списке проектов и их версиях, о конкретном проекте и его changelog.Можно выбрать схему данных сервера обновлений глобально для всего компонента, выбрать другую схему данных для категории проектов, а так же выбрать схему в каждом проекте.

Разработчикам в качестве образца можно посмотреть плагин схемы данных для Joomla в составе компонента или же плагин-образец JSON-схемы на GitHub.
Группа плагинов swjprojects. Для нужд компонента создана группа плагинов swjprojects. В частности, в этой группе находится плагин структуры данных Joomla расширений для сервера обновлений.Изменение языковых констант. Изменены некоторые языковые константы в панели администратора. Если вы делали переопределение констант - переопределите их снова.👩‍💻 Joomla 6. Внесены изменения для корректной установки и работы компонента на Joomla 6. Компонент успешно протестирован на Joomla 6-beta2.Минимальная версия Joomla - 5. Подняты минимальные системные требования: Joomla 5.0.0 и PHP 8.1.
- Страница расширения👉 Плагин-образец кастомной JSON-схемы данных для сервера обновлений на GitHub.- GitHub расширения- Документация на GitHub- Joomla Extensions Directory#joomla #расширения

Как триггерить события для плагинов на манер Joomla 5+?В Joomla 6 должны удалить метод...

Как триггерить события для плагинов на манер Joomla 5+?В Joomla 6 должны удалить метод...

👩‍💻 Как триггерить события для плагинов на манер Joomla 5+?В Joomla 6 должны удалить метод triggerEvent(), с помощью которого раньше вызывались события для плагинов. Теперь чтобы в своём коде вызвать событие для плагина и получить от него результаты нужно:- создать объект класса события- передать в него параметры

use Joomla\CMS\Event\AbstractEvent;use Joomla\CMS\Factory;use Joomla\CMS\Plugin\PluginHelper;// Грузим плагины нужных группPluginHelper::importPlugin('system');// Создаём объект события$event = AbstractEvent::create('onAfterInitUniverse', [    'subject' => $this,    'data'    => $data, // какие-то данные    'article' => $article, // ещё материал вдовесок    'product' => $product, // и товаров подвезли]);// Триггерим событиеFactory::getApplication()->getDispatcher()->dispatch(    $event->getName(), // Тут можно строку передать 'onAfterInitUniverse'    $event);// Получаем результаты// В случае с AbstractEvent это может быть не 'result',// а что-то ещё - куда сами отдадите данные.// 2-й аргумент - значение по умолчанию, // если не получены результаты$results = $event->getArgument('result', []);
Плюсы такого подхода - вам не нужно запоминать порядок аргументов и проверять их наличие. Если вы написали свой класс события, то в плагине можно получать аргументы с помощью методов $event->getArticle(), $event->getData(), $event->getProduct() и подобными - реализуете сами под свои нужды. Если такой класс события написали, то создаёте экземпляр своего класса события и укажите его явно в аргументе eventClass
use Joomla\Component\MyComponent\Administrator\Event\MyCoolEvent;$event = MyCoolEvent::create('onAfterInitUniverse', [    'subject'    => $this,    'eventClass' => MyCoolEvent::class, // ваш класс события    'data'       => $data, // какие-то данные    'article'    => $article, // ещё материал вдовесок    'product'    => $product, // и товаров подвезли]);
Ожидаемо, что класс вашего события будет расширять AbsractEvent или другие классы событий Joomla.🙁 Есть неприятный нюанс - нельзя просто так вызывать событие и ничего не передать в аргументы. Аргумент subject обязательный. Но если вы всё-таки не хотите туда ничего передавать - передайте туда пустой stdClass или объект Joomla\registry\Registry.
@joomlafeed#joomla #php #webdev

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

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Здравствуйте!
На сайте http://live-football.com.ua/ размещены модули, которые имеют свой CSS стиль (не суффикс). Т.е. рамка, выравнивание по центру и т.п...
Но возникает такой вопрос... на главной странице сайта есть блок "Профиль". У и него, как Вы видите, есть та же рамка что и у других модулей (это естественно..). Но мне нужно убрать из модуля "Профиль" этот стандартный стиль который распостраняеться на все модули. Если Вы не поняли, на скрине красной линией зачеркнул то что нужно убрать:

А вот класс (module-inner), который распостраняет данные стили на все модули:
Код
.module-inner {
border-left: 5px solid #EFF0F0;
border-right: 5px solid #EFF0F0;
border-bottom: 5px solid #EFF0F0;
position: relative;
padding: 15px 0;
padding-left: 5px;
}

В общем, как вы уже поняли, у блока "Профиль" нужно сменить стиль. А именно, убрать рамку по бокам, как это показано на фотке выше. Как это сделать?

Заранее благодарю за любую помощь!
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Если я не ошибаюсь, то в этом поможет суффикс класса модуля, который мне нужно создать?
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Блин, такая легкая проблема... неужели вы не знаете её решение? :(
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Помогите, пожалуйста!
*

volod3000

  • Захожу иногда
  • 379
  • 51 / 0
  • Чтобы ничего не делать, нужно многое сделать.
Если я не ошибаюсь, то в этом поможет суффикс класса модуля, который мне нужно создать?

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

migus

  • Давно я тут
  • 992
  • 144 / 0
  • OPEN THE BOX
Если я не ошибаюсь, то в этом поможет суффикс класса модуля, который мне нужно создать?
Начните отсюда: topic,50510
-удачи ;)
"The Lord Of A SandBox"
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Та в том то и дело, что никак не получается сделать. Вот у меня к примеру класс module-inner который распостраняется на все модули (там рамка слева/внизу/справа). Но как сделать что бы отображалось лишь содержимое модуля? Без стилей, рамок и т.п... ?

p.s.
Создавал новый класс с названием module-inner-border, и в суффик модуля написал -border. Ничего не изменилось... потом написал просто border, тоже ничего не изменилось.. а как написал все в месте module-inner-border то применились все 2 класса. То есть module-inner и border

Подскажите, пожалуйста, что не так сделал?
*

migus

  • Давно я тут
  • 992
  • 144 / 0
  • OPEN THE BOX
Выкладывайте CSS и модуль, будем смотреть...
"The Lord Of A SandBox"
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Выкладывайте CSS и модуль, будем смотреть...
Модуль выложить не могу, т.к. я пробовал применить суфиксу к простому HTML модулю...

А вот весь CSS файл шаблона (главный)
Код
* Template Custom Fonts */
@font-face {font-family: Bebas;src: url(../fonts/Bebas.eot);}
@font-face {font-family: Continuum;src: url(../fonts/Continuum-Regular.eot);}
@font-face {font-family: Continuum;src: url(../fonts/Continuum-Bold.eot);font-weight:bold;}
@font-face {font-family: "Bebas";src:local("Bebas"), url(../fonts/Bebas.ttf) format("truetype");}
@font-face {font-family: "Continuum";src:local("Continuum"), url(../fonts/Continuum-Regular.ttf) format("truetype");}
@font-face {font-family: "Continuum";src:local("Continuum"), url(../fonts/Continuum-Bold.ttf) format("truetype");font-weight:bold;}

/* Font Family Settings */
#ff-iridium, a.iridium, #ff-iridium #horiz-menu li li span, #ff-iridium input.button {font-family: Tahoma, Thoma, sans-serif;}
#ff-iridium #horiz-menu li span, #ff-iridium .date-block, #ff-iridium h1, #ff-iridium h2, #ff-iridium h3, #ff-iridium h4, #ff-iridium h5, #ff-iridium .roktabs-links, #ff-iridium .feature-block span.feature-title {font-family: Tahoma,Arial,sans-serif;}
#ff-bebas, a.bebas, #ff-bebas #horiz-menu li li span, #ff-bebas h3.showtext, #ff-bebas input.button  {font-family: Helvetica,Arial,sans-serif;}
#ff-bebas .date-block, #ff-bebas h1, #ff-bebas h2, #ff-bebas h3, #ff-bebas h4, #ff-bebas h5, #ff-bebas .feature-block span.feature-title {font-family: Bebas,Helvetica,Arial,sans-serif;}
#ff-continuum, a.continuum, #ff-continuum #horiz-menu li li span, #ff-continuum h3.showtext, #ff-continuum input.button  {font-family: Helvetica,Arial,sans-serif;}
#ff-continuum .date-block, #ff-continuum h1, #ff-continuum h2, #ff-continuum h3, #ff-continuum h4, #ff-continuum h5, #ff-continuum .feature-block span.feature-title {font-family: Continuum,Helvetica,Arial,sans-serif;}
#ff-optima, a.optima, #ff-optima input.button {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}
#ff-geneva, a.geneva, #ff-geneva input.button  {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;}
#ff-helvetica, a.helvetica, #ff-helvetica input.button  {font-family: Helvetica, Arial, FreeSans, sans-serif;}
#ff-lucida, a.lucida, #ff-lucida input.button  {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;}
#ff-georgia, a.georgia, #ff-georgia input.button  {font-family: Georgia, sans-serif;}
#ff-trebuchet, a.trebuchet, #ff-trebuchet input.button  {font-family: "Trebuchet MS", sans-serif;}
#ff-palatino, a.palatino, #ff-palatino input.button  {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}
#ff-georgia #horiz-menu .menutop li li .item, #ff-optima #horiz-menu .menutop li li .item {font-size: 12px;}

/* Core Formatting */
html {height: 100%;margin-bottom: 1px;}
body {margin: 0;line-height: 135%;}
form {margin: 0;padding: 0;}
body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;}
body, body.f-default {font-size: 12px;}
body#ff-optima, body#ff-optima.f-default, body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;}
body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;}
p {margin-top: 10px;margin-bottom: 14px;}
h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 135%;}
h1 {font-size: 250%;}
h2 {font-size: 200%;}
h3 {font-size: 175%;}
h4 {font-size: 120%;line-height: 130%;}
h5 {font-size: 120%;text-transform: uppercase;}
/*ССЫЛКИ САЙТА*/
a {text-decoration: underline; color:#666666;}
a:link {text-decoration: underline; color:#666666;}
a:hover, a.hover {text-decoration: none; color:#666666;}
a:visited, a.visited {color:#666666;}
.clr, .clear {clear: both;}
.rokradios, .rokchecks {padding: 1px 5px 7px 24px;line-height: 120%;}
#header .rokradios {background-position: 0 0;background-repeat: no-repeat;}
#header .rokradios-active {background-position: 0 -125px;background-repeat: no-repeat;}
#header .rokchecks {background-position: 0 -258px;background-repeat: no-repeat;}
#header .rokchecks-active {background-position: 0 -399px;background-repeat: no-repeat;}
.rokradios {background-position: 0 -451px;background-repeat: no-repeat;}
.rokradios-active {background-position: 0 -679px;background-repeat: no-repeat;}
.rokchecks {background-position: 0 -1347px;background-repeat: no-repeat;}
.rokchecks-active {background-position: 0 -1575px;background-repeat: no-repeat;}
.inset .rokradios, #footer .rokradios, .hilite2 .rokradios {background-position: 0 0;background-repeat: no-repeat;}
.inset .rokradios-active, #footer .rokradios-active, .hilite2 .rokradios-active {background-position: 0 -227px;background-repeat: no-repeat;}
.inset .rokchecks, #footer .rokchecks, .hilite2 .rokchecks {background-position: 0 -897px;background-repeat: no-repeat;}
.inset .rokchecks-active, #footer .rokchecks-active, .hilite2 .rokchecks-active {background-position: 0 -1125px;background-repeat: no-repeat;}

/* Header */
#header .padding {padding: 15px 20px 17px 20px;overflow: hidden;}
#logo {float: left;margin: 0 25px 0 0;}
.logo-module {width: 275px;float: left;overflow: hidden;}
.logo-module .moduletable {clear: both;}
.banner-module .moduletable {margin: 0;padding: 0 20px;float: right;}
.banner-module, .feature-module {overflow: hidden;}
#top-right-surround {width: 55%;float: right;}
#top-right {float: right;height: 14px;}
#top-right .moduletable {padding: 0;font-size: 12px;}
#top-right ul {margin: 0;padding: 0;}
#top-right ul li {margin: 0 0 0 20px;padding: 0;list-style: none;float: right;font-weight: bold;line-height: 100%;}
#top-right ul li a:hover {text-decoration: none;}
#accessibility {height: 14px;float: right;margin-left: 25px;}
.textsizer-desc {display: block;float: left;text-align: left;margin-right: 8px;font-weight: bold;line-height: 100%;font-size: 12px;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: left;height:12px;overflow:hidden;}
#accessibility .button {display: block;float: right;width: 12px;height: 12px;}
#accessibility a.small .button {margin-right: 4px;}
a.large .button, a.small .button, a.large:hover .button, a.small:hover .button {background-position: -17px -56px;background-repeat: no-repeat;}
a.small .button {background-position: 0 -56px;background-repeat: no-repeat;}
a.large:hover .button {background-position: -17px -39px;background-repeat: no-repeat;}
a.small:hover .button {background-position: 0 -39px;background-repeat: no-repeat;}
#top-advertisement, #bottom-advertisement {text-align: center;}
#top-advertisement .moduletable {padding: 15px 15px 25px 15px;}

/* Horizontal Menu */
#horiz-menu {display: block;height: 60px;margin: 0;}
#horiz-menu .padding {padding: 0 10px;}
#horizmenu-surround {position: relative;}
#horiz-menu ul {float: left;}
#horiz-menu ul, #horiz-menu ul.columns2 {background-position: 50% 100%;background-repeat: no-repeat; }
#horiz-menu .drop-top, #horiz-menu .columns2 > .drop-top {background-position: 50% 0;background-repeat: no-repeat;}

/* Main Layout */
#main-trans {padding: 0 10px 10px 10px;}
#main-trans-top {padding: 0 10px;}
.colmask {clear:both;overflow:hidden;position:relative;width:100%;}
.col1wrap {padding-bottom:2em;}
#maincol {position: relative;padding: 0;}
.wrapper {position:relative;}
#main-content a, #main-content .separator, #main-content .item {font-weight: bold;}
.blog .module-inner, .full-article .module-inner, .blog .article_row, .blog .leading {padding: 0;}
#maincontent-block {padding: 10px 10px 0 10px;}
body #inset-block-right {float: right;padding-top: 10px;}
body #inset-block-left {float: left;padding-top: 10px;}
table.mainbody, table.blog {width: 100%;border: 0;padding: 0;}
.spacer .block {float: left;}

/* s-c-s (Sidebar-Content-Sidebar) */
.s-c-s .colmid {float:left;position:relative;width:200%;}
.s-c-s .colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s .col1wrap {float:right;position:relative;right:100%;width:50%;padding-bottom:1em;}
.s-c-s .col1pad {overflow:hidden;}
.s-c-s .col1 {overflow:hidden;width:100%;}
.s-c-s .col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
.s-c-s .col3 {float:left;position:relative;overflow:hidden;left:0;}

/* s-c-x (Sidebar-Content) */
.s-c-x .colright {float:left;position:relative;width:200%;}
.s-c-x .col1wrap {float:right;padding-bottom:1em;position:relative;width:50%;}
.s-c-x .col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x .col2 {float:left;position:relative;}

/* x-c-s (Content-Sidebar) */
.x-c-s .colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s .col1wrap {float:left;left:50%;padding-bottom:1em;position:relative;width:50%;}
.x-c-s .col1 {overflow:hidden;}
.x-c-s .col3 {float:right;position:relative;}

/* Modules */
.module-inner {
border-left: 5px solid #EFF0F0;
border-right: 5px solid #EFF0F0;
border-bottom: 5px solid #EFF0F0;
position: relative;
padding: 15px 0;
padding-left: 5px;
}
.module-inner_border {border:10px solid red;}
.login {text-align:center; right-padding: none;}

.hilite1 .module-inner, .hilite2 .module-inner, .inset .module-inner {padding: 15px;}
.moduletable h3 {margin-top: 0;font-size: 125%;}
/*СТРОКА РЕДАКТИРОВАНИЯ "КНОПКИ" НАЗВАНИЯ МОДУЛЯ*/
h3.module-title {margin: 0;line-height: 20px;font-weight: bold; text-align:center; border: 5px solid #EFF0F0;}
h3.module-title span, .contentheading span {padding: 0 8px 0 18px;margin-left: -10px;display: inline-block;line-height: 30px;margin-right: 2px; text-align:center;}
.inset h3.module-title {padding: 0 5px 0 30px;}
.inset h3.module-title span {background: none;text-transform: none;padding: 0;margin: 0;}
.spacer.w99 .block {width: 100%;}
.spacer.w49 .block {width: 49.8%;}
.spacer.w33 .block {width: 33.3%;}
.moduletable {padding: 6px ;position: relative;} /* Отступ между блоками */
.flush .moduletable {padding: 0;}
.inset .moduletable {padding: 0 100px;}
#showmodules, #showmodules2, #featuremodules, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4, #mainmodules5, #mainmodules6, #mainmodules7 {overflow: hidden;}
#mainmodules2 {padding-top: 15px; margin-left: 10px;}
#mainmodules3 {padding: 5px 10px;}
#mainmodules4 {padding-top: 20px; border:1px solid green;}


.spacer.w49 .block.first {
width:50%;       /* ширина первого блока */
}
.spacer.w49 .block.last {
width:50%;            /* ширина второго блока */
}

/* Module Variations */
#main-body .hilite1 .module-inner {border-top: 0px; }
.hilite1 .readon1-l {background-position: 0 -47px;background-repeat: no-repeat; }
.hilite1 .readon1-m {background-position: 0 -47px;background-repeat: repeat-x; }
.hilite1 .readon1-r {background-position: 100% -47px;background-repeat: no-repeat; }
.ad .module-inner {padding: 0; }
.ad h3.module-title {color: #999;display: block;font-size: 10px;font-weight: bold;margin-bottom: 5px;padding: 0;margin-top: 10px;margin-left: 5px;text-transform: uppercase;background: none;line-height: 12px;;font-family: Helvetica,Arial,sans-serif !important; }
.ad h3.module-title span {background: none;color: #999;margin: 0;padding: 0;line-height: 12px; }


/* RokStories */
.rokstories-layout4 .feature-block .image-container {margin-left: 0;}
.rokstories-layout4 .feature-block .article_link {font-weight:bold;}
.rokstories-layout4 .feature-block span.feature-title {font-size: 180%;font-weight: bold;text-transform: uppercase;}
.rokstories-layout4 .feature-block .feature-numbers {left: 0;bottom: 10px;font-weight: bold;padding: 2px 15px 2px 0;background-position: 100% -290px;background-repeat: no-repeat;}
.rokstories-layout4 .feature-block .feature-number-sub {background: none;padding: 3px 5px;line-height: 10px;}
.rokstories-layout4 .feature-block .desc-container {background: none;}
.rokstories-layout4 .feature-block .desc-container .description {padding-right: 80px;padding-left: 10px;background-position: 100% 0;background-repeat: no-repeat;}
.rokstories-layout4 .feature-block .readon-wrap1 {margin: 0;float: none;}
.rokstories-layout4 .feature-block .readon-wrap1 span {height: auto;}
.rokstories-layout4 .feature-block .readon1-l {display: none;}
.rokstories-layout4 .feature-block .readon1-m {margin: 0;text-align: left;padding: 0;background: none;}
.rokstories-layout4 .feature-block .readon1-r {margin: 0;padding: 0;background: none;}
body.simple .rokstories-layout4 .feature-block .desc-container .description {background-position: 0 0;background-repeat: no-repeat;}
body.simple .rokstories-layout4 .feature-block .feature-numbers {background-position: 0 -290px;background-repeat: no-repeat;}

/* RokTabs */
.roktabs-wrapper {padding: 0;position: relative;margin-top: -15px;}
.hilite1 .roktabs-wrapper, .hilite2 .roktabs-wrapper, .inset .roktabs-wrapper {margin: -15px;}
.roktabs {position: relative;z-index: 3;}
.roktabs-wrapper .roktabs-container-inner {position:relative;overflow: hidden;}
.roktabs-wrapper .roktabs-container-wrapper {clear: both;position: relative;overflow:hidden;width:50000px;}
.roktabs-wrapper .roktabs-container-wrapper div {float: left;}
.roktabs-wrapper .roktabs-container-wrapper div.wrapper {padding: 10px;width: auto;float: none;}
.roktabs-wrapper .roktabs-links {margin: 0;padding: 0;height: 30px;overflow: hidden;}
.roktabs-wrapper .active-arrows .roktabs-links {margin: 0 24px;padding: 0;height: 30px;}
.roktabs-wrapper .roktabs-links ul {text-align: left;list-style-type: none;overflow:hidden;margin: 0;padding: 0;height: 30px;}
.roktabs-wrapper .roktabs-links ul li {float: left;padding: 0;margin: 0;text-decoration: none;position: relative;height: 30px;line-height: 30px;font-size: 110%;}
.roktabs-wrapper .roktabs-links ul li span {padding: 0 10px;display: block;height: 30px;}
.roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 30px;}
.roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 20px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 8px;height:14px;width: 14px;}
.roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;}
.roktabs-wrapper .arrow-next {background-position: -16px 0;background-repeat: no-repeat;right: 5px;}
.roktabs-wrapper .arrow-next:hover {background-position: -16px -16px;background-repeat: no-repeat;}
.roktabs-wrapper .arrow-prev {background-position: 0 0;background-repeat: no-repeat;left: 5px;}
.roktabs-wrapper .arrow-prev:hover {background-position: 0 -16px;background-repeat: no-repeat;}
.hilite1 .roktabs-wrapper .arrow-next {background-position: -16px -30px;background-repeat: no-repeat;}
.hilite1 .roktabs-wrapper .arrow-next:hover {background-position: -16px -46px;background-repeat: no-repeat;}
.hilite1 .roktabs-wrapper .arrow-prev {background-position: 0 -30px;background-repeat: no-repeat;}
.hilite1 .roktabs-wrapper .arrow-prev:hover {background-position: 0 -46px;background-repeat: no-repeat;}

/* RokAjaxSearch */
#searchmod {width: 223px;float: right;margin-top: 12px;}
#searchmod .moduletable {padding: 0;}
#searchmod h3 {font-size: 14px;margin: 0 0 10px 5px;padding: 0;}
#searchmod-surround {height: 22px;background-position: 0 0;background-repeat: no-repeat;}
#searchmod-surround .inputbox {background: none;border: 0;padding: 3px 0 2px 20px;font-size: 13px;height:16px;width: 203px;outline: none;}
#searchmod-surround .search_options {display: block;margin-top: 8px;}
#roksearch_search_str {width: 150px;}
#roksearch_search_str.loading {background: transparent url(../images/spinner.gif) no-repeat scroll 97% 50% !important}
#roksearch_results {z-index: 600001 !important;position: absolute;width: 400px;float: right;margin-top: -1px;text-align: left;visibility: hidden;}
#roksearch_results a#roksearch_link {float: right;padding-right: 5px;margin-top: 5px;display: block;height: 18px;width: 18px;background-position: -99px -40px;background-repeat: no-repeat;}
#roksearch_results h3 {margin-top: 0;margin-bottom: 0;line-height: 120%;font-size: 130%;padding-bottom: 0;}
#roksearch_results span {display: block;line-height: 130%;font-size: 90%;}
#roksearch_results .container-wrapper {overflow: hidden;}
#roksearch_results .page {float: left;}
#roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {padding: 8px;line-height: 100%;text-transform: uppercase;font-weight: normal;font-size: 100%;}
#roksearch_results .roksearch_row_btm {overflow: hidden;border-bottom: 0;}
#roksearch_results .roksearch_row_btm span {line-height: 140%;}
#roksearch_results span.small {display: inline-block;margin-top: 2px;margin-bottom: 7px;font-size: 10px;}
#roksearch_results span.small span.small {margin-bottom: 0;}
#roksearch_results span.highlight {display: inline;padding: 1px 2px;}
#roksearch_results a:hover {text-decoration: none;}
#roksearch_results .roksearch_odd, #roksearch_results .roksearch_even {padding: 10px;position: relative;}
#roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {padding-left: 8px;}
.results ol.list {padding-left: 30px;margin-top: 0;}
.results ol.list h4 {border: 0;margin-top: 0;margin-bottom: 0;}
.results ol.list li {padding: 10px 5px;margin-bottom: 5px;}
.results ol.list li p {margin-top: 0;}
#roksearch_results .container-arrows {height: 12px;width: 30px;float: left;margin-right: 5px;position: relative;}
#roksearch_results .arrow-left, #roksearch_results .arrow-left-disabled, #roksearch_results .arrow-right, #roksearch_results .arrow-right-disabled {width: 10px;height: 10px;position: absolute;top: 2px;}
#roksearch_results .arrow-left {left: 0;cursor: pointer;background-position: -51px -40px;background-repeat: no-repeat;}
#roksearch_results .arrow-left-disabled {left: 0;background-position: -72px -39px;background-repeat: no-repeat;}
#roksearch_results .arrow-right {left: 18px;cursor: pointer;background-position: -51px -57px;}
#roksearch_results .arrow-right-disabled {left: 18px;background-position: -72px -39px;}
#roksearch_results a.viewall {float: left;margin-right: 5px;}
#roksearch_results .estimated_res, #roksearch_results .pagination_res {font-size: 9px;font-style: italic;text-transform: none;float:left;}
#roksearch_results .pagination_res {font-style: normal;float: right;font-size: 11px;margin-top: -1px;}
#roksearch_results .powered-by-google {text-transform: lowercase;font-style: italic;font-size: 9px;}
.roksearch_wrapper4.google-search .roksearch_odd, .roksearch_wrapper4.google-search .roksearch_even {height: 110px;}
form.search_result input.button {border: 0;background: none;cursor: pointer;padding-top: 2px;line-height: 13px;}
form.search_result fieldset {padding: 15px 0;}
.search-results-full .readon-wrap1 {margin-top: 0;}
form.search_result input#search_searchword.inputbox {padding: 6px 0 1px 5px;font-size: 14px;line-height: 22px;height:19px;width: 100%;margin-bottom: 10px;width: 300px;}
form.search_result fieldset.word {margin-top: 0;margin-bottom: 0;padding: 10px 0 25px 0;}
form.search_result fieldset.phrase {margin-top: 5px;margin-bottom: 0;padding: 10px 0 35px 0;}
form.search_result fieldset.word label, form.search_result legend {font-size: 120%;display: block;height: 26px;margin: 0;padding: 0;}
.search-results-full h3 {margin-top: 10px;padding: 0;margin-bottom: 0;font-size: 130%;}
form.search_result .display {float: left;margin-left: 20px;height: 20px;margin-top: 5px;}
#roksearch_results .google-search a#roksearch_link {margin-top: 5px;}

/* Main Body Items */
#breadcrumbs {margin: 0;display: block;position:relative;overflow: hidden;height: 20px;padding: 10px;}
#breadcrumbs-home {width: 13px;height: 13px;display: block;float: left;margin-top: 2px;}
#breadcrumbs h3, .leading_separator {display: none;}
span.breadcrumbs {display: block;font-size: 110%;font-weight: bold;overflow: hidden;}
span.breadcrumbs img {width: 4px;height: 23px;float: left;}
span.breadcrumbs a, span.no-link {padding: 0 8px;float: left;display: block;height: 23px;line-height: 20px;}
#maincol .contentheading a, span.breadcrumbs span.no-link {font-weight: normal;}
span.breadcrumbs a:hover {text-decoration: none;}
.contentheading {font-size: 130%;line-height: 30px;margin: 0 0 15px 0;padding: 0 65px 0 10px;font-weight: bold;}
.article-rel-wrapper .contentheading br {display: none;}
p.buttonheading {position: absolute;top: 0;right: 10px;}
.leading p.buttonheading, .full-article p.buttonheading {right: 10px;}
.buttonheading .icon {display:block;width:13px;height:13px;float:left;margin-left:5px;}
.buttonheading .pdf {background-position: 0 -22px;background-repeat: no-repeat;}
.buttonheading .print {background-position: 0 -38px;background-repeat: no-repeat;}
.buttonheading .email {background-position: 0 -51px;background-repeat: no-repeat;}
.article-info-surround {padding: 5px;margin: -15px 0 15px 0;overflow: hidden;}
p.articleinfo, .iteminfo {margin: 0;line-height: 140%;}
.iteminfo {display: block;float: left;}
p.pageinfo {padding: 2px 5px;margin-top: 0;display: block;}
.article-ratings {padding: 2px 5px;margin-top: 25px;}
.article-rating {float: right !important;margin: 10px 0;white-space:nowrap;}
.article-rating .rating-bar {float:right !important;height:14px;width:104px;background:url(../images/ratingbar.png);text-align:left;}
.article-rating .rating-bar div {height:14px;background:url(../images/ratingbar.png) 0 -15px;overflow:hidden;}
span.modifydate, span.createdby, span.createdate {display: block;}
span.modifydate {font-size: 10px;}
p.counter {text-align: right;margin: 15px 10px 0 0;}
.pagination {height: 18px;line-height: 18px;margin-top: 5px;padding-bottom: 15px;float: right;}
.pagination .tab {float: left;margin-right: 8px;}
.pagination .tab .page-active {background: none;}
.pagination .page-block {float: left;margin-right: 4px;font-weight: bold;}
.pagination .page-active, .pagination .page-inactive {padding: 0 4px;}
.pagination .page-inactive:hover {cursor: pointer;}
.pagination a:hover {text-decoration: none;}
.cols1 {display: block;float: none;margin: 0;}
.cols2 {width: 46%;}
.column1, .column2, .column3 {margin: 0 5px 0 0;position: relative;}
.column2, .column1, .column3 {margin: 0;}
.column2 {float: right;margin: 0;width: 49%;}
.article_row {margin: 0;padding-bottom: 15px;overflow: auto;}
.blog .leading {padding-bottom: 25px;overflow: auto;}
.blog_more {padding-top: 15px;}
.blog h2 {margin-top: 0;}
body #main-body .componentheading {margin: 0 0 15px 0;font-size: 180%;line-height: 130%;padding: 0;text-transform: none;}
#main-content .date1 {font-size: 110%;display: block;float: left;margin-right: 5px;}
#main-content .date2 {font-size: 110%;float: left;line-height: 15px;margin-left: 5px;}
.date-div {padding-right: 8px;}
.article-info-right {float: right;}
.article-info-left {margin-bottom: 5px;}
.createdby {font-weight: bold;margin-bottom: 5px;text-align: right;}

/* Extra Joomla Elements */
span.small, .modifydate {font-size: 90%;}
.sectiontableheader {font-weight: bold;padding: 3px;line-height: 25px;text-align: left;}
.sectiontablefooter {padding-bottom: 8px;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 6px 5px;vertical-align: middle;}
tr.sectiontableentry0 td, td.sectiontableentry0, tr.sectiontableentry1 td, td.sectiontableentry1, tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;}
.contentpane, .contentpaneopen {width: 100%;}
.moduletable fieldset {border: 0;}
.moduletable h4 {margin-top: 0;}
table.contenttoc {float: right;margin-left: 25px;}
.weblinks .contentdescription {overflow: hidden;margin-bottom: 15px;padding: 15px 0;}
.weblinks-img {float: left;}
.weblinks-link {margin-left: 25px;}
.weblinks-img img {margin-top: 3px;}
.contact_email input.button {border: 0;background: none;}
.contact_email .readon-wrap1 {margin-top: 0;}
.contact-name {font-weight: bold;font-size: 140%;display: block;padding: 15px 0 2px 0;}
.contact-position {display: block;padding-bottom: 15px;}
.intro-article-content .article_separator {display: none;}
.contact .icon {float: left; width: 40px;}
.contact .misc, .contact .webpage, .contact .mobile, .contact .email, .contact .telephone, .contact .fax, .contact .country, .contact .state, .contact .postcode, .contact .suburb, .contact .street-address {overflow: hidden;}
.contact .other .surround {margin-top: 5px;}
.contact .vcard {margin-top: 15px;}
input#contact_name.inputbox, input#contact_email.inputbox, input#contact_subject.inputbox {padding: 1px 0 1px 5px;font-size: 14px;line-height: 22px;height:22px;width: 100%;margin-bottom: 10px;width: 300px;}
textarea#contact_text.inputbox {padding: 5px;margin-bottom: 10px;}
#main-content .inputbox.invalid {border: 1px solid #cc0000;}
#adminForm fieldset div {clear: both;line-height:30px;}

/* Side Menus */
#main-body ul.menu {margin: 0;padding: 0;}
#main-body ul.menu li {list-style: none;margin: 0;padding: 0;float: none;}
#main-body ul.menu a:hover, #main-body ul.menu .separator:hover, #main-body ul.menu .item:hover {text-decoration: none;}
#main-body ul.menu span {display: block;}
#main-body ul.menu li.active.parent li .item span, #main-body ul.menu li.parent li .item span, #main-body ul.menu li.active.parent li a span, #main-body ul.menu li.parent li a span, #main-body ul.menu li.active.parent li .separator span, #main-body ul.menu li.parent li .separator span {font-size: 110%;line-height: 110%;}
#main-body ul.menu li.active.parent li, #main-body ul.menu li.parent li {padding-left: 20px;}
#main-body ul.menu a, #main-body ul.menu .separator, #main-body ul.menu .item {display: block;text-indent: 0;overflow: hidden;font-size: 120%;float: none;font-weight: normal;padding: 8px 0 8px 20px;}
#main-body ul.menu li.active > a, #main-body ul.menu li.active > .separator, #main-body ul.menu li.active > .item {font-weight: bold;}
#main-body ul.menu ul ul {padding: 0; margin: 0;}
#main-body ul.menu li li {padding: 0;margin: 0;font-size: 10px;background: none;border: none;}
#main-body ul.menu li.active.parent ul {margin: 0;padding: 5px 0 15px 0;}
#main-body ul.menu li.active.parent ul li.active.parent ul {padding: 5px 0;}
#main-body ul.menu li.active {padding: 0;}
#main-body .menu .subtext em {line-height: 14px;}
#main-body .menu em {display: block;font-size:80%;font-style: normal;font-weight: normal;}

/* Extra Content Styles */
a.nounder {text-decoration: none;border: 0;cursor: pointer;}
a.nounder:hover {text-decoration: none;}
fieldset {margin:10px 0 20px 0;border:0;}
fieldset.input, a img, body .pollstableborder {border: 0;}
table.pollstableborder {width: 100%;}
.pollstableborder th {font-size: 130%;text-align: left;}
.pollstableborder td.td_1, .pollstableborder td.td_2 {width:20%;}
.pollstableborder td.td_3 {width: 60%;}
.pollstableborder td div {border-width: 5px;border-style:solid; background: transparent;}
legend {font-size:120%;}
form.poll fieldset {margin: 0 0 10px 0;padding: 0;}
.moduletable h4.poll-title {margin: 0;padding: 0;font-size: 120%;}
.moduletable .poll-line {padding: 6px 0 8px 0;font-size: 110%;}
.moduletable .poll-buttons {padding: 0;overflow: hidden;width: 130px;margin: 0 auto;}
form.poll input.button {background: none;cursor:pointer;border: none;text-align: center;line-height: 22px;height: 22px;float: left;padding: 0;}
.vote-button-wrap .readon-wrap1 {margin-left: 15px;}
form.poll a.results:hover {text-decoration: none;}
img.content-left {float: left;margin-right: 10px;padding: 5px;}
img.content-right {float: right;margin-left: 10px;padding: 5px;}
.back_button {margin-top: 20px;margin-bottom: 10px;}
.tool-tip {padding: 4px;z-index:5000;background:#fbf3ad;color:#333;border:2px solid #f8e639;font-size:90%;}
.bannergroup .clr {clear: none !important;}
.bannergroup .banneritem {margin-bottom: 10px;}
dl.poll dt {border-bottom:solid 1px #ccc;font-weight: bold;}
dl.poll dd {padding:6px 0;margin-left: 0;}
.polls_color_1 {background:#000;}
.polls_color_2 {background:#aaa;}
.polls_color_3 {background:#93246F;}
.polls_color_4 {background:#000;}
.polls_color_5 {background:#ccc;}
.polls_color_6 {background:#93246F;}
#main-content .poll {padding-top: 15px;}
.newsfeeds-default .article-info-surround {margin-top: 20px;}
ul.latestnews, ul.mostread, .blog_more ul, .block ul#mainlevel-nav, .featured-text-block ul {margin: 0;padding: 0;}
ul.latestnews li, ul.mostread li, .blog_more ul li, .block ul#mainlevel-nav li, .featured-text-block li {list-style: none;margin-bottom: 3px;padding-bottom: 3px;}
ul.latestnews li a, ul.mostread li a, .blog_more ul li a, .block ul#mainlevel-nav li a, .featured-text-block ul li a {font-weight: bold;font-size: 110%;display: block;padding-left: 8px;}
.bannergroup_text .bannerheader {font-size: 120%;font-weight: bold;margin-bottom: 15px;}
.bannergroup_text .banneritem_text {margin-bottom: 15px;}
.bannergroup_text .banneritem_text a {font-weight: bold;}
.contentdescription {padding:10px 0;overflow:hidden;}
.image_left {float:left;margin:0 10px 10px 0;}
.image_right {float:right;margin:0 0 10px 10px;}
img {margin:5px;}

/* Editor Form Overrides */
#main-content form.editor {padding:0;margin:0;}
#main-content form.editor {color:#333;}
#main-content form.editor input, #main-content form.editor textarea {border:1px solid #ccc;}
#main-content form.editor fieldset a {color: #00c;}
#main-content form.editor fieldset {padding:20px; border: 1px solid #ccc;}
#main-content form.editor legend {font-size:250%;margin:15px 0;padding:0 10px;color:#999;}
#main-content form.editor label {display:block;width: 120px;float:left;line-height:30px;font-weight: bold;}
#main-content form.editor div.radio label.rokradios {display:inline;width:auto;float:none;}
#main-content form.editor .metadata label {clear:left;}
#main-content form.editor .metadata textarea {float:left;}
body #main-content #adminForm .rokjformpublished {width: auto;line-height:18px;margin-right:15px;}

/* Login Styles */
form.form-login p {margin: 0;}
form.form-login .inputbox, input#email, .register-page .inputbox {padding: 5px 0 5px 5px;font-size: 14px;width: 300px;margin-bottom: 10px;display: block;}
.main-login-form form.form-login .inputbox {width: 97%;}
form.form-login .login-extras {float:left;}
form.form-login .login-links {margin-bottom: 8px;margin-top: 8px;}
form.form-login .login-links a {padding-left: 10px;}
form.form-login input.button, form.log input.button {background: none;cursor:pointer;border: none;text-align: center;line-height: 22px;height: 22px;float: left;padding: 0;}
form.form-login fieldset {padding: 0;}
input.button {font-size: 100%;cursor: pointer;padding: 3px 5px;}
form.form-login span.username-label, form.form-login span.password-label {display: block;text-transform: uppercase;margin-bottom: 1px;padding-left: 2px;}
.register-page input.button, form.josForm input.validate {background: none;border: 0;}
.register-page div.name, .register-page div.user, .register-page div.email, .register-page div.pass, .register-page div.verify_pass {text-align: left;}
form#josForm.form-validate.user, .edit-user-form {float: left;overflow: hidden;padding-bottom: 15px;}
.edit-user-form {padding-top: 15px;}
.register-page fieldset {margin-bottom: 15px;margin-top: 0;padding-bottom: 15px;}
div.user_name {margin-bottom: 10px;}
div.user_name span {font-weight: bold;font-size: 110%;}
.user-params {margin-bottom: 20px;}
.user-params td.paramlist_key {width: auto;}
.edit-user-button {margin-left:210px;width: 80px;}
.remember-me {margin-top: 5px;margin-bottom: 5px;}
form.form-login .readon-wrap1, form.log .readon-wrap1 {margin-top: 5px;}
a#rokbox-close {height: 20px;width: 20px;}
form.josForm label.hasTip {display: block;float: left;height: 25px;line-height: 25px;margin-right: 5px}

/* Bottom Section */
#bottom {margin: 0;}
#top-button {width: 90px;height: 20px;text-align: center;line-height: 22px;font-weight: bold;font-size: 12px;margin: 0 auto;}
#top-button a:hover {text-decoration: none;}
.top-button-spacer {height: 15px;}
.copyright-block {margin: 15px 0;padding: 20px 0 0 0;position: relative;}
.footer-div {height: 2px;width: 100%;position: absolute;top: 0;left: 0;}
#copyright {margin: 0 auto;text-align: center;line-height: 200%;}
#rocket {width: 111px;height: 16px;display: block;margin: 0 auto;}
#debug-mod {padding: 15px;}
#bottom ul {margin: 0;padding-left: 10px;list-style: none;}
#bottom ul li a {padding-left: 10px;padding-bottom: 5px;display: block;}
#bottom ul li:hover a {text-decoration: none;}
#footer {position: relative;overflow: hidden;}
body.full #footer-bg2, body.medium #footer-bg2 {position: relative;z-index: 1;padding-bottom: 90px;}
.footer-mod {padding: 15px 0;}
#footer a {font-weight: bold;}
#mainmodules3 a {font-weight: bold;}
#bottom .moduletable {padding: 15px;}

/* RSS Feeds */
ul.newsfeed {margin: 0;padding: 0;}
a.newsfeed-title {text-transform: uppercase;font-weight: bold;}
ul.newsfeed li {list-style: none;padding-left: 12px;margin-bottom: 12px;}
ul.newsfeed li a {font-weight: bold;font-size: 120%;}
ul.newsfeed .newsfeed-div {display: block;padding-bottom: 1px;}

/* Typography */
.readon-wrap1 {margin-top: 15px;position:relative;float:left;}
.readon-wrap1 span {display:block;height: 22px;line-height: 22px;}
.show-r .feature-block .readon-wrap1 span {height: 38px;line-height: 38px;}
a.readon {font-weight: bold;display: block;margin: 10px 0;}
a.readon-main {font-size: 12px;cursor: pointer;font-weight: bold;}
a.readon-main:hover {text-decoration: none;}
.readon1-l {position:absolute;width: 8px;height: 22px;left:0;top:0;background-position: 0 0;background-repeat: no-repeat;}
.readon1-m {margin-left: 8px;text-align: center;padding-left:2px;background-position: 0 0;background-repeat: repeat-x;}
.readon1-r {margin-right: -8px;padding-right: 10px;background-position: 100% 0;background-repeat: no-repeat;}
#main-content .readon-wrap1 input.button {font-weight: bold;}

/* RokNewsPager */
.moduletable .roknewspager-wrapper {margin: -15px 0 0 0;}
.hilite1 .moduletable .roknewspager-wrapper, .hilite2 .moduletable .roknewspager-wrapper, .inset .moduletable .roknewspager-wrapper {margin: -15px;}
.hilite1 .moduletable ul.roknewspager, .hilite2 .moduletable ul.roknewspager, .inset .moduletable ul.roknewspager {padding: 15px;}
body .roknewspager-pages {margin: 0 0 -15px 0;padding: 6px 10px;}
body .hilite1 .roknewspager-pages, body .hilite2 .roknewspager-pages {margin: 15px -15px -15px -15px;}
body .roknewspager-content {padding: 10px;}
body .roknewspager-h3 {margin-left:6px;line-height:30px;margin:0;padding:0 0 0 10px;border: 0;}
body .roknewspager-toggle {width: 18px;height:18px;top:6px;right: 6px;}
body ul.roknewspager {border: none;padding: 15px 0;}
body ul.roknewspager li {background: none;}
body ul.roknewspager .roknewspager-div {padding-left: 0;background: none;}
body .roknewspager-toggle {background-position: 0 -25px;background-repeat: no-repeat;}
body .roknewspager-toggle-active {background-position: 0 0;background-repeat: no-repeat;}
body .hilite2 .roknewspager-toggle, body .inset .roknewspager-toggle {background-position: 0 -2078px;background-repeat: no-repeat;}
body .hilite2 .roknewspager-toggle-active, body .inset .roknewspager-toggle-active {background-position: 0 -2053px;background-repeat: no-repeat;}
.roknewspager-content img {float: left;margin-right: 15px;}
.roknewspager-content .roknewspager-title {font-size: 120%;display: block;}

/* RokQuickCart*/
.simpleCart_shelfItem {background: none;padding: 0;margin-bottom: 15px;margin-right: 15px;}
.simpleCart_shelfItem .module-inner {overflow: hidden;}
.cart_yourcart_items {background: none;border: 0;padding: 0;}
.cart_totals {margin-top: 0;}
.cart_product_l, .item_price {margin-bottom: 0;}
.cart_product_add {margin-top: 15px;}
.cart_quickcart .readon-wrap1 {margin-top: 0;}
.item_add, .item_add:hover, .item_add:hover span, .simpleCart_checkout:hover span, .simpleCart_checkout span, .simpleCart_empty span, .simpleCart_empty:hover span {background: none;}
a.readon-main, a.item_add, a.simpleCart_checkout, a.simpleCart_empty {font-size: 12px;cursor: pointer;font-weight: bold;}
a.readon-main:hover, a.item_add:hover, a.simpleCart_checkout:hover, a.simpleCart_empty:hover {text-decoration: none;}
#main-content .item_add:link, #main-content .item_add:visited, #main-content .simpleCart_checkout:link, #main-content .simpleCart_checkout:visited, #main-content .simpleCart_empty:link, #main-content .simpleCart_empty:visited  {display: inherit;height:auto;float:none;position: inherit; background:none;margin-left:4px;padding:inherit;color: #333;font-size: 12px;font-weight:bold;text-shadow:none;}
#main-content .item_add span, #main-content .simpleCart_checkout span, #main-content .simpleCart_empty span {display:inherit;position: inherit;height:auto;width:auto;margin-left:inherit;padding-left: inherit;background-position: inherit;background-repeat: inherit;text-align: center;}
#main-content .item_add span span, #main-content .simpleCart_checkout span span, #main-content .simpleCart_empty span span {background-position: 100% 0;margin-left: 0;padding-left: 0;}
.item_add:hover {background:none;text-decoration:none;}
.cart_buttons {float: right;}
.checkout-button {float: left;margin-right: 15px;}
.checkout-button2{float: left;margin-right: 5px;}
.checkout-button2 .simpleCart_empty {color: #666;}
#main-content .itemQuantity input {background:url(../images/quickcart-sprite.png) 0 0 no-repeat;}
#main-content .itemincrement a {background:url(../images/quickcart-sprite.png) -45px 0 no-repeat;}
#main-content .itemdecrement a {background:url(../images/quickcart-sprite.png) -45px -11px no-repeat;}
#main-content .cart_statusicon {background:url(../images/quickcart-sprite.png) -61px 0 no-repeat;}
#main-content .cart_yourcart {background:#f6f6f6;padding-right:10px;}
#main-content .item_add span {background-repeat:repeat-x;}

/* K2 Stuff */
.itemComments li.even, .itemComments .odd {background: none !important;border: 0 !important;margin-bottom: 15px !important;}
#k2Container .even, #k2Container .odd {border: 0;}
input#modlgn_username.inputbox, input#modlgn_passwd.inputbox {padding: 5px 0 5px 5px;font-size: 14px;width: 96%;;margin-bottom: 10px;display: block;}

/* Demo Tutorials */
pre {overflow: auto;}
.tutorial-block .written-listing {background: url(../images/write-list.png) no-repeat 0 1px;float: left;width: 24%;margin-top: 15px;overflow: hidden;}
.tutorial-block .written-listing .content {padding: 0 15px;}
.tutorial-block .written-listing .desc {font-size: 85%;}
.tutorial-block .categories {background: url(../images/write-list.png) no-repeat 10px 2px;float: left;width: 288px;margin-top: 12px;overflow: hidden;}
.tutorial-block .categories-content {padding: 0 15px 0 25px;}
.ext-col1 {float: left; width: 47%;}
.ext-col2 {float: right; width: 47%;}
.ext-block {margin-bottom: 30px;overflow: hidden;}
.ext-block .ext-img {float: left; margin-right: 20px;}
.ext-block .ext-divider {height: 10px; display: block;}
.ext-col1 .ext-links, .ext-col2 .ext-links {text-align: right;display: block;}
.demo-center {text-align: center;}
img.demo {padding: 3px;border: 3px solid #e9e9e9;}

.style1 .image-full img[src$="bigblank.png"] {background: url(../images/feature/1.jpg) no-repeat;}
.style2 .image-full img[src$="bigblank.png"] {background: url(../images/feature/2.jpg) no-repeat;}
.style3 .image-full img[src$="bigblank.png"] {background: url(../images/feature/3.jpg) no-repeat;}
.style4 .image-full img[src$="bigblank.png"] {background: url(../images/feature/4.jpg) no-repeat;}
.style5 .image-full img[src$="bigblank.png"] {background: url(../images/feature/5.jpg) no-repeat;}
.style6 .image-full img[src$="bigblank.png"] {background: url(../images/feature/6.jpg) no-repeat;}
.iridium-home #showmodules2 div.first {width: 65.5%;}
.iridium-home #showmodules2 div.last {width: 33%;}
.abstract-menu {margin: 0;padding: 0 0 1px 0;}
.abstract-menu li {list-style: none;padding-left:5px;}
.abstract-menu li a {font-size: 25px;line-height:35px;font-weight: bold;padding: 5px 5px 5px 8px;}
.abstract-menu li a:hover {text-decoration: none;}
.abstract-menu li a:hover span {padding-left: 12px;}
.abstract-menu li a.am1 {padding-right: 26px;background-position: 100% 0;background-repeat: no-repeat;}
.abstract-menu li a.am2 {padding-right: 46px;background-position: 100% -85px;background-repeat: no-repeat;}
.abstract-menu li a.am3 {padding-right: 41px;background-position: 100% -170px;background-repeat: no-repeat;}
body.simple .abstract-menu li a.am1 {padding-right: 8px;background-position: 0 0;background-repeat: no-repeat;}
body.simple .abstract-menu li a.am2 {padding-right: 8px;background-position: 0 -85px;background-repeat: no-repeat;}
body.simple .abstract-menu li a.am3 {padding-right: 8px;background-position: 0 -170px;background-repeat: no-repeat;}

ul.todays-highlights, ul.latest-updates {list-style: none;margin: 0;padding: 0;}

/* Demo Frontpage Latest Updates */
ul.latest-updates li {float: left;width: 180px;margin-bottom: 25px;margin-right: 25px;}
ul.latest-updates span {display: block;margin-bottom: 5px;}

/* Demo Frontpage Todays Highlights */
ul.todays-highlights li {padding-right: 8px;float: left;width: 31%;margin-bottom: 25px;}
ul.todays-highlights img {float: left;margin-right: 8px;}

/* Demo Footer */
.demo-footer-block {float: left;width: 25%;overflow: hidden;}
.demo-footer-text {margin-right: 25px;}
.demo-footer-block .readon-wrap1 {margin-top: 0;}
.demo-footer-block ul.bullet-7 {margin-left: 0 !important;padding-left: 0 !important;margin-bottom: 0;background: none;}
.demo-footer-block ul.bullet-7 li {margin-bottom: 2px !important;}

/* Variation Chooser */
.variation-chooser-surround {background: url(../images/chooser.png) no-repeat;width: 298px;margin: 0px auto;}
.variation-img {margin-top: 10px;}
.variation-chooser-width {margin-left: 9px;}
.variation-chooser {height: 65px;line-height: 25px;position: relative;}
.variation-chooser .selection {height: 26px;}
.variation-chooser .controls {height:25px;}
.variation-chooser .control-prev, .variation-chooser .control-next {cursor:pointer;float:left;height:22px;margin-top:1px;width:23px;}
.variation-chooser .control-prev {background-position:0 0;margin-right:0.4em;left: 1px;position: absolute;}
.variation-chooser .control-prev:hover {background-position:0 -22px;}
.variation-chooser .control-next {background-position: 0 -44px;margin-left: 0.4em;right: 2px;position: absolute;}
.variation-chooser .control-next:hover {background-position:0 -66px;}
.variation-chooser .controls {position: relative;}
.variation-chooser select {float: left;margin-top: 4px;width: 90px;margin-left: 28px;}
.variation-chooser .text-prev, .variation-chooser .text-next {color: #fff;}
.variation-chooser .text-prev {float: left;margin-left: 30px;}
.variation-chooser .text-next {float: right;margin-right: 30px;}
.variation-chooser input {background: none;border: 0;line-height: 16px;width: 95px;height: 16px;position: absolute;margin-top: 5px;overflow: hidden;right: 0;}
.newsbody13 {margin-left:10px;
margin-right:10px;}

В нем смотрите класс module-inner о котором я говорил выше
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
выложи сюда еще сгенерированный html-код (в браузере правый клик->Просмотреть исходный код)
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

migus

  • Давно я тут
  • 992
  • 144 / 0
  • OPEN THE BOX
Мне кажется, что проще будет не суффиксом, а конкретно под модуль условие прописать..., т.к. там еще и K2
"The Lord Of A SandBox"
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
выложи сюда еще сгенерированный html-код (в браузере правый клик->Просмотреть исходный код)
Вот сайт - http://live-football.com.ua/
Мне кажется, что проще будет не суффиксом, а конкретно под модуль условие прописать..., т.к. там еще и K2
А К2 это что,  с чем его едят?
*

migus

  • Давно я тут
  • 992
  • 144 / 0
  • OPEN THE BOX
А К2 это что,  с чем его едят?
Коструктор контента.

Вот отсюда возьмите: template.css я добавил со строки 177
-удачи ;)
"The Lord Of A SandBox"
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Коструктор контента.

Вот отсюда возьмите: template.css я добавил со строки 177
-удачи ;)
Странно, но нчиего не изменилось... рамка как была - так и осталась...
*

migus

  • Давно я тут
  • 992
  • 144 / 0
  • OPEN THE BOX
Странно, но нчиего не изменилось... рамка как была - так и осталась...
Он у вас на главной, что в нем находится, какой контент?
"The Lord Of A SandBox"
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Он у вас на главной, что в нем находится, какой контент?
В нем 2 модуля встроено. Профиль и Почта...
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
учись пользоваться FireBug ' ом. Это очень хороший и крайне полезный инструмент. Как научишся - перестанешь задавать подобные вопросы на форуме.
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
учись пользоваться FireBug ' ом. Это очень хороший и крайне полезный инструмент. Как научишся - перестанешь задавать подобные вопросы на форуме.
Вы уже несколько раз писали мне подобное, и я уже десятки раз колупался в нем. но в данной проблеме я не могу найти решения даже с фаербуком! А так, давно ним пользуюсь.. удобная штука. Но как уже говорил, в этой проблеме он мне не помогает..
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Вот посмотрите на сайт ( http://live-football.com.ua/ ) и при анализе фаербуком видно, что суффиксы применяются не на содержимое модуля, а на весь модуль в целом! Т.е. берется название модуля, содержимое... если это так и надо, то я тогда не понимаю в чем суть существования суфиксов... если отменить стили нельзя, а лишь добавить можно... 
*

migus

  • Давно я тут
  • 992
  • 144 / 0
  • OPEN THE BOX
Пробуйте этот:template.css
Теперь в суффикс модуля напишите: -noborder
Мне больше Chrome нравится, у него теперь фич больше...
"The Lord Of A SandBox"
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Пробуйте этот:template.css
Теперь в суффикс модуля напишите: -noborder
Мне больше Chrome нравится, у него теперь фич больше...
Применил на блок "Трансляции матчей". Все осталось как и раньше... :(
*

Nazaretto

  • Давно я тут
  • 666
  • 4 / 4
Посмотрите что отображает фаербук -
Как видите, суффикс применяется далеко от module-inner...
*

Artyomii

  • Захожу иногда
  • 331
  • 10 / 5
это Вы имели ввиду?

[вложение удалено Администратором]
*

TRAFFIC

  • Захожу иногда
  • 110
  • 1 / 0
Если позволит топикстартер, я размещу здесь свой нубский вопрос..  ^-^

Такая же проблема - есть модуль поиска, он использует класс .module-body, но для него нужно изменить параметр padding.
В CSS классе .module-body менять padding нельзя- весь сайт летит к чертям. 

Создал такую дополнительную штуку:
Код
.module-body {padding:10px 15px 10px;}
.module-bodysearch {padding:10px 15px 25px;}

после чего вставил в настройках модуля суфикс search


Но, видимо мне все же не хватает образования - ничего не получается..



Подскажите, пожалуйста - чего я делаю не так и как надо делать?
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
Цитировать
.module-body-search {padding:10px 15px 25px;}
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

TRAFFIC

  • Захожу иногда
  • 110
  • 1 / 0
Цитировать
.module-body-search {padding:10px 15px 25px;}
Ок, пусть будет дефис. Тогда в параметры модуля я вписываю суфикс -search, так?
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
да.
и не
Цитировать
Ок, пусть будет дефис.
, а так надо делать
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
*

TRAFFIC

  • Захожу иногда
  • 110
  • 1 / 0
не работает..  :(
Модуль не видит этот класс. По-прежнему тянет с .module-body

вписывал в параметры модуля и просто search и с дефисом -search
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
посмотрите в FireBug ' е что там происходит
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

dynamit

  • Завсегдатай
  • 1744
  • 265 / 0
  • Winter Is Coming
а на скрине выше на строку class="module mmodule-search" - это что?
и, потом - у вас один css-файл?
ТАМ ГДЕ ТЫ НИЧЕГО НЕ МОЖЕШЬ, ТЫ НЕ ДОЛЖЕН НИЧЕГО ХОТЕТЬ
==========================================================
Сайты на Joomla!. Верстка. Консультации.  ||  Яндекс уже не ищет, он уже продает (с)  ||    Создание шаблона для Joomla 2.5
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1537
Последний ответ 20.07.2020, 11:18:44
от kuraev64
Изменение размера модального окна

Автор nesskafe

Ответов: 4
Просмотров: 2591
Последний ответ 16.06.2020, 17:43:05
от xpank
Код в теге ссылки для изменение background-image с помощью onmouseover

Автор Bozhkov2

Ответов: 5
Просмотров: 1494
Последний ответ 19.12.2018, 16:56:48
от Bozhkov2
вывести элементы поверх остальных модулей

Автор lexxbry

Ответов: 6
Просмотров: 2250
Последний ответ 29.10.2017, 17:55:05
от lexxbry
Позиционирование модулей.

Автор Briz1

Ответов: 2
Просмотров: 1759
Последний ответ 17.02.2017, 13:09:47
от vipiusss