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

Boxmenu用CSSを追加
動作確認に成功したためコメントを追記
 
(2人の利用者による、間の4版が非表示)
594行目: 594行目:
color: white !important;
color: white !important;
}
}
/*********************************************************************
ここから下は独自CSS
**********************************************************************/


@media screen {
@media screen {
601行目: 605行目:
         border-color: #54595d;
         border-color: #54595d;
     }
     }
     html.skin-theme-clientpref-night .infobox-header {
     html.skin-theme-clientpref-night .infobox th {
         background-color: #31353a; /* ヘッダーの暗い背景色 */
         background-color: #1f1f23 !important; /* ヘッダーの暗い背景色 */
color: #000000;
color: #ffffff;
     }
     }
     html.skin-theme-clientpref-night .infobox a, html.skin-theme-clientpref-night .mbox a, html.skin-theme-clientpref-night .ambox a, html.skin-theme-clientpref-night .boxmenu a {
     html.skin-theme-clientpref-night .infobox a, html.skin-theme-clientpref-night .mbox a, html.skin-theme-clientpref-night .ambox a, html.skin-theme-clientpref-night .boxmenu a {
624行目: 628行目:
      
      
     html.skin-theme-clientpref-night .community-portal-h1 {
     html.skin-theme-clientpref-night .community-portal-h1 {
color: #000000;
background: #1f1f23; /* 暗い背景色 */
        color: #ffffff; /* 明るい文字色 */
border-left: solid 5px #44447a;
border-bottom: solid 3px #54595d;
}
}
}
}
637行目: 644行目:
         border-color: #54595d;
         border-color: #54595d;
     }
     }
     .infobox-header {
     .infobox th {
         background-color: #31353a; /* ヘッダーの暗い背景色 */
         background-color: #1f1f23 !important; /* ヘッダーの暗い背景色 */
color: #000000;
color: #ffffff;
     }
     }
     .infobox a, .mbox a, .ambox a, .boxmenu a {
     .infobox a, .mbox a, .ambox a, .boxmenu a {
659行目: 666行目:
     }
     }
     .community-portal-h1 {
     .community-portal-h1 {
color: #000000;
background: #1f1f23; /* 暗い背景色 */
        color: #ffffff; /* 明るい文字色 */
border-left: solid 5px #44447a;
border-bottom: solid 3px #54595d;
}
}
}
}
668行目: 678行目:
}
}


/**
20251117追記:BoxMenuで横幅いっぱいに画像を広げた場合に
極小サイズの画像の大きさが不揃いになる現象を修正
**/
/*画像の最大サイズを指定(Boxmenu用)*/
/*画像の最大サイズを指定(Boxmenu用)*/
.img-width-100 img{
.img-width-100 img{
     max-width: 100%;
display: block;
     width: 100%; /* max_widthから変更して強制 */
     height: auto;
     height: auto;
}
}