「MediaWiki:Common.css」の版間の差分

2026年2月11日 (水) 14:49時点における版

/* ロゴ全体（リンク部分も含む）を強制的にコントロール */
.mw-logo {
    display: flex !important;
    align-items: center !important;
}

/* ロゴ画像そのもの */
.mw-logo-wordmark, .mw-logo-icon, .mw-logo img {
    height: 40px !important; /* PCでのサイズ */
    width: auto !important;
}

/* スマホ表示 */
@media screen and (max-width: 720px) {
    .mw-logo-wordmark, .mw-logo-icon, .mw-logo img {
        height: 25px !important; /* スマホではこれくらい小さく！ */
    }
}

/* --- ロゴの表示サイズ最適化 --- */

/* 1. PC用の設定（画面が広いとき） */
.mw-logo-wordmark {
    height: 40px !important; /* PCでは高さを40pxに固定して見やすく */
    width: auto !important;
    max-width: none !important;
}

/* 2. スマホ用の設定（画面幅が720px以下のとき） */
@media screen and (max-width: 720px) {
    .mw-logo-wordmark {
        height: 28px !important; /* スマホでは高さを抑えて検索窓を避ける */
        width: auto !important;
        max-width: 150px !important; /* 横幅も制限してコンパクトに */
    }
}