Skin:Timeless/ru

Timeless отлично поддерживает адаптивный веб-дизайн и оптимизирована для множества значений ширины экрана - от узких экранов мобильных телефонов до широких мониторов.

Тема основана на Winter и является попыткой включить в тему предложения по обсуждению этого деревенского насоса 2015 года.

Возможности
В отличие от минималистичной темы оформления , которая является темой оформления по умолчанию для мобильных устройств, Timeless включает в себя функциональность темы, сфокусированной на настольных устройствах, такой как, темы для настольных устройств по умолчанию, и всех размеров экрана.

Кроме того, Timeless предлагает отличный и удобный ярлык для списка вклада пользователей в верхней панели, рядом с кнопками “” и “”.

Главная цель — это создание полнофункциональной темы, которая подчёркивает как контент, так и инструменты редактирования, обладает несколькими режимами, такими как полная фокусировка на контент (winter) или переключение на тёмную тему.

В отличие от MobileFrontend/Minerva, Timeless не изменяет принудительно стиль таблиц для мобильных разрешений, а вместо этого ожидает и поощряет пользователей делать таблицы и шаблоны адаптивными, оптимизированными для их конкретного использования.

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

Будущая цель — создать полнофункциональный скин, который:


 * 1) акцентирует внимание как на содержании, так и на инструментах редактирования,
 * 2) с несколькими режимами просмотра для показа всего, фокусируясь только на содержимом (зима), или
 * 3) переключение в режим темного/ночного просмотра.

Детали адаптивного дизайна сайта
Этот раздел основан на конфигурации по умолчанию.

≥1340 пикселей
На смоделированной ширине экрана 1340 пикселей сайт виден в трёх колонках. Некоторые разделы навигации по сайту находятся слева от области содержимого (например, "", ""), а некоторые — справа ("", "", "", " ", "").

Начиная с ширины смоделированного окна просмотра браузера около 1900 пикселей, ширина центрального столбца с содержимым фиксируется на уровне 1261 пикселя, в то время как в более ранних скинах ' и ' она может неограниченно расширяться с шириной экрана.

С помощью этого скина можно добиться неограниченной ширины содержимого, используя этот фрагмент кода CSS.

С помощью этого кода CSS пользователи могут дополнительно отображать разделы навигации из третьего (правого) столбца в первом (левом) столбце, как это уже было сделано при ширине браузера от 1339 до 1100 пикселей.

от 1339 до 1100 пикселей
Сайт виден в две колонки. Разделы навигации по сайту в правой части области содержимого перемещаются в левую часть под существующими разделами.

Менее 1100 пикселей
Сайт виден на одной колонке. Область содержимого заполняет все пространство экрана. Категории отображаются внизу страницы, также, как и в и.

Разделы навигации по сайту свернуты в верхнюю панель навигации с текстовыми метками и в настоящее время отображаются и скрываются с помощью JavaScript, а не в чистом виде CSS, как это реализовано в с использованием.

Менее 851 пикселя
При разрешении менее 851 пикселя Timeless адаптируется к экранам мобильных телефонов.

Текстовые метки на элементах навигации над областью содержимого (например, "", "", "", "", "") не отображаются для экономии места по горизонтали; вместо обоих отображаются только значки.

Разделы навигации по сайту свернуты в верхнюю панель навигации с подписями к значкам.

Фрагменты CSS
Эти фрагменты кода можно использовать для настройки внешнего вида скина, вставив их в MediaWiki:Timeless.css в качестве администратора MediaWiki, в своё собственное пользовательское пространство CSS в качестве обычного пользователя или в пользовательский скин расширения браузера в качестве посетителя.

Неопределенная ширина контента
Что касается критики ограниченной ширины контента, то при использовании этого фрагмента кода CSS ширина центрального столбца (контента) и синяя средняя линия цветной полосы над ним расширяются с шириной экрана.

Одностороннее навигационное меню
Используя этот фрагмент кода, элементы правого меню навигации будут по-прежнему отображаться в левом столбце (ниже  ), как и при ширине браузера от 1100 до 1330 пикселей даже за пределами 1340 пикселей ширины браузера для пользователей, предпочитающих одностороннее навигационное меню, известное из скинов ' и '.

Код также работает в сочетании с кодом неограниченной ширины контента, указанным выше.

Modernized fonts in top bar
The following CSS code adds a set of modern font types (including fallback fonts) to the currently unformatted fonts of the user name and top-bar navigation menus displayed between 852 and 1100 pixels of browser width.

Highlight section title upon navigation
This CSS code snippet highlights the last section header upon navigation to facilitate returning to it when scrolling through a long document.

Legacy patches
Users and remote interface administrators of older MediaWiki installations with an early and lesser mature version of this skin can retrofit these patches of code to counter shortcomings in appearance in the mean time:

Настройка
Следующее поддерживается только в MediaWiki 1.34+


 * (string, default 'cat.svg')
 * Set it as you would  to an appropriate background image. Recommendation is an svg set to 500-750px wide: svg for HiDPI support; the size can really be whatever, but where that will result in a similar behind-content look as with the default cat.
 * For a background to potentially also work unmodified with other background-colour themes if and when they are later implemented, a transparent single-colour image is recommended, with 20-50% opacity black/white, where the alpha values of the b/w parts are likewise around 10-50/255, as this should allow it to work on most anything that isn't pure white/black.
 * Examples (which actually don't follow the above recommendation and thus probably won't work on dark backgrounds): Timeless backdrop (wiktionary).svg and Timeless backdrop (metawiki).svg


 * (null|string|array, default null)
 * Special logo rendering, allowing for custom logos for Timeless specifically (such as a square logo version without the wordmark in order to avoid duplication with the header). Also provides slightly better HiDPI support than using $wgLogoHD, as that only works for 135x135px logos, and scales all high-res logos down to this size.
 * Can be used to point Timeless at a File uploaded onwiki (remember to protect the file if using this) simply by providing the file name, or you can specify the logo path details manually using an array.
 * To reuse a $wgLogo and $wgLogoHD already set for a nominally 160x160px logo, but where the HD versions also come out the right size:
 * To use File:Cows.svg uploaded onwiki:
 * Note that uploaded logos work best as svgs or as 2x- or higher-sized rasters, and will be scaled down for each target resolution. Obviously this approach requires file uploads and thumbnailing to be enabled.
 * Recommended nominal sizes probably around 135px to 165px.
 * Note that uploaded logos work best as svgs or as 2x- or higher-sized rasters, and will be scaled down for each target resolution. Obviously this approach requires file uploads and thumbnailing to be enabled.
 * Recommended nominal sizes probably around 135px to 165px.


 * (null|string|array, default null)
 * To use an image instead of the default Linux Libertine serif text for the header banner wordmark. Same usage approach as $wgTimelessLogo.
 * So the English Wikipedia might use Wikipedia wordmark.svg, like so:
 * Or specify an array of each resolution version, plus the dimensions, per above (more likely with them, frankly).
 * If not using an uploaded file onwiki, specifying the dimensions is required.
 * Recommended nominal size up to 200px wide by 38px tall.
 * Recommended nominal size up to 200px wide by 38px tall.

Note that Timeless supports wordmark and HiDPI logos set in, so just using that is recommended if you have no particular reason not to. In particular the site title rendering may or may not require a wordmark image to render correctly, as the styles for the text title are basically just guesses that will not always work. Other options to make the wordmark render correctly include:


 * Setting some custom css in the wiki's, such as no-wrap or a different font-size value
 * Setting a different display string via changing the contents of the  message