Changing Colors

  • Kim

    #12787

    Its wise to make a Child Theme!

    Make a graphene-child subdir in themes catalog

    and copy Your style.css (And if any: functions.php, loop-children.php) there.

    (Use notepad or css editor when You make/edit Child files.)

    Looking at Your style.css : (Hmm, } 🙂

    /*
    Theme Name: Graphene Child
    Theme URI: http://www.mostabear.info/
    Description: Child theme for the Graphene theme
    Author: Christine/Steven Grouhel
    Author URI: http://www.mostabear.info/about/
    Template: graphene
    Version: 0.1.2.1
    */
    @import url("/graphene/style.css");
    /* Your modification goes here */

    body {
    background: url(images/bg_g.png) repeat #000 fixed;
    font: 12px Tahoma, Arial;
    }

    a,
    a:visited {
    color: #669966;
    text-decoration: none;
    }

    a:hover {
    color: #003300;
    text-decoration: none;
    }

    #nav .menu li a,
    #nav .menu li a:visited {
    color: #99ff99;
    font: normal 12px arial;
    line-height: 24px;
    padding: 0 6px;
    text-decoration: none;
    }

    #nav #secondary-menu.menu li a,
    #nav #secondary-menu.menu li a:visited {
    color: #71716F;
    font-size: 11px;
    text-transform: none;
    }

    h1.page-title {
    background: #336633;
    background: linear-gradient(left top, #003300, #ccff99);
    background: -moz-linear-gradient(left top, #003300, #ccff99);
    background: -webkit-gradient(linear, left top, right bottom, from(#003300), to(#ccff99));
    -pie-background: linear-gradient(left top, #003300, #ccff99);
    color: #e3e3e3;
    font-size: 130%;
    margin: 0 auto 10px;
    padding: 8px 0;
    text-align: center;
    text-shadow: 0 -1px 0 #333333;
    }

    .featured_slider {
    -pie-background: linear-gradient(left top, #003300, #ccff99);
    background: #336633;
    background: linear-gradient(left top, #003300, #ccff99);
    background: -moz-linear-gradient(left top, #003300, #ccff99);
    background: -webkit-gradient(linear, left top, right bottom, from(#003300), to(#ccff99));
    margin-bottom: 20px;
    padding-bottom: 25px;
    padding-top: 15px;
    position: relative;
    width: 100%;
    }

    .full-sized .block-button,
    .full-sized .block-button:visited {
    border-color: #003300;
    position: absolute;
    right: 10px;
    bottom: 10px;
    }

    .block-button,
    .block-button:visited {
    background: url(images/bg-block-button.png) left bottom repeat-x #336633;
    background: -moz-linear-gradient(#003300, #ccff99);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#003300), to(#ccff99));
    background: linear-gradient(#003300, #ccff99);
    border: 1px solid #336633;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px #555;
    -webkit-box-shadow: 0 0 5px #555;
    box-shadow: 0 0 5px #555;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font: bold 12px arial;
    margin: 10px 5px 5px;
    padding: 5px 15px 6px;
    position: relative;
    text-decoration: none;
    text-shadow: 0 -1px 1px #444;
    }

    .block-button:hover {
    background: url(images/bg-block-button-hover.png) left bottom repeat-x #336633;
    background: -moz-linear-gradient(#003300, #ccff99);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#003300), to(#ccff99));
    background: linear-gradient(#003300, #ccff99);
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    }

    .sticky {
    background-color: #bdff8e;
    }

    p code {
    background-color: #edffd6;
    }

    #comments li.bypostauthor {
    background-color: #003300 !important;
    -moz-box-shadow: 0 0 5px #333333;
    -webkit-box-shadow: 0 0 5px #333333;
    box-shadow: 0 0 5px #333333;
    color: #FFFFFF;
    }

    #comments .children li.bypostauthor {
    padding: 10px 10px 0 60px !important;
    border:1px solid #003300;
    }

    #comments ol li.bypostauthor img.avatar {
    border-color:#003300;
    }

    .sidebar h3 {
    -pie-background: linear-gradient(#003300, #ccff99);
    background: #003300;
    background: linear-gradient(#003300, #ccff99);
    background: -moz-linear-gradient(#003300, #ccff99) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#003300), to(#ccff99));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#003300', endColorstr='#ccff99'); /* for IE */
    text-shadow: 0 -1px 0 #000000;
    }

    .sidebar h3 a,
    .sidebar h3 a:visited,
    .sidebar h3 a,
    .sidebar h3 a:hover {
    color: #336633;
    }

    IE8? Why not IE9!

    Kim

    Anonymous

    #12788

    Hmmm, I guess I don’t understand the IE8 or IE9 question except that IE8 was the only one that I was having problems with, can you explain what you mean? Sorry I know it’s probably an obvious thing, but I’m definitely missing it.

    Kim

    #12789

    Simply, why not use the latest edition of any software,

    where the latest development is!

    I think your choice 🙂

    PS. When You write Code here. Put it between backticks,

    its more readable.

    Kim

    Kim

    #12790

    Slider border working with IE8 🙂

    .featured_slider{
    background: -moz-linear-gradient(left top , #E0E0E0, #EEEEEE) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, right bottom, from(#E0E0E0), to(#EEEEEE));
    background: linear-gradient(left top, #E0E0E0, #EEEEEE);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0E0E0', endColorstr='#EEEEEE'); /* for IE */
    -pie-background: linear-gradient(#A6A6A6, #EEEEEE);
    -moz-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    -webkit-box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    box-shadow: inset 0px 0px 1px 1px #C4C4C4;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#afaeae', Direction=90, Strength=3) !important; /* for IE */
    }

    Kim

    Anonymous

    #12791

    Kim,

    Thanks for all your help and advice….It’s nice to have a place where neophytes like myself can find answers quickly… You are a real help!

Viewing 5 posts - 21 through 25 (of 25 total)

  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!