틀:보존문서 안내문2/styles.css

/* [[틀:보존문서 안내문2]]용 class. 2015-3-17 IRTC1015 */
.archiveHeader2 {
	display: table;
	clear: right;
	float: right;
	border: 1.5px solid var(--background-color-content-added, #a3d3ff);
	margin: 0 0 1.4em 0.5em;
	padding: 0.5em;
	border-spacing: 0;
	font-size:small;
	background-color: white;
}

.archiveHeader2 .mw-ui-input-inline {
    min-width: 0;
    width: 12em;
}

.archive_main_header {
	background-color: #ddeeff;
}

@media screen {
	html.skin-theme-clientpref-night .archiveHeader2 {
		background-color: #101418;
	}

	html.skin-theme-clientpref-night .archive_main_header {
		background-color: #0A2C4E;
	}

	html.client-dark-mode .archiveHeader2 img[ src*='Cup_of_coffee'],
	html.client-dark-mode .archiveHeader2 img[ src*='Octicons-tools'],
	html.client-dark-mode .archiveHeader2 img[ src*='Font_Awesome_5_solid_users-cog'],
	html.client-dark-mode .archiveHeader2 img[ src*='Font_Awesome_5_solid_comments'],
	html.client-dark-mode .archiveHeader2 img[ src*='Simpleicons_Interface_folder-couple-one-black-other-white'],
	html.client-dark-mode .archiveHeader2 img[ src*='Simpleicons_Interface_folder-lock-symbol'],
	html.client-dark-mode .archiveHeader2 img[ src*='Ic_file_upload'],
	html.client-dark-mode .archiveHeader2 img[ src*='Ic_insert_comment'],
	html.client-dark-mode .archiveHeader2 img[ src*='Keep_tidy_ask'],
	html.client-dark-mode .archiveHeader2 img[ src*='Ic_help'],
	html.client-dark-mode .archiveHeader2 img[ src*='Open_Iconic_badge'],
	html.skin-theme-clientpref-night .archiveHeader2 img[ src*='Cup_of_coffee'],
	html.skin-theme-clientpref-night .archiveHeader2 img[ src*='Octicons-tools'],
	html.skin-theme-clientpref-night .archiveHeader2 img[ src*='Font_Awesome_5_solid_users-cog'],
	html.skin-theme-clientpref-night .archiveHeader2 img[ src*='Font_Awesome_5_solid_comments'],
	html.skin-theme-clientpref-night .archiveHeader2 img[ src*='Simpleicons_Interface_folder-couple-one-black-other-white'],
	html.skin-theme-clientpref-night .archiveHeader2 img[ src*='Simpleicons_Interface_folder-lock-symbol'],
	html.skin-theme-clientpref-night .archiveHeader2 img[ src*='Ic_file_upload'],
	html.skin-theme-clientpref-night .archiveHeader2 img[ src*='Ic_insert_comment'],
	html.skin-theme-clientpref-night .archiveHeader2 img[ src*='Keep_tidy_ask'],
	html.skin-theme-clientpref-night .archiveHeader2 img[ src*='Ic_help'],
	html.skin-theme-clientpref-night .archiveHeader2 img[ src*='Open_Iconic_badge'] {
		filter: invert( 0.5 )
	}

}

@media screen and ( prefers-color-scheme: dark ) {
	html.skin-theme-clientpref-os .archiveHeader2 {
		background-color: #101418;
	}

	html.skin-theme-clientpref-os .archive_main_header {
		background-color: #0A2C4E;
	}

	html.skin-theme-clientpref-os img[ src*='Cup_of_coffee'],
	html.skin-theme-clientpref-os img[ src*='Octicons-tools'],
	html.skin-theme-clientpref-os img[ src*='Font_Awesome_5_solid_users-cog'],
	html.skin-theme-clientpref-os img[ src*='Font_Awesome_5_solid_comments'],
	html.skin-theme-clientpref-os img[ src*='Simpleicons_Interface_folder-couple-one-black-other-white'],
	html.skin-theme-clientpref-os img[ src*='Simpleicons_Interface_folder-lock-symbol'],
	html.skin-theme-clientpref-os img[ src*='Ic_file_upload'],
	html.skin-theme-clientpref-os img[ src*='Ic_insert_comment'],
	html.skin-theme-clientpref-os img[ src*='Keep_tidy_ask'],
	html.skin-theme-clientpref-os img[ src*='Ic_help'],
	html.skin-theme-clientpref-os img[ src*='Open_Iconic_badge'] {
		filter: invert( 0.5 )
	}
}