Новости Joomla

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

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

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

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
Просмотров: 2166
Последний ответ 27.01.2019, 12:45:02
от mrmagic
Как добавить сторонние кнопки CSS в модули и плагины Joomla?

Автор bayersoff

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

Автор services15

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

Автор zotchiy

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

Автор buba1477

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