Der bebe Generation Look für dein Profil

So installierst du den bebe Generation Look auf deinem Profil:

Klicke in der Hauptnavigation auf "Profil", dann auf "Profil designen".
Wähle das erste Design (weiß) aus.
Klicke auf "{} Eigenes CSS".
Füge unten stehenden Code ein, klicke auf "Vorschau", dann auf "Benutzen".

body{background: #f780a5 url(http://creative.myspacecdn.com/de/advertising/bebe/skin/bebeskinbg9.jpg) no-repeat center top;  font:10px arial; color:white;}
div.profileDemographics {background:#F780A5; color:black;}
div#topnav {background:#f780a5;}
div.contentMid2{padding:9px;}
div.module{padding:5px;}
h3.moduleHead{font-weight:bold;color:#FFFFFF;}
div.wrap{width:960px;}

div.detailsModule li {background:transparent;}


div#header, div#googlebar {background-color: transparent; background-image:none; }
#topnav { background-color:transparent; }
#topnav ul, #topnav ul li {border: none;}

div.wrap { width:750px; }

div.moduleMid { background-color:#f780a5; padding:15px;}
div.moduleTop div div, div.moduleBottom div div { background-color:#f780a5; font-size:0px; }


div.basicInfoModule div.photo { background:#f78aac; padding:3px; }

div.basicInfoModule div.basicInfoDetails h2 { text-transform:uppercase; color:#FFFFFF; font-weight:bold; font-size:220%; display:block; }

div.basicInfoModule div.basicInfoDetails span.urlLink a { background-image:none; color:#fbbfd2; text-decoration:none; text-transform:uppercase;  font-weight:bold;}

div.basicInfoModule div.basicInfoDetails span.urlLink a:hover { background-image:none; color:#fbbfd2; text-decoration:none; text-transform:uppercase;  font-weight:bold;}

div.basicInfoModule div.basicInfoDetails blockquote { color:white; font:11px arial; text-transform:uppercase; }

div.basicInfoModule div.basicInfoDetails div.pageLinks em {display:none;}

div.basicInfoModule div.basicInfoDetails div.pageLinks ul a { text-transform:uppercase;  text-decoration:none; color:#fbbfd2;  font-weight:bold;}

div.basicInfoModule div.basicInfoDetails div.pageLinks ul a:hover { text-transform:uppercase;  text-decoration:none; color:#fbbfd2;  font-weight:bold;}

div.basicInfoModule div.profileDemographics ul.profileUserInfo li img {}

div.basicInfoModule div.profileDemographics h1.profileFullName, span.age, span.gender { color:white; text-transform:uppercase;  }

div.basicInfoModule div.profileDemographics ul.profileUserAlbum {}

div.basicInfoModule div.basicInfoDetails ul.contactLinks li.message.odd a {
text-transform:uppercase;  background-image:none; color:#fbbfd2; font-weight:bold; }

div.basicInfoModule div.basicInfoDetails ul.contactLinks li.addToFriends.even a {
text-transform:uppercase;  background-image:none; color:#fbbfd2;  font-weight:bold;}

div.basicInfoModule div.basicInfoDetails ul.contactLinks li.comment.odd.last a {
text-transform:uppercase;  background-image:none; color:#fbbfd2; font-weight:bold; }

div.basicInfoModule div.basicInfoDetails ul.contactLinks li.message.odd a:hover {
text-transform:uppercase;  background-image:none; color:#fbbfd2; text-decoration:none;  font-weight:bold;}

div.basicInfoModule div.basicInfoDetails ul.contactLinks li.addToFriends.even a:hover {
text-transform:uppercase;  background-image:none; color:#fbbfd2; text-decoration:none; font-weight:bold;}

div.basicInfoModule div.basicInfoDetails ul.contactLinks li.comment.odd.last a:hover {
text-transform:uppercase;  background-image:none; color:#fbbfd2; text-decoration:none; font-weight:bold;}



div.interestsModule h3.moduleHead span span { color:#fff;  text-transform:lowercase;  }

div.interestsModule ul.moduleList li.odd h4 { text-transform:uppercase; font-size:100%; color:#FFFFFF;  font-weight:bold;}

div.interestsModule ul.moduleList li.even h4 { text-transform:uppercase; font-size:100%; color:#FFFFFF; font-weight:bold; }

div.interestsModule div.moduleBody ul.moduleList li {height:25px;}

div.blurbsModule h3.moduleHead span span {color:#fff;  text-transform:lowercase; }

div.blurbsModule div.blurbAboutMe h4 {
text-transform:uppercase; font-size:100%; color:#FFFFFF;  font-weight:bold; }

div.blurbsModule div.blurbLikeToMeet h4 {
text-transform:uppercase; font-size:100%; color:#FFFFFF;  font-weight:bold;  }

div.blurbsModule div {border:0px;}

div.blurbsModule a { color:#fbbfd2; text-decoration:none;  font-weight:bold;}

div.blurbsModule a:hover { color:#fbbfd2; text-decoration:none;  font-weight:bold;}

div.friendSpaceModule h3.moduleHead span span {color:#fff;  text-transform:lowercase; font-size:110%}


div.friendSpaceModule div.toolbar span.toolbarCount span.count {font-weight:bold; color:#FFFFFF; text-transform:uppercase;  font-weight:bold;}

div.friendSpaceModule div.toolbar span.toolbarCount { color:white; text-transform:lowercase; }

div.friendSpaceModule div.toolbar ul.links li a { color:#fbbfd2; font-weight:bold; }

div.friendSpaceModule div.toolbar ul.links li a:hover  { color:#fbbfd2; text-decoration:none; font-weight:bold;}

div.friendSpaceModule ol.moduleList li a span { color:#fbbfd2;  text-transform:lowercase;  font-weight:bold;}

div.friendSpaceModule ol.moduleList li a:hover span { color:#fbbfd2;  text-transform:lowercase; font-weight:bold; }

div.friendSpaceModule div {border:0px;}

div.commentsModule h3.moduleHead span span {
color:#fff;  text-transform:lowercase; font-size:110% }

div.commentsModule div.toolbar span.toolbarCount span.count {font-weight:bold; color:#FFFFFF; text-transform:uppercase;  font-weight:bold; }

div.commentsModule div.toolbar span.toolbarCount { color:white; text-transform:lowercase; }

div.commentsModule div.toolbar ul.links a { color:#fbbfd2; font-weight:bold; }

div.commentsModule div.toolbar ul.links a:hover  { color:#fbbfd2; text-decoration:none; font-weight:bold;}

div.commentsModule div.moduleBody li.odd div.user a span { color:#fbbfd2;  text-transform:lowercase; font-weight:bold; }

div.commentsModule div.moduleBody li.even div.user a span { color:#fbbfd2;  text-transform:lowercase; font-weight:bold;}


div.commentsModule div.moduleBody div.user a:hover span { color:#fbbfd2;  text-transform:lowercase; font-weight:bold;}

div.commentsModule div.moduleBody ul.commentsInfo li a {
color:#fbbfd2; text-decoration:none;  font-weight:bold;}

div.commentsModule div.moduleBody ul.commentsInfo li a:hover {
color:#fbbfd2; text-decoration:none;  font-weight:bold;}

a, a:link, a:active, a:visited {
color:#fbbfd2; text-decoration:none;  font-weight:bold;}

a:hover {
color:#fbbfd2; text-decoration:none;  font-weight:bold;}

div#footer { font-size:10px; color:#fbbfd2; }
div#footer a { color:#fbbfd2; text-decoration:none; }

div.detailsModule h3.moduleHead span span { color:#fff;  text-transform:lowercase;  }

div.detailsModule div.moduleBody ul.moduleList li.odd strong { text-transform:uppercase; color:#FFFFFF; font-weight:bold; }


div.detailsModule div.moduleBody ul.moduleList li.even strong { text-transform:uppercase; color:#FFFFFF; font-weight:bold; }

div.detailsModule div.moduleBody ul.moduleList li span a { color:#fbbfd2; text-decoration:none;  font-weight:bold; }

div.detailsModule div.moduleBody ul.moduleList li span a:hover { color:#fbbfd2; text-decoration:none; font-weight:bold; }

div[class~="module"] { border:none; }
div[class~="moduleTop"], div[class~="moduleTop"] div, div[class~="moduleBottom"], div[class~="moduleBottom"] div { background-color: transparent; background-image: url(http://profile.myspace.com/rc.ashx?bg=f780a5&r=6&w=2000&s=FFFFFF&sw=1); font-size:0px; }

div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div { background-image:none; }
div[class~="moduleTop"] div div { height:5px; border-top: 1px solid #f780a5; margin: 0px 5px; }
div[class~="moduleBottom"] div div { height:5px; border-bottom: 1px solid #f780a5; margin: 0 5px; }
div[class~="moduleMid2"] { margin: 0 5px;}
div[class~="moduleMid"] { border-left: solid #f780a5 1px; }
div[class~="moduleMid1"] { border-right: solid #f780a5 1px; }

div.moduleTop { background-position: top left; }
div.moduleTop div { background-position: top right; }
div.moduleBottom { background-position: bottom left; }
div.moduleBottom div { background-position: bottom right; }
div#module10 .moduleHead, div#module13 .moduleHead, div#module12 .moduleHead {background: #4184d5;}

div.commentsModule ul.moduleList div.userComment {background: #fff; color: #000;}
div#module13 .moduleMid1 {height: 500px; overflow-y: scroll;}
div#module13 .odd, div#module13 .even {background:#4184d5;}

div#module10 .moduleTop, div#module14 .moduleTop {background:url(http://creative.myspacecdn.com/de/advertising/bebe/skin/rightroundcorner.png) right no-repeat;}
div#module10 .moduleTop div, div#module14 .moduleTop div {background:url(http://creative.myspacecdn.com/de/advertising/bebe/skin/leftroundcorner.png) no-repeat;}
div#module10 .moduleTop div div, div#module14 .moduleTop div div {background:url(http://creative.myspacecdn.com/de/advertising/bebe/skin/rightroundcorner.png) no-repeat;}
div#module10 .moduleBottom, div#module14 .moduleBottom {background:url(http://creative.myspacecdn.com/de/advertising/bebe/skin/rightroundcorner1.png) right no-repeat;}
div#module10 .moduleBottom div, div#module14 .moduleBottom div {background:url(http://creative.myspacecdn.com/de/advertising/bebe/skin/leftroundcorner1.png) no-repeat;}
div#module10 .moduleBottom div div, div#module14 .moduleBottom div div {background:url(http://creative.myspacecdn.com/de/advertising/bebe/skin/rightroundcorner1.png) no-repeat;}