Contacts CSS (WIP)

This time I was hunting "Contacts" mockup by Bart. It reminded me part of my old interface work – http://krigh.deviantart.com/art/Interface-thePlayer-v-black-157795254 – and I thought it will be nice warm-up.

Tested in latest Safari, FIrefox, Opera and Chrome. Not tested on mobile/tablets yet.

==== Demo ==== You can check progress so far here: http://bit.ly/UpVSqn

==== Things to improve ==== - Some elements aren't 100% accurate - still working on it. - Add subtile textures just like in original - Add avatars and styling to lists - Fix height of panell to some value and add scrolling inside lists - Enable class change on click for lists headers. I suppose initial idea was that blue is used for selected item. - Same for bottom tab bar - enable selection - ...wrap all the things on top of tab bar in another div and make cool transition for content swap.

==== References ==== Animation at start was made with use of awesome Animate.css library by Dan Eden, which can be found here: http://daneden.me/animate/