Кирилл Грачёв

$('.search').click(function () {
		$('.search-field').stop().slideToggle();
		$('.search-field input[type=text]').focus();
	});

А в этой статье описано как с помощью костылей победить отступы в inline-block

www.colorcombos.com/combotester.html

Натыкалась на сервис который из фотографии делает палитру цветов, которые можно использовать в дизайне, но забыла его название.

У Adobe Kuler есть такой функционал

Например с помощью этого плагина

Список интересов редактируется без проблем, а "Расскажите о себе:" недоступен из-за Read only

Вот готовое решение с комментариями

Вернитесь на 4pda.ru/forum и пользуйтесь поиском

Smarter Battery

jsfiddle.net/yquweh29

У вас блок right находиться аккурат под блоком top.
Изменить позиционирование у right на absolute и добавьте

top: 0px;
right: 0;

либо располагайте div class="top" под дивами right и left Таким образом

<div class="left"></div>
<div class="right"></div>
<div class="top"></div>

Не совсем то что вы ищете, но мб стоит взглянуть на уже готовые решения?
One Page Scroll или fullPage.js

Судя по этой статье на хабре плагин находится в закрытом тестировании.

Как-то так jsfiddle.net/smb9gk0a