Green Floral

CreateBlog Layouts / Standard

Using This Layout

For specific instructions read designer's comments

1. Log into createblog.com (customize)
2. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

Help

/*Universal Stuff*/

body{
background-image: url('http://cbimg6.com/layouts/08/04/06/26718aa.jpg');
color: #A89B8E;
}

table, td, tr {
border-color: #EFECE4;
}
 #nav,#logo { display: none;}

textarea, input, select, .button {
background-image: url('http://cbimg6.com/layouts/08/04/06/26718ab.jpg');
background-color: #ffffff;
border: 1px solid #f0f0f0;
color: #919345;
}

.smaller {
font-size:8pt;
}

/*Link Styles*/

a:link, a:visited, .alertbox a:link, .alertbox a:visited, .linkbox a:link, .linkbox a:visited {
font-family: arial;
color: #919345;
font-size: 8pt:}

a:hover, a:active, .alertbox a:hover, .alertbox a:active, .linkbox a:active, .linkbox a:hover {
font-family: arial;
color: #B7803D;
font-size: 8pt:}

div#content {width:100%;}

/*Top Navigation*/
#nav li#search input{vertical-align: top; margin-top:10px;}

#nav li, #nav li#search, #nav li.submit {
background-image: url('http://cbimg6.com/layouts/08/04/06/26718aa.jpg');
}

#nav li {
border-right:1px solid #ffffff; color: #ffffff;
}

/*Top Navigation Dropdown*/
#nav li ul li {
background-image: url('http://cbimg6.com/layouts/08/04/06/26718ab.jpg'); color: #919345;
filter: alpha(opacity=80);
moz-opacity: .80;
opacity: .80;}

#nav a:link, #nav a:hover, #nav a:active, #nav a:visited {
color: #ffffff;
}

#nav li ul li.top { color: #ffffff;
border-top:1px solid #ffffff;
}

#nav li ul li a:link, #nav li ul li a:visited, #nav li ul li a:active{
color: #B7803D;}

#nav li ul li a:hover
{ background-color: #ffffff;
color: #B7803D;}

#nav li ul li {
border-bottom:1px solid #ffffff;
}

/*Header Styles*/

h1 {
font-family: century, century schoolbook, georgia;
color:#ffffff;
font-size:15pt;
background-image: url('http://cbimg6.com/layouts/08/04/06/26718aa.jpg');
width: 510px;
padding-left:10px;
padding-top:6px;
height:40px;
}

h2, h3, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
font-family: century, century schoolbook, georgia;
color:#B7803D;
text-transform:uppercase;
font-size:12pt;
margin-bottom:-5px;
}

/*Div and Table Styles*/

.innerbox, .entrybox, .standardbox {
background-color: #F4F4EA;
padding-left: 10px;
padding-right: 10px;
border-top: 4px solid #919345;
margin-top:14px;
color: #A89B8E;
}
.alertbox {
background-color: #F4F4EA;
padding-left: 10px;
padding-right: 10px;
border-top: 4px solid #919345;
background-image: url('http://cbimg6.com/layouts/08/04/06/26718ab.jpg');
}

.alertbox li {
border-bottom: 0px;
}
.linkbox {
background-image: url('http://cbimg6.com/layouts/08/04/06/26718ab.jpg');
padding-left: 10px;
padding-right: 10px;
}

.outerbox {
background-color: transparent;
}

/*Image Style Effects*/

.innerbox img.image, .entrybox img.image, .standardbox img.image {
filter: alpha(opacity=85);
opacity: 0.85;
-moz-opacity: 0.85;
cursor: default;
}
.innerbox a:link img, .standardbox a:link img, .entrybox a:link img {
filter: gray;
}
.innerbox a:visited img, .standardbox a:visited img, .entrybox a:visited img {
filter: gray;
}

.innerbox a:hover img, .standardbox a:hover img, .entrybox a:hover img {
filter: alpha(opacity=70);
moz-opacity: .70;
opacity: .70;
}

div#container {
background-color: white !important;
padding: 22px;
}

#footer {
color:#ffffff;
background-image: url('http://cbimg6.com/layouts/08/04/06/26718aa.jpg');
}

#footer a:link, #footer a:hover, #footer a:active, #footer a:visited {color: #ffffff;}

#friends .custombox { display:none; }

</style>