Стили для сайта

Revan · №1

Помогите написать стиль для сайта Steam, чтобы оптимизировать верстку под широкоформатные дисплеи.
Сейчас страницы любых игр на 16:9 крайне неудобно читать - информационный блок располагается по центру и занимает по ширине страницы 50% места, а всё остальное - пустота.
Даже на 5:4 мониторе остаются пустые полосы слева и справа.
К примеру, страница произвольной игры.

Отредактировано Revan (09-05-2017 10:52:44)

Acid Crash · №2

Привествую.
Начать можно вот с такого.

Выделить код

Код:

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("steampowered.com") {
  body.v6 .page_content, body.v6 #footer .footer_content, .queue_ctn {width: 75%;}
  .apphub_HomeHeaderContent, .help_login_nag, .help_wizard_button {max-width: 100%;}
  #search_result_container{max-width: 100%;}
  .notice_box_content {width: calc(100% - 31px);}
  div.leftcol {width: calc(100% - 324px);}
  .review_box .rightcol {width: calc(100% - 215px);}
  div.leftcol.large {width: calc(100% - 252px);}
  div.leftcol.small {width: calc(100% - 480px);}
  .contenthub_page div.leftcol.sub{width: calc(100% - 326px);}
  .newsmaincol{width: calc(100% - 268px);}
}

P.S. Сам Steam не пользуюсь, потому не исключаю, что где-то вылезут баги.

dreamkz · №3

Иногда тут на форуме я не вижу вставленные изображения. Вот, например, в этой теме SeaMonkey и Google. Автор дал скриншот от хостинга картинок fastpic.ru, а я его не вижу.

скрытый текст

Но я увидел это только через [chrome]

. Найдя картинку через инспектор [firefox]

, обнаружил, что он у меня в скрытых элементах!

скрытый текст

Выделить код

Код:

<img class="postimg" src="http://i97.fastpic.ru/big/2018/1118/38/4fbb28a6bb1dd9a5ea233d91331ac438.jpg" 
alt="http://i97.fastpic.ru/big/2018/1118/38/4fbb28a6bb1dd9a5ea233d91331ac438.jpg" 
style="display: none !important;" hidden="">

Не подскажите каким образом этот элемент или стиль оказались в скрытых. У меня ничего подобного нет в стилях. Отключал расширения, подгружал страницу без кэша и всё равно элемент сидит в скрытых. Что это может быть ещё? :dumb:

dreamkz · №4

Вот ещё один случай: https://forum.mozilla-russia.org/viewto … 66#p763966. Написали комментарий со скриншотом, а я его не вижу. Вижу только пустой спойлер. И что странно, одни хостинги картинок открываются без проблем, а другие всегда блокируются. Значит это где-то прописано на уровне правил. Вот только бы понять где :dumb:

upd: Вопрос решился uMatrix

Отредактировано dreamkz (15-12-2018 15:30:04)

Полезная информация

№109-05-2017 10:42:20