Новости Joomla

WT Set elements v.1.0.0: плагин поля для RadicalMart

WT Set elements v.1.0.0: плагин поля для RadicalMart

👩‍💻 WT Set elements v.1.0.0: плагин поля для RadicalMart.Плагин пользовательского поля компонента интернет-магазина для Joomla - RadicalMart (@radicalmart). Плагин позволяет создавать набор элементов, включающих заголовок, изображение и краткое описание и выбирать необходимые из них в товаре. Отображать наборы элементов можно в виде товара и в списке товаров (в своих макетах). От клиента поступил запрос на возможность добавления для товаров в RadicalMart списка повторяемых элементов. Это должен был быть редактируемый в одном месте список функций и режимов, которые могли относиться к разным товарам одной категории в разных сочетаниях. Во вкладке параметров "Отображение" вы можете выбрать отображать или нет элементы в категории товаров и/или карточке товара. Для каждого вида возможно выбрать собственный макет. Файлы макета находятся в /layouts/plugins/radicalmart_fields/wtsetelements. Вы можете использовать свои файлы макета в формате .php, разместив их в этой папке. Кроме того, файлы макетов можно переопределить стандартным способом Joomla, после чего они будут доступны по адресу: /templates/YOUR_TEMPLATE/html/layouts/plugins/radicalmart_fields/wtsetelements.Плагин предполагает самостоятельную разработку макетов вывода. Макеты "из коробки" следует рассматривать как образец для создания собственных.Плагин бесплатный. Протестирован на Joomla 5.3.3 и RadicalMart 2.2.4.Плагин разработан в соавторстве участниками нашего сообщества: Сергеем Сергевниным (@gresserg) и Сергеем Толкачёвым (@sergeytolkachyov).Страница расширенияGitHub расширения@joomlafeed#joomla #расширения #radicalmart

IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla

IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla

👩‍💻 IWS.BY VK app widget - Виджет приложения ВКонтакте для Joomla.Модуль «Виджет приложения ВКонтакте» для Joomla поможет добавить на сайт виджет с карточкой приложения или игры из социальной сети ВКонтакте.У вас возникла потребность отобразить информацию о ваших приложениях или играх на сайте с кнопкой перехода в социальную сеть, то этот модуль для Вас. Вам не придется хранить информацию о приложении у себя на сайте, все данные получаются через публичное API социальной сети ВКонтакте. Хранение информации на стороне ВКонтакте позволит Вам не нагружать базу данных сайта.В модуле имеется всего несколько опций и полей, которые максимально упрощают публикацию виджета. Первая опция позволяет подключить публичное API социальной сети ВКонтакте, необходимое для работы виджетов. Следующее поле потребует ввести идентификатор приложения или игры, присвоенный в социальной сети ВКонтакте. Следующая опция позволит выбрать вид отображаемой информации в виджете.Модуль имеет 3 варианта отображения:- карточка- участники- кнопкаПоддерживаемые версии Joomla: Joomla 3, Joomla 4, Joomla 5.Страница расширенияJoomla Extensions Directory#joomla #расширения #vk

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 #расширения

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

Rikus

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Модули вылазят за поля
« : 04.09.2012, 12:11:53 »
Здравствуйте!
У меня проблема с Internet Explorer. Во всех браузерах все отображается нормально, а в этом модули вылазят за границу основного блока. Вот скриншот: . Что мне делать?
« Последнее редактирование: 04.09.2012, 12:16:23 от Rikus »
*

videostream

  • Осваиваюсь на форуме
  • 18
  • 0 / 0
Re: Модули вылазят за поля
« Ответ #1 : 04.09.2012, 20:24:24 »
проблема в коде :) сайт в студию. или хотябы template.css
*

Rikus

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Модули вылазят за поля
« Ответ #2 : 04.09.2012, 23:47:49 »
Вот template.css
[code]/* begin Page */
.javascript-flash-header
{ background-image: url(../images/header1.jpg); background-repeat: no-repeat; position: absolute; right: 0; bottom: 0; width: 851px; height: 225px; z-index: 5000; border: 0; }
.logo
{ background-image: url(../images/logo.png); background-repeat: no-repeat; position: absolute; top: 4.5px; left: 0; width: 235px; height: 225px; z-index: 20000; border: 0; }
#ict-main, table
{
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
    margin: 0;
    padding: 0;
}

.ict-postcontent,
.ict-postcontent li,
.ict-postcontent table,
.ict-postcontent a,
.ict-postcontent a:link,
.ict-postcontent a:visited,
.ict-postcontent a.visited,
.ict-postcontent a:hover,
.ict-postcontent a.hovered
{
    font-family: Arial, Helvetica, Sans-Serif;
}

.ict-postcontent p
{
    margin: 12px 0;
}

h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link,
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: bold;
  font-size: 35px;
  text-decoration: none;
}

.ict-postcontent a
{
  text-decoration: underline;
  color: #4188A4;
}

.ict-postcontent a:link
{
  text-decoration: underline;
  color: #4188A4;
}

.ict-postcontent a:visited, .ict-postcontent a.visited
{
  color: #4188A4;
}

.ict-postcontent  a:hover, .ict-postcontent a.hover
{
  text-decoration: none;
  color: #5EA4BF;
}

.ict-postcontent h1
{
   color: #306479;
margin: 21px 0;    
}

.ict-blockcontent h1
{
margin: 21px 0;
}

.ict-postcontent h2
{
   color: #306479;
margin: 19px 0;
   font-size: 16px;    
}

.ict-blockcontent h2
{
margin: 19px 0;
   font-size: 26px;
}

.ict-postcontent h2 a, .ict-postcontent h2 a:link, .ict-postcontent h2 a:hover, .ict-postcontent h2 a:visited, .ict-blockcontent h2 a, .ict-blockcontent h2 a:link, .ict-blockcontent h2 a:hover, .ict-blockcontent h2 a:visited
{
   font-size: 26px;
}

.ict-postcontent h3
{
   color: #4188A4;
margin: 19px 0;
   font-size: 21px;    
}

.ict-blockcontent h3
{
margin: 19px 0;
   font-size: 21px;
}

.ict-postcontent h3 a, .ict-postcontent h3 a:link, .ict-postcontent h3 a:hover, .ict-postcontent h3 a:visited, .ict-blockcontent h3 a, .ict-blockcontent h3 a:link, .ict-blockcontent h3 a:hover, .ict-blockcontent h3 a:visited
{
   font-size: 21px;
}

.ict-postcontent h4
{
   color: #000000;
margin: 20px 0;
   font-size: 18px;    
}

.ict-blockcontent h4
{
margin: 20px 0;
   font-size: 18px;
}

.ict-postcontent h4 a, .ict-postcontent h4 a:link, .ict-postcontent h4 a:hover, .ict-postcontent h4 a:visited, .ict-blockcontent h4 a, .ict-blockcontent h4 a:link, .ict-blockcontent h4 a:hover, .ict-blockcontent h4 a:visited
{
   font-size: 18px;
}

.ict-postcontent h5
{
   color: #000000;
margin: 26px 0;
   font-size: 14px;    
}

.ict-blockcontent h5
{
margin: 26px 0;
   font-size: 14px;
}

.ict-postcontent h5 a, .ict-postcontent h5 a:link, .ict-postcontent h5 a:hover, .ict-postcontent h5 a:visited, .ict-blockcontent h5 a, .ict-blockcontent h5 a:link, .ict-blockcontent h5 a:hover, .ict-blockcontent h5 a:visited
{
   font-size: 14px;
}

.ict-postcontent h6
{
   color: #000000;
margin: 35px 0;
   font-size: 12px;    
}

.ict-blockcontent h6
{
margin: 35px 0;
   font-size: 12px;
}

.ict-postcontent h6 a, .ict-postcontent h6 a:link, .ict-postcontent h6 a:hover, .ict-postcontent h6 a:visited, .ict-blockcontent h6 a, .ict-blockcontent h6 a:link, .ict-blockcontent h6 a:hover, .ict-blockcontent h6 a:visited
{
   font-size: 12px;
}

ul
{
  list-style-type: none;
}

ol
{
  list-style-position: inside;
}

html
{
    height:100%;
}

#ict-main
{
  display: inline-block;
  position: relative;
  z-index: 0;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
  overflow:visible;
  float: left;
  clear: left;
}

body
{
  padding: 0;
  margin:0;
  color: #000000;
  height:100%;
  min-height:100%;
  background-color: #4188A4;
  /*background-image:url('../images/golub159.gif');*/

  min-width: 940px;
}

.cleared
{
  display:block;
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
  height:0;
  overflow:hidden;
}

.reset-box
{
  overflow:hidden;
  display:table;
}

form
{
  padding: 0 !important;
  margin: 0 !important;
}

table.position
{
  position: relative;
  width: 100%;
  table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.ict-sheet
{
  position: relative;
  margin: 0 auto;
  min-width: 41px;
  min-height: 41px;
  margin-top: 1px;
  margin-bottom: -5px;
  cursor:auto;
  width: 1024px;
}

.ict-sheet-body
{
  position: relative;
  padding: 10px;
    padding-top:10px;
    padding-bottom:10px;
}

.ict-sheet-tr, .ict-sheet-tl, .ict-sheet-br, .ict-sheet-bl, .ict-sheet-tc, .ict-sheet-bc,.ict-sheet-cr, .ict-sheet-cl
{
  position: absolute;
}

.ict-sheet-tr, .ict-sheet-tl, .ict-sheet-br, .ict-sheet-bl
{
  width: 60px;
  height: 60px;
  background-image: url('../images/sheet_s.png');
}

.ict-sheet-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 30px, 30px, auto);
}

.ict-sheet-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 30px, 30px);
}

.ict-sheet-bl
{
  bottom: 0;
  left: 0;
  clip: rect(30px, 30px, auto, auto);
}

.ict-sheet-br
{
  bottom: 0;
  right: 0;
  clip: rect(30px, auto, auto, 30px);
}

.ict-sheet-tc, .ict-sheet-bc
{
  left: 30px;
  right: 30px;
  height: 60px;
  background-image: url('../images/sheet_h.png');
}

.ict-sheet-tc
{
  top: 0;
  clip: rect(auto, auto, 30px, auto);
}

.ict-sheet-bc
{
  bottom: 0;
  clip: rect(30px, auto, auto, auto);
}

.ict-sheet-cr, .ict-sheet-cl
{
  top: 30px;
  bottom: 30px;
  width: 60px;
  background-image: url('../images/sheet_v.png');
}

.ict-sheet-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 30px);
}

.ict-sheet-cl
{
  left: 0;
  clip: rect(auto, 30px, auto, auto);
}

.ict-sheet-cc
{
  position: absolute;
  top: 30px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  background-image: url('../images/sheet_c.png');
}

#ict-page-background-top-texture, #ict-page-background-middle-texture, #ict-page-background-glare
{
  min-width: 940px;
}

/* end Box, Sheet */

/* begin Menu */
/* menu structure */

.ict-hmenu a, .ict-hmenu a:link, .ict-hmenu a:visited, .ict-hmenu a:hover
{
    outline: none;
}

.ict-hmenu, .ict-hmenu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.ict-hmenu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
  background: none;
}

.ict-hmenu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.ict-hmenu li li
{
  float: none;
}

.ict-hmenu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background: none;
  min-height: 0;
  background-image: url('../images/spacer.gif');
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.ict-hmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.ict-hmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.ict-hmenu:after, .ict-hmenu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.ict-hmenu{
  min-height: 0;
  position:relative;
  padding: 8px 5px 0 5px;
  float: left;
}

.ict-hmenu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}

/* menu structure */

.ict-nav
{
   position: relative;
  margin:0 auto;
  min-height: 33px;
  z-index: 100;
    margin-top: 0;
    margin-bottom: 0;
}

.ict-nav-outer
{
    position:absolute;
    width:100%;
}

.ict-nav-l, .ict-nav-r
{
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  background-image: url('../images/nav.png');
}

.ict-nav-l
{
  left: 0;
  right: 5px;
}

.ict-nav-r
{
  right: 0;
  width: 920px;
  clip: rect(auto, auto, auto, 915px);
}

.ict-hmenu-extra1
{
  position: relative;
  display: block;
  float: left;
  width: auto;
  height: 33px;
  background-position: center;
}

.ict-hmenu-extra2
{
  position: relative;
  display: block;
  float: right;
  width: auto;
  height: 33px;
  background-position: center;
}

/* images in menu items */
ul.ict-hmenu img.ict-menu-image, ul.ict-hmenu img.ict-menu-image-left
{
  vertical-align: middle;
  margin-right: 5px;
}

ul.ict-hmenu img.ict-menu-image-right
{
  vertical-align: middle;
  margin-left: 5px;
}
/* end Menu */

/* begin MenuItem */
.ict-hmenu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 25px;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
}

.ict-hmenu ul li
{
    margin:0;
    clear: both;
}

.ict-hmenu a .r, .ict-hmenu a .l
{
  position: absolute;
  display: block;
  top: 0;
  z-index: -1;
  height: 85px;
  background-image: url('../images/menuitem.png');
}

.ict-hmenu a .l
{
  left: 0;
  right: 5px;
}

.ict-hmenu a .r
{
  width: 410px;
  right: 0;
  clip: rect(auto, auto, auto, 405px);
}

.ict-hmenu a .t, .ict-hmenu ul a, .ict-hmenu a:link, .ict-hmenu a:visited, .ict-hmenu a:hover
{
  text-align: left;
  text-decoration: none;
}

.ict-hmenu a .t
{
  color: #DDE3E3;
  padding: 0 10px;
  margin: 0 5px;
  line-height: 25px;
  text-align: center;
}

.ict-hmenu a:hover .l, .ict-hmenu a:hover .r
{
  top: -30px;
}

.ict-hmenu li:hover>a .l, .ict-hmenu li:hover>a .r
{
  top: -30px;
}

.ict-hmenu li:hover a .l, .ict-hmenu li:hover a .r
{
  top: -30px;
}
.ict-hmenu a:hover .t
{
  color: #132025;
}

.ict-hmenu li:hover a .t
{
  color: #132025;
}

.ict-hmenu li:hover>a .t
{
  color: #132025;
}

.ict-hmenu a.active .l, .ict-hmenu a.active .r
{
  top: -60px;
}

.ict-hmenu a.active .t
{
  color: #D0E4EC;
}

.ict-hmenu a:hover.separator-without-submenu
{
  cursor: default;
}

.ict-hmenu a:hover.separator-without-submenu .t
{
  color: #DDE3E3;
}

.ict-hmenu li:hover a.separator-without-submenu .t
{
  color: #DDE3E3;
}

a:hover.separator-without-submenu .r, a:hover.separator-without-submenu .l
{
  top: 0 !important;
}
/* end MenuItem */

/* begin MenuSeparator */
.ict-hmenu .ict-hmenu-li-separator
{
  display: block;
  width: 2px;
  height:25px;
}
/* end MenuSeparator */

/* begin MenuSubItem */
.ict-hmenu ul a
{
  display: block;
  white-space: nowrap;
  height: 20px;
  width: 180px;
  overflow: hidden;
  background-image: url('../images/subitem.png');
  background-position: left top;
  background-repeat: repeat-x;
  border-width: 0;
  border-style: solid;
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 20px;
  color: #202627;
  font-size: 13px;
  margin:0;
  padding:0;
}

.ict-nav ul.ict-hmenu ul span, .ict-nav ul.ict-hmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

.ict-hmenu ul a:link, .ict-hmenu ul a:visited, .ict-hmenu ul a:hover, .ict-hmenu ul a:active, .ict-nav ul.ict-hmenu ul span, .ict-nav ul.ict-hmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 20px;
  color: #202627;
  font-size: 13px;
  margin:0;
  padding:0;
}

.ict-hmenu ul li a:hover
{
  color: #132025;
  background-position: 0 -20px;
}

.ict-hmenu ul li:hover>a
{
  color: #132025;
  background-position: 0 -20px;
}

.ict-nav .ict-hmenu ul li a:hover span, .ict-nav .ict-hmenu ul li a:hover span span
{
  color: #132025;
}

.ict-nav .ict-hmenu ul li:hover>a span, .ict-nav .ict-hmenu ul li:hover>a span span
{
  color: #132025;
}

/* end MenuSubItem */

/* begin Header */
div.ict-header
{ margin: 0 auto; position: relative; width:100%; height: 225px; padding-top: 5px; }

div.ict-header-clip
{
  position: absolute;
  width:100%;
  left:0;
  overflow:hidden;
  height:225px;
}

div.ict-header-jpeg
{
  position: absolute;
  top: 0;
  left:0;
  width: 1005px;
  height: 225px;
  background-image: url('../images/header.jpg');
  background-repeat: no-repeat;
  /*background-position: center center;*/
}
/* end Header */

/* begin Logo */
div.ict-logo
{
  display: block;
  position: absolute;
  top: 78px;
  left: 0;
  margin-left: 12px;
}

h1.ict-logo-name
{
  display: block;
  text-align: left;
  font-size: 36px;
  padding: 0;
  margin: 0;
  color: #102128 !important;
}
h1.ict-logo-name a,
h1.ict-logo-name a:link,
h1.ict-logo-name a:visited,
h1.ict-logo-name a:hover
{
  font-size: 36px;
  padding: 0;
  margin: 0;
  color: #102128 !important;
}

h2.ict-logo-text
{
  display: block;
  text-align: left;
  font-size: 19px;
  padding: 0;
  margin: 0;
  color: #102128 !important;
}
h2.ict-logo-text a,
h2.ict-logo-text a:link,
h2.ict-logo-text a:visited,
h2.ict-logo-text a:hover
{
  font-size: 19px;
  padding: 0;
  margin: 0;
  color: #102128 !important;
}

/* end Logo */

/* begin Layout */
.ict-content-layout
{
  display: table;
  position:relative;
  margin: 0 auto;
  table-layout: fixed;
  border-collapse: collapse;
  background-color: Transparent;
  border: none !important;
  padding:0 !important;
  width:100%;
  margin-top:0;
  margin-bottom:0;
}
.ict-layout-cell, .ict-content-layout-row
{
  background-color: Transparent;
  vertical-align: top;
  text-align: left;
  border: none;
  margin:0;
  padding:0;
}

.ict-content-layout .ict-content-layout{margin:0;}
.ict-content-layout .ict-layout-cell, .ict-content-layout .ict-layout-cell .ict-content-layout .ict-layout-cell{display: table-cell;}
.ict-layout-cell .ict-layout-cell{display: block;}
.ict-content-layout-row {display: table-row;}
.ict-layout-glare{position:relative;}/* end Layout */

/* begin Box, Block, VMenuBlock */
.ict-vmenublock
{
  position: relative;
  min-width: 1px;
  min-height: 1px;
  margin: 7px;
}

.ict-vmenublock-body
{
  position: relative;
  padding: 0;
}

/* end Box, Block, VMenuBlock */

/* begin BlockHeader, VMenuBlockHeader */
.ict-vmenublockheader
{
  margin-bottom: 2px;
  position: relative;
  height: 38px;
}

.ict-vmenublockheader h3.t
{
  position: relative;
  height: 38px;
  color: #1E2424;
  font-size: 14px;
  margin:0;
  padding: 0 11px 0 31px;
  white-space: nowrap;
  line-height: 38px;
}

.ict-vmenublockheader h3.t a,
.ict-vmenublockheader h3.t a:link,
.ict-vmenublockheader h3.t a:visited,
.ict-vmenublockheader h3.t a:hover
{
  color: #1E2424;
  font-size: 14px;
}

.ict-vmenublockheader .l, .ict-vmenublockheader .r
{
  position: absolute;
  height: 38px;
  background-image: url('../images/vmenublockheader.png');
}

.ict-vmenublockheader .l
{
  left: 0;
  right: 25px;
}

.ict-vmenublockheader .r
{
  width: 920px;
  right: 0;
  clip: rect(auto, auto, auto, 895px);
}

/* end BlockHeader, VMenuBlockHeader */

/* begin Box, Box, VMenuBlockContent */
.ict-vmenublockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 1px;
  min-height: 1px;
}

.ict-vmenublockcontent-body
{
  position: relative;
  padding: 0;
}

/* end Box, Box, VMenuBlockContent */

/* begin VMenu */
ul.ict-vmenu, ul.ict-vmenu li
{
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
  line-height: 0;
}

ul.ict-vmenu
{
  margin-top: 0;
  margin-bottom: 0;
}

/* collapsible separators */
.ict-vmenu .collapsed
{
  display: none;
}

/* images in menu items */
ul.ict-vmenu img.ict-menu-image, ul.ict-vmenu img.ict-menu-image-left
{
  vertical-align: middle;
  margin-right: 5px;
}

ul.ict-vmenu img.ict-menu-image-right
{
  vertical-align: middle;
  margin-left: 5px;
}
/* end VMenu */

/* begin VMenuItem */
ul.ict-vmenu a
{
  position: relative;
  display: block;
  overflow: hidden;
  height: 24px;
  cursor: pointer;
  text-decoration: none;
}

ul.ict-vmenu li.ict-vmenu-separator
{
  display: block;
  padding: 1px 0 1px 0;
  margin: 0;
  font-size: 1px;
}

ul.ict-vmenu .ict-vmenu-separator-span
{
  display: block;
  padding: 0;
  font-size: 1px;
  height: 0;
  line-height: 0;
  border: none;
}

ul.ict-vmenu a .r, ul.ict-vmenu a .l
{
  position: absolute;
  display: block;
  top: 0;
  height: 82px;
  background-image: url('../images/vmenuitem.png');
}

ul.ict-vmenu a .l
{
  left: 0;
  right: 32px;
}

ul.ict-vmenu a .r
{
  width: 922px;
  right: 0;
  clip: rect(auto, auto, auto, 890px);
}

ul.ict-vmenu a .t, ul.ict-vmenu ul a
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
}

ul.ict-vmenu a .t
{
  display: block;
  position:relative;
  top:0;
  line-height: 24px;
  color: #191E1F;
  padding: 0 11px 0 37px;
  margin-left:0;
  margin-right:0;
}

ul.ict-vmenu a.active .l, ul.ict-vmenu a.active .r
{
  top: -58px;
}

ul.ict-vmenu a.active .t
{
  color: #31677C;
}

ul.ict-vmenu a:hover .l, ul.ict-vmenu a:hover .r
{
  top: -29px;
}

ul.ict-vmenu a:hover .t
{
  color: #2F505A;
}

/* end VMenuItem */

/* begin VMenuSubItem */
ul.ict-vmenu ul, ul.ict-vmenu ul li
{
  margin: 0;
  padding: 0;
}

ul.ict-vmenu ul a
{
  display: block;
  white-space: nowrap;
  height: 18px;
  overflow: visible;
  background-image: url('../images/vsubitem.gif');
  background-position: 25px 0;
  background-repeat: repeat-x;
  padding: 0 0 0 25px;
  line-height: 18px;
  color: #374243;
  font-size: 12px;
  margin-left: 0;
}

ul.ict-vmenu ul li
{
  padding: 0;
}

ul.ict-vmenu ul ul li
{
  padding:0;
}

ul.ict-vmenu ul span, ul.ict-vmenu ul span span
{
  display: inline;
  float: none;
  margin: inherit;
  padding: inherit;
  background-image: none;
  text-align: inherit;
  text-decoration: inherit;
}

ul.ict-vmenu ul a:link, ul.ict-vmenu ul a:visited, ul.ict-vmenu ul a:hover, ul.ict-vmenu ul a:active, ul.ict-vmenu ul span, ul.ict-vmenu ul span span
{
  line-height: 18px;
  color: #374243;
  font-size: 12px;
  margin-left: 0;
}

ul.ict-vmenu ul
{
    margin:0 0 0 0;
}

ul.ict-vmenu ul ul
{
  margin:0 0 0 0;
}

ul.ict-vmenu ul li.ict-vsubmenu-separator
{
  display: block;
  margin: 0;
  font-size: 1px;
  padding: 0 0 0 0;
 }

ul.ict-vmenu ul .ict-vsubmenu-separator-span
{
  display: block;
  padding: 0;
  font-size: 1px;
  height: 0;
  line-height: 0;
  margin: 0;
  border: none;
}

ul.ict-vmenu ul li.ict-vmenu-separator-first
{
    margin-bottom:1px;
    padding-bottom:0;
}

ul.ict-vmenu ul li li a
{
  background-position: 50px 0;
  padding: 0 0 0 50px;
}

ul.ict-vmenu ul li li li a
{
  background-position: 75px 0;
  padding: 0 0 0 75px;
}

ul.ict-vmenu ul li li li li a
{
  background-position: 100px 0;
  padding: 0 0 0 100px;
}

ul.ict-vmenu ul li li li li li a
{
  background-position: 125px 0;
  padding: 0 0 0 125px;
}

ul.ict-vmenu ul li a.active
{
  color: #1C3A45;
  background-position: 25px -46px;
}

ul.ict-vmenu ul li li a.active
{
  background-position: 50px -46px;
}

ul.ict-vmenu ul li li li a.active
{
  background-position: 75px -46px;
}

ul.ict-vmenu ul li li li li a.active
{
  background-position: 100px -46px;
}

ul.ict-vmenu ul li li li li li a.active
{
  background-position: 125px -46px;
}

ul.ict-vmenu ul li a:hover, ul.ict-vmenu ul li a:hover.active
{
  color: #132025;
  background-position: 25px -23px;
}

ul.ict-vmenu ul li li a:hover, ul.ict-vmenu ul li li a:hover.active
{
  background-position: 50px -23px;
}

ul.ict-vmenu ul li li li a:hover, ul.ict-vmenu ul li li li a:hover.active
{
  background-position: 75px -23px;
}

ul.ict-vmenu ul li li li li a:hover, ul.ict-vmenu ul li li li li a:hover.active
{
  background-position: 100px -23px;
}

ul.ict-vmenu ul li li li li li a:hover, ul.ict-vmenu ul li li li li li a:hover.active
{
  background-position: 125px -23px;
}
/* end VMenuSubItem */

/* begin Box, Block */
.ict-block
{
  position: relative;
  min-width: 15px;
  min-height: 15px;
  margin-left: 1px;
  margin-bottom: 7px;
  margin-top: 5px;  /*відступ зверху від блоку меню*/
}

.ict-block-body
{
  position: relative;
  padding: 8px;
}

.ict-block-tr, .ict-block-tl, .ict-block-br, .ict-block-bl, .ict-block-tc, .ict-block-bc,.ict-block-cr, .ict-block-cl
{
  position: absolute;
}

.ict-block-tr, .ict-block-tl, .ict-block-br, .ict-block-bl
{
  width: 14px;
  height: 14px;
  background-image: url('../images/block_s.png');
}

.ict-block-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 7px, 7px, auto);
}

.ict-block-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 7px, 7px);
}

.ict-block-bl
{
  bottom: 0;
  left: 0;
  clip: rect(7px, 7px, auto, auto);
}

.ict-block-br
{
  bottom: 0;
  right: 0;
  clip: rect(7px, auto, auto, 7px);
}

.ict-block-tc, .ict-block-bc
{
  left: 7px;
  right: 7px;
  height: 14px;
  background-image: url('../images/block_h.png');
}

.ict-block-tc
{
  top: 0;
  clip: rect(auto, auto, 7px, auto);
}

.ict-block-bc
{
  bottom: 0;
  clip: rect(7px, auto, auto, auto);
}

.ict-block-cr, .ict-block-cl
{
  top: 7px;
  bottom: 7px;
  width: 14px;
  background-image: url('../images/block_v.png');
}

.ict-block-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 7px);
}

.ict-block-cl
{
  left: 0;
  clip: rect(auto, 7px, auto, auto);
}

.ict-block-cc
{
  position: absolute;
  top: 7px;
  left: 7px;
  right: 7px;
  bottom: 7px;
  background-color: #E4EEF1;
}

div.ict-block img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
    border-color: #B2D3E1;
  border-style: solid;
  margin: 5px;
}

/* end Box, Block */

/* begin BlockHeader */
.ict-blockheader
{
  margin-bottom: 2px;
  position: relative;
  height: 36px;
}

.ict-blockheader h3.t
{
  position: relative;
  height: 38px;
  color: #23292A;
  font-size: 14px;
  margin:0;
  padding: 0 11px 0 31px;
  white-space: nowrap;
  line-height: 36px;
}

.ict-blockheader h3.t a,
.ict-blockheader h3.t a:link,
.ict-blockheader h3.t a:visited,
.ict-blockheader h3.t a:hover
{
  color: #23292A;
  font-size: 14px;
}

.ict-blockheader .l, .ict-blockheader .r
{
  position: absolute;
  height: 36px;
  background-image: url('../images/blockheader.png');
}

.ict-blockheader .l
{
  left: 0;
  right: 25px;
}

.ict-blockheader .r
{
  width: 920px;
  right: 0;
  clip: rect(auto, auto, auto, 895px);
}

/* end BlockHeader */

/* begin Box, BlockContent */
.ict-blockcontent
{
  position: relative;
  margin: 0 auto;
  min-width: 9px;
  min-height: 9px;
}

.ict-blockcontent-body
{
  position: relative;
  padding: 8px;
  color: #000000;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
}

.ict-blockcontent-tr, .ict-blockcontent-tl, .ict-blockcontent-br, .ict-blockcontent-bl, .ict-blockcontent-tc, .ict-blockcontent-bc,.ict-blockcontent-cr, .ict-blockcontent-cl
{
  position: absolute;
}

.ict-blockcontent-tr, .ict-blockcontent-tl, .ict-blockcontent-br, .ict-blockcontent-bl
{
  width: 8px;
  height: 8px;
  background-image: url('../images/blockcontent_s.png');
}

.ict-blockcontent-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 4px, 4px, auto);
}

.ict-blockcontent-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 4px, 4px);
}

.ict-blockcontent-bl
{
  bottom: 0;
  left: 0;
  clip: rect(4px, 4px, auto, auto);
}

.ict-blockcontent-br
{
  bottom: 0;
  right: 0;
  clip: rect(4px, auto, auto, 4px);
}

.ict-blockcontent-tc, .ict-blockcontent-bc
{
  left: 4px;
  right: 4px;
  height: 8px;
  background-image: url('../images/blockcontent_h.png');
}

.ict-blockcontent-tc
{
  top: 0;
  clip: rect(auto, auto, 4px, auto);
}

.ict-blockcontent-bc
{
  bottom: 0;
  clip: rect(4px, auto, auto, auto);
}

.ict-blockcontent-cr, .ict-blockcontent-cl
{
  top: 4px;
  bottom: 4px;
  width: 8px;
  background-image: url('../images/blockcontent_v.png');
}

.ict-blockcontent-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 4px);
}

.ict-blockcontent-cl
{
  left: 0;
  clip: rect(auto, 4px, auto, auto);
}

.ict-blockcontent-cc
{
  position: absolute;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  background-color: #DDE5E7;
}

.ict-blockcontent-body table,
.ict-blockcontent-body li,
.ict-blockcontent-body a,
.ict-blockcontent-body a:link,
.ict-blockcontent-body a:visited,
.ict-blockcontent-body a:hover
{
  color: #000000;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 14px;
}

.ict-blockcontent-body p
{
  margin: 6px 0;
}

.ict-blockcontent-body a, .ict-blockcontent-body a:link
{
  color: #3D7F99;
  text-decoration: underline;
}

.ict-blockcontent-body a:visited, .ict-blockcontent-body a.visited
{
  color: #3D7F99;
  text-decoration: underline;
}

.ict-blockcontent-body a:hover, .ict-blockcontent-body a.hover
{
  color: #3D7F99;
  text-decoration: none;
}

.ict-blockcontent-body ul li
{
  line-height: 125%;    
  color: #142A33;
  padding: 0 0 0 15px;
  background-image: url('../images/blockcontentbullets.png');
  background-repeat: no-repeat;
}/* end Box, BlockContent */

/* begin Button */
.ict-button-wrapper a.ict-button,
.ict-button-wrapper a.ict-button:link,
.ict-button-wrapper input.ict-button,
.ict-button-wrapper button.ict-button
{
  text-decoration: none;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  position:relative;
  top:0;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #171B1C !important;
  width: auto;
  outline: none;
  border: none;
  background: none;
  line-height: 31px;
  height: 31px;
  margin: 0 !important;
  padding: 0 14px !important;
  overflow: visible;
  cursor: pointer;
}

.ict-button img, .ict-button-wrapper img
{
  margin: 0;
  vertical-align: middle;
}

.ict-button-wrapper
{
  vertical-align: middle;
  display: inline-block;
  position: relative;
  height: 31px;
  overflow: hidden;
  white-space: nowrap;
  width: auto;
  margin: 0;
  padding: 0;
  z-index: 0;
}

.firefox2 .ict-button-wrapper
{
  display: block;
  float: left;
}

input, select, textarea
{
  vertical-align: middle;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
}

.ict-block select
{
    width:96%;
}

.ict-button-wrapper.hover .ict-button, .ict-button-wrapper.hover a.ict-button:link, .ict-button:hover
{
  color: #D0E4EC !important;
  text-decoration: none !important;
}

.ict-button-wrapper.active .ict-button, .ict-button-wrapper.active a.ict-button:link
{
  color: #132025 !important;
}

.ict-button-wrapper .ict-button-l, .ict-button-wrapper .ict-button-r
{
  display: block;
  position: absolute;
  height: 103px;
  margin: 0;
  padding: 0;
  background-image: url('../images/button.png');
}

.ict-button-wrapper .ict-button-l
{
  left: 0;
  right: 7px;
}

.ict-button-wrapper .ict-button-r
{
  width: 407px;
  right: 0;
  clip: rect(auto, auto, auto, 400px);
}

.ict-button-wrapper.hover .ict-button-l, .ict-button-wrapper.hover .ict-button-r
{
  top: -36px;
}

.ict-button-wrapper.active .ict-button-l, .ict-button-wrapper.active .ict-button-r
{
  top: -72px;
}

.ict-button-wrapper input
{
  float: none !important;
}
/* end Button */

/* begin Box, Post */
.ict-post
{
  position: relative;
  min-width: 19px;
  min-height: 19px;
  margin-left: 5px;
  margin-right: -1px;
  margin-bottom: 5px;
  margin-top: 3.1px;
}

/* відступи всередині текстових блоків */
.ict-post-body
{
  position: relative;
  padding: 12px;
  padding-bottom: 1px;
}

.ict-post-tr, .ict-post-tl, .ict-post-br, .ict-post-bl, .ict-post-tc, .ict-post-bc,.ict-post-cr, .ict-post-cl
{
  position: absolute;
}

.ict-post-tr, .ict-post-tl, .ict-post-br, .ict-post-bl
{
  width: 26px;
  height: 26px;
  background-image: url('../images/post_s.png'); /*кути текстових  блоків*/
}

.ict-post-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 13px, 13px, auto);
}

.ict-post-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 13px, 13px);
}

.ict-post-bl
{
  bottom: 0;
  left: 0;
  clip: rect(13px, 13px, auto, auto);
}

.ict-post-br
{
  bottom: 0;
  right: 0;
  clip: rect(13px, auto, auto, 13px);
}

.ict-post-tc, .ict-post-bc
{
  left: 13px;
  right: 13px;
  height: 26px;
  background-image: url('../images/post_h.png');
}

.ict-post-tc
{
  top: 0;
  clip: rect(auto, auto, 13px, auto);
}

.ict-post-bc
{
  bottom: 0;
  clip: rect(13px, auto, auto, auto);
}

.ict-post-cr, .ict-post-cl
{
  top: 13px;
  bottom: 13px;
  width: 26px;
  background-image: url('../images/post_v.png');
}

.ict-post-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 13px);
}

.ict-post-cl
{
  left: 0;
  clip: rect(auto, 13px, auto, auto);
}

.ict-post-cc
{
  position: absolute;
  top: 13px;
  left: 13px;
  right: 13px;
  bottom: 13px;
  background-image: url('../images/post_c.png');
}

a img
{
  border: 0;
}

.ict-article img, img.ict-article, .ict-block img, .ict-footer img
{
  border: solid 1px #B2D3E1;
  margin: 10px;
}

.ict-metadata-icons img
{
  border: none;
  vertical-align: middle;
  margin: 2px;
}

.ict-article table, table.ict-article
{
  border-collapse: collapse;
  margin: 1px;
}

.ict-article th, .ict-article td
{
  padding: 2px;
  border: solid 1px #447382;
  vertical-align: top;
  text-align: left;
}

.ict-article th
{
  text-align: center;
  vertical-align: middle;
  padding: 7px;
}

pre
{
  overflow: auto;
  padding: 0.1em;
}

/* end Box, Post */

/* begin PostMetadata, PostMetadataHeader */
.ict-postmetadataheader
{
  overflow:hidden;
  padding: 1px;
  background-image: url('../images/postmetadataheader_bg.png');
  border-color: #B2D3E1;
  border-style: solid;
  border-width: 0;
}
/* end PostMetadata, PostMetadataHeader */

/* begin PostHeaderIcon */
h2.ict-postheader
{
  color: #064B65;
  margin: 5px 0;
  font-size: 21px;
  text-align: center;
    /*background-color: #DDE5E7;*/
}

h2.ict-postheader a,
h2.ict-postheader a:link,
h2.ict-postheader a:visited,
h2.ict-postheader a.visited,
h2.ict-postheader a:hover,
h2.ict-postheader a.hovered
{
  font-size: 26px;
}

h2.ict-postheader a, h2.ict-postheader a:link
{
  text-align: left;
  text-decoration: none;
  color: #346D83;
}

h2.ict-postheader a:visited, h2.ict-postheader a.visited
{
  color: #4F8597;
}

h2.ict-postheader a:hover,  h2.ict-postheader a.hovered
{
  color: #539EBB;
}

/* end PostHeaderIcon */

/* begin PostIcons, PostHeaderIcons */
.ict-postheadericons,
.ict-postheadericons a,
.ict-postheadericons a:link,
.ict-postheadericons a:visited,
.ict-postheadericons a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  color: #475557;
}

.ict-postheadericons
{
  padding: 1px;
}

.ict-postheadericons a, .ict-postheadericons a:link
{
  text-decoration: none;
  color: #306479;
}

.ict-postheadericons a:visited, .ict-postheadericons a.visited
{
  font-style: italic;
  font-weight: normal;
  color: #306479;
}

.ict-postheadericons a:hover, .ict-postheadericons a.hover
{
  font-style: italic;
  font-weight: normal;
  text-decoration: underline;
  color: #102128;
}
/* end PostIcons, PostHeaderIcons */

/* begin PostBullets */
.ict-post ol, .ict-post ul
{
  margin: 1em 0 1em 2em;
  padding: 0;
}

.ict-post li
{
  font-size: 14px;
  color: #101314;
  padding: 0 0 0 15px;
}

.ict-post li ol, .ict-post li ul
{
  margin: 0.5em 0 0.5em 2em;
  padding: 0;
}

.ict-post ol>li
{
  background: none;
  padding-left: 0;
  /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.ict-post ul>li
{
  background-image: url('../images/postbullets.png');
  background-repeat: no-repeat;
  padding-left: 15px;
  /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
  overflow-y: hidden;
}

/* end PostBullets */

/* begin PostQuote */
.ict-postcontent blockquote,
.ict-postcontent blockquote a,
.ict-postcontent blockquote a:link,
.ict-postcontent blockquote a:visited,
.ict-postcontent blockquote a:hover
{
  color: #0A151A;
}

.ict-postcontent blockquote p
{
   margin:3px;
}

.ict-postcontent blockquote
{
   border: solid 1px #B2D3E1;
  margin: 10px 10px 10px 50px;
  padding: 10px 10px 10px 33px;
  background-color: #E9F3F6;
  background-image: url('../images/postquote.png');
  background-position: left top;
  background-repeat: no-repeat;
  /* makes blockquote not to align behind the image if they are in the same line */
  overflow: auto;
  clear:both;
}

/* end PostQuote */

/* begin PostIcons, PostFooterIcons */
.ict-postfootericons,
.ict-postfootericons a,
.ict-postfootericons a:link,
.ict-postfootericons a:visited,
.ict-postfootericons a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  color: #475557;
}

.ict-postfootericons
{
  padding: 1px;
}

.ict-postfootericons a, .ict-postfootericons a:link
{
  text-decoration: none;
  color: #306479;
}

.ict-postfootericons a:visited, .ict-postfootericons a.visited
{
  color: #306479;
}

.ict-postfootericons a:hover, .ict-postfootericons a.hover
{
  color: #102128;
}
/* end PostIcons, PostFooterIcons */

/* begin Footer */
.ict-footer
{
  position: relative;
  margin-top:0;
  margin-bottom:0;
  width: 100%;
}

.ict-footer-b
{
  position: absolute;
  left:5px;
  right:5px;
  bottom:0;
  height:5px;
  background-image: url('../images/footer_b.png');
}

.ict-footer-r, .ict-footer-l
{
  position: absolute;
  height:5px;
  background-image: url('../images/footer_s.png');
  bottom: 0;
}

.ict-footer-l
{
  left: 0;
  width:5px;
}

.ict-footer-r
{
  right: 0;
  width:10px;
  clip: rect(auto, auto, auto, 5px);
}

.ict-footer-t
{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 5px;
  background-image: url('../images/footer_t.png');
  background-position: left bottom;
}

.ict-footer-body
{
    position:relative;
    padding: 10px;
   padding-bottom: 1px;
}

.ict-footer-body .ict-rss-tag-icon
{
  position: absolute;
  left:   6px;
  bottom:10px;
  z-index:1;
}

.ict-rss-tag-icon
{
  display: block;
  background-image: url('../images/livemarks.png');
  background-position: center right;
  background-repeat: no-repeat;
  height: 13px;
  width: 30px;
  cursor: default;
}

.ict-footer-text p
{
  padding:0;
  margin:0;
  text-align: center;
}

.ict-footer-text,
.ict-footer-text a,
.ict-footer-text a:link,
.ict-footer-text a:visited,
.ict-footer-text a:hover,
.ict-footer-text td,
.ict-footer-text th,
.ict-footer-text caption
{
    color: #23292A;
}

.ict-footer-text
{
  min-height: 25px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.ict-footer-text a,
.ict-footer-text a:link
{
  color: #1E404D;
  text-decoration: none;
}

.ict-footer-text a:visited
{
  color: #4A5859;
}

.ict-footer-text a:hover
{
  color: #2E6175;
}

div.ict-footer img
{
/* WARNING do NOT collapse this to 'border' - inheritance! */
    border-width: 0;
    border-color: #B2D3E1;
  border-style: solid;
  margin: 7px;
}/* end Footer */

/* begin PageFooter */
.ict-page-footer,
.ict-page-footer a,
.ict-page-footer a:link,
.ict-page-footer a:visited,
.ict-page-footer a:hover
{
  font-family: Arial;
  font-size: 10px;
  letter-spacing: normal;
  word-spacing: normal;
  font-style: normal;
  font-weight: normal;
  text-decoration: underline;
  color: #31677C;
}

.ict-page-footer
{
  padding: 1em;
  text-align: center;
  text-decoration: none;
  color: #4E5D5F;
}
/* end PageFooter */

/* begin LayoutCell, sidebar1 */

.ict-content-layout .ict-sidebar1
{
  width: 231px;
}

/* end LayoutCell, sidebar1 */

/* begin LayoutCell, content */

/* end LayoutCell, content */

/* begin LayoutCell, sidebar2 */

.ict-content-layout .ict-sidebar2
{
  width: 225px;
}

/* end LayoutCell, sidebar2 */

table.moduletable th
{
  padding: .5em 0;
  margin: 0;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0;
  margin-bottom: 10px;
  text-align: left;
}

.firefox2 table.poll tr td div
{
  font-size: 0;
}

#footer
{
  text-align: center;
}

.contentpaneopen span.small,
.contentpaneopen td.createdate,
.contentpaneopen td.modifydate
{
  font-size: 75%;
  padding-bottom: 1em;
}

.column_separator
{
  padding-left: 10px;
}

div.offline
{
  background: #fffebb;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2em;
  padding: 5px;
}

/* headers */
legend
{
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-left: 0;
  margin-bottom: 10px;
  text-align: left;
  margin: 0;
  padding: 0 10px;
}

/* form validation */
.invalid
{
  border-color: #ff0000;
}

label.invalid
{
  color: #ff0000;
}

/** overlib **/

.ol-foreground
{
  background-color: #f6f6f6;
}

.ol-background
{
  background-color: #666;
}

.ol-textfont
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
}

.ol-captionfont
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #f6f6f6;
  font-weight: bold;
}

.ol-captionfont a
{
  color: #0B55C4;
  text-decoration: none;
  font-size: 12px;
}

/* spacers */
span.article_separator
{
  display: none;
}

td.buttonheading img
{
  border: none;
}

.clr
{
  clear: both;
}

div#maindivider
{
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  height: 1px;
}

table.blog span.article_separator
{
  display: none;
}

/* edit button */
.contentpaneopen_edit
{
  float: left;
}

/* table of contents */
table.contenttoc
{
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  float: right;
}

table.contenttoc td
{
  padding: 0 5px;
}

/* content tables */
td.sectiontableheader
{
  background: #efefef;
  color: #333;
  font-weight: bold;
  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;
}

/* content styles */
table.contentpaneopen,
table.contentpane
{
  margin: 0;
  padding: 0;
  width: auto;
}

table.contentpaneopen li
{
  margin-bottom: 5px;
}

table.contentpaneopen fieldset
{
  border: 0;
  border-top: 1px solid #ddd;
}

table.contentpaneopen h3
{
  margin-top: 25px;
}

table.contentpaneopen h4
{
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
}

.highlight
{
  background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable
{
  margin-bottom: 0;
}

div.moduletable,
div.module
{
  margin-bottom: 25px;
}

div.module_menu h3
{
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #eee;
  margin: -23px -4px 5px -5px;
  padding-left: 10px;
  padding-bottom: 2px;
}

div.module_menu
{
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

div.module_menu div div div
{
  padding: 10px;
  padding-top: 30px;
  padding-bottom: 15px;
  width: auto;
}

div.module_menu div div div div
{
  background: none;
  padding: 0;
}

div.module_menu ul
{
  margin: 10px 0;
  padding-left: 20px;
}

div.module_menu ul li a:link,
div.module_menu ul li a:visited
{
  font-weight: bold;
}

#leftcolumn div.module
{
  padding: 0 10px;
}

#leftcolumn div.module table
{
  width: auto;
}

/* forms */
table.adminform textarea
{
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

div.search input
{
  width: 95%;
  border: 1px solid #ccc;
  margin: 5px 0 5px 0;
}

.ict-nav div.search input
{
    width: auto;
}

/* login component */

form#com-form-login
{
  text-align: left;
}

form#com-form-login fieldset
{
  border: 0 none;
  margin: 0;
  padding: 0.2em;
}

form#com-form-login ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

form#com-form-login ul li
{
  background-image: none;
  padding: 0;
}

/* thumbnails */
div.mosimage
{
  margin: 5px;
}

div.mosimage_caption {
  font-size: .90em;
  color: #666;
}

div.caption
{
  padding: 0 10px 0 10px;
}

div.caption img
{
  border: 1px solid #CCC;
}

div.caption p
{
  font-size: .90em;
  color: #666;
  text-align: center;
}

/* Parameter Table */
table.paramlist
{
  margin-top: 5px;
}

table.paramlist td.paramlist_key
{
  width: 128px;
  text-align: left;
  height: 30px;
}

div.message
{
  font-weight: bold;
  font-size: 14px;
  color: #c30;
  text-align: center;
  width: auto;
  background-color: #f9f9f9;
  border: solid 1px #d5d5d5;
  margin: 3px 0 10px;
  padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.banneritem img
{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Text advert style */

.banneritem_text
{
  padding: 4px;
  font-size: 11px;
}

.bannerfooter_text
{
  padding: 4px;
  font-size: 11px;
  background-color: #f7f7f7;
  text-align: right;
}

/* Polls */
.pollstableborder
{
  margin-top: 8px;
}

.pollstableborder td
{
  text-align: left;
  vertical-align: middle;
}

/* WebLinks */
span.description
{
  display: block;
  padding-left: 30px;
}

/* Frontend Editing*/
fieldset
{
  border: 1px solid #ccc;
  margin-top: 15px;
  padding: 15px;
}

td.key
{
  border-bottom: 1px solid #eee;
  color: #666;
}

/* Tooltips */

.tool-tip
{
  float: left;
  background: #ffc;
  border: 1px solid #d4d5aa;
  padding: 5px;
  max-width: 200px;
}

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

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

#syndicate
{
  float: left;
  padding-left: 25px;
}

/* Component Specific Fixes */

#component-contact table td
{
  padding: 2px 0;
}

.breadcrumbs img
{
  margin: 0;
  padding: 0;
  border: 0;
}

.mceToolbarTop {
  white-space: normal;
}

.mceEditor
{
  background: none;
}

#archive-list
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#archive-list li
{
  list-style-type: none;
  background-image: none;
  margin-left: 0;
  padding-left: 0;
}

#navigation,
#navigation p
{
  text-align: center;
  margin-top: -2px;
  margin-bottom: 9px;
}

.article h3 img
{
  border: none;
  display: inline;
  margin: 0;
  padding: 0;
}

.ict-footer-text .moduletable
{
  border: none;
  margin: 0;
  padding: 0;
}

.img_caption.left
{
  float: left;
  margin-right: 1em;
}

.img_caption.right
{
  float: right;
  margin-left: 1em;
}

.img_caption.left p
{
  clear: left;
  text-align: center;
}

.img_caption.right p
{
  clear: right;
  text-align: center;
}

.img_caption img
{
  margin: 0;
}

.contentheading
{
font-size: 21px;
  color: #4188A4;
}

#system-message ul li {
  background-image: none;
  padding-left: 0;
}

/* category items */

.ict-j16 .category ul.actions,
.ict-j16 .category ul.actions li,
.ict-j16 .category ul.actions li img
{
  display: inline;
  margin: 0;
  padding: 0;
}

.ict-j16 .category ul.actions li
{
  background: none;
}

/* pagination */

.ict-j15 .pagination
{
  margin: 0;
  padding: 0;
  text-align: center;
}

.ict-j15 .pagination span
{
  margin: 0;
  padding: 0;
}

.ict-j15 .pagination a
{
  padding: 2px;
}

/* article navigation */

.ict-j15 .pagenav
{
  width: 100%;
}

.ict-j15 .pagenav td,
.ict-j15 .pagenav th
{
  border: none;
  font-weight: normal;
}

/* categories list container */

.ict-j16 .category-desc .image-left
{
  float: left;
  margin: 0 5px 5px 0;
}

.ict-j16 .category-desc .image-right
{
  float: left;
  margin: 0 0 5px 5px;
}

 /* categories list items */

.ict-j16 .categories-list ul
{
  list-style-type: none;
  margin: 0 0 0 20px;
  padding: 0;
}

.ict-j16 .categories-list ul li
{
  background-image: none;
  padding: 5px;
  clear: both;
}

.ict-j16 .categories-list ul ul
{
  margin-left: 10px;
}

.ict-j16 dl.newsfeed-count dl,
.ict-j16 dl.weblink-count dl,
.ict-j16 dl.article-count dl
{
  clear: both;
}

.ict-j16 dl.newsfeed-count dt,
.ict-j16 dl.newsfeed-count dd,
.ict-j16 dl.weblink-count dt,
.ict-j16 dl.weblink-count dd,
.ict-j16 dl.article-count dt,
.ict-j16 dl.article-count dd
{
  display: inline;
}

.ict-j16 dl.newsfeed-count dd,
.ict-j16 dl.weblink-count dd,
.ict-j16 dl.article-count dd
{
  padding: 0;
  margin: 0;
}

/* category subcategories */

.ict-j16 .cat-children ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ict-j16 .cat-children ul li
{
  background-image: none;
  padding: 5px;
  clear: both;
}

/* contact */

.ict-j16 .contact-email div
{
  padding: 3px 0;
}

.ict-j16 .contact-email label
{
  width: 15em;
  float: left;
}

/* articles archive items */

.ict-j16 #archive-items
{
  list-style-type: none;
  margin: 10px 0;
  padding: 0;
}

.ict-j16 #archive-items li
{
  list-style-type: none;
  background-image: none;
  margin: 10px 0;
  padding: 0;
}

/* article */
.ict-j16 .pagenav
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}

.ict-j16 .pagenav li
{
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  background-image: none;
}

/* blog layout */

.ict-j16 .cols-2 .column-1,
.ict-j16 .cols-2 .column-2,
.ict-j16 .cols-3 .column-1,
.ict-j16 .cols-3 .column-2,
.ict-j16 .cols-3 .column-3
{
  float: left;
  clear: rig
« Последнее редактирование: 04.09.2012, 23:52:57 от Rikus »
*

Rikus

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Модули вылазят за поля
« Ответ #3 : 04.09.2012, 23:53:54 »
Продолжение
Код
.ict-j16 .cols-2 .column-1 { width: 50%; }
.ict-j16 .cols-2 .column-2 { width: 50%; }
.ict-j16 .cols-3 .column-1 { width: 33%; }
.ict-j16 .cols-3 .column-2 { width: 33%; }
.ict-j16 .cols-3 .column-3 { width: 34%; }

.ict-j16 .row-separator
{
  clear: both;
  float: none;
  font-size: 1px;
  display: block;
}

/* article info */

.ict-j16 .article-info
{
  margin: 10px 0;
}

.ict-j16 .article-info .article-info-term
{
  display: none;
}

.ict-j16 .article-info dd
{
  background-image: none;
  margin: 0;
  padding: 0;
  line-height: 120%;
}

/* login */

.ict-j16 .login .login-description img
{
  float: left;
  margin: 0 5px 5px 0;
}

.ict-j16 .login fieldset
{
  clear: both;
  border:  0;
}

.ict-j16 .login .login-fields label
{
  float: left;
  width: 15em;
  display: block;
}

/* search form */

.ict-j16 #searchForm .phrases-box label
{
  display: block;
  line-height: 1.6em;
  margin-left: 2em;
}

.ict-j16 #searchForm .phrases-box input
{
  display: block;
  float: left;
  width: auto;
  border: none;
  line-height: 1.6em;
  margin: 0;
}

.ict-j16 #searchForm .only label
{
  display: block;
  line-height: 1.6em;
  margin-left: 2em;
}

.ict-j16 #searchForm .only input
{
  display: block;
  float: left;
  width: auto;
  border: none;
  line-height: 1.6em;
  margin: 0;
}

.ict-j16 #searchForm .form-limit
{
  margin-top: .5em;
}

/* pagination */

.ict-j16 .pagination
{
  margin: 0;
  padding: 0;
  text-align: center;
}

.ict-j16 .pagination .counter
{
  text-align: center;
}

.ict-j16 .pagination ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.ict-j16 .pagination li
{
  display: inline;
  padding: 2px 5px;
  text-align: left;
  margin: 0 2px;
  background-image: none;
}

.ict-j16 .pagination li.pagination-start,
.ict-j16 .pagination li.pagination-start span,
.ict-j16 .pagination li.pagination-end,
.ict-j16 .pagination li.pagination-end span
{
  padding: 0;
}

/* system messages */

.ict-j16 #system-message
{
  margin-bottom: 20px;
}

.ict-j16 #system-message dd.message ul
{
  background: #c3d2e5 url(../../system/images/notice-info.png) 4px center no-repeat;
  border-top: 3px solid #de7a7b;
  border-bottom: 3px solid #de7a7b;
  margin: 0;
  padding-left: 40px;
  text-indent: 0;
}

.ict-j16 #system-message dd.error ul
{
  color: #c00;
  background: #e6c0c0 url(../../system/images/notice-alert.png) 4px center no-repeat;
  border-top: 3px solid #de7a7b;
  border-bottom: 3px solid #de7a7b;
  margin: 0;
  padding-left: 40px;
  text-indent: 0;
}

.ict-j16 #system-message dd.notice ul
{
  color: #c00;
  background: #efe7b8 url(../../system/images/notice-note.png) 4px center no-repeat;
  border-top: 3px solid #f0dc7e;
  border-bottom: 3px solid #f0dc7e;
  margin: 0;
  padding-left: 40px;
  text-indent: 0;
}

.ict-j16 #system-message ul li
{
  background-image: none;
  padding-left: 0;
}

/* icon tooltip */

.ict-j16 .tip
{
  border: solid 1px #333;
  background: #ffffcc;
  padding: 3px;
  text-align: left;
}

.ict-j16 .tip-title
{
  font-weight: bold;
}

/* login module */

.ict-j15 #form-login fieldset.input,
.ict-j16 #login-form fieldset
{
  border: none;
  margin: 0;
  padding: 0;
}

.ict-j15 #form-login br
{
  display: none;
}

.ict-j15 #form-login p,
.ict-j16 #login-form p
{
   margin: 0.5em 0 0 0;
}

.ict-j15 #form-login #form-login-username label,
.ict-j15 #form-login #form-login-password label,
.ict-j16 #login-form #form-login-username label,
.ict-j16 #login-form #form-login-password label
{
  display: block;
}

.ict-j15 #form-login #form-login-remember input,
.ict-j16 #login-form #form-login-remember input
{
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
}

.ict-j15 #form-login #modlgn_username,
.ict-j15 #form-login #modlgn_passwd,
.ict-j16 #login-form #modlgn-username,
.ict-j16 #login-form #modlgn-passwd
{
  width: 95%;
  margin: 0;
  padding: 0;
}

.ict-j15 #form-login ul,
.ict-j16 #login-form ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.ict-j15 #form-login ul li,
.ict-j16 #login-form ul li
{
  background-image: none;
  padding: 0;
}

/* Plugin compatilibity. */

/* 152316, DOCman */

.dm_taskbar ul
{
  background-image: none;
  margin: 0;
  padding: 0;
}

.dm_taskbar ul li
{
  background-image: none;
}

/* Custom styles */
.pogoda
{
margin-left: -5px;
margin-top: -5px;
margin-bottom: -5px;
/*margin-right: -3px;*/
}
*

johnrass

  • Захожу иногда
  • 125
  • 26 / 0
Re: Модули вылазят за поля
« Ответ #4 : 05.09.2012, 12:24:04 »
Если хотите действительно помощи, то нужна ссылка на сайт, по картинке можно лишь понять что проблема есть, а вот решить ее не получится.
*

Pazys

  • Завсегдатай
  • 1738
  • 241 / 4
  • <a>А где я ошибся-то?</b>
Re: Модули вылазят за поля
« Ответ #5 : 05.09.2012, 12:35:02 »
После модулей поставьте <div style="clear:both;"></div> - если не поможет - то надо сам сайт смотреть.
Ишак меня нюхал ...
Если помог - плюсуйте в карму.
*

Rikus

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Модули вылазят за поля
« Ответ #6 : 05.09.2012, 16:02:28 »
Pazys, не помогло. Сайт показать не могу, потому что он у меня пока на локальном сервере.
*

Rikus

  • Осваиваюсь на форуме
  • 15
  • 0 / 0
Re: Модули вылазят за поля
« Ответ #7 : 05.09.2012, 16:04:27 »
Открыл сайт в IETester, чтобы посмотреть как он отображается в разных версиях. Оказалось, что в 8 и 9 все хорошо, а в 7 и 10 - с вышеуказанной проблемой. Проблему решил довольно грубым способом - поставил после модулей это:
Код
<!--[if (IE 7)|(IE 10)]>
  <br>
  <br>
  <br>
  <br>
<![endif]-->
Если не найду в чем проблема, то так и оставлю.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как поставить поля relation chilld в ряд (компонент cobalt )?

Автор mrmagic

Ответов: 2
Просмотров: 2040
Последний ответ 27.01.2019, 12:45:02
от mrmagic
Как добавить сторонние кнопки CSS в модули и плагины Joomla?

Автор bayersoff

Ответов: 12
Просмотров: 6082
Последний ответ 23.12.2018, 17:42:46
от effrit
Модули в шаблоне fiery_sunset

Автор services15

Ответов: 1
Просмотров: 941
Последний ответ 25.02.2016, 08:10:19
от White_Tiger
В Joomla 2.5 выровнять модули

Автор zotchiy

Ответов: 2
Просмотров: 1345
Последний ответ 25.10.2014, 11:10:39
от zotchiy
Компонет Jcommets криво впечатываются обязательные поля

Автор buba1477

Ответов: 5
Просмотров: 1180
Последний ответ 04.05.2014, 15:44:48
от buba1477