Михаил Горячкин

Как-то так:

<video autoplay poster="test.jpg" id="vidos">
    <source src="test.mp4" type="video/mp4">
</video>

#vidos {
    position: fixed; 
    right: 0;
    bottom: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto; 
    height: auto; 
    z-index: -1;
    background:  url(test.jpg) no-repeat;
    background-size: cover;
}

Если вы именно у одного блока хотите задать двойной фон то так:

.wrapper {
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, green 50%, red 50%);
}

У вас ошибка возникает, потому-что какое-то изображение не смогло подгрузиться. В файле queryLoader замените код ф-и createPreloading на:

createPreloading: function() {
		QueryLoader.preloader = $("<div></div>").appendTo(QueryLoader.selectorPreload);
		$(QueryLoader.preloader).css({
			height: 	"0px",
			width:		"0px",
			overflow:	"hidden"
		});
		
		var length = QueryLoader.items.length; 
		QueryLoader.doneStatus = length;
		
		for (var i = 0; i < length; i++) {
			var imgLoad = $("<img></img>");
			$(imgLoad).attr("src", QueryLoader.items[i]);
			$(imgLoad).unbind("load");
			$(imgLoad).bind("load", function() {
				QueryLoader.imgCallback();
			});
			$(imgLoad).bind("error", function () {
				console.warn(this.src + ' картинка не найдена!');
				QueryLoader.imgCallback();
			});
			$(imgLoad).appendTo($(QueryLoader.preloader));
		}
	}

Если для создании карты вы использовали google maps или yandex maps, то у обоих этих сервисов есть отличное api. С помощью него вы можете сделать любой маркер для указания места и он будет вести себя как стандартный.

Да можно, для этого ваше расширение должно прописывать ваш скрипт на страницу. Для этого в файл манифеста необходимо добавить опцию content_scripts. Выглядит это примерно так:

"content_scripts": [{
    "matches":["http://vk.com/*"], 
    "css":["css/style.css"],
    "js":["js/base.js"]
}]

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

Так и быть я сделал вам пример, но уж простите я не стал воспроизводить ваш css, ибо глаза слезятся. Пример сменяет фон блока, картинки вставите сами.
Пример

.inform_line {
    background-color: red;
    height: 8px;
    margin-bottom: 10px;
    margin-left: 215px;
  }

Другими словами добавьте ей отступ слева.

button, 
button:active, 
button:focus {
    outline: none;
}

Ну тут есть два варианта, первый это выводить в окне контент для всех вкладок каждый в своем блоке и открывать изначально только первый. Тогда код будет примерно таким:

<ul class="menu">
      <li><a href="#tab1" data-toggle="modal" data-target="#myModal">О Компании</a></li>
       <li><a href="#tab2" data-toggle="modal" data-target="#myModal">Доставка и оплата</a></li>
       <li><a href="#tab3" data-toggle="modal" data-target="#myModal">Наши гарантии</a></li>
</ul>
<div class="modal-body">
        <div id="tab1" class="tab__content">Tab1</div>   
        <div id="tab2" class="tab__content">Tab2</div>   
        <div id="tab3" class="tab__content">Tab3</div>   
</div>

JS:

$(document).ready(function () {
    var allBlocks = $('.tab__content');
    $(document).on('click', '.menu a', function () {
        var el = $(this), id = el.attr('href');
        allBlocks.css('display', 'none'); 
        $('.modal-body').find(id).css('display', 'block');
        return false;
    });
});

Либо второй вариант, когда контент для каждого таба будет запрашиваться по средствам ajax запроса. Тогда вам будет нужен только один блок для вывода результата. Будет что-то вроде того:

<ul class="menu">
      <li><a href="#tab1" data-toggle="modal" data-target="#myModal">О Компании</a></li>
       <li><a href="#tab2" data-toggle="modal" data-target="#myModal">Доставка и оплата</a></li>
       <li><a href="#tab3" data-toggle="modal" data-target="#myModal">Наши гарантии</a></li>
</ul>
<div class="modal-body">
        <div id="tab-content">По дефолту контент первого таба</div>   
</div>

JS:

$(document).ready(function () {
    var target = $('#tab-content');
    $(document).on('click', '.menu a', function () {
        var el = $(this), id = el.attr('href');
        //тут либо get либо post
       $.post('url', {'tabid': id}, function (response) {
           target.html(response);
       });        
       return false;
    });
});

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

HTML:

<div class="wrapper">
  <div class="circle">
      <i></i>
  </div>
  <div class="circle">
      <i></i>
  </div>
  <div class="circle">
      <i></i>
  </div>
</div>

CSS:

body, html {
  width: 100%;
  height: 100%;
}

.wrapper {
  width: 100%;
  text-align: justify;
  background-color: #000;
  
  &:after {
    content: "";
    display: inline-block;
    width: 100%;
  }
  
  .circle {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    height: 100%;
    
    i {
      display: block;
      background-color: yellow;
      width: 100%;
      padding-bottom: 100%;
      border-radius: 50%;
    }
  }
}

Пример

Вы можете только сгладить его при помощи анимации, сделать скролл страницы плавным. Убогий вариант этого будет выглядеть примерно так:

var latestKnownScrollY = $('html').scrollTop() || $('body').scrollTop();
$(window).on("scroll", function () {
    latestKnownScrollY = $('html').scrollTop() || $('body').scrollTop();
});
$(window).on("mousewheel DOMMouseScroll", function(event) {
    var scrollTo,
          scrollDistance  = 400,
          delta;
    if (event.type == 'mousewheel') {
          delta = event.originalEvent.wheelDelta / 120;
    } else if (event.type == 'DOMMouseScroll') {
          delta = - event.originalEvent.detail / 3;
    }
    scrollTo = latestKnownScrollY - delta * scrollDistance;
    if (scrollTo) {
        event.preventDefault(); 
        event.stopPropagation(); 
        $('body,html').stop().animate( { 
            scrollTop : scrollTo
         } , 500);
     }  
} );

А так для реализации этого эффекта есть масса плагинов. Так же помните что в последних версиях Firefox плавный скрол включен на уровне браузера, и эмулировать его не надо.

Вот по быстрому накидал:
HTML:
<div class="wrapper"></div>
CSS:

body,html {
  width: 100%;
  height: 100%;
}

.wrapper {
  width: 100%;
  height: 100%;
  transition: background 1s;
  background: none;
}

JS:

(function (w, d) {
	w.onload = function () {
		var wp = d.querySelector('.wrapper'),
        colors = ['yellow', 'red', 'green', 'blue'],
        ln = colors.length;
    
    var changeColor = function (i) {
      if (i < ln) {
        setTimeout(function () {
          wp.style.cssText = "background: " + colors[i] +";"; 
          i++;
          changeColor(i);
        }, 2000);
      } else {
        changeColor(0);
      }
    };
    
    changeColor(0);
  };
}(window, document));

Это на чистом js, его легко можно заменить на jQuery.
Рабочий пример.

Можно попробовать сделать при помощи трансформаций.
Вот по быстрому пример набросал:

<div class="treangle">
  <div class="treangle--left"></div>
  <div class="treangle--right"></div>
</div>

CSS:

body, html {
  height: 100%;
  width: 100%;
}
.treangle {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000;
  overflow: hidden;
  
  [class*='treangle--'] {
    width: 100%;
    height: 50%;
    position: absolute;
    background-color: yellow;
  }
  
  .treangle--left {
    float: left;
    left: -50%;
    transform: rotate(20deg);
    transform: matrix(-1, -0.2, 0, 1, 0, 0);
  }
  
  .treangle--right {
    float: right;
    right: -50%;
    transform: rotate(-20deg);
    transform: matrix(1, -0.2, 0, 1, 0, 0);
  }
}

Все будет ресайзиться как надо. Вопрос только в поддержке браузеров.

Рабочий пример.