Skip to content

Instantly share code, notes, and snippets.

@corpix
Forked from varya/dabblet.css
Created January 14, 2013 17:41
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save corpix/4531806 to your computer and use it in GitHub Desktop.
Save corpix/4531806 to your computer and use it in GitHub Desktop.
— цвет внешних ссылок #f70;
/*
— цвет внешних ссылок #f70;
— ссылка в новом окне должна
после себя содержать utf символ
без подчеркивания
— ссылки на сервисы google должны быть цвета #666
— http://clck.ru/d/DCx9h3cu142dJ
*/
a {
font: 20px/25px Arial;
}
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;
}
<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>
{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment