3

[Kim]

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]

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]

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]

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]

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!