SoundCry list mod

Some ideas for SoundCry.com

by lun471k

HTML

<select id="nav_to_genre" class="fancy floatright">
    <option selected="selected">Pick a genre...</option>
    <optgroup label="Metal">
        <option value="alternative metal">alternative metal</option>
        <option value="atmospheric black metal">atmospheric black metal</option>
        <option value="avantgarde metal">avantgarde metal</option>
        <option value="black metal">black metal</option>
        <option value="brutal death metal">brutal death metal</option>
        <option value="christian metal">christian metal</option>
        <option value="dark black metal">dark black metal</option>
        <option value="death metal">death metal</option>
        <option value="doom metal">doom metal</option>
        <option value="folk metal">folk metal</option>
        <option value="funk metal">funk metal</option>
        <option value="glam metal">glam metal</option>
        <option value="gothic metal">gothic metal</option>
        <option value="gothic symphonic metal">gothic symphonic metal</option>
        <option value="groove metal">groove metal</option>
        <option value="industrial metal">industrial metal</option>
        <option value="j-metal">j-metal</option>
        <option value="jazz metal">jazz metal</option>
        <option value="latin metal">latin metal</option>
        <option value="melodic death metal">melodic death metal</option>
        <option value="melodic metalcore">melodic metalcore</option>
        <option value="melodic progressive metal">melodic progressive metal</option>
        <option value="metal">metal</option>
        <option value="metalcore">metalcore</option>
        <option value="more melodic death metal">more melodic death metal</option>
        <option value="more thrash metal">more thrash metal</option>
        <option value="neo classical metal">neo classical metal</option>
        <option value="neo-trad metal">neo-trad metal</option>
        <option value="nu metal">nu metal</option>
        <option...

CSS

option:nth-child(odd) {
    background-color:#EEE;
}
optgroup {
    font-weight:bold;
    background-color:#BBB;
}

#credits {
    font-family:arial;
}
img {
    width:100px;
}

JavaScript

/*window.onload = function(){*/
/* var nav_to_genre = document.querySelector('#nav_to_genre');
    var options = document.querySelectorAll('#nav_to_genre option');
    for(var i=0; i<options.length; i++)
    {
        if (i%2 == 0)
            options[i].style.backgroundColor = "#CCC";
    }*/
/*}*/