コンテンツにスキップ

MediaWiki:Common.css

提供: 超解禁!ハロプロ サブスク楽曲まとめ、ってます! - ハロー!プロジェクトの配信リンクガイド
2026年2月11日 (水) 14:41時点におけるBarageki (トーク | 投稿記録)による版 (ページの作成:「--- ロゴの重なり防止設定 ---: 1. PC・スマホ共通:ロゴが枠からはみ出さないようにする: .mw-logo-wordmark { height: auto !important; max-height: 32px; ヘッダーの高さに合わせる: width: auto !important; } 2. スマホ(画面幅が720px以下)の場合の特別ルール: @media screen and (max-width: 720px) { /* ロゴをさらに小さくして、検索窓とのスペースを作る *…」)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)

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

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

/* 1. PC・スマホ共通:ロゴが枠からはみ出さないようにする */
.mw-logo-wordmark {
    height: auto !important;
    max-height: 32px; /* ヘッダーの高さに合わせる */
    width: auto !important;
}

/* 2. スマホ(画面幅が720px以下)の場合の特別ルール */
@media screen and (max-width: 720px) {
    /* ロゴをさらに小さくして、検索窓とのスペースを作る */
    .mw-logo-wordmark {
        max-height: 24px; 
        max-width: 150px; /* 横幅を制限して検索窓を逃がす */
    }
    
    /* もしこれでも被るなら、スマホだけロゴを非表示にする場合は以下(予備)
    .mw-logo-wordmark { display: none; }
    */
}