Oblivion Scheme

<style>
* {
    margin: 0;
    padding: 0;
}

div {
    float: left;
    width: 100px;
    height: 75px;
    margin: 10px;
    text-align: center;
}

#wrapper {
    float: none;
    width: 360px;
    margin: 0 auto;
}

#butter1 { background-color:  #fce94f }
#butter2 { background-color:  #edd400 }
#butter3 { background-color:  #c4a000 }

#chameleon1 { background-color:  #8ae234 }
#chameleon2 { background-color:  #73d216 }
#chameleon3 { background-color:  #4e9a06 }

#orange1 { background-color:  #fcaf3e }
#orange2 { background-color:  #f57900 }
#orange3 { background-color:  #ce5c00 }

#skyblue1 { background-color:  #729fcf }
#skyblue2 { background-color:  #3465a4 }
#skyblue3 { background-color:  #204a87 }

#plum1 { background-color:  #ad7fa8 }
#plum2 { background-color:  #75507b }
#plum3 { background-color:  #5c3566 }

#chocolate1 { background-color:  #e9b96e }
#chocolate2 { background-color:  #c17d11 }
#chocolate3 { background-color:  #8f5902 }

#scarletred1 { background-color:  #ef2929 }
#scarletred2 { background-color:  #cc0000 }
#scarletred3 { background-color:  #a40000 }

#aluminium1 { background-color:  #eeeeec }
#aluminium2 { background-color:  #d3d7cf }
#aluminium3 { background-color:  #babdb6 }
#aluminium4 { background-color:  #888a85 }
#aluminium5 { background-color:  #555753 }
#aluminium6 { background-color:  #2e3436 }
</style>

<div id="butter1"></div>
<div id="butter2"></div>
<div id="butter3"></div>
<div id="chameleon1"></div>
<div id="chameleon2"></div>
<div id="chameleon3"></div>
<div id="orange1"></div>
<div id="orange2"></div>
<div id="orange3"></div>
<div id="skyblue1"></div>
<div id="skyblue2"></div>
<div id="skyblue3"></div>
<div id="plum1"></div>
<div id="plum2"></div>
<div id="plum3"></div>
<div id="chocolate1"></div>
<div id="chocolate2"></div>
<div id="chocolate3"></div>
<div id="scarletred1"></div>
<div id="scarletred2"></div>
<div id="scarletred3"></div>
<div id="aluminium1"></div>
<div id="aluminium2"></div>
<div id="aluminium3"></div>
<div id="aluminium4"></div>
<div id="aluminium5"></div>
<div id="aluminium6"></div>

1 thought on “Oblivion Scheme”

  1. Just saw this and immediately thought “oh hell yeah!” Figured i’d add this to my snippely for future use. ^_^

Leave a Reply