А как можно реализовать проигрывание gif анимации на сайте по клику мышки. Как например на фишках или пикабу

Всем привет! Я новенький, прошу сильно не пинать)
Как в шаблоне Start Kit v.1.0.3 сделать так, чтобы опубликованные картинки открывались кликом в отдельном окне?

При клике по любой ссылке или кнопке появляются точки вокруг элемента, а также меняется цвет и подчеркивание.
В хроме этого нет, а вот в старой Опере, Мозилле и немного в IE есть. А если еще и элемент, который не открывает новую страницу, а остается на текущей, типа обновить комментарии, то элемент в точках так и останется пока не кликнешь в другое место.
Как я понимаю все дело в стилях bootstrap, но как это нормально убрать я не представляю.
Если, например, написать в своем стиле:

a:focus {
	outline-style: none;
}

То еще куда не шло, но что делать с color и text-decoration не знаю, так как нужно сохранять состояние элемента такое же до клика, то есть если он был подчеркнутым, то оставить подчеркивание, а если был не подчеркнут, то оставить его неподчеркнутым. И также сохранить цвет. Как это прописать?