利用者:Wint7/vector-2022.css

お知らせ: 保存した後、ブラウザのキャッシュをクリアしてページを再読み込みする必要があります。

多くの Windows や Linux のブラウザ

Ctrl を押しながら F5 を押す。

Mac における Safari

⇧ Shift を押しながら、更新ボタンをクリックする。

Mac における Chrome や Firefox

⌘ Cmd と ⇧ Shift を押しながら R を押す。

/* vector 2022 */
:root
{
	--main-width: 24cm;
	--read-width: 16cm;
	--side-width: 0cm;
	--max-width: 36cm;
}

body > .mw-page-container,
body > .mw-page-container > .mw-page-container-inner,
body > .mw-page-container > .mw-page-container-inner > header.mw-header,
body > .mw-page-container > .mw-page-container-inner > .mw-workspace-container,
#mw-navigation,
.ve-ui-mwSaveDialog-preview
{
	max-inline-size: var(--max-width);
}

.mw-content-container,
#siteNotice,
#content > nav > .mw-article-toolbar-container
{
	max-inline-size: var(--main-width);
	margin-inline-start: var(--side-width);
}

main,
#content
{
	margin-inline-start: 0;
}

#bodyContent
{
	font-size: 1rem;
}

#p-search,
#mw-content-text > .mw-parser-output,
#mw-content-text > .mw-parser-output > .nomobile,
#mw-content-text > .mw-parser-output > #mf-section-0
{
	max-inline-size: var(--main-width);
	margin-inline: unset;
}

#p-search
{
	margin-inline-start: 1cm;
}

#mw-content-text > .mw-parser-output > *,
#mw-content-text > .mw-parser-output > #mf-section-0 > *,
#mw-content-text > .mw-parser-output > .nomobile > *
{
	max-inline-size: var(--read-width);
}

/* link: back to the old */
#vector-main-menu > .vector-main-menu-action.vector-main-menu-action-opt-out > .vector-main-menu-action-item > .vector-main-menu-action-content.vector-menu-content > a > span
{
	visibility: hidden;
	display: none;
}

#mw-content-text > .mw-parser-output > table.wikitable,
#mw-content-text > .mw-parser-output > .documentation-container,
#mw-content-text > .mw-parser-output pre,
#mw-content-text > .mw-parser-output > section.mw-templatedata-doc-wrap
{
	inline-size: clamp(400px, 20cm, 90vw);
	inline-size: fit-content;
	max-inline-size: max-content;
	margin: 1em;
}

pre,
blockquote
{
	overflow: unset;
	inline-size: fit-content;
}

/* revision diff page */
#mw-content-text table.diff
{
	inline-size: fit-content;
	max-inline-size: max-content;
}

/* script pages */
#mw-content-text > .mw-parser-output > .mw-highlight.mw-highlight-lang-lua.mw-content-ltr.mw-highlight-lines > pre
{
	min-inline-size: 40em;
}

/* language selector */
body > .grid.uls-menu.uls-wide,
#search,
body > .grid.uls-menu.uls-wide > .row.uls-search,
body > .grid.uls-menu.uls-wide > .row.uls-language-list.uls-lcd,
#uls-settings-block
{
	min-width: unset;
}

body > .grid.uls-menu.uls-wide > .row.uls-language-list.uls-lcd ul.three.columns
{
	width: unset;
	float: unset;
	padding: unset;
}

#search
{
	min-inline-size: 7cm;
}

/* TOC */
#mw-panel-toc,
body > .mw-page-container > .mw-page-container-inner > nav
{
	margin-inline-start: 1cm;
}

#vector-toc {}

/* avoid layout shift of ULS */
body > .uls-menu > #search + .uls-language-list
{
	margin-block-start: 44px;
}