Новости 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

Вышел релиз Revo PageBuilder Toolkit for YOOtheme Pro 1.6

Вышел релиз Revo PageBuilder Toolkit for YOOtheme Pro 1.6.2PageBuilder Toolkit - это специализированный плагин для конструктора страниц Yootheme Pro, содержит набор различных утилит для ускорения процесса работы и отладки макета, множественные улучшения в интерфейсе, включая поддержку dark mode, подсказки, быстрая смена разрешения в окне просмотра и много чего еще.v.1.6.2 Что нового?- Индикатор статусов: теперь не просто показывает состояние запросов, но и делает автоматические попытки их отправки при кратковременных сбоях в сети, а если это не помогло, то переводит конструктор в ручной режим, что позволяет сохранит макет и настройки темы прежде чем вы потеряете все, что было сделано с момента последнего сохранения- Подсветка ошибок в макете: плагин анализирует код страницы и может автоматически подсвечивать data атрибуты с кучей мусора, которые попадают в код страницы при копипасте из Figma в TinyMCE (пригодится для старых макетов, в текущей работе плагин сам очищает код мусора). Также есть подсветка семантических ошибок сборки - дубли h1 тега на странице и вложенных друг в друга заголовков.- Улучшена поддержка будущего релиза Yootheme Pro 5 и редактора CodeMirror 6Плагин для русскоязычных пользователей доступен в каталоге расширений SovMart и распространяется за символическую плату (100р). Разработчики Joomla расширений и партнеры автора могут получить плагин бесплатно.Для работы плагина необходим конструктор страниц Yootheme Pro.Разработчик плагина - участник нашего сообщества Александр Судьбинов (@alexrevo), член официальной группы поддержки Yootheme Pro. Страница расширенияОписание на сайте автора@joomlafeed#joomla #yootheme

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

Здравствуйте ребята! Сегодня зарегистрировался на этом форуме. Я здесь новичок.Прошу строго не судить. ^-^
У меня возникла проблема с суффиксом класса модуля.Мне необходимо изменить модулб left (поменять цвет,background)..
Перепробовал все.Читал статьи про этот суффикс, что-то не получается все равно. Помогите, если можете please...
Ниже привожу свой CSS -файл:Заранее спасибо. ::)
/* begin Page */


body
{
   margin: 0 auto;
   padding: 0;
   background-color: #B3B5AA;
}

.Main
{
   position: relative;
   width: 100%;
   overflow:hidden;
   left: 0;
   top: 0;
}

.PageBackgroundGlare
{
   position: absolute;
   z-index:-1;
   width: 100%;
   left: 0;
   top: 0;
}

.PageBackgroundGlareImage
{
   position: absolute;
   z-index:-1;
   background-image: url('../images/Page-BgGlare.png');
   background-repeat: no-repeat;
   height: 379px;
   width: 387px;
   margin: 0;
}

html:first-child .PageBackgroundGlare
{
   border: 1px solid transparent; /* Opera fix */
}



.PageBackgroundSimpleGradient
{
   position: absolute;
   z-index:-1;
   background-image: url('../images/Page-BgSimpleGradient.jpg');
   background-repeat: repeat-x;
   width: 100%;
   height: 1px;
}

.cleared
{
   float: none;
   clear: both;
   margin: 0;
   padding: 0;
   border: none;
   font-size:1px;
}


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

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

/* begin Box, Sheet */
.Sheet
{
   position:relative;
   z-index:0;
   margin:0 auto;
   width: 1000px;
   min-width:23px;
   min-height:23px;
}


.Sheet-body
{
   position: relative;
   z-index:1;
   padding: 1px;
}

.Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl, .Sheet-tc, .Sheet-bc,.Sheet-cr, .Sheet-cl
{
   position:absolute;
   z-index:-1;
}

.Sheet-tr, .Sheet-tl, .Sheet-br, .Sheet-bl
{
   width: 22px;
   height: 22px;
   background-image: url('../images/Sheet-s.png');
}

.Sheet-tl
{
   top:0;
   left:0;
   clip: rect(auto, 11px, 11px, auto);
}

.Sheet-tr
{
   top: 0;
   right: 0;
   clip: rect(auto, auto, 11px, 11px);
}

.Sheet-bl
{
   bottom: 0;
   left: 0;
   clip: rect(11px, 11px, auto, auto);
}

.Sheet-br
{
   bottom: 0;
   right: 0;
   clip: rect(11px, auto, auto, 11px);
}

.Sheet-tc, .Sheet-bc
{
   left: 11px;
   right: 11px;
   height: 22px;
   background-image: url('../images/Sheet-h.png');
}

.Sheet-tc
{
   top: 0;
   clip: rect(auto, auto, 11px, auto);
}

.Sheet-bc
{
   bottom: 0;
   clip: rect(11px, auto, auto, auto);
}

.Sheet-cr, .Sheet-cl
{
   top: 11px;
   bottom: 11px;
   width: 22px;
   background-image: url('../images/Sheet-v.png');
}

.Sheet-cr
{
   right:0;
   clip: rect(auto, auto, auto, 11px);
}

.Sheet-cl
{
   left:0;
   clip: rect(auto, 11px, auto, auto);
}

.Sheet-cc
{
   position:absolute;
   z-index:-1;
   top: 11px;
   left: 11px;
   right: 11px;
   bottom: 11px;
   background-color: #FDFDFC;
}


.Sheet
{
   margin-top: 10px !important;
}
/* end Box, Sheet */

/* begin Header */
div.Header
{
   margin: 0 auto;
   position: relative;
   z-index:0;
   width: 1310px;
   height: 404px;
}


div.Header-jpeg
{
   position: absolute;
   z-index:-1;
   top: 10px;
   left: 0;
   width: 1000px;
   height: 400px;
   background-image: url('../images/Header.jpg');
   background-repeat: no-repeat;
   background-position: center center;
}
/* end Header */

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

.artmenu a, .artmenu a:link, .artmenu a:visited, .artmenu a:hover
{
   text-align:left;
   text-decoration:none;
   outline:none;
   letter-spacing:normal;
   word-spacing:normal;
}

.artmenu, .artmenu ul
{
   margin-top: 0px;
margin-right:90px;

   padding: 0;
   border: 0;
   list-style-type: none;
   display: block;

}

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


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

.artmenu li li
{
   float: none;
}

.artmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background:none;
}

.artmenu li:hover>ul
{
   visibility: visible;
   top: 100%;
}

.artmenu li li:hover>ul
{
   top: 0;
   left: 100%;
}

.artmenu:after, .artmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}
.artmenu, .artmenu ul
{
   min-height: 0;
}

.artmenu ul
{
   background-image: url(../images/spacer.gif);
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

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


ul.artmenu
{
   float:right;
}

/* menu structure */

.artmenu
{
   padding: 12px 6px 0px 6px;
}

.nav
{
   position: relative;
   height: 43px;
   z-index: 100;
}

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

.nav .l
{
   left: 0;
   right:0px;
}

.nav .r
{
   right: 0;
   width: 1000px;
   clip: rect(auto, auto, auto, 1000px);
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
   clear: both;
}

.artmenu a
{
   position:relative;
   display: block;
   overflow:hidden;
   height: 31px;
   cursor: pointer;
   text-decoration: none;
   margin-right: 2px;
   margin-left: 2px;
}


.artmenu a .r, .artmenu a .l
{
   position:absolute;
   display: block;
   height: 93px;
   background-image: url('../images/MenuItem.png');
}

.artmenu a .l
{
   left:0;
   right:4px;
}

.artmenu a .r
{
   width:408px;
   right:0;
   clip: rect(auto, auto, auto, 404px);
}

.artmenu a .t
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   color: #D5D7D1;
   padding: 0 19px;
   margin: 0 4px;
   line-height: 31px;
   text-align: center;
}

.artmenu a:hover .l, .artmenu a:hover .r
{
   top:-31px;
}

.artmenu li:hover>a .l, .artmenu li:hover>a .r
{
   top:-31px;
}

.artmenu li:hover a .l, .artmenu li:hover a .r
{
   top:-31px;
}
.artmenu a:hover .t
{
   color: #EDF7F6;
}

.artmenu li:hover a .t
{
   color: #EDF7F6;
}

.artmenu li:hover>a .t
{
   color: #EDF7F6;
}


.artmenu a.active .l, .artmenu a.active .r
{
   top: -62px;
}

.artmenu a.active .t
{
   color: #404C2F;
}


/* end MenuItem */

/* begin MenuSubItem */
.artmenu ul a
{
   display:block;
   text-align: center;
   white-space: nowrap;
   height: 20px;
   width: 180px;
   overflow:hidden;
   line-height: 20px;
   margin-right: auto;


   background-image: url('../images/subitem-bg.png');
   background-position: left top;
   background-repeat: repeat-x;
   border-width: 0px;
   border-style: solid;
}

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

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
   text-align: left;
   text-indent: 12px;
   text-decoration: none;
   line-height: 20px;
   color: #52554A;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
}

.artmenu ul ul a
{
   margin-left: auto;
}

.artmenu ul li a:hover
{
   color: #16312E;
   background-position: 0 -20px;
}

.artmenu ul li:hover>a
{
   color: #16312E;
   background-position: 0 -20px;
}

.nav .artmenu ul li a:hover span, .nav .artmenu ul li a:hover span span
{
   color: #16312E;
}

.nav .artmenu ul li:hover>a span, .nav .artmenu ul li:hover>a span span
{
   color: #16312E;
}


/* end MenuSubItem */

/* begin ContentLayout */
.contentLayout
{
   position: relative;
   margin-bottom: 0px;
   width: 998px;
}
/* end ContentLayout */

/* begin Box, Block */
.Block
{
   position:relative;
   z-index:0;
   margin:0 auto;
   min-width:15px;
   min-height:15px;
}



.Block-body
{
   position: relative;
   z-index:1;
   padding: 7px;
}


.Block-tr, .Block-tl, .Block-br, .Block-bl, .Block-tc, .Block-bc,.Block-cr, .Block-cl
{
   position:absolute;
   z-index:-1;
}



.Block-tr, .Block-tl, .Block-br, .Block-bl
{
   width: 14px;
   height: 14px;
   background-image: url('../images/Block-s.png');
}
.Block-tl
{
   top:0;
   left:0;
   clip: rect(auto, 7px, 7px, auto);
}

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

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

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

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



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

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

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




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

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

.Block
{
   margin: 7px;
}




/* end Box, Block */

/* begin BlockHeader */
.BlockHeader
{
   position:relative;
   z-index:0;
   height: 30px;
   padding: 0 7px;
   margin-bottom: 7px;
}

.BlockHeader .t
{
   height: 30px;
   color: #F3F3F1;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   white-space : nowrap;
   padding: 0 7px;
   line-height: 30px;
}


.BlockHeader .l
{
   left:0;
   right:6px;
}

.BlockHeader .r
{
   width:998px;
   right:0;
   clip: rect(auto, auto, auto, 992px);
}





.header-tag-icon
{
   display:inline-block;
   background-position:left top;
   background-image: url('../images/BlockHeaderIcon.png');
   padding:0 0 0 21px;
   background-repeat: no-repeat;
   min-height: 14px;
   margin: 0 0 0 5px;
}


/* end BlockHeader */

/* begin Box, BlockContent */
.BlockContent
{
   position:relative;
   z-index:0;
   margin:0 auto;
   min-width:1px;
   min-height:1px;
}

.BlockContent-body
{
   position: relative;
   z-index:1;
   padding: 8px;
}



.BlockContent-body
{
   color:#252621;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
}




.BlockContent-body a:link
{
   color: #316D66;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.BlockContent-body a:visited, .BlockContent-body a.visited
{
   color: #52554A;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
}

.BlockContent-body a:hover, .BlockContent-body a.hover
{
   color: #53623C;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
}

.BlockContent-body ul
{
   list-style-type: none;
   color: #4A4C42;
   margin:0;
   padding:0;
}

.BlockContent-body li
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
}

.BlockContent-body ul li
{
   padding:0px 0 0px 13px;
   background-image: url('../images/BlockContentBullets.png');
   background-repeat:no-repeat;
   margin:0.5em 0 0.5em 0;
   line-height:1.2em;
}

/* end Box, BlockContent */

/* begin Box, Post */
.Post
{
   position:relative;
   z-index:0;
   margin:0 auto;
   min-width:1px;
   min-height:1px;
}

.Post-body
{
   position: relative;
   z-index:1;
   padding: 12px;
}



.Post
{
   margin: 7px;
}

/* Start images */
a img
{
   border: 0;
}

.article img, img.article
{
   margin: 1em;
}

.metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin:2px;
}
/* Finish images */

/* Start tables */

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

.article table, table.article .article tr, .article th, .article td
{
   background-color:Transparent;
}

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

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

/* Finish tables */
/* end Box, Post */

/* begin PostHeaderIcon */
.PostHeaderIcon-wrapper
{
   text-decoration:none;
   margin: 0.2em 0;
   padding: 0;
   font-weight:normal;
   font-style:normal;
   letter-spacing:normal;
   word-spacing:normal;
   font-variant:normal;
   text-decoration:none;
   font-variant:normal;
   text-transform:none;
   text-align:left;
   text-indent:0;
   line-height:inherit;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 24px;
   color: #404C2F;
}

.PostHeaderIcon-wrapper, .PostHeaderIcon-wrapper a, .PostHeaderIcon-wrapper a:link, .PostHeaderIcon-wrapper a:visited, .PostHeaderIcon-wrapper a:hover
{
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 24px;
   color: #404C2F;
}

.PostHeaderIcon-wrapper img
{
   border:none;
   vertical-align: middle;
   margin:0;
}
/* end PostHeaderIcon */

/* begin PostHeader */
.PostHeader a:link
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #4D5C38;
}

.PostHeader a:visited, .PostHeader a.visited
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #687B4C;
}

.PostHeader a:hover, .PostHeader a.hovered
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  text-align: left;
  color: #367870;
}
/* end PostHeader */

/* begin PostIcons */
.PostHeaderIcons
{
   padding:1px;
}

.PostHeaderIcons, .PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   color: #6E824F;
}

.PostHeaderIcons a, .PostHeaderIcons a:link, .PostHeaderIcons a:visited, .PostHeaderIcons a:hover
{
   margin:0;
}

.PostHeaderIcons a:link
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
   color: #5B6C42;
}

.PostHeaderIcons a:visited, .PostHeaderIcons a.visited
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: italic;
   font-weight: normal;
   text-decoration: none;
   color: #5A5D51;
}

.PostHeaderIcons a:hover, .PostHeaderIcons a.hover
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-style: italic;
   font-weight: normal;
   text-decoration: underline;
   color: #367870;
}
/* end PostIcons */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  color: #2A2C26;
}

.PostContent
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  color: #2A2C26;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #5B6C42;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #5B6C42;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #5A5D51;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #367870;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  color: #5B6C42;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  color: #5B6C42;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  color: #7B9159;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  color: #2A2C26;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 13px;
  color: #2A2C26;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
  font-size: 11px;
  color: #2A2C26;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
   color: #3F4139;
   margin:1em 0 1em 2em;
   padding:0;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
}

li ol, li ul
{
   margin:0.5em 0 0.5em 2em;
   padding:0;
}

li
{
   margin:0.2em 0;
   padding:0;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position:inside;
   
}



/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote p
{
   color:#10100E;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

blockquote
{
      border:solid 1px #BBC9A6;
      margin:10px 10px 10px 50px;
   padding:5px 5px 5px 28px;
   background-color:#DBE2D0;
   background-image:url('../images/PostQuote.png');
   background-position:left top;
   background-repeat:no-repeat;
}


/* Finish blockuote */
/* end PostQuote */

/* begin Button */
.Button
{
   position:relative;
   display:inline-block;
   width: auto;
   outline:none;
   border:none;
   background:none;
   line-height:29px;
   margin:0;
   padding:0;
   overflow: visible;
   cursor: default;
   text-decoration: none !important;
   z-index:0;
}

/*This HACK needed for ie7 (button position)*/
*:first-child+html .Button
{
   display:list-item;
   list-style-type:none;
   float:left;
}

.Button .btn
{
   display:block;
   position:relative;
   float:left;
   height: 29px;
   overflow:hidden;
   white-space: nowrap;
   width: auto;
   color: #F3F3F1;
}

.Button .btn .t
{
   display:block;
   height: 29px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   white-space: nowrap;
   text-align: left;
   padding: 0 11px;
   line-height: 29px;
   text-decoration: none !important;
}

input, select
{
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
}

.Button .hover, .Button:hover
{
   color: #F3F5EF;
   text-decoration: none !important;
}

.Button .active
{
   color: #E6F4F2;
}

.Button .btn .l, .Button .btn .r
{
   display:block;
   position:absolute;
   z-index:-1;
   height: 87px;
   background-image: url('../images/Button.png');
}

.Button .btn .l
{
   left:0;
   right:7px;
}

.Button .btn .r
{
   width:403px;
   right:0;
   clip: rect(auto, auto, auto, 396px);
}

.Button .btn.hover .l, .Button .btn.hover .r, .Button .btn:hover .l, .Button .btn:hover .r
{
   top: -29px;
}

.Button .btn.active .l, .Button .btn.active .r
{
   top: -58px;
}


/* end Button */

/* begin Footer */
.Footer
{
   position:relative;
   z-index:0;
   overflow:hidden;
   width: 998px;
   margin: 5px auto 0px auto;
}

.Footer .Footer-inner
{
   height:1%;
   position: relative;
   z-index: 0;
   padding: 8px;
   text-align: center;
}

.Footer .Footer-background
{
   position:absolute;
   z-index:-1;
   background-repeat:no-repeat;
   background-image: url('../images/Footer.png');
   width: 998px;
   height: 150px;
   bottom:0;
   left:0;
}


.rss-tag-icon
{
   position: relative;
   display:block;
   float:left;
   background-image: url('../images/livemarks.png');
   background-position: center right;
   background-repeat: no-repeat;
   margin: 0 5px 0 0;
   height: 25px;
   width: 25px;
}




.Footer .Footer-text p
{
   margin: 0;
}

.Footer .Footer-text
{
   display:inline-block;
   color:#20211C;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.Footer .Footer-text a:link
{
   text-decoration: none;
   color: #505F3A;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
}

.Footer .Footer-text a:visited
{
   text-decoration: none;
   color: #4F5247;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
}

.Footer .Footer-text a:hover
{
   text-decoration: none;
   color: #599191;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.page-footer, .page-footer a, .page-footer a:link, .page-footer a:visited, .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:#6B7E4E;
}

.page-footer
{
   margin:1em;
   text-align:center;
   text-decoration:none;
   color:#696D5F;
}
/* end PageFooter */

/* begin LayoutCell */
.contentLayout .sidebar1
{
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 199px;
color:#fff;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .content
{
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 599px;
}
.contentLayout .content-sidebar1
{
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 798px;
}
.contentLayout .content-sidebar2
{
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 798px;
}
.contentLayout .content-wide
{
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 997px;
}
/* end LayoutCell */

/* begin LayoutCell */
.contentLayout .sidebar2
{
   position: relative;
   margin: 0;
   padding: 0;
   border: 0;
   float: left;
   overflow: hidden;
   width: 199px;
}
/* end LayoutCell */



.contentLayout li
{
   float: none;
}

table.moduletable th
{
   font-size: 140%;
   padding: .5em 0em;
}

#footer
{
   text-align: center;
}

.breadcrumbs
{
   display: block;
   padding: .7em 0em;
}

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

.column_separator
{
   padding-left: .4em;
}

.pagination span
{
   padding: 2px;
}

.pagination a
{
   padding: 2px;
}

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

span.pathway
{
   display: block;
   margin: 0 20px;
   height: 16px;
   line-height: 16px;
   overflow: hidden;
}

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

/* 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;
}

.column_separator
{
   padding-left: 10px;
}

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: 0px;
}

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: 130px;
   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: 145px;
   border: 1px solid #ccc;
   margin: 15px 0 10px 0;
}

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

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

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

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

#modlgn_username, #modlgn_passwd
{
   width: 90%;
}

#form-login-username, #form-login-password, #form-login-remember
{
   display: block;
   margin: 0;
}

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 0px 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;
}

/* System Messages */
/* see system general.css */

.pagination span
{
   padding: 2px;
}

.pagination a
{
   padding: 2px;
}

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


.pollstableborder td
{
   text-align: left;
   
}

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

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

legend
{
   margin: 0;
   padding: 0 10px;
}

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;
}

/* System Standard Messages */
#system-message
{
   margin-bottom: 20px;
}

#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:0px;
   padding-left: 40px;
   text-indent:0px;
}

/* System Error Messages */
#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: 0px;
   padding-left: 40px;
   text-indent: 0px;
}

/* System Notice Messages */
#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: 0px;
   padding-left: 40px;
   text-indent: 0px;
 }

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

/* Component Specific Fixes */

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

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

.mceToolbarTop {
   white-space: normal;
}

.mceEditor
{
   background: none;
}

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

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

#navigation
{
   text-align: center;
}

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

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

*

Antosha

  • Захожу иногда
  • 420
  • 52 / 0
  • Плохо спорить плохо
ППц. В след. раз приложите КСС фалом, а не километров текстом.

Что это за модуль такой - left? Возможно это позиция? Если так, то надо искать тот контейнер, в который вставляется эта позиция и менять КСС этого контейнера. В таком случаи суффикс модуля тут не причем. Для поиск контейнера отлично подойдет Мозила + FireBug
<a href="http://joomlablog.ru/">JoomlaBlog</a>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

CSS для позиции модуля

Автор tierex

Ответов: 3
Просмотров: 2957
Последний ответ 26.05.2023, 11:06:00
от tierex
Позиционирование модуля

Автор Frost_

Ответов: 4
Просмотров: 3308
Последний ответ 25.01.2023, 11:36:57
от Frost_
Расположить элементы без класса

Автор AlexB

Ответов: 4
Просмотров: 1062
Последний ответ 21.01.2021, 12:47:08
от AlexB
Как при наведении изменить сразу два класса CSS?

Автор Kanfur

Ответов: 3
Просмотров: 1776
Последний ответ 03.11.2020, 16:53:43
от Nikolay89
Настройка вывода модуля погоды SP Weather

Автор IvanIvanch

Ответов: 2
Просмотров: 1876
Последний ответ 31.10.2018, 23:19:28
от IvanIvanch