Холод 4 марта 2012 в 17:23 Поставил модуль css3pie-7.x-2.0, поставил библиотеку. Не вполне понимаю как заставить модуль работать. Что нужно вписывать в поле CSS Selectors? Drupal7 Есть вопрос Блог Войдите или зарегистрируйтесь, чтобы отправлять комментарии
3xdimon 4 марта 2012 в 17:30 как говорит Кэп, CSS селекторы туда надо писать. А именно те селекторы, который должны будут обрабатываться данной библиотекой
Холод 4 марта 2012 в 19:24 Что из этого есть селекторы? .cssgradients #contentWrapper{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eee),color-stop(0.05, #fff)); background: -moz-linear-gradient(top center,#eee,#fff 5%); background: -ms-linear-gradient(top, #eee, #fff 5%); /* IE10+ */ } .boxshadow #site-title, .boxshadow #site-slogan{ text-shadow: rgba(10, 10, 10, 0.4) 2px 3px 3px; } .boxshadow #pageBorder{ box-shadow:5px 5px 20px #051b32; -webkit-box-shadow:5px 5px 20px #051b32; -moz-box-shadow: -5px 5px 30px #062544; } /* Primary Links -------------------------------------------------------------- */ .boxshadow #navigation-primary > ul > li > h2 > a, .boxshadow #navigation-primary > ul > li > a{ text-shadow: rgba(10, 10, 10, 0.4) 2px 3px 3px; } .cssgradients #navigation-primary h2 > a, .cssgradients #navigation-primary > ul > li > a{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7ab0d4),color-stop(0.4, #156aa3)); background: -moz-linear-gradient(top center,#7ab0d4,#156aa3 40%); background: -o-linear-gradient(top, #7ab0d4, #156aa3 40%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7ab0d4, #156aa3 40%); /* IE10+ */ } .cssgradients #navigation-primary > ul > li > a.active, .cssgradients #navigation-primary > ul > li > h2 > a.active{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #5f9ac7),color-stop(0.4, #054b81)); background: -moz-linear-gradient(top center,#5f9ac7,#054b81 40%); background: -o-linear-gradient(top, #5f9ac7, #054b81 40%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5f9ac7, #054b81 40%); /* IE10+ */ } .cssgradients #navigation-primary > ul > li > a:hover, .cssgradients #navigation-primary > ul > li > h2 > a:hover, .cssgradients #navigation-primary > ul > li:hover > a, .cssgradients #navigation-primary > ul > li:hover > h2 > a{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f4d7ba),color-stop(0.4, #f97e05)); background: -moz-linear-gradient(top center,#f4d7ba,#f97e05 40%); background: -o-linear-gradient(top, #f4d7ba, #f97e05 40%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4d7ba, #f97e05 40%); /* IE10+ */ } .cssgradients div.mega{ background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #eee),color-stop(0.3, #fff)); background: -moz-linear-gradient(bottom center,#eee,#fff 30%); background: -o-linear-gradient(top, #eee, #fff 30%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eee, #fff 30%); /* IE10+ */ } /* Nodes -------------------------------------------------------------- */ .cssgradients .teaser-created-day{ background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #eee),color-stop(0.3, #fff)); } /* blocks -------------------------------------------------------------- */ .cssgradients #block-user-login .block-title{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #5f9ac7),color-stop(0.4, #054b81)); background: -moz-linear-gradient(top center,#5f9ac7,#054b81 40%); background: -o-linear-gradient(top, #5f9ac7, #054b81 40%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5f9ac7, #054b81 40%); /* IE10+ */ } /* Advertise -------------------------------------------------------------- */ .rgba #header-image-text{ background: rgba(0, 0, 0, 0.8); } .boxshadow #header-image-title{ text-shadow: rgba(10, 10, 10, 0.8) 2px 3px 3px; } /* Typography and other drupal items -------------------------------------------------------------- */ .cssgradients ul.primary li a{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #d7d7d7),color-stop(0.5, #eee)); background: -moz-linear-gradient(top center,#d7d7d7,#eee 50%); background: -o-linear-gradient(top, #d7d7d7, #eee 50%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d7d7d7, #eee 50%); /* IE10+ */ } .cssgradients ul.primary li a:hover{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f4d7ba),color-stop(0.4, #f97e05)); background: -moz-linear-gradient(top center,#f4d7ba,#f97e05 40%); background: -o-linear-gradient(top, #f4d7ba, #f97e05 40%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4d7ba, #f97e05 40%); /* IE10+ */ } .cssgradients ul.primary li.active a:hover{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eee),color-stop(0.4, #fff)); background: -moz-linear-gradient(top center,#eee,#fff 40%); background: -o-linear-gradient(top, #eee, #fff 40%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eee, #fff 40%); /* IE10+ */ } .cssgradients .form-submit{ background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #f2f2f2),color-stop(0.6, #e6e6e6)); background: -moz-linear-gradient(bottom center,#f2f2f2,#e6e6e6 60%); background: -o-linear-gradient(top, #f2f2f2, #e6e6e6 60%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f2f2f2, #e6e6e6 40%); /* IE10+ */ } .cssgradients #block-user-login .form-submit{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #5f9ac7),color-stop(0.4, #054b81)); background: -moz-linear-gradient(top center,#5f9ac7,#054b81 40%); background: -o-linear-gradient(top, #5f9ac7, #054b81 40%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #5f9ac7, #054b81 40%); /* IE10+ */ } .cssgradients .form-submit:focus, .cssgradients #block-user-login .form-submit:focus{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f4d7ba),color-stop(0.4, #f97e05)); background: -moz-linear-gradient(top center,#f4d7ba,#f97e05 40%); background: -o-linear-gradient(top, #f4d7ba, #f97e05 40%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4d7ba, #f97e05 40%); /* IE10+ */ } .cssgradients .taxonomy-term-description{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eee),color-stop(0.8, #fff)); background: -moz-linear-gradient(top center,#eee,#fff 80%); background: -o-linear-gradient(top, #eee, #fff 80%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eee, #fff 80%); /* IE10+ */ } .cssgradients #content .item-list ul.pager li.pager-current, .cssgradients #content .item-list ul.pager li.pager-item a:hover{ background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7ab0d4),color-stop(0.4, #156aa3)); background: -moz-linear-gradient(top center,#7ab0d4,#156aa3 40%); background: -o-linear-gradient(top, #7ab0d4, #156aa3 40%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7ab0d4, #156aa3 40%); /* IE10+ */ }
Холод 4 марта 2012 в 20:30 Или поставим вопрос по-другому. Что нужно вводит в это поле, что бы модуль обрабатывал для ИЭ закругления, тени, градиент?
3xdimon 4 марта 2012 в 20:39 ппц, не зная броду - не... .cssgradients #content .item-list ul.pager li.pager-item a:hover - сие творение верстальщика называется селектор
Холод 4 марта 2012 в 21:18 Спасибо. Не работает. До этого пробовал: .cssgradients .boxshadow .borderradius Тоже не работает.
Комментарии
как говорит Кэп, CSS селекторы туда надо писать. А именно те селекторы, который должны будут обрабатываться данной библиотекой
Что из этого есть селекторы?
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eee),color-stop(0.05, #fff));
background: -moz-linear-gradient(top center,#eee,#fff 5%);
background: -ms-linear-gradient(top, #eee, #fff 5%); /* IE10+ */
}
.boxshadow #site-title,
.boxshadow #site-slogan{
text-shadow: rgba(10, 10, 10, 0.4) 2px 3px 3px;
}
.boxshadow #pageBorder{
box-shadow:5px 5px 20px #051b32;
-webkit-box-shadow:5px 5px 20px #051b32;
-moz-box-shadow: -5px 5px 30px #062544;
}
/* Primary Links
-------------------------------------------------------------- */
.boxshadow #navigation-primary > ul > li > h2 > a,
.boxshadow #navigation-primary > ul > li > a{
text-shadow: rgba(10, 10, 10, 0.4) 2px 3px 3px;
}
.cssgradients #navigation-primary h2 > a,
.cssgradients #navigation-primary > ul > li > a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7ab0d4),color-stop(0.4, #156aa3));
background: -moz-linear-gradient(top center,#7ab0d4,#156aa3 40%);
background: -o-linear-gradient(top, #7ab0d4, #156aa3 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7ab0d4, #156aa3 40%); /* IE10+ */
}
.cssgradients #navigation-primary > ul > li > a.active,
.cssgradients #navigation-primary > ul > li > h2 > a.active{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #5f9ac7),color-stop(0.4, #054b81));
background: -moz-linear-gradient(top center,#5f9ac7,#054b81 40%);
background: -o-linear-gradient(top, #5f9ac7, #054b81 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5f9ac7, #054b81 40%); /* IE10+ */
}
.cssgradients #navigation-primary > ul > li > a:hover,
.cssgradients #navigation-primary > ul > li > h2 > a:hover,
.cssgradients #navigation-primary > ul > li:hover > a,
.cssgradients #navigation-primary > ul > li:hover > h2 > a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f4d7ba),color-stop(0.4, #f97e05));
background: -moz-linear-gradient(top center,#f4d7ba,#f97e05 40%);
background: -o-linear-gradient(top, #f4d7ba, #f97e05 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4d7ba, #f97e05 40%); /* IE10+ */
}
.cssgradients div.mega{
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #eee),color-stop(0.3, #fff));
background: -moz-linear-gradient(bottom center,#eee,#fff 30%);
background: -o-linear-gradient(top, #eee, #fff 30%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eee, #fff 30%); /* IE10+ */
}
/* Nodes
-------------------------------------------------------------- */
.cssgradients .teaser-created-day{
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #eee),color-stop(0.3, #fff));
}
/* blocks
-------------------------------------------------------------- */
.cssgradients #block-user-login .block-title{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #5f9ac7),color-stop(0.4, #054b81));
background: -moz-linear-gradient(top center,#5f9ac7,#054b81 40%);
background: -o-linear-gradient(top, #5f9ac7, #054b81 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5f9ac7, #054b81 40%); /* IE10+ */
}
/* Advertise
-------------------------------------------------------------- */
.rgba #header-image-text{
background: rgba(0, 0, 0, 0.8);
}
.boxshadow #header-image-title{
text-shadow: rgba(10, 10, 10, 0.8) 2px 3px 3px;
}
/* Typography and other drupal items
-------------------------------------------------------------- */
.cssgradients ul.primary li a{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #d7d7d7),color-stop(0.5, #eee));
background: -moz-linear-gradient(top center,#d7d7d7,#eee 50%);
background: -o-linear-gradient(top, #d7d7d7, #eee 50%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d7d7d7, #eee 50%); /* IE10+ */
}
.cssgradients ul.primary li a:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f4d7ba),color-stop(0.4, #f97e05));
background: -moz-linear-gradient(top center,#f4d7ba,#f97e05 40%);
background: -o-linear-gradient(top, #f4d7ba, #f97e05 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4d7ba, #f97e05 40%); /* IE10+ */
}
.cssgradients ul.primary li.active a:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eee),color-stop(0.4, #fff));
background: -moz-linear-gradient(top center,#eee,#fff 40%);
background: -o-linear-gradient(top, #eee, #fff 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eee, #fff 40%); /* IE10+ */
}
.cssgradients .form-submit{
background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #f2f2f2),color-stop(0.6, #e6e6e6));
background: -moz-linear-gradient(bottom center,#f2f2f2,#e6e6e6 60%);
background: -o-linear-gradient(top, #f2f2f2, #e6e6e6 60%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f2f2f2, #e6e6e6 40%); /* IE10+ */
}
.cssgradients #block-user-login .form-submit{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #5f9ac7),color-stop(0.4, #054b81));
background: -moz-linear-gradient(top center,#5f9ac7,#054b81 40%);
background: -o-linear-gradient(top, #5f9ac7, #054b81 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5f9ac7, #054b81 40%); /* IE10+ */
}
.cssgradients .form-submit:focus,
.cssgradients #block-user-login .form-submit:focus{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f4d7ba),color-stop(0.4, #f97e05));
background: -moz-linear-gradient(top center,#f4d7ba,#f97e05 40%);
background: -o-linear-gradient(top, #f4d7ba, #f97e05 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4d7ba, #f97e05 40%); /* IE10+ */
}
.cssgradients .taxonomy-term-description{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eee),color-stop(0.8, #fff));
background: -moz-linear-gradient(top center,#eee,#fff 80%);
background: -o-linear-gradient(top, #eee, #fff 80%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eee, #fff 80%); /* IE10+ */
}
.cssgradients #content .item-list ul.pager li.pager-current,
.cssgradients #content .item-list ul.pager li.pager-item a:hover{
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #7ab0d4),color-stop(0.4, #156aa3));
background: -moz-linear-gradient(top center,#7ab0d4,#156aa3 40%);
background: -o-linear-gradient(top, #7ab0d4, #156aa3 40%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7ab0d4, #156aa3 40%); /* IE10+ */
}
Или поставим вопрос по-другому. Что нужно вводит в это поле, что бы модуль обрабатывал для ИЭ закругления, тени, градиент?
ппц, не зная броду - не...
.cssgradients #content .item-list ul.pager li.pager-item a:hover - сие творение верстальщика называется селектор
Спасибо. Не работает.
До этого пробовал:
.boxshadow
.borderradius
Тоже не работает.
behavior: url(sites/all/themes/Logis/PIE.htc);