Сообщений в теме: 2

[Aslambek]

Вопрос не совсем по JBZoo )

 

Вопрос

 

Где прописать стили для рамок - вывод категорий и подкатегорий - чтобы не затрагивало шаблоны teaser и full ?!

 

По этому пути нашел стили рамок : \media\zoo\applications\jbuniversal\assets\css\jbzoo.css - но внося изменения они касаются всего, т.е. например в Full при наведении на материал правило применимо.

 

Собственно, ниже код - который я хочу применить

.jbzoo-rborder .rborder,
.jbzoo-rborder .rborder {
    border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    background: #fbfbfb;
}
.jbzoo-rborder .rborder:hover{
            background: #FFF;
            box-shadow: 0 0 15px 0 rgba(0,0,0,.3);
            z-index: 50;
            -webkit-transition: background 400ms;
            -webkit-transition: box-shadow 400ms;
            -moz-transition: background 400ms;
            -moz-transition: box-shadow 400ms;
            border-radius: 8px;
            }

Направьте плиз, как правильно и куда этот код прикрепить ?

Есть в том же jbzoo.css значения для /************************************* frontpage, category, subcategory */

Но попробывав так и эдак - не получилось, указывая для category, subcategory.

 

 

Помогите

 

 

Сообщение отредактировал Aslambek: 15 August 2013 - 10:25

[Sliapy]

Используйте селекторы

 

.frontpage.rborder - для рамки на главной странице

.subcategories.rborder - для подкатегорий

.category.rborder - для категории

[Aslambek]

Спасибо за наводку!

У меня получилось только так - добавив код в районе строки 242 файла по пути

\media\zoo\applications\jbuniversal\assets\css\jbzoo.css

        .jbzoo .subcategories .column:hover{
            background: #FFF;
            box-shadow: 0 0 10px 0 rgba(0,0,0,.3);
            z-index: 50;
            -webkit-transition: background 400ms;
            -webkit-transition: box-shadow 400ms;
            -moz-transition: background 400ms;
            -moz-transition: box-shadow 400ms;
            border-radius: 8px;
            }