利用者:JuthaDDA/newVector/widenSourceEditor.css
表示
お知らせ: 保存した後、ブラウザのキャッシュをクリアしてページを再読み込みする必要があります。
多くの Windows や Linux のブラウザ
- Ctrl を押しながら F5 を押す。
Mac における Safari
Mac における Chrome や Firefox
- ⌘ Cmd と ⇧ Shift を押しながら R を押す。
詳細についてはWikipedia:キャッシュを消すをご覧ください。
/**
* This CSS is expected to be imported from
* [[:w:ja:User:JuthaDDA/newVector/widenSourceEditor.js]].
*
* @author [[:w::ja:User:JuthaDDA]]
* @license CC-BY-SA 3.0
*/
:root {
--clientWidth: 100vw;
}
.skin-vector--source-editor-widened .mw-page-container,
.skin-vector--source-editor-widened .mw-workspace-container {
max-width: none;
}
.skin-vector--source-editor-widened .mw-workspace-container .mw-article-toolbar-container {
margin-inline: auto;
}
.skin-vector--source-editor-widened .ve-init-mw-desktopArticleTarget .mw-editfont-monospace {
-webkit-transform: translateX( min( (100% - 60rem) / -2, 0px ) );
transform: translateX( min( (100% - 60rem) / -2, 0px ) );
box-shadow: 4px 4px 19px -15px #000 inset;
}
@media screen and ( min-width: 1000px ) {
.skin-vector--source-editor-widened .ve-init-mw-desktopArticleTarget .mw-editfont-monospace {
width: calc( var( --clientWidth ) - 78px );
}
}
@media screen and ( max-width: 999px ) {
.skin-vector--source-editor-widened .ve-init-mw-desktopArticleTarget .mw-editfont-monospace {
width: calc( var( --clientWidth ) - 48px );
}
}
@media screen and ( min-width: 1000px ) {
.skin-vector--source-editor-widened .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-content-container,
.skin-vector--source-editor-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--source-editor-widened .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .mw-content-container,
.skin-vector--source-editor-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--source-editor-widened .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .ve-init-mw-desktopArticleTarget .mw-editfont-monospace {
width: calc( var( --clientWidth ) - 78px - 11rem );
}
}
@media screen and ( max-width: 999px ) {
.skin-vector--source-editor-widened .mw-checkbox-hack-checkbox:checked ~ .mw-workspace-container .ve-init-mw-desktopArticleTarget .mw-editfont-monospace {
width: calc( var( --clientWidth ) - 48px - 11rem );
}
}