Myspace Profile 2.0 - Making Interests Look Like Profile 1.0

Profile 2.0 - Making Interests Look Like Profile 1.0

Interests Variation 1

Add this CSS code to your CSS Box under Customize Profile 2.0

.a {border around entire module}
div.interestsModule div.moduleMid2 {border:#6699cc outset 2px;}
.a {white background for border look}
div.interestsModule div.moduleMid {width:350px; background-color:#ffffff;}
.a {move it up a little for matching border widths}
div.interestsModule div.moduleBody {margin-top:-2px;}
.a {header background color}
div.interestsModule h3.moduleHead {background-color:#6699cc; border:#6699cc inset 1px;}
.a {create some padding for side white borders}
div.interestsModule div.moduleBody ul.moduleList {padding:3px;}
.a {style the header text}
div.interestsModule h3.moduleHead span {font-weight:bold; padding-left:8px;}
.a {move content to the right}
div.interestsModule div.moduleBody ul.moduleList li h4 {width:100px; float:left;}
.a {left side styling}
div.interestsModule div.moduleBody ul.moduleList li {background-color:#81d0f0;}
.a {right side styling}
div.interestsModule div.moduleBody ul.moduleList li div.autoResize {margin-left:2px; background-color:#d5e8fb; width:227px; padding-left:2px;}
.a {left side title text}
div.interestsModule div.moduleBody ul.moduleList li h4 {color:#000000;}

Interests Variation 2

Add this CSS code to your CSS Box under Customize Profile 2.0

.a {border around entire module}
div.interestsModule div.moduleMid2 {border:#6699cc outset 2px;}
.a {white background for border look}
div.interestsModule div.moduleMid {width:350px; background-color:#ffffff;}
.a {move it up a little for matching border widths}
div.interestsModule div.moduleBody {margin-bottom:-5px;}
.a {header background color}
div.interestsModule h3.moduleHead {background-color:#6699cc; border:#6699cc inset 1px;}
.a {create some padding for side white borders}
div.interestsModule div.moduleBody ul.moduleList {padding:2px;}
.a {style the header text}
div.interestsModule h3.moduleHead span {font-weight:bold; padding-left:8px;}
.a {left side styling}
div.interestsModule div.moduleBody ul.moduleList li {background-color:#d5e8fb;}
.a {right side styling}
div.interestsModule div.moduleBody ul.moduleList li div.autoResize {margin-left:2px; background-color:#d5e8fb; width:207px; padding-left:2px;}
.a {left side title text}
div.interestsModule div.moduleBody ul.moduleList li h4 {color:#000000; width:100px; float:left; background-color:#81d0f0; padding-top:3px; padding-bottom:3px; padding-left:3px; position:relative; top:-3px; left:-3px;}

If you would like to do the same things to details module, go Here: Making Profile 2.0 Details Module Look Like Profile 1.0