「テンプレート:Hatnote/styles.css」の版間の差分

1版 をインポートしました: Otheruses
ja>Izno
rv gf: we should not attempt to hack around upstream IMO, the correct fix is deciding whether we even want those colors and/or correcting that issue in WikimediaMessages
1行目: 1行目:
/* {{pp-template}} */
/* {{pp|small=y}} */
.hatnote {
.hatnote {
    margin: 0.5em 0;
font-style: italic;
    padding: 3px 2em;
    background-color: transparent;
    border-bottom: 1px solid #a2a9b1;
    font-size: 90%;
}
}


/**
/* Limit structure CSS to divs because of [[Module:Hatnote inline]] */
* ダークモードに対応
div.hatnote {
*
/* @noflip */
* ".hatnote" は上記の通り "background-color: transparent;" 指定のため、
padding-left: 1.6em;
* ダークモードではこのクラスの子要素の文字色が白になるよう調整する必要あり。
margin-bottom: 0.5em;
* とりあえずは、[[Template:Dablink]]や[[Template:混同]]など{{Hatnote}}を
* 呼び出しているテンプレートが "div.hatnote" 内にtableを生成するため、
* それをカバーできるよう指定。
*/
html.skin-theme-clientpref-night .hatnote > table {
color: inherit;
}
}


@media screen and (prefers-color-scheme: dark) {
.hatnote i {
html.skin-theme-clientpref-os .hatnote > table {
font-style: normal;
color: inherit;
}
 
/* The templatestyles element inserts a link element before hatnotes.
* TODO: Remove link if/when WMF resolves T200206 */
.hatnote + link + .hatnote {
margin-top: -0.5em;
}
 
@media print {
body.ns-0 .hatnote {
display: none !important;
}
}
}
}
/* [[Category:テンプレートスタイル]] */