Как сделать чтобы при opacity непроразрачность накладывалась только на изображение?

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

.ptr span {
      display:inline-block;
      position:absolute;
      color:white;
      font-size:20px;
}

А дальше уже остальное

.ptr span[type="Bottom and Right"] {
      bottom:0px;
      right:0px;
    }
.ptr span[type="Top and Right"] {
      top:0px;
      right:0px;
    }
/* и тд */

Как исправить закрытие модальных с мобильного?

Иван Вагнер, Ок)) Странно что не работает click.
Вот на чистой странчке с хрома на андроиде клик вызывается https://slootlite.ru/test.html

Как исправить закрытие модальных с мобильного?

Иван Вагнер, Слишком мало информации. Показать можешь? Либо скинуть страничку, у себя на серваке запущу. Может смогу разобраться ))

Как исправить закрытие модальных с мобильного?

Могу предположить, что у тебя по какой-то причине не определен $win
Попробуй повесить обработчик например так:

$(document).on('click', 'div.Close', function () {
        $(".LittleModal").remove();
});

если отработает, значит дело в нем. Если нет, то я бы проверил, вообще вызывается ли клик при повешенном на $win. Например алерт вывести. Если алерт покажется, значит класс LittleModal не определен на странице

Написать sql запрос, две таблицы, INNER JOIN?

Вариант с джоинами

select u.login, ifnull(one.count_one,0)negative  , ifnull(two.count_two,0) positive from users u
left join 
(
	select id_user1,count(id_user1) count_one from comments c where c.comment_type=0
	group by id_user1
) as one on one.id_user1=u.id
left join 
(
	select id_user1,count(id_user1) count_two from comments c where c.comment_type=1
	group by id_user1
) as two on two.id_user1=u.id