MediaWiki:Common.css

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

• Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
• Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
• Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。

/* --- 1. 全デバイス共通の設定 --- */
#p-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

#p-logo a {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* --- 2. PC用の設定 (画面幅1000px以上) --- */
@media screen and (min-width: 1000px) {
    /* 広告を根こそぎ非表示にする */
    html, body {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    #mw-head ins.adsbygoogle,
    #mw-navigation ins.adsbygoogle,
    #p-logo ins.adsbygoogle,
    #p-search ins.adsbygoogle,
    #p-personal ins.adsbygoogle,
    .google-auto-placed,
    div[class*="google-auto-placed"],
    ins[data-vignette-loaded="true"] {
        display: none !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
    }

    /* ロゴや検索窓を最前面へ出す */
    #mw-head, #p-logo, #p-search, #p-personal {
        position: relative !important;
        z-index: 999999 !important;
        background: white !important;
    }

    /* PCのロゴサイズ指定 */
    #p-logo, #p-logo a {
        width: 180px !important;  /* お好みで180〜200px */
        height: 180px !important;
    }
}

/* --- 3. モバイル用の設定 (画面幅999px以下) --- */
@media screen and (max-width: 999px) {
    /* モバイルのロゴサイズ指定 */
    #p-logo, #p-logo a {
        width: 100px !important;
        height: 100px !important;
    }
}