Sari la conținut

Format:Meta-casetă/core/styles.css

De la Wikipedia, enciclopedia liberă
.ambox {
    margin: 0px 10%;                  /* 10% = Will not overlap with other elements */
    border: 1px solid #aaa; 
    /* @noflip */
    border-left: 10px solid #1e90ff;  /* Default "notice" blue */
    background: #fbfbfb;
}

table.ambox-notice {
    /* @noflip */
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    /* @noflip */
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    /* @noflip */
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    /* @noflip */
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    /* @noflip */
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    /* @noflip */
    border-left: 10px solid #bba;       /* Gray-gold */
}


@media screen {
	html.skin-theme-clientpref-night .ambox,
	html.skin-theme-clientpref-night .ambox-notice {
		border-left: 10px solid #000f1e !important;
	}
    html.skin-theme-clientpref-night .ambox-speedy {
		background-color: #310402 !important;    /* Dark red, same hue/saturation as light */
	}
	html.skin-theme-clientpref-night .ambox-speedy,
	html.skin-theme-clientpref-night .ambox-delete {
		border-left: 10px solid #070101 !important;
	}
	html.skin-theme-clientpref-night .ambox-content {
		border-left: 10px solid #261500 !important;
	}
	html.skin-theme-clientpref-night .ambox-style {
		border-left: 10px solid #544004 !important;
	}
	html.skin-theme-clientpref-night .ambox-move {
		border-left: 10px solid #1e0a28 !important;
	}
	html.skin-theme-clientpref-night .ambox-protection {
		border-left: 10px solid #bba !important;
	}
	html.skin-theme-clientpref-night .ambox-notice,
	html.skin-theme-clientpref-night .ambox-delete,
	html.skin-theme-clientpref-night .ambox-content,
	html.skin-theme-clientpref-night .ambox-style,
	html.skin-theme-clientpref-night .ambox-move, 
	html.skin-theme-clientpref-night .ambox-protection {
		background-color: #202122 !important;
	}
}

@media screen and ( prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .ambox,
	html.skin-theme-clientpref-os .ambox-notice {
		border-left: 10px solid #000f1e !important;
	}
	html.skin-theme-clientpref-os .ambox-speedy {
		background-color: #310402 !important;    /* Dark red, same hue/saturation as light */
	}
	html.skin-theme-clientpref-os .ambox-speedy,
	html.skin-theme-clientpref-os .ambox-delete {
		border-left: 10px solid #070101 !important;
	}
	html.skin-theme-clientpref-os .ambox-content {
		border-left: 10px solid #261500 !important;
	}
	html.skin-theme-clientpref-os .ambox-style {
		border-left: 10px solid #544004 !important;
	}
	html.skin-theme-clientpref-os .ambox-move {
		border-left: 10px solid #1e0a28 !important;
	}
	html.skin-theme-clientpref-os .ambox-protection {
		border-left: 10px solid #bba !important;
	}
	html.skin-theme-clientpref-os .ambox-notice,
	html.skin-theme-clientpref-os .ambox-delete,
	html.skin-theme-clientpref-os .ambox-content,
	html.skin-theme-clientpref-os .ambox-style,
	html.skin-theme-clientpref-os .ambox-move, 
	html.skin-theme-clientpref-os .ambox-protection {
		background-color: #202122 !important;
	}
}