Тема: Новости ВКонтакте Начался переход на новый дизайн
Показать сообщение отдельно
mSnus
14.06.2016
 
Мимо проходил, заглянул)
О пользователе
 
Сообщений: 3
ВкоптоКарма: 1

Google Chrome 51.0.2704.84 (Win7)

[#28]
По умолчанию

Скругленные аватары ещё требуют вокруг себя много пустого места, квадратные можно делать компактнее. Поэтому где надо было - убрал скругление.

Ещё переделал диалоги, наконец-то, и поставил Tahom-у - боже, наконец-то я не ломаю глаза об этот кошмарный Open Sans и не ищу непрочитанные по 10 раз!

Пока не получилось только сделать картинки во всю ширину ленты, но скоро справлюсь

обновил CSS

/* убираем скругление аватарок */
.post_img, .reply_img, .wall_module .reply_img, .page_list_module .cell_img,
.page_list_module .thumb {
border-radius: 2px;
}

/* ширина постов */
._post_content {
width: 590px;
}

.feed_row {
width: 590px;
}

.wall_module .reply_content {
width: 500px;
}

.wall_module .reply~.reply .dld, .wall_module .reply~.reply .reply_wrap {
width: 550px;
}

/* уведомления */

.top_notify_cont.feed_row {
width: 460px;
}

.feedback_content {
width: 390px;
}

/* Делаем центральную колонку шире, правую уже */
#main_feed, .wide_column {
width: 600px;
}

.narrow_column_wrap {
width: 190px;
}

.narrow_column {
width: 190px;
margin-right: 4px;
}

/* картинки тоже шире*/
.page_post_sized_thumbs {
width: 570px !important;
}
/*
page_post_sized_thumbs.clear_fix > a.page_post_thumb_wrap.image_cover.page_post_thumb _last_column.page_post_thumb_last_row.fl_l {
width: auto !important;
}

.page_post_thumb_wrap.image_cover.page_post_thumb_ last_column.page_post_thumb_last_row,
div > div.post_content > div > div.wall_text > div > a{
width: 100% !important;
}

*/

/*
._wall_post_cont.page_post_thumb_wrap.image_cover. page_post_thumb_last_column.page_post_thumb_last_r ow.fl_l {
width: 88px !important;
}
*/


/* убираем тени и скругления вокруг каджого поста */
._post .post .page_block {
border-radius: 0px;
box-shadow: none;
margin: 0px;
border-bottom: solid 1px gray;
}

.page_block {
background: #fff;
border-radius: 0px;
box-shadow: none;
}

.wall_module .post_header {
padding: 10px;
background: #f1f2f4;
margin-bottom: 2px;
}

.wall_module .wall_text {
padding: 8px 10px 10px;
}

.post_full_like_wrap {
padding: 10px 0 11px;
margin: 0 10px;
}

/* репосты-цитаты в ленте новостей*/
.wall_module .copy_quote {
border-left: none;
padding-left: 0px;
margin: 5px 0 0;
}

/* текст постов */
.wall_post_text {
line-height: 18px;
}

/* авторы постов */
.post_author .author, .wall_module .author, .wall_module .copy_author {
font-weight: 400;
color: #2e3946;
}

/* время и даты постов */
.post_date, .post_date .post_link, .post_date .wall_text_name_explain_promoted_post {
color: #6b6f73;
}
.post_date {
font-size: 11px;
}

/* фон страницы*/
body {
background: #d1dade;
font-family: Tahoma, sans-serif;
-webkit-font-smoothing: antialiased;
}


/* цвет ссылок в левом меню*/
#l_nwsf > a > span > span.left_label.inl_bl {
color: #345b8a;
}

/* Шрифт ссылок like, comment, repost */

.post_full_like, .reply_link_wrap {
font-size: 11px;
}



/* блок друзей в профиле*/

.module_body .people_cell {
float: left;
width: 60px;
}

.module_body .people_cell_img {
border-radius: 0px;
}

.module_body {
padding: 0px 0px 0px;
font-size: 11px;
}

.people_module .people_row {
width: 180px;
}

.page_photo {
padding: 4px;
}

.page_block {
margin: 4px 0 0;
}

.module_body .people_cell_ava {
height: 50px;
width: 50px;
margin: 0 5px;
padding-bottom: 0px;
}

/* полезные ссылки в профиле*/

.page_list_module .line_cell .desc_info, .page_list_module .line_cell .extra_info, .page_list_module .line_cell .info {
width: 130px;
overflow: hidden;
word-wrap: break-word;
padding: 0px 0px 0 5px;
}

.page_list_module .cell_img{
width: 30px;
margin-left: 6px;
}

/* верхушка */
#page_header_cont .back {
background: #1f466f;
}

/* диалоги */

.nim-dialog .nim-dialog--preview {
color: #000000;
}

.nim-peer .nim-peer--photo-w {
border-radius: 0px;
}

.nim-dialog.nim-dialog_classic {
padding-left: 6px;
}


.nim-dialog.nim-dialog_classic .nim-dialog--content {
margin-left: 59px;
}

.nim-dialog.nim-dialog_classic .nim-dialog--photo {
padding-right: 4px;
}

.nim-dialog_unread, .nim-dialog_unread-out {
background-color: #e2ebf1;
}

span.nim-dialog--who {
font-size: 8px;
text-transform: uppercase;
background-color: #f5f7fa;
}

.online:after {
bottom: 6%;
right: 5%;
border: 1px solid #fff;
height: 6px;
width: 6px;
}

.online:after {
background-color: #6bce47;
border-radius: 0px;
}

/* счетчик сообщений слева */

.left_count_wrap {
background: #ffffff;
}


Оффлайн