LINUX.ORG.RU

Тема «LorTangoChalk»


2

2

Белая тема для лора, на основе Tango.
Для установки необходим плагин Stylish в браузере.
Что бы установить, зайдите в свой профиль, выберете тему Tango, после чего, скопируйте CSS ниже, зайдите в «стилишь», создав новый стиль для домена www.linux.org.ru, в поле кода вставьте скопированный CSS, сохраните результат.
Скриншоты: 2 3 4 5

CSS:

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic&subset=latin,cyrillic,latin-ext);
html,body{background-color:#ffffff; font-family: 'PT Sans', sans-serif;}
body{color:#000000; font-family: 'PT Sans', sans-serif;}
a{color:#0066bd;}
a:hover{color:#bd0035;}
#loginGreating a{text-decoration: underline!important; color:#0066bd!important;}
#loginGreating a:hover{text-decoration: underline!important; color:#bd0035!important;}
#hd h1{color:#000000}

.userpic {float: left; width: 40px; text-align: center;}
.photo {width: 40px; height: 40px; border-radius: 0px;}
.message-w-userpic {padding-left: 60px;}


.photo:hover {width: 150px; height: 150px; border-radius: 0px;
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
box-shadow: 0 0 20px rgba(0,0,0,0.5);}

p {margin-bottom: 1em;}

#hd .menu a{color:#0066bd}
#hd .menu a:hover{color:#bd0035}

.code {background-color: #1e2227; border-radius: 0px; border: 0px dashed #ffffff; overflow: auto; font-size: 12px}

#bd h2 * {color:#0066bd}
#bd h2:hover * {color:#bd0035}

#bd .tags a{color:#8e4e89}
#bd .tags a:visited{color:#8e4e89}
#bd a.tag{color:#8e4e89}
#bd a.tag:visited{color:#8e4e89}

#bd .tags a:hover{color:#544e8e}
#bd .tags a:visited:hover{color:#544e8e}
#bd a.tag:hover{color:#544e8e}
#bd a.tag:visited:hover{color:#544e8e}

#bd .sign a{color:#0066bd; font-weight: bold;}
#bd .sign a:hover{color:#bd0035}
#bd .sign a:visited{color:#0066bd}
#bd .sign a:visited:hover{color:#bd0035}

.boxlet{background-color:#ffffff; border: dashed 0px #000000; border-radius: 0px;}
#bd .forum table thead{background-color:#fdd760;}
#bd .forum table thead a{color:#000000;}
#bd .forum table tbody td{border-color:#bbbbbb;}
#bd .forum table th{border-color:#555753;}
#bd .forum table tbody td a{color:#0066bd;text-decoration: underline;}
#bd .forum table tbody td a:hover{color:#bd0035;text-decoration: underline;}
#bd .forum table tbody td a:visited{color:#0066bd;text-decoration: underline;}
#bd .forum table tbody td a:visited:hover{color:#bd0035;text-decoration: underline;}

.messages .msg{background:#ffffff; border-top: solid 1px #ffffff; border-radius: 0px;}
.messages .msg:target { border: #bd0035 dashed 4px; border-radius: 0px; background: #ffffff;
-moz-box-shadow: 0 0 20px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
box-shadow: 0 0 20px rgba(0,0,0,0.5);}

#bd a:visited{color:#0066bd}
#bd a:visited:hover{color:#bd0035}

#sitetitle{color:#0066bd; text-decoration: underline;}
#sitetitle:hover{color:#bd0035; text-decoration: underline;}

#navPath a:visited{color:#0066bd}
#whois_userpic{background:#ffffff}
.infoblock{background-color:#ffffff; border: dashed 0px #000000; border-radius: 0px;}
#bd a.navLink:visited{color:#0066bd}
#bd a.navLink:visited:hover{color:#bd0035}
#bd .nav a:visited{color:#0066bd}
#bd .nav a:visited:hover{color:#bd0035}
fieldset{border:1px solid white;padding:5px}
fieldset legend{padding-left:5px;padding-right:5px;color:#babdb6}

#bd .forum table tbody tr:hover{background-color:#ffe98f}
.nav li a:hover{box-shadow:none;}

.page-number{background-color:#ffffff; border-radius: 0px; border: 0px solid #bbbbbb;}

.nav li a{border-radius: 0px; box-shadow: none; border-color:#ffffff;background-color:#ffffff;color:#0066bd}
.nav li a:hover{border-radius: 0px; box-shadow: none; border-color:#ffffff;background-color:#ffffff;color:#bd0035}
.nav li a.current{background-color:#ffffff;color:black!important}
#bd .nav li a:visited{color:#0066bd}
#bd .nav li a:visited:hover{color:#bd0035}
.message-table a.secondary{color:#000000!important}

.message-table .tag{background-color:#ffffff;color:#8e4e89;text-decoration: underline;}
.message-table .tag:hover{background-color:#ffffff;color:#544e8e;text-decoration: underline;}

#bd a.tag:visited{color:#8e4e89}

#bd .tags a:hover{color:#544e8e}

.msg h1 a{color:#0066bd}
.msg h1 a:hover{color:#bd0035;}

.fav-buttons .selected [class^="icon-"]{color:#c17d11}
.fav-buttons a{color:#babdb6}
.user-remark{color:#aaa}

>>> Просмотр (1440x900, 164 Kb)



Проверено: JB ()

Один вопрос, зачем это нужно?

kitar ★★★★★ ()
Ответ на: комментарий от kitar

Один вопрос, зачем это нужно?

Замучился глаза лупить в темной теме, а белая меня не устраивала, не устраивал большой размер аваторов, вот и решил сделать свой вариант.

makeB ()
Ответ на: комментарий от nirolov

Зачем влупил свои шрифты ?

Наверное потому что делал для себя, нет? :]

makeB ()
Ответ на: комментарий от nirolov

Но для других то зачем, если ты ее выложил ?

Кому не понравится — удалит, там всего-то пара строчек, причем вверху самом.

Вот что такое шрифты

А вот кстати мне наоборот, такие как вы привели не нравятся, во первых, взгляните на знаки препинания, убого отрисованны в этом шрифте, запятая и точка практически одинаковы, «кирпичные» буквы, короче техно-шрифт какой-то.

makeB ()
Ответ на: комментарий от makeB

На вкус и цвет :-) Я просто не люблю все эти размытия, глаза начинают уставать, проще взять medium шрифт. Начертания как раз классические, разве что цифры немного стилизованы под техно. Препинания, да как то не обращал даже внимания, и так устраивают, но можно и подправить, это полчаса всего то.

nirolov ()

Обновил цсс, теперь при наведении на юзерпик, он отображается в реальном большом размере.

makeB ()

Прошу администраторов добавить эту тему в переключалку внизу страницы, чтобы не устанавливать каких-либо левых дополнений.

Deleted ()

Молоток, в этом что-то есть. Поправь шрифты под надписью «Ваш статус: новый пользователь.» Подчёркивание сливается с надписями и буквы совсем тонкие;)

P.S.

В тёмное время суток слишком яркий белый будет резать по глазам.

glibych ★★ ()
Последнее исправление: glibych (всего исправлений: 1)

Хорошая тема, может быть, ее лучше интегрировать в движок, как tango-swamp?

cetjs2 ★★★★★ ()

css можно укоротить. на вскидку:

* {
  background-color: white !important;
  color: black !important;
}


oskar0609 ()
Последнее исправление: oskar0609 (всего исправлений: 1)

Как насчет убрать код под кат или вообще куда-нибудь на пастебин кинуть?

theNamelessOne ★★★★★ ()
Ответ на: комментарий от theNamelessOne

Как насчет убрать код под кат или вообще куда-нибудь на пастебин кинуть?

Гхм, мысль то хорошая, но я не могу править после проверки модератором. В общем дам ссылку, может модератор ( JB) заменит ею код.

makeB ()
Ответ на: комментарий от theNamelessOne

Как насчет убрать код под кат

зачем?

JB ★★★★★ ()
Ответ на: комментарий от JB

http://itmages.ru/image/view/849234/4f3440c7

добавить эту тему в переключалку внизу страницы

Не надо поддерживать костыли. Эту переключалку надо выпилить, дать автору по рукам и сделать нормальное переключение тем.

Kalashnikov ★★★ ()

Ужасный белый цвет.

cipher ★★★★★ ()

По первым скришотам хотел даже предложить сделать ее white3, но потом: страшная рамка вокруг комментария на (3), ублюдочные желтые выделения на (4) и стремный темный блок кода на (5).

staseg ★★★★★ ()

Нет ничего лучше классической синей темы в тонах Midnigt Commander.

toney ★★★★★ ()
Ответ на: комментарий от staseg

стремный темный блок кода на (5).

А у тебя есть решение, как его сделать светлым при том факте, что подсветка синтаксиса фактически в ярких, белых тонах, которая на светлом фоне попросту сольется?

makeB ()
Ответ на: комментарий от makeB

Посмотри, как в white2 сделано, прямо в этой теме подсветка css (используется серый цвет, немного темнее основного).

ЗЫ/кэп. По своему опыту могу сказать, что при разработке всяких цветовых схем всегда нужно избегать аляпистости, подбирать гармоничные цвета.

staseg ★★★★★ ()
Ответ на: комментарий от korvin_

«Используйте png и ваши шрифты станут мягкими и шелковистыми» © :-)

nirolov ()

а можно добавить на http://userstyles.org/ ? чтобы руками не прописывать, а сразу добавить в аддон. попытался сам добавить, но вылазит две ошибки.

mkv1313 ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.