theme - the Beatles :Yellow Submarine

Link


INFO:

CUSTOMIZED THEME : The Beatles / Yellow Submarine

THEME: Mykonos

LAYOUT BY: inimtest

tried and tested using Mozilla Firefox.
modify and tweak the codes if you like, i really don't mind.
credit is nice, but not necessary.
:)

INSTRUCTIONS:

1. Select the "MYKONOS" 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/mykonos

2. Copy and paste the CSS code below to the CSS page on your setting page. The link for the Custom CSS page is:
http://multiply.com/setup/pages/upload-css







body {
background: none;
background-color: #FCD801;
font-family: tahoma, arial;
font-size: 11px;
}
a, a:visited, a:link { color: #000; }
.rail {
width: 159px;
padding-right: 5px;
}
.railstart {
margin-top: 10px;
height: 18px;
width: 159px;
background: none;
z-index: 1000;
position: relative;
}
.railbody {
padding: 20px 0 0 0;
width: 159px;
background: none;
background-color: transparent;
background-color: transparent;
font-size: 10px;
border-left: 1px solid #000;
border-right: 1px solid #000;
background: none;
border: none;
background-color: transparent;
z-index: 1000;
position: relative;
}
.railsep {
height: 1px;
margin: 12px 0 12px 0;
background: none;
}
.railend {
height: 18px;
width: 159px;
background: none;
}
div.owner_nav {
border: none;
margin: 0 auto;
margin-top: 10px;
height: 310px;
height: 280px;
width: 680px;
border: 5px solid #000;
border-bottom: none;
padding: 20px 20px 0 0;
background-color: none;
background: url(http://img171.imageshack.us/img171/4431/yellowsubtophw4.jpg) no-repeat top left;
background-position: 0 -100px;
}
div#subnavc {
width: auto;
}
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: right;
height: auto;
text-align: center;
background: none;
font-size:10px;
color: #000;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
text-transform: uppercase;
}
a.toptsel, a:visited.toptsel {
line-height: 1.2em;
display: block;
float: right;
height: auto;
text-align: center;
background: none;
font-size: 10px;
font-weight: normal;
color: #000;
width: auto;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
background: none;
text-transform: uppercase;
text-decoration: underline;
}
li.gnopt a, li.gnopt a:visited, li.gnopt a:link {
font-family: tahoma, arial;
font-size: 9px;
color: #EC75A4;
}
li.gnoptsel {
border-color: #999;
border-color: #999;
}
h1#page_owner_title {
font-size: 18px;
text-align: right;
background-color: none;
background: none;
color: #000;
font-weight: bold;
}
div#page_start {
padding: 75px 10px 10px 10px;
width: 680px;
border: 5px solid #000;
border-top: none;
border-bottom: none;
margin: 0 auto;
background: url(http://img171.imageshack.us/img171/4431/yellowsubtophw4.jpg) no-repeat top left;
background-position: 0 -400px;
background-color: #fff;
}
div#content_wrapper div#page_start_wrapper {
background-color: #fff;
}

div#rail {
text-align: left;
width: 159px;
}
a.gnoptsel, a:visited.gnoptsel {
margin: -2px 0 0 0;
width: 84px;
}
div#ownedfooter {
margin: 0 auto;
padding: 20px 0 0 20px;
width: 680px;
border: 5px solid #000;
border-top: none;
height: 78px;
text-align: left;
font-size: 9px;
color: #000;
background: none;
background-color: #fff;

}
div.stats {
border-bottom: none;
}
div.homewrapper div.itemboxsub td.cattitle {
font-size: 14px;
}
div.homewrapper .rolloverfordnd td.cattitle {
font-size: 14px;
}
.itemboxsub {
color: #000;
font-weight: bold;
font-size: 14px;
border: 1px solid #000;
border-bottom: none;
border: none;
padding: 0;
background: none;
text-transform: uppercase;
}
.rolloverfordnd {
color: #000;
font-weight: bold;
font-size: 14px;
border: 1px solid #999;
border-bottom: none;
border: none;
padding: 0;
background: none;
text-transform: uppercase;
background-color: #fff;
}
div.homewrapper .itemsubsub {
font-size: 14px;
}
.itemsubsub {
font-family: tahoma, arial;
font-weight: normal;
line-height: 10px;
text-align: right;
color: #999;
}
.itemstamp {
float: right;
font-family: tahoma, arial;
font-size: 11px;
font-weight: normal;
margin: -5px 0 5px 0;
color: #666;
}
.itembox {
border: none;
padding: 0;
padding-top: 5px;
margin: 0px;
overflow: visible;
font-family: tahoma, arial;
font-size:11px;
background-color: none;
background: none;
border-top: 1px solid #000;
}
.itemactionspacer {
height: 30px;
}
.itemboxalbum {
border: 1px solid #000;
background-color: #fff;
font-family: tahoma, arial;
font-size:11px;
padding: 10px;
text-align: center;
}
a.mine, a.mine:link, a:visited.mine {
/* color: #000; border: none; background-color: #fff; margin: 0 2px 0 2px; */
color: #b40b0b; border: none; background: none;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
/* color: #0b5eb4; border: none; background-color: #fff; margin: 0 2px 0 2px; */
color: #0b5eb4; border: none; background: none;
}
a.go, .go {
color: #090; border: none; background: none;
}
.rail .userlogo {
border: 1px solid #000;
}
.caldiv1 { background-color: #fff; }
.caldiv1 td { font-size: 10px; }
.caldate { font-size: 10px; font-weight: normal;}
.cald { float:right; text-align: center; background-color: #fff; 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: #fff; }
.caldiv1 th {
background-color: #fff;
color: #000;
font-size: 10px;
font-weight: normal;
text-align: center;
}
.caldiv1 th a, .caldiv1 th a:visited { color: #fff; }
table.globalnav {
border: none;
background: none;
width: 770px;
}
.header .globalnav ul.gnopt a { color: #fff; }
.navinput {
border: none;
color: #adb583;
}
.album {
margin: 0 10px 10px 0;
}
.album img {
border: 1px solid #000;
}
table.indextitle {display: none}
.icon { visibility: hidden; display: none; }
td#maincontent { padding: 10px 25px 0 10px; margin: 0 }
div.viewmore {
text-align: left;
margin-bottom: 30px;
}
div.header {
width: 770px;
margin: 0 auto;
background: none;
}
.railbody ul { margin: 0; padding: 0; border-bottom: 1px solid #30515c; }
.railbody li { padding: 0; margin: 0; list-style-type: none; }
.railbody li { display: block; width: 139px; padding: 5px 10px 5px 10px; border-top: 1px solid #30515c; }

.railbody p { padding: 5px 10px 0 10px; border-top: 1px solid #999; }
.infobox { background-color: #fff; }
.infobox div.boxbody {
border: 3px solid #000;
background-color: #fffC;
}
div.gndd {
background-color: #fff;
border: 1px solid #000;
}
div.ddsep { background-color: #fff; }
div.gndd a {
font-weight: bold;
border: 1px solid #000;
}
a.mine, a:link.mine, a:visited.mine {
font-size:10px;
font-weight: normal;
padding: 0 2px 0 2px;
}
div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {
font-size:10px;
font-weight: normal;
padding: 0 2px 0 2px;
}
div.guidebox h1 { font-size: 10px; }
div.guidebox {
background: none;
background-color: #fff;
border: 3px solid #000;
background-color: #fff;
}

div.add_sublabel {
color: #666;
}
div.add_sublabel a, div.add_sublabel a:link, div.add_sublabel a:visited {
color: #666;
}
div.add_sublabel a:hover {
color: #666;
}
span.signoutid a, span.signoutid a:visited, span.signoutid a:link, span.signoutid:hover, a.signoutid, a.signout, a.signout:visited, a.signout:link {
font-family: tahoma, arial;
font-size:12px; color: #000;
}

div.replybox, div.replyboxread {
background: none;
background-color: #fff;
}
div.header table.globalnav h3 { color: #000; }
.header .globalnav a.select { color: #000; }
table.globalnav img#multiply_logo_anon { margin: 5px 10px 5px 30px; }