2) When a yellow strip appeared on the top of your site, click Choose a Theme.
, once you've found it , Click it.
5) Now When a yellow strip appeared on the top of your site again, click Custom CSS.
6) Now Hit Save and there is you new layout :D.
div.contentwrapper {
background: transparent;
}
div.bodywrap {
background: transparent;
}
body {
background: #a36443;
font-family: Trebuchet MS;
color: #ed1e92;
background: url(
http://i54.photobucket.com/albums/g95/alexischeong/dots02.gif);
margin: 0;
width: auto;
}
a, a:visited, a:link { color: #ed1e92; }
.rail {
width: 159px;
}
.railstart {
display: none;
}
.railbody {
width: 139px;
font-size: 10px;
background: none;
border: none;
z-index: 1000;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
background-color: #4e2d1c;
}
.railend {
display: none;
}
div#page_start_wrapper {
width: 770px;
margin: 0 auto;
background: url(
http://i54.photobucket.com/albums/g95/alexischeong/brown.gif);
}
div.owner_nav {
width: 750px;
margin: 0 auto;
margin-top: 1px;
height: 300px;
border-top: none;
background: url(
http://i54.photobucket.com/albums/g95/alexischeong/mateys.gif);
}
div#subnavc {
width: auto;
}
div#subnav {
padding: 1px 0 0 20px;
margin-bottom: 5px;
border: none;
background: none;
height: auto;
}
a.topt, a:visited.topt, a:link.topt {
line-height: 1.2em;
display: block;
float: right;
height: auto;
text-align: center;
background: none;
font-family: Tahoma;
font-size: 12px;
color: #ed1e92;
padding: 1px 7px 1px 7px;
font-weight: normal;
width: auto;
border: 1px solid #000;
}
a.toptsel, a:visited.toptsel, a:link.toptsel {
line-height: 1.2em;
display: block;
float: right;
height: auto;
text-align: center;
background: none;
font-size: 13px;
font-weight: bold;
color: #ed1e92;
background: none;
background-color: #855035;
border: 1px solid #666;
padding: 1px 7px 1px 7px;
width: auto;
}
h1#page_owner_title {
padding: 16px 0 6px 30px;
font-size: 30px;
height: 42px;
background-color: none;
background: none;
color: #ed1e92;
border: none;
font: 25pt Kristen ITC;
font-weight: bold;
}
div#page_start {
padding: 10px;
}
div#rail {
text-align: left;
width: 159px;
}
div#ownedfooterc {
background: url(
http://i54.photobucket.com/albums/g95/alexischeong/pinklink.gif);
width: 770px;
height: 40px;
margin: 0 auto;
}
div#ownedfooter {
border: none;
background: none;
color: #ed1e92;
padding: 0;
text-align: center;
font-size: 10px;
border-top: 1px solid #ddd;
margin: 0 15px 0 15px;
}
div.stats {
border-bottom: none;
}
.itemboxsub {
font-family: Century Gothic;
color: #ed1e92;
font-weight: normal;
/*
background-color: #d3ddee;
background-color: none;
*/
font-weight: bold;
font-size: 22px;
border: none;
background: none;
}
.rolloverfordnd {
color: #47372a;
font-weight: normal;
font-size: 22px;
border: none;
background: none;
background-color: #47372a;
max-width: 540px;
}
div#maincontentdiv, div#maincontentdiv table tbody tr td, div#maincontentdiv table tbody tr td div {
display: inline-block;
max-width: 540px !important;
}
td.icon {
padding-left: 5px;
}
.itemsubsub {
font-size: 10px;
font-weight: normal;
line-height: 1.2em;
text-align: left;
color: #999;
}
.itemstamp {
float: right;
font-size: 10px;
font-weight: normal;
margin: -5px 0 5px 0;
color: #666;
}
.itembox, .itemboxalbum {
padding: 10px 0 10px 0;
margin: 0px;
overflow: visible;
background: none;
background-color: #47372a;
border: none;
border: none;
}
.itemactionspacer {
height: 30px;
}
.rail .userlogo {
border: 1px solid #ed1e92;
}
.caldiv1 { background-color: #47372a; }
.caldiv1 td { font-size: 10px; }
.caldate { font-size: 13px; font-weight: bold;}
.cald { float:right; text-align: center; background-color: #47372a; padding: 0px 4px 0px 4px; margin: -3px -3px 3px 3px; border: 1px solid #ccc; width: 20px}
.calevent { margin: 0px 0px 8px 0px; }
.caldiv1 td:hover { background-color: #47372a; }
.caldiv1 th {
background-color: #47372a;
color: #ed1e92;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #ed1e92; }
a.compose:hover {
text-decoration: overline;
}
span.fakelink {
color: #ed1e92;
}
.header {
border-top: 1px solid #47372a;
border-bottom: 1px solid #47372a;
width: 100%;
background: none;
background-color: #47372a;
}
div#ownedheader a:link, div#ownedheader a:visited, div#ownedheader a { color: #ed1e92; }
.header a:link, .header a:visited, .header a { color: #ed1e92; }
.navinput {
border: 1px solid #ed1e92;
color: #ed1e92;
}
.header .globalnav div.gndd a { color: #ed1e92; border: 1px solid #ed1e92;}
div.gndd {
background-color: #ed1e92;
border: 1px solid #ed1e92;
}
div.ddsep { background-color: #47372a; }
div#rail div.userlogo {
/* width: 65px;
height: 65px;
margin: -88px 0 20px 63px; */
padding: 0;
border: 1px solid #ed1e92;
}
td.rail {
border-left: 1px solid #47372a;
}
a.mine, a:link.mine, a:visited.mine {
font-size: 12px;
font-weight: normal;
color: #ed1e92;
}
div.viewmore {
margin: 0;
font-size: 12px;
border-top: none;
border-bottom: none;
}
div.itemactions {
border-top: none;
border-bottom: none;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
font-size: 12px;
font-weight: normal;
color: #ed1e92;
}
table.indextitle {display: none}
td#maincontent { padding: 0 20px 20px 20px;}
span.tagtitle {
color: #ed1e92;
}
.prevnext {
margin-top: -25px;
position: relative;
}
div.icon {
display: none;
float: left;
}
.textarea-handle {
height: 1px;
width: 1px;
margin:0;
margin-bottom: 10px;
display: block;
background: url() no-repeat bottom right;
}
.replybox {
border: 0px dashed #47372a;
background: none;
background-color: #47372a;
font-family: Century Gothic;
color: #ed1e92;
font-size: 8px;
}
div.replybox, div.replyboxread {
background: none;
background-color: #47372a;
border-bottom: 1px dotted #ed1e92;
}
.quotet {
background: none;
font-color: #ed1e92;
border: 1px dashed #666;
}
div.openbox {
margin: 0 0 5px 0;
}
div.guidebox {
background: none;
background-color: #FFF;
border: 1px dotted #000000;
}
.contactbox {
color: #ed1e92;
font-size: 11px;
font-family: Tahoma;
border: 1px dotted #ed1e92;
background: #47372a;
}
li { list-style-image: url(
http://i54.photobucket.com/albums/g95/alexischeong/cuteheart.gif); }
div.openbox {
margin: 0 0 5px 0;
}
img {
border: none; }
a.add, a.add:link, a.add:visited {
background: transparent url(
http://i54.photobucket.com/albums/g95/alexischeong/pink_arrow.gif) no-repeat scroll left;
font-size:12px;
font-weight: bold;
height:16px;
padding-left: 20px;
padding-top: 1px;
}
a.add:hover {
color: white;
background:url(
http://i54.photobucket.com/albums/g95/alexischeong/rainbowcolor.gif); text-decoration:none;
background-position: bottom bottom;
}
a.select, a.select:link, a.select:visited {
background: transparent url(
http://i54.photobucket.com/albums/g95/alexischeong/pink_arrow.gif) no-repeat scroll left;
font-size: 12px;
font-weight: bold;
height: 16px;
padding-left: 20px;
padding-top: 1px;
}
a.select:hover {
color: white;
background:url(
http://i54.photobucket.com/albums/g95/alexischeong/rainbowcolor.gif); text-decoration:none;
background-position: bottom bottom;
}
.replydeleted {
display:none;}
div.guidebox {
background: none;
background-color: #47372a;
border: 1px solid #47372a;
}
b.cn { display: inline; }
div#owner_nav b.cn { display: none; }
div#ownedfooter b.cn, .header b.cn { display: none; }
span.signoutid a.signout { color: #ed1e92; }
td#maincontent h1 { color: #878787; }
textarea {
background: #47372a;
background-image: url(
http://i54.photobucket.com/albums/g95/alexischeong/surrender.gif);
background-position: bottom right;
background-repeat: no-repeat;
color: #ed1e92;
font-family: trebuchet MS;
font-size:10px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
}
.itemsubsub nobr {display:none;}
td#maincontent div.calendarwrapper table.itemboxsub td.goleft a.go{
color: #ed1e92;
}
td#maincontent div.calendarwrapper table.itemboxsub td.goright a.go{
color: #ed1e92;
}
td#maincontent div.calendarwrapper a.go b{
color: #ed1e92;
}
.replydeleted {
display:none;
}