Как работает css3pie-7.x-2.0? Что такое CSS Selectors?

Главные вкладки

Комментарии

Аватар пользователя 3xdimon 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 3xdimon 4 марта 2012 в 20:39

ппц, не зная броду - не...

.cssgradients #content .item-list ul.pager li.pager-item a:hover - сие творение верстальщика называется селектор