利用者:JuthaDDA/test.css

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

多くの Windows や Linux のブラウザ

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

Mac における Safari

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

Mac における Chrome や Firefox

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

.mw-page-container,
.mw-workspace-container,
.mw-content-container {
	max-width: none;
}
.mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-content-container {
  margin-left: 11rem;
}

.mw-workspace-container .mw-article-toolbar-container {
	margin-inline: auto;
}
@media screen and (min-width: 1000px) {
  .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container {
    margin-left: max(11rem, calc( calc(100% - 71rem - 60px) / 2 + 11rem ) );
  }
}
/* 1000pxをブレークポイントとして、.mw-page-container の padding が変わる。*/
@media screen and (max-width: 999px) and (min-width: 720px) {
	.mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-article-toolbar-container {
    margin-left: max(11rem, calc( calc(100% - 71rem - 30px) / 2 + 11rem ));
  }
}
/* 720px 未満は、サイドバーが .mwhead（ツールバー） の上に移動する。