Scarves
One Piece













Doctor Who








Sherlock


Fringe



























Harry Potter




Game of Thrones













Fullmetal Alchemist




Bleach
















Fairy Tail









Marvel










DC















The Hunger Games

One Direction






The Legend of Zelda

















Kingdom Hearts























My Little Pony









Naruto

Pokemon




Tiger & Bunny


Avatar / The Legend of Korra






















Adventure Time




















The Lord of the Rings













Bands
30 Seconds To Mars, AC/DC, All Time Low, Asking Alexandria, At The Drive-In, Avenged Sevenfold, The Beatles, Black Flag, The Black Keys, Blink 182, Bon Iver, Brand New, Bright Eyes, Cher Lloyd, Coheed & Cambria, Daft Punk, David Bowie, The Dear Hunter, Ed Sheeran, Fall Out Boy



















Foo Fighters, Florence + The Machine, fun., Glassjaw, Green Day, Green Day, Gorillaz, Incubus, Interpol, Jessie J, Kasabian, Keane, The Killers, Kings of Leon, Lady Gaga, Led Zeppelin, Linkin Park, Maroon 5, Marianas Trench



















Mayday Parade, MGMT, MGMT, Minor Threat, Muse, Muse, My Chemical Romance, Nine Inch Nails, Nirvana, Of Mice & Men, One Direction, Owl City, Panic! At The Disco, Paramore, Pink Floyd, The Pretty Reckless, Queen, Radiohead, Red Hot Chili Peppers



















Rise Against, The Rolling Stones, Rush, Say Anything, Sigur Ros, Sigur Ros, Sleeping With Sirens, Smashing Pumpkins, The Strokes, Thrice, Thrice, Thursday, Tool, Underoath, The Wanted, The Who, Within Temptation, Wu-Tang Clan, You Me at Six



















Code
<style>
scarves{
height:250;
position:fixed;
left:50%;
right:50%;
margin-left:280px;
margin-top:0;
float: right;
}
scarf1{
width:25px;
height:150px;
position:fixed;
margin-top:-100px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:0.4;
}
scarf1:hover{
margin-top:-65px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:1.00;
}
scarf2{
width:25px;
height:150px;
position:fixed;
margin-left:55px;
margin-top:-100px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:0.4;
}
scarf2:hover{
margin-top:-65px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:1.00;
}
scarf3{
width:25px;
height:150px;
position:fixed;
margin-left:110px;
margin-top:-100px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:0.4;
}
scarf3:hover{
margin-top:-65px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:1.00;
}
scarf4{
width:25px;
height:150px;
position:fixed;
margin-left:165px;
margin-top:-100px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:0.4;
}
scarf4:hover{
margin-top:-65px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:1.00;
}
</body>
<scarves>
<scarf1><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url1"></a></scarf1>
<scarf2><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url2"></a></scarf2>
<scarf3><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url3"></a></scarf3>
<scarf4><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url4"></a></scarf4>
</scarves>
scarves{
height:250;
position:fixed;
left:50%;
right:50%;
margin-left:280px;
margin-top:0;
float: right;
}
scarf1{
width:25px;
height:150px;
position:fixed;
margin-top:-100px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:0.4;
}
scarf1:hover{
margin-top:-65px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:1.00;
}
scarf2{
width:25px;
height:150px;
position:fixed;
margin-left:55px;
margin-top:-100px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:0.4;
}
scarf2:hover{
margin-top:-65px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:1.00;
}
scarf3{
width:25px;
height:150px;
position:fixed;
margin-left:110px;
margin-top:-100px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:0.4;
}
scarf3:hover{
margin-top:-65px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:1.00;
}
scarf4{
width:25px;
height:150px;
position:fixed;
margin-left:165px;
margin-top:-100px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:0.4;
}
scarf4:hover{
margin-top:-65px;
transition: all 1s, transform 1s;
-moz-transition: all 1s, -moz-transform 1s;
-webkit-transition: all 1s, -webkit-transform 1s;
-o-transition: all 1s, -o-transform 1s;
opacity:1.00;
}
</body>
<scarves>
<scarf1><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url1"></a></scarf1>
<scarf2><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url2"></a></scarf2>
<scarf3><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url3"></a></scarf3>
<scarf4><a href="http://asongofwaterearthfireandair.tumblr.com/scarves"><img src="http://url4"></a></scarf4>
</scarves>