Как работает css3pie-7.x-2.0? Что такое CSS Selectors?
4 марта 2012 в 17:23
Поставил модуль css3pie-7.x-2.0, поставил библиотеку.
Не вполне понимаю как заставить модуль работать.
Что нужно вписывать в поле CSS Selectors?
- Блог
- Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Комментарии
как говорит Кэп, 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);