SexyMonkey

Используйте css, вам здесь скрипты не нужны:

.quadmenu-item {
    background-color: #000;
    
    -webkit-transition: background-color 0ms linear;
    transition: background-color 0ms linear;
    -webkit-transition-delay: 5s;
    transition-delay: 5s;
}

.quadmenu-item:hover {
    background-color: #f00;

    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

Ширина body: 1187px

А если у другого человека другое значение? Т.е. не если, а просто другое.

Если вам нужен фиксированный контейнер 1040px, то так и надо его задавать. Зачем проценты, если он фиксированный?

Если ширина контейнера все таки резиновая и зависит от ширины окна и, к примеру, вам нужны отступы по 5% с каждой стороны, то ширина контейнера будет 90%.

доходите до такого этапа

- выбираете директорию, которая должна быть корневая для проекта
- нажимаете кнопку Project Root
- выбираете директории, которые надо исключить
- нажимаете кнопку Excluded from Download

то, что зеленым - будет загружено с сервера

Bd - Bold (700)
Cn - Condensed (Сжатый)
Blk - Black (900)
Lt - Light (300)
Th - Thin (100)
It - Italic
UltLt - UltraLight (200)

ну и так далее.

еще можно два раза кликнуть и в окне просмотра шрифта глянуть его полное название

Так все input с одинаковым name будут принимать значение измененного:

$(document).on('focusout', 'input', function(){
  var name = $(this).attr('name');
  var value = $(this).val();

  $('input[name=' + name + ']').val(value);
});

Демо.

Используйте https://mozilla.github.io/nunjucks/ и компилируйте все, очень удобно выносить повторные фрагменты, типа хедера, футера и тд.

Можно запускать как просто в коносли, так и в таск-раннерах, например, если используете галп, существует https://www.npmjs.com/package/gulp-nunjucks

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

Скорее всего обычный "Единый пиксель" от вк.