child theme and IE

  • Ricardo

    #881

    It appears that my child-theme doesn’t work wit IE9, and IE8. All the changes that are made in my child theme are not visible in IE (the are visible in Safari and Firefox)

    My child theme:

    /*
    Theme Name: Graphene Child
    Theme URI: http://www.fastforwardandrewind.com
    Description: Child theme
    Author: Ricardo
    Author URI: http://www.fastforwardandrewind.com
    Template: graphene
    Version: 1.0
    */
    @import url("../graphene/style.css");
    /* Your modification goes here */

    .entry-content img, .child-page img {
    border: medium none;
    margin: 5px;
    }

    .featured_slider{
    background: -moz-linear-gradient(left top, #972b01, #ea5c24);
    background: -webkit-gradient(linear, left top, right bottom, from(#972b01), to(#ea5c24));
    background: linear-gradient(left top, #972b01, #ea5c24);
    -pie-background: linear-gradient(left top, #972b01, #ea5c24);
    }
    .sidebar h3{
    background:#3C9CD2;
    background:-moz-linear-gradient(#ea5c24, #dc3e00);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ea5c24), to(#dc3e00));
    background:linear-gradient(#ea5c24, #dc3e00);
    -pie-background: linear-gradient(#ea5c24, #dc3e00);
    border-bottom:1px solid #ea5c24;
    }

    .block-button, .block-button:visited {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    border: 0px solid #CCCCCC;
    display:block;
    font:bold 12px arial;
    text-decoration:none;
    padding:5px 15px 6px 15px;
    color:#FFFFFF;
    text-shadow:0 -1px 1px #000000;
    margin-top:10px;
    position:relative;
    float:right;
    -moz-box-shadow: 2 2 2px #333333;
    -webkit-box-shadow:2 2 2px #333333;
    box-shadow:2 2 2px #333333;
    background:#ea5c24;
    background: -moz-linear-gradient(#ea5c24, #dc3e00) repeat scroll 0 0 transparent;
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ea5c24), to(#dc3e00));
    background:linear-gradient(#ea5c24, #dc3e00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc3e00', endColorstr='#dc3e00'); /* for IE */
    -pie-background: linear-gradient(#ea5c24, #dc3e00);
    }

    .block-button:hover{
    text-decoration:none;
    color:#FFFFFF;
    cursor:pointer;
    background:#972b01;
    background:-moz-linear-gradient(#972b01, #dc3e00);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#972b01), to(#dc3e00));
    background:linear-gradient(#972b01, #dc3e00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#972b01', endColorstr='#dc3e00'); /* for IE */
    -pie-background: linear-gradient(#972b01, #dc3e00);
    }

    Is there a problem with my coding?

    Kim

    #13858

    Call Bill 🙂

    No okay – different IE versions & CSS isnt best mix. Have You tried IE9 compability mode.

    But then again look at this post, you are missing some lines:

    How do i change blue colours in Graphene theme?

    Edit: And if You Want to try: http://browsershots.org/

    Kim

    Ricardo

    #13859

    I’ve changed the code. But IE just doesn’t want to use it. The only thing it uses is an orange border in my sidebar. Do you have any other ideas that could work?

    (and I don’t think Bill likes me that much, always having trouble with Live Messenger -.- )

    Kim

    #13860

    Remember to update/reload/delete browser cache.

    Well, when You look at my site… besides music do You se any Blues 🙂

    Kim

    Ricardo

    #13861

    Your site works perfect in Firefox and IE. I’ll check out your code again I guess 🙂

    Kim

    #13862

    Well, I uploaded my style.css here:

    http://www.nørrebo.dk/bbpress/topic.php?id=5

    Slider in second style.css is for posts background pictures & excerpt 🙂

    Kim

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.