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

Заказывай стафф с атрибутикой Mozilla и... пусть все вокруг завидуют тебе! Быть уникальным - быть с Mozilla!

№109-05-2017 10:42:20

Revan
Участник
 
Группа: Members
Зарегистрирован: 25-02-2014
Сообщений: 81
UA: Firefox 51.0

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

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

http://s018.radikal.ru/i504/1705/1c/92558d267fdat.jpg

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

Отсутствует

 

№209-05-2017 18:48:26

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 95
UA: Firefox 53.0

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

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

Выделить код

Код:

@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 не пользуюсь, потому не исключаю, что где-то вылезут баги.

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2011 Mozilla Russia
Язык отображения форума: [Русский] [English]