base определяет пути для атрибутов href и src на самой странице. К вашему файлу css в частности. А вот внутри самого файла пути определяются уже относительно корня сайта (вариант 1) или его самого (вариант 2). Короче говоря, для первого варианта надо было бы указывать что-то вроде /sites/EtotSite/temlates/protostar/images/background.png, а для второго — класть папку images в папку css.url(../images/background.png)
<div id="wrap">
<canvas class="output"></canvas>
<canvas class="output"></canvas>
<canvas class="output"></canvas>
<canvas class="output"></canvas>
</div>var img = document.getElementById('input');
var c = document.getElementsByClassName('output');
c = Array.prototype.slice.call(c);
c.forEach(function (c) {
var ctx = c.getContext('2d');
c.width = img.width;
c.height = img.height;
var tic, sine, sineNormalized,
start = Date.now();
var params = {
AMP: 20,
FREQ: 0.03,
SPEED: 4,
VERTICAL: true
};
function update() {
tic = (Date.now() - start) * 0.001;
}
function render() {
ctx.clearRect(0, 0, c.width, c.height);
for(var i = 0; i < img.height; i++) {
if(params.VERTICAL) {
var ofs = params.AMP * (0.5 + (Math.sin(tic * params.SPEED + (i * params.FREQ)) * 0.5));
ctx.drawImage(img,
0, i, img.width, 1,
0, i - (ofs * 0.5), img.width, 1 + ofs);
} else {
var ofs = params.AMP * Math.sin(tic * params.SPEED + (i * params.FREQ));
ctx.drawImage(img,
0, i, img.width, 1,
0 + ofs, i, img.width, 1);
}
}
}
function loop() {
requestAnimationFrame(loop);
update();
render();
}
$('nav input').on('input change', function() {
var t = $(this).attr('data-param');
if(t == 'VERTICAL') {
params.VERTICAL = $(this).is(':checked');
} else {
params[t] = $(this).val();
}
});
loop();
});../img/banner.png и почитайте про абсолютные и относительные пути. Если коротко, сейчас вы указали, что браузер должен искать папку img и в ней banner.png в той же директории, в которой находится сам css файл. А ../ указывает, что надо вернуться на один уровень вверх и искать папку img там.
container и классы container-*, в отличие от класса container-fluid, имеют фиксированную ширину. В вашем случае, на примере medium, эта таблица показывает, что при ширине экрана устройства или окна браузера равной или больше 768px, ширина основного блока сетки сайта (контейнера) будет 720px. И если, к примеру, сайт смотрят на устройстве с экраном 800px, то по краям останется по 40px свободного места.
.frames{
width: 1050px;
height: 316px;
margin: 50px auto 0 auto;
justify-content: space-between;
display: flex;
}<meta name="viewport" content="width=device-width, initial-scale=1">@media only screen and (min-width: 480px) {
#___gcse_0 input[type="text"] {
padding: 7px !important;
}
}В июне 2012 года этот паблик запустил блогер и сетевой художник Александр Доброкотов. Если коротко, в нем ничего не происходит. Доброкотов просто каждый день вручную выкладывает одну и ту же фотографию президента России, сохраняет ее на компьютер и на следующий день выкладывает снова. С каждым днем снимок, взятый с официального сайта Кремля, немного теряет в качестве из-за алгоритмов сжатия изображений.