Как сделать, чтобы основной скролл переключался на всплывающее окно?

Денис Букреев: Очевидно, добавлять padding

Почему не закрывается блок?

Александр Коновалов: Смотрите консоль, есть ошибки.

Почему не закрывается блок?

Александр Коновалов: Тогда запилите нормальное демо на codepen/jsfiddle, а не обрывок кода.

Как сделать выделение кнопки открытой страницы?

Александр Коновалов: Замените в CSS и JS [.navigation a] на [.header .top ul.menu li a]

Как сделать загрузку файлов при нажатии на картинку?

Михаил Макарычев: Добавил в ответ.

Какие еще есть блогеры вроде Sorax?

И да забыл, чтобы мой ответ не был совсем уж бесполезным, от Sorax'a еще есть курс по кофе для канала webtheory – https://www.youtube.com/playlist?list=PLwSSV-_L9sz...

Порог вхождения в Bootstrap?

Максим Малыхин: По разному бывает, в основном все свое.

Возможно ли реализовать подобное в Stylus?

Спасибо, Stylus прекрасен. Единственное, почему-то общие правила компилируются после первого селектора, а не перед всеми.

.home {
  width: 74px;
  height: 74px;
  background-position: -74px 0px;
}
.home,
.menu,
.logo {
  background: ....;
}
.menu {
  width: 74px;
  height: 74px;
  background-position: 0px 0px;
}
.logo {
  width: 52px;
  height: 52px;
  background-position: 0px -74px;
}