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

2026年2月27日 (金) 23:45時点における最新版

/* --- 1. Googleがロゴの前に割り込ませる「巨大な箱」を完全消去 --- */
.google-auto-placed, 
.vector-header-start > .google-auto-placed {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* --- 2. PC版（1000px以上）のロゴサイズを200pxに固定 --- */
@media screen and (min-width: 1000px) {
    /* ロゴの外枠 */
    .vector-header-start {
        height: 200px !important; /* ここでヘッダーの高さを確保 */
    }

    .mw-logo, .vector-logo {
        width: 200px !important;
        height: 200px !important;
        max-width: 200px !important;
    }

    /* ロゴ画像そのもの */
    .mw-logo-icon, .mw-logo-wordmark, .mw-wiki-logo {
        width: 200px !important;
        height: 200px !important;
        max-width: 200px !important;
        background-size: contain !important;
    }
}

/* --- 3. モバイル版（999px以下）のロゴを100pxに固定 --- */
@media screen and (max-width: 999px) {
    .mw-logo, .vector-logo, .mw-logo-icon, .mw-logo-wordmark {
        width: 100px !important;
        height: 100px !important;
        max-width: 100px !important;
        background-size: contain !important;
    }
}

/* --- 4. 念のため広告が被らないようにヘッダーを最前面へ --- */
.vector-header-container {
    z-index: 1000 !important;
    background: white !important;
}
#siteSub { display: inline !important; }

/* --- YouTubeをレスポンシブにする --- */

.video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
margin-bottom: 20px;
}

.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
border: 0;
}