Список ссылок со стрелкой

dabblet.css

/* 
	Список ссылок со стрелкой
	— цвет внешних ссылок #f70;
	— ссылка в новом окне должна 
	  после себя содержать utf символ 
	  без подчеркивания
	— ссылки на сервисы google должны быть цвета #666	
	— http://clck.ru/d/DCx9h3cu142dJ
*/

a[href^="http"]
{
	color: #f70;
}

a[target="_blank"]
{
	position: relative;
	padding-right:7px;
}

a[target="_blank"]:after
{
	content: "\21F1";
	position: absolute;
	right: -16px;
	bottom: -8px;
	height: 20px;
	width: 20px;
	display: inline-block;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
}

a[href*="google.com"]
{
	color: #666;

}

dabblet.html

<div>
	<ul>
		<li><a href="/">Главная</a></li>
		<li><a href="/news">Новости</a></li>
		<li><a href="http://ya.ru">Яндекс</a></li>		
		<li><a href="https://mail.ya.ru">Яндекс.Почта</a></li>
		<li><a href="http://maps.yandex.ru" target="_blank">Яндекс.Почта</a></li>
		<li><a href="http://google.com">Google</a></li>				
		<li><a href="http://maps.google.com">Google Maps</a></li>				
		<li><a href="http://news.google.com">Google News</a></li>						
	</ul>
</div>

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}

Неправильно обрабатывается <a href="http.html"> и <a href="//example.com">