A jQuery plugin that switches between multiple header designs as you scroll, so you always have a header that looks great with the content below it. Create your fixed nav (or header) as you typically would. Create your fixed nav (or header) as you typically would. You can use whatever markup suits you, just make sure the header works well with position:fixed. After that, take any sections of your page that need a different nav and add data-midnight="your-class" to it, where .your-class...