Thursday, November 3, 2011
CSS in CSS
Another code story! But this time it's actually music lyrics. I decided to envision what the song "Music is My Hot Hot Sex" by the band CSS (Cansei der Ser Sexy) might look like in CSS.
Here's my interpretation:
The original lyrics for the portion I've converted above, for your reference, is here:
Here's my interpretation:
@charset "utf-8";
body #drugs .music {
font-weight: bolder; !important
}
body #junks .music {
font-weight: bolder; !important
}
body #boys .music {
font-weight: bolder; !important
}
body #ladies .music {
font-weight: bolder; !important
}
.music {
background:url(boyfriend.jpg);
}
.music {
background:url(girlfriend.jpg);
}
.music {
background:url(deadEnd.jpg);
}
.music {
background:url(imaginaryFriend.jpg);
}
.music {
background:url(brother.jpg);
}
.music {
background:url(greatGranddaughter.jpg);
}
.music {
background:url(sister.jpg);
}
.music {
background:url(favoriteMistress.jpg);
}
table #shit .music {
display:block;
background-color:#FF0000;
font-weight:bold;
}
table #jobs .music {
display:block;
background-color:#FF0000;
font-weight:bold;
}
table #drinks .music {
display:block;
background-color:#FF0000;
font-weight:bold;
}
table #bitches .music {
display:block;
background-color:#FF0000;
font-weight:bold;
}
.music {
background:url(beachHouse.jpg);
}
.music {
background:url(homeTown.jpg);
}
.music {
background:url(kingsizeBed.jpg);
}
.music {
background:url(meetMyFriends.jpg);
}
.music {
background:url(hotHotBath.jpg);
}
.music {
background:url(hothotSex.jpg);
}
.music {
background:url(backRub.jpg);
}
.music a:link {
font-weight: bold;
text-decoration: blink; !important
}
body #drugs .music {
font-weight: bolder; !important
}
body #junks .music {
font-weight: bolder; !important
}
body #boys .music {
font-weight: bolder; !important
}
body #ladies .music {
font-weight: bolder; !important
}
.music {
background:url(boyfriend.jpg);
}
.music {
background:url(girlfriend.jpg);
}
.music {
background:url(deadEnd.jpg);
}
.music {
background:url(imaginaryFriend.jpg);
}
.music {
background:url(brother.jpg);
}
.music {
background:url(greatGranddaughter.jpg);
}
.music {
background:url(sister.jpg);
}
.music {
background:url(favoriteMistress.jpg);
}
table #shit .music {
display:block;
background-color:#FF0000;
font-weight:bold;
}
table #jobs .music {
display:block;
background-color:#FF0000;
font-weight:bold;
}
table #drinks .music {
display:block;
background-color:#FF0000;
font-weight:bold;
}
table #bitches .music {
display:block;
background-color:#FF0000;
font-weight:bold;
}
.music {
background:url(beachHouse.jpg);
}
.music {
background:url(homeTown.jpg);
}
.music {
background:url(kingsizeBed.jpg);
}
.music {
background:url(meetMyFriends.jpg);
}
.music {
background:url(hotHotBath.jpg);
}
.music {
background:url(hothotSex.jpg);
}
.music {
background:url(backRub.jpg);
}
.music a:link {
font-weight: bold;
text-decoration: blink; !important
}
The original lyrics for the portion I've converted above, for your reference, is here:
From all the drugs the one i like more is music
From all the
junks the one i need more is music
From all the boys the
one i take home is music
From all the ladies the one i kiss
is music .. muach!
Music is my boyfriend
Music is my girlfriend
Music is my dead end
Music’s my imaginary friend
Music is my brother
Music is my great-grand-daughter
Music is my sister
Music is my favorite mistress
From all the shit the one I gotta buy is music
From all the jobs the one i choose is music
From all the drinks i get drunk off music
From all the bitches the one I wannabe is music
Music is my beach house
Music is my hometown
Music is my king size bed
Music’s where I meet my friends
Music is my hot hot bath
Music is my hot hot sex
Music is my back rub
My music is where I’d like you to touch
Labels: addChildsPlay, code story, css
