Как стать автором
Обновить
12
0
Иван @bano-notit

Freelancer

Отправить сообщение

К сожалению размер картинок из css не узнать, горячие клавиши не назначить...

А моё имхо очень часто распространяется на достаточно большой круг людей и очень часто оказывается правдивым)

Я тоже сейчас сижу обновляю постоянно… Что-то не обновляется действительно. Ну я закинул, может он долго в бд обновляет… Не знаю.
Если очень хотите, то могу вам выдать исходники текущей версии, но они не читаемые)

-_-
Хм. В русском сегменте интернета все пишут одной скобочкой… Из этого можно сделать вывод, что Вы работаете с иностранцами и пишите им на английском, либо Вы мало общаетесь с русскими)

А вообще у хабра странные способы стилизации) У них на посты компаний отдельно, на посты переводы отдельно, на обычные посты отдельно...

Лого тёмное… Потому что я со вчера ничего не обновлял в стиле. А сейчас могу выложить последнюю свою версию и пойду делать уже по готовому дизайну.

Можно ли ссылку на этот поток или хаб, или от куда вы это вообще взяли?

Есть вопрос. В комментариях разным цветом "заголовка" комментария выделаются автор и комментарии написанные, например, мной. Нет ли идей как это дело выделять? + комментарии "ожидающие модерации".

А у меня наоборот… Глаза болят от светлых тем. Потому что обычно работаю и читаю ночью.

Потому что влом писать нормальные)

Ну вроде как письменность начиналась с картинок. Вот и возвращается обратно. Всё правильно. Цикличность как никак.

  • Есть на просторах инета такой инвертор как Deluminate. И кто-то его даже упомянул.
    Но я качаю под разные сайты тёмные темы и говорю этому плагину, чтобы именно этот сайт он оставил в покое. В общем-то достаточно простая в настройке вещь

В-общем, сделал я под это дело css, но он неокончательный. Можете попробовать. Но завтра я может уже не смогу написать...

И так. Я сделал тот кусок, который предоставил автор темы. Ещё постарался привести другие куски хабра к этому стилю сам, но я не дизайнер. Прошу сделать статью поподробнее, не об одном разделе хабра, а желательно по всему интерфейсу.


Вот тот css, который я смог скопировать для удобства и навоять сам
.tab-item_stacked {
    height: 50px !important;
    padding: 5px;
}
body.nl .layout__navbar {
    color: #fff;
    height: 53px;
    border-color: #000;
}
.icon-svg_geektimes, .icon-svg_habrahabr, body.nl .logo {
    color: #fff
}
.column-wrapper_list {
    margin-top: 0;
}
.tabs {
    margin-bottom: 0;
}
.menu_sub, .active .menu__item-tab, a.tab-item_current, a.tab-item:hover, .tabs__menu, .menu__item-tab:hover, .promo-block__footer {
    background: #707070;
    color: #fff;
}
.menu__item-tab {
    color: #b5b5b6;
}
.tab-item, .content-list_posts .content-list__item, .checkbox__label {
    background: #434343;
    color: #b5b5b6;
    border-color: #707070;
}
.tab-item_current .tab-item__value {
    color: #fff;
}
.menu_sub .menu__item-link, .sidebar-block__footer a {
    color: #b5b5b5;
}
.menu_sub .menu__item-link_current {
    color: #fff;
}
.layout__elevator:hover {
    background: #707070 !important;
}
.nav-links__item-link {
    height: 40px;
    line-height: 40px;
    color: #b5b5b5
}
.nav-links__item-link_current, .nav-links__item-link_current:hover {
    color: #fff
}
body.nl .layout__navbar .main-navbar {
    height: 53px;
}
.btn_navbar_write-topic, .btn_navbar_write-topic:visited {
    color: #fff;
    border-color: #fff;
    background: #393939;
}
.btn_navbar_write-topic:hover.btn_focus, .btn_navbar_write-topic:hover:focus {
    color: #393939;
    background: #fff;
}
.btn_navbar_write-topic:hover {
    background-color: #4d5052;
    border-color: #fff;
}
body.nl .layout {
    background: #4d5052;
}
body.nl .layout__base {
    max-width: 1050px !important;
    border-left: 1px solid #707070;
    border-right: 1px solid #707070;
}
.top-hubs__item-title, .top-hubs__item-title:visited, .top-hubs__item-title:hover, .top-hubs__item-title:visited:hover {
    color: #5ec2ff;
}
.sidebar-block {
    background: #434343;
    border-color: #707070;
}
.sidebar-block__title, .sidebar-block__content, .sidebar-block__footer, .similar-posts__title, .similar-posts__flow-link, .similar-posts__flow-link:hover, .similar-posts__flow, .live-broadcast__title, .post .poll .poll_title, .post .poll table.result tr td strong, .html_format h1, .html_format h2, .html_format h3, .html_format h4, .html_format h5, .html_format h6, .promo-block, .promo-block__service, .promo-block__header, .promo-block__title-link, .content-list_promo .content-list__item, .promo-block__footer, .live-broadcast__content {
    color: #fff;
    border-color: #707070;
}
.promo-block {
    border-left: 0;
    border-right: 0;
}
.top-users.top-user_rating tr td.userinfo .username .bar {
    background: #393939;
}
.top-users.top-user_rating tr td.userinfo .username a {
    color: #fff;
}
.postinfo-panel, .buttons a.button, .posts_list, .tabs-menu_habrahabr {
    background: #393939;
    color: #cdcdcd;
    border-color: #707070;
}
.tabs-menu_habrahabr {
    background: #707070;
}
.page-nav {
    margin: 0 15px 0 15px;
    background: #393939;
}
.company_post {
    color: #cdcdcd;
}
.posts_list, .company_post {
    padding: 20px 0;
}
.posts .post {
    margin: 0 15px 20px 15px;
}
.post__title, .post__title_link {
    color: #cdcdcd;
}
.post .hubs a.subscribed {
    color: #ab8bba;
}
.post .content a:visited:not(.habracut) {
    color: #f3f;
}
.post-author__link, .post-author__name, .post-author__link:hover, a, a:hover, a.user_link, .content-list__item-link, .content-list__item-link:hover, .author-info__nickname, .content-list_promo .content-list__item-link, .content-list_feed .content-list__item-link, .content-list_feed .content-list__item-link:hover:not(:visited),.top-flows__item>a:visited {
    color: #5ec2ff;
}
 .buttons a.button:hover {
    background: #cfcfcf;
    color: #393939
}
.postinfo-panel, .voting-wjt.voting-wjt_infopanel, .postinfo-panel__item_comments .post-comments {
    border-color: #4c4f50
}
.btn_flow-toggle {
    color: #fff
}
.html_format code {
    color: #d55;
}
.html_format, .task__aside, .attrs__item, .promo-block__footer-link, .promo-block__footer-link:hover {
    color: #cdcdcd;
}
.promo-block__see-all {
    color: #00ce00;
}
.promo-block__see-all:hover {
    color: #00ce00;
    text-decoration: underline;
}
.similar-posts, .author-info, .live-broadcast.live-broadcast_habrahabr, .live-broadcast {
    background-color: #434343;
}
.author-info__name, .author-info__name:hover {
    color: #8b8b8b;
}
/******************************************
    минус реклама...
******************************************/

.xyz_wrapper.is_visible, body > div.layout > div.layout__base > div.column-wrapper.js-sticky-wrapper > div.sidebar_right.js-sidebar_right > div.xyz_wrapper.is_visible, body > div.layout > div.layout__base > div.column-wrapper.js-sticky-wrapper > div.sidebar_right.js-sidebar_right > div.wrapper-sticky, body > div.layout > div.layout__base > div:nth-child(2) > div.sidebar_right > div.xyz_wrapper.is_visible, body > div.layout > div.layout__base > div.content_wrapper.column-wrapper_content > div.column-wrapper.js-sticky-wrapper > div.sidebar_right.sidebar_content-area.sticky_init > div.wrapper-sticky > div {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
.post img {
    opacity: .1;
    transition: opacity .25s ease-in;
}
img:hover {
    opacity: 1;
}

А вот видео с моим css.

Интересно получается… Все аськовые сообщения датированы 2005-ым годом, и упоминается 10 sql сервер, а он вышел под версией 10.0 «SQL Server 2008 Katmai» и вышел, как гласит название, в 2008. В общем, прошу исправить этот исторический недочёт. Ещё можно придраться к некоторым несогласованностям и опечаткам, но зачем?)

На самом деле спасибо за эту вещь. Очень интересно у Вас получается рассказы эти. Или это новелла. Не разбираюсь я в литературе конечно)
Но спасибо.
И да, когда уже откроют личность этого всезнающего мара?
Жлёмс продолжения этой вещи!

Можно другим способом, который будет поддерживаться последними браузерами и не будет вспышек таких мощьных при ховере)


Вот код
img {
    opacity: .1;
    transition: all 1s ease-out;
}

img:hover {
    opacity: 1;
}
Волосатая штука в лого действительно как-то по-домашнему выглядела…
И действительно. Всё же мне кажется что можно было считать именно по людям. То есть, в каждом проекте несколько языков. Тот который больше, на том и написан проект. У человека много проектов, если большее количество по предыдущему правилу написаны на плюсах, то считать, что человек пишет больше всего на плюсах. И уже считать количество людей. Мне кажется, что так будет интересней и более точно. НО! Так теряется объективность за год, и мы не узнаем какой язык именно в этом году более интенсивно используется и так мы получается ещё считаем некропользователей.
На сколько мне известно, WarThunder именно так и сделал. И там модели не застывают, а двигаются, просто иногда могут назад телепортироваться при лагах)

Информация

В рейтинге
Не участвует
Зарегистрирован
Активность