Skip to content

Instantly share code, notes, and snippets.

@corpix
Forked from tyv/dabblet.css
Created January 14, 2013 16:31
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/4531317 to your computer and use it in GitHub Desktop.
Save corpix/4531317 to your computer and use it in GitHub Desktop.
— цвет внешних ссылок #f70;
/*
— цвет внешних ссылок #f70;
— ссылка в новом окне должна
после себя содержать utf символ
без подчеркивания
— ссылки на сервисы google должны быть цвета #666
— http://clck.ru/d/DCx9h3cu142dJ
*/
a {
font: 20px/25px Arial;
position: relative;
height: 20px;
}
a:not([href^="/"]) {
color: #f70;
}
a[target="_blank"]:after {
position: absolute;
width: 20px;
height: 20px;
right: -20px;
bottom: 2px;
padding: 0px;
margin: 0px;
content: '\00A0\2911';
}
a[href*="google"] {
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