Может быть, кому-то как и мне не совсем нравится цветовая гамма этого сайта - темный текст на темном же фоне, его напряжно читать.

Может быть, это дело привычки, но RED подсказал в личке одно интересное решение - плагин Stylish.

Для Chrome или Firefox

Ставим, заходим в настройки и создаем новый стиль. Назвать можно как угодно.

В поле для кода вписываем следующее:

body {
background: none repeat scroll 0 0 #fafafa;
color: #333;
font-family: Tahoma,Arial,Verdana;
font-size: 11px;
min-width: 965px;
}

a {
color: #6DA3BD;
outline: medium none;
text-decoration: underline;
}

#title {
background: none repeat scroll 0 0 #f0f0f0;
overflow: hidden;
padding: 12px 25px 20px 28px;
position: relative;
}

div.highlight {
background: none repeat scroll 0 0 #ccc;
border-radius: 3px 3px 3px 3px;
margin-bottom: 6px;
padding: 3px 7px 5px;
position: relative;
}

#inblogs tr.highlight {
background: none repeat scroll 0 0 #ccc;
}

#inblogs td.author {
border-left: 2px solid #ccc;
border-right: 2px solid #ccc;
}

#inblogs.highlight.replies {
background: url("/img/db/rounding.gif") repeat-y scroll 100% 0 #ccc;
}

#menu {
background: none repeat scroll 0 0 #FAFAFA;
height: 60px;
min-width: 860px;
overflow: hidden;
padding: 9px 25px 0;
}

#blogList.blogBar {
background: none no-repeat scroll 0 0 #CCCCCC;
border-radius: 3px 3px 3px 3px;
clear: both;
font-size: 11px;
margin: 0 0 27px;
overflow: hidden;
padding: 5px 0;
position: relative;
}

#top {
background-attachment:initial;
background-clip:initial;
background-image:none;
background-color:#fafafa;
background-origin:initial;
background-position:initial initial;
background-repeat:initial initial;
font-size:12px;
min-width:860px;
position:fixed;
width:100%;
z-index:99;
}

.rounded {
background-color:#fafafa;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
border-top-left-radius:3px;
border-top-right-radius:3px;
}

#teaser {
background-attachment:initial;
background-clip:initial;
background-color:#000000;
background-image:initial;
background-origin:initial;
background-position:initial initial;
background-repeat:initial initial;
overflow-x:hidden;
overflow-y:hidden;
padding-bottom:6px;
padding-left:0;
padding-right:0;
padding-top:0;
text-align:center;
white-space:nowrap;
height:95px;
}

#footer {
background-attachment:initial;
background-clip:initial;
background-color:#fafafa;
background-image:initial;
background-origin:initial;
background-position:initial initial;
background-repeat:initial initial;
font-size:12px;
min-width:965px;
padding-bottom:22px;
padding-left:0;
padding-right:0;
padding-top:0;
}

#teaser a img {
border: 0 none;
margin-top: -25px;
}

#tagCloud a {
color:#AAAAAA;
text-decoration:none;
}

Очень важно добавить опцию:

URLs on domain: urban3p.ru

Если это не сделать, шрифты на других сайты будут искажены.

По настройкам должно получиться примерно как у меня:




Для чего вся это морока, спрсите вы.

В результате, на мой взгляд, сайт становится более читаемым, освобождается полезная площадь. Опять же дело привычки. Получается примерно так:

Главная



Я знаю, что много косяков, свободного времени было ровно на чашку кофе, за ней и собрал то, что есть.

Докидывайте кусочки светлого стиля в комментарии, как видите вы, вместе соберем что-то хорошее.


Блоги



Отчет