利用者:JuthaDDA/newVector/widenTables.css

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

多くの Windows や Linux のブラウザ

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

Mac における Safari

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

Mac における Chrome や Firefox

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

/**
 * This CSS is expected to be imported from
 * [[:w:ja:User:JuthaDDA/newVector/widenTables.js]].
 *
 * @author [[:w:ja:User:JuthaDDA]]
 * @license CC-BY-SA 3.0
 */
:root {
	--clientWidth: 100vw;
}

.skin-vector--table-widened .mw-page-container,
.skin-vector--table-widened .mw-workspace-container {
	max-width: none;
}

.skin-vector--table-widened .mw-workspace-container .mw-article-toolbar-container {
	margin-inline: auto;
}

.skin-vector--table-widened .wikitable:not( .floatright ):not( .floatleft ):not( .wikitable--floating ) {
	width: -webkit-max-content;
	width: max-content;
	-webkit-transform: translateX( min( (100% - 60rem) / -2, 0px ) );
	transform: translateX( min( (100% - 60rem) / -2, 0px ) );
}

@media screen and ( min-width: 1000px ) {
	.skin-vector--table-widened .wikitable:not( .floatright ):not( .floatleft ):not( .wikitable--floating ) {
		max-width: calc( var( --clientWidth ) - 78px );
	}
}

@media screen and ( max-width: 999px ) {
	.skin-vector--table-widened .wikitable:not( .floatright ):not( .floatleft ):not( .wikitable--floating ) {
		max-width: calc( var( --clientWidth ) - 48px );
	}
}

.skin-vector--table-widened .wikitable:not( .floatright ):not( .floatleft ):not( .wikitable--floating ).wikitable--full-width {
	/* stylelint-disable-next-line declaration-no-important */
	width: -webkit-max-content !important;
	width: max-content !important;
	min-width: 100%;
}

@media screen and ( min-width: 1000px ) {
	.skin-vector--table-widened .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-content-container,
	.skin-vector--table-widened .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container {
		margin-left: max( 11rem, ( var( --clientWidth ) - 71rem - 78px ) / 2 + 11rem );
	}
}

@media screen and ( max-width: 999px ) and ( min-width: 720px ) {
	.skin-vector--table-widened .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-content-container,
	.skin-vector--table-widened .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container {
		margin-left: max( 11rem, ( var( --clientWidth ) - 71rem - 48px ) / 2 + 11rem );
	}
}

@media screen and ( min-width: 1000px ) {
	.skin-vector--table-widened .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .wikitable:not( .floatright ):not( .floatleft ):not( .wikitable--floating ) {
		max-width: calc( var( --clientWidth ) - 78px - 11rem );
	}
}

@media screen and ( max-width: 999px ) {
	.skin-vector--table-widened .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .wikitable:not( .floatright ):not( .floatleft ):not( .wikitable--floating ) {
		max-width: calc( var( --clientWidth ) - 48px - 11rem );
	}
}