Алексей Зуев

По элементу можно получить его форму, используя свойство element.form.
Ваш пример

jsfiddle.net/yurzui/o10a7nwh/

ul:after {
    content: "";
    display: inline-block;
    width: 100%;
}

Последняя строка не попадает в поле зрения justify, так как он работает только для целиком заполненных строк, а в последней строке пробелы всегда остаются своего обычного размера.

Гуглить не пробовали?

@media screen and (-webkit-min-device-pixel-ratio:0) {

не закрыт

yurzui/du3mxw6y/2/

Примерно такой адаптивный вариант могу предложить

<div class="row">
    <div class="small-6 medium-4 large-4 columns">
        1
    </div>
    <div class="small-6 medium-4 medium-push-4 large-4 large-push-4 columns">
        3
    </div>
    <div class="small-12 medium-4 medium-pull-4 large-4 large-pull-4 columns">
        2
    </div> 
</div>

На large и medium должен быть порядок 1,2,3, на small будет 1,3 и внизу на всю ширину 2.
Посмотреть

Push - сдвигаем вправо (используем left: сдвиг), pull - сдвигаем влево (используем right: сдвиг)

Там массив codepen.io/anon/pen/meboXM
Последний выбранный можно так получить

var selectedItems = [];

$('select').on('change', function(){
  var curValue = $(this).val();
  for(var i=0; i < curValue.length; i++) { 
    if(selectedItems.indexOf(curValue[i]) < 0) {
      alert(curValue[i]);
    }
  }
  
  selectedItems = curValue;
});

Варианты:
transform: skew с изображением-background jsfiddle.net/yurzui/bLLhwwvq
transform: skew с инлайн img jsfiddle.net/yurzui/23khe2kz
transform: rotate с инлайн img jsfiddle.net/yurzui/z47ugwLh/
svg с инлайн img jsfiddle.net/yurzui/z47ugwLh

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

$(document).on('click', '.lt-xbutton-icons', function(){
  alert('Клик по LiveTex элементу!');
});

function AddQuest()
{
  var param1 = $('#title').val(),
    param2 = $('#description').val(),
    checkedRadio = $('input[name=radio]:checked'),
    param3 = checkedRadio.val(),
    param4 = checkedRadio.siblings('#cash').val(),
    param5 = checkedRadio.siblings('#sticker').val();
    ...
}

Id должен быть уникальным на странице, лучше классы используйте или дата-атрибуты

Можно вот такой вариант посмотреть

Во-первых, если задаете вопрос и ждете ответ, то можете его задать корректно?
Хотя бы проверить, отображается ли правильно картинка, прикрепленная к вопросу.

Во-вторых, уберите отсюда br и будет уже ближе к одному уровню.

<!--BEGIN Search Box -->
	<div class="virtuemart_search">
		<br>
		<input name="keyword" class="inputbox" type="text" size="20" value="шуманет"/>

jsfiddle.net/yurzui/v5ajtvd5
На скрипт не обращайте внимания - он о другом.
Вся суть в css и в частности в псевдоэлементе before.

Почитать

Порядок поменяйте. У вас в случае ширины 600 все условия подходят, поэтому последний и затирает предыдущие

Добавить клик не получается, потому что вы не прописали обработчик событию клик.

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

Как вариант можно так сделать

Можно примерно так.

<div onclick="location.replace('http://yandex.ru');">
    <div onclick="location.replace('https://toster.ru');event.stopPropagation();">
    </div>
</div>

Пример