コンテンツにスキップ

「モジュール:Documentation/styles.css」の版間の差分

提供: Re-Agatadia
ja>Taavi
use codex tokens for borders to improve dark mode support
1版 をインポートしました
 
(同じ利用者による、間の1版が非表示)
1行目: 1行目:
/* {{pp|small=yes}} */
/* {{pp-template}} */
.documentation,
.documentation,
.documentation-metadata {
.documentation-metadata {
border: 1px solid var( --border-color-base, #a2a9b1 );
border: 1px solid #a2a9b1;
background-color: #ecfcf4;
background-color: #ecfcf4;
clear: both;
clear: both;
20行目: 20行目:
.documentation-startbox {
.documentation-startbox {
padding-bottom: 3px;
padding-bottom: 3px;
border-bottom: 1px solid var( --border-color-base, #a2a9b1 );
border-bottom: 1px solid #aaa;
margin-bottom: 1ex;
margin-bottom: 1ex;
}
}
47行目: 47行目:




@media screen and ( prefers-color-scheme: dark ) {
@media screen and (prefers-color-scheme: dark) {
     html.skin-theme-clientpref-os .documentation,
     html.skin-theme-clientpref-os .documentation,
     html.skin-theme-clientpref-os .documentation-metadata {
     html.skin-theme-clientpref-os .documentation-metadata {
53行目: 53行目:
     }
     }
}
}
/* [[カテゴリ:テンプレートスタイル]] */

2025年6月3日 (火) 20:36時点における最新版

/* {{pp-template}} */
.documentation,
.documentation-metadata {
	border: 1px solid #a2a9b1;
	background-color: #ecfcf4;
	clear: both;
}

.documentation {
	margin: 1em 0 0 0;
	padding: 1em;
}

.documentation-metadata {
	margin: 0.2em 0; /* same margin left-right as .documentation */
    font-style: italic;
    padding: 0.4em 1em; /* same padding left-right as .documentation */
}

.documentation-startbox {
	padding-bottom: 3px;
	border-bottom: 1px solid #aaa;
	margin-bottom: 1ex;
}

.documentation-heading {
	font-weight: bold;
	font-size: 125%;
}

.documentation-clear { /* Don't want things to stick out where they shouldn't. */
	clear: both;
}

.documentation-toolbar {
	font-style: normal;
	font-size: 85%;
}


@media screen {
    html.skin-theme-clientpref-night .documentation,
	html.skin-theme-clientpref-night .documentation-metadata {
	    background-color: #0b1e1c;
	}
}


@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .documentation,
    html.skin-theme-clientpref-os .documentation-metadata {
        background-color: #0b1e1c;
    }
}
/* [[カテゴリ:テンプレートスタイル]] */