theme - Beatles Retro theme

Link

1. Select the "avlack" theme from the Multiply theme selection page for your personal page. You can select that by clicking on this link:
http://multiply.com/setup/pages/themes
2. Copy and paste the CSS code listed below to the Custom CSS page on your setting page. The link for the Custom CSS page is this one: http://multiply.com/setup/pages/upload-css

enjoy! please do leave a comment.



code:

body {
background: url(http://img90.imageshack.us/img90/5479/35489282uh1.jpg);
color:#CC9933;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
a, a:visited, a:link { color: #CC9933; }
a:hover { color: #CC9933; }
.rail {
width: 159px;
padding-right: 10px;

}
.railstart {
margin-top: 10px;
height: 27px;
width: 159px;
background: url() no-repeat top left;
background-position: -30px 0;
z-index: 1000;
position: relative;
background-color:#000000;
}
.railbody {
padding: 15px;
width: 129px;
font-size: 12px;
border-left: 1px solid #CC9933;
border-right: 1px solid #CC9933;
background: none;
border: none;
z-index: 1000;
position: relative;
background-color: #000000;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
background-color: #000000;
}
.railend {
height: 2px;
width: 159px;
background: none;
background-color: #000000;
}
td.rail {
background-color: #000000;
padding: 0;
margin: 0;
}
div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 20px;
height: 310px;
height: 130px;
width: 760px;
border: 10px solid #CC9933;
border-bottom: none;
padding: 340px 0 0 0;
background: url(http://img514.imageshack.us/img514/6922/65613713rn2.gif) no-repeat top left;
background-color: #000000;
background-position: 0 -10px;
}
div#subnavc {
width: auto;
height: 20px;
background-color: #000000;
border-top: 6px solid #CC9933;
padding: 4px;
}
div#subnav {
padding: 1px;
padding-left: 5px;
background: none;
border: none;
height: auto;
}
a.topt, a:visited.topt {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
color: #CC9933;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
}
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: left;
height: auto;
text-align: center;
background: none;
font-size: 13px;
font-weight: bold;
color: #CC9933;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
background: none;
}
li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
color: #CC9933;
}
li.gnoptsel {
border-color: #CC9933;
border-color: #CC9933;
}
h1#page_owner_title {
font-size: 35px;
background-color: #000000;
background: none;
color: #000000
font-weight: bold;
height: 68px;
padding-left: 12px;
}
div#page_start {
padding: 0;
height: 1%;
width: 760px;
border: 10px solid #CC9933;
border-top: none;
border-bottom: none;
margin: 0 auto;
background-color: #000000;
}
div#rail {
text-align: left;
width: 159px;
background-color: #000000;
}
a.gnoptsel, a:visited.gnoptsel {
margin: -2px 0 0 0;
width: 84px;
}
div#ownedfooter {
margin: 0 auto;
padding: 10px 0 0px 0;
width: 780px;
border: none;
border-top: 1px solid #CC9933;
font-size: 10px;
color: #CC9933;
background-color: #000000;

}
div.stats {
border-bottom: none;
background-color: #000000;
}
.itemboxsub {
color: #CC9933;
color: #CC9933;
font-weight: normal;
font-size: 24px;
font-family: serif;
border: none;
padding: 0;
background: none;
max-width: 550px;
background-color: #000000;
}

.rolloverfordnd {
color: #CC9933;
color: #CC9933;
font-weight: normal;
font-size: 24px;
font-family: serif;
border: none;
padding: 0;
background: none;
background-color: #000000;
max-width: 550px;
}

.itemshadow {
max-width: 550px;
}

.itemsubsub {
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-align: right;
color: #CC9933;
color: #CC9933;
background-color: #000000;
}
.itemstamp {
float: right;
font-size: 10px;
font-weight: normal;
margin: -5px 0 5px 0;
margin: 0;
color: #CC9933;
background-color: #000000;
}
.itembox {
border: none;
padding: 5px;
margin: 0px;
line-height: 1.2;
overflow: visible;
height: 1%;
background: none;
background-color: #000000;
color: #CC9933;
border-top: 1px solid #CC9933;
}
.itemboxalbum {
border: none;
padding: 5px;
margin: 0px;
line-height: 1.2;
overflow: visible;
height: 1%;
background: none;
background-color: #000000;
color: #CC9933;
border-top: 1px solid #CC9933;
}
.itemactionspacer {
height: 30px;
}
a.mine, a.mine:link, a:visited.mine {
/* color: #CC9933; border: none; background-color: #ffffff; margin: 0 2px 0 2px; */
color: #CC9933; border: none; background: none;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
/* color: #CC9933; border: none; background-color: #ffffff; margin: 0 2px 0 2px; */
color: #CC9933; border: none; background: none;
}
a.go, .go {
color: #CC9933; border: none; background: none;
}
.rail .userlogo {
border: 1px solid #000;

}
.caldiv1 { background-color: #000000; }
.caldiv1 td { font-size: 10px; }
.caldate { font-size: 13px; font-weight: bold;}
.cald { float:right; text-align: center; background-color: #000000; 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: #000000; }
.caldiv1 th {
background-color: #000;
color: #CC9933;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #CC9933; }
table.globalnav {
border: none;
background: none;
}
.header .globalnav ul.gnopt a, div.header table.globalnav a.select { color: #CC9933; }
div.header table.globalnav h3 { color: #CC9933; }
.navinput {
border: none;
color: #CC9933;
}
table.indextitle {display: none;}
td#maincontent { padding: 0 25px 0 0; margin: 0; background-color: #000000; }
div.header {
width: 780px;
margin: 0 auto;
background: none;
background-color: #000000;
}
.infobox { background-color: #000000; }
div.infobox .boxbody {
border: 1px solid #CC9933;
}
div.gndd {
color: #CC9933;
background-color: #000000;
border: 1px solid #ccc;
}
div.ddsep { background-color: #000000; }
div.gndd a {
font-weight: bold;
border: 1px solid: #CC9933;
}
div.gndd a:hover {
background-color: #000000;
}
li { list-style-image:url(http://i19.photobucket.com/albums/b156/ennaid0024/arrow1.jpg); }
div.guidebox {
background: none;
background-color: #000000;
color: #CC9933;
border: 1px dotted #CC9933;
}
div.add_sublabel a:hover {
color: #CC9933;
}
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link {
color: #CC9933;
}

/*REPLY BOX*/
.replybox {
color: #CC9933;/*text color reply box*/
padding: 6px;
margin: 20px 3px 20px 3px;
background: url(http://img87.imageshack.us/img87/7504/36510665da3.jpg);
repeat-x top left;
background-color: #000000;
background-position: -25px -25px;
border: 1px solid #CC9933;
}

Tidak ada komentar:

Posting Komentar