/*  CODE FOR FANDOM SCARVES
    ADAPTED FROM THE CODE FROM http://baelor.tumblr.com/scarves
    MODIFIED BY DOMINIC MICHELETTO
*/
 
 /* First, scarves are now worked as an unordered list. */
 ul.scarves, ul.scarves li {
    display: inline;
    margin: 0;
 }
 
 ul.scarves {
    list-style-image: none;
 }
 
 /*  Code for all scarves   */
 ul.scarves {
    position:fixed;
    left:50%;
    right:50%;
    margin-left:460px;
    margin-top:0px;
    z-index:999999;
}

ul.scarves li {
    width:25px;
    height:150px;
    position:fixed;
    margin-top:-100px;
    transition: all 1s, transform 1s;
    opacity: 0.4;
}

ul.scarves li:hover {
    margin-top:-65px;
    transition: all 1s, transform 1s;
    opacity: 1.00;
}

/*  Code for individual scarves  */
/*  Uses :nth-child() selector to select any number of scarves  */
ul.scarves li:nth-child(2) {
    margin-left: 25px;
}

ul.scarves li:nth-child(3) {
    margin-left: 50px;
}

ul.scarves li:nth-child(4) {
    margin-left: 75px;
}

ul.scarves li:nth-child(5) {
    margin-left: 100px;
}

ul.scarves li:nth-child(6) {
    margin-left: 125px;
}

ul.scarves li:nth-child(7) {
    margin-left: 150px;
}