Template:Phab/styles.css: differenze tra le versioni

Versione delle 17:50, 5 giu 2025

/**
 * Container of the link.
 */
.phab-link-outer {
	color: inherit;
	font-weight: bold;
	/* TODO: enable var() color, after upgrading MediaWiki */
	/*background-color: var(--background-color-neutral-subtle, #eaecf0);*/
	background-color: #eaecf0;
	white-space: nowrap;
}

.phab-link-outer:hover {
	text-decoration: none;
}

.phab-link-outer .phab-link-inner {
	/* TODO: enable var() color, after upgrading MediaWiki */
	/*	color: var(--color-base, #202122);*/
	color: inherit;
	/*border: 1px solid var(--border-color-subtle, #c8ccd1);*/
	border: 1px solid #c8ccd1;
	border-radius: 3px;
	padding: 0 4px;
}

.phab-link-outer > a:hover .phab-link-inner {
	border-color: #A1A6B0;
}

.phab-link-outer > a.external {
	/* copiato da [[mw:Template:T/styles.css]] */
	background: none !important;
	padding: 0 !important;
}

.phab-link-outer > a,
.phab-link-inter > a:visited {
	color: black;
}

@media screen {
	html.skin-theme-clientpref-night .phab-link-outer,
	html.skin-theme-clientpref-night .phab-link-outer > a,
	html.skin-theme-clientpref-night .phab-link-outer > a:visited {
		color: rgba(255, 255, 255, .9);
	}

	html.skin-theme-clientpref-night .phab-link-outer .phab-link-inner {
		border-color: rgba(255, 255, 255, .3);
	}

	html.skin-theme-clientpref-night .phab-link-outer > a:hover .phab-link-inner {
		border-color: rgba(255, 255, 255, .6);
	}
}

/* TODO: enable media query after upgrading MediaWiki */
/*
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .phab-link-outer,
	html.skin-theme-clientpref-os .phab-link-outer > a,
	html.skin-theme-clientpref-os .phab-link-outer > a:visited {
		color: rgba(255, 255, 255, .9);
	}

	html.skin-theme-clientpref-os .phab-link-outer .phab-link-inner {
		border-color: rgba(255, 255, 255, .3);
	}

	html.skin-theme-clientpref-os .phab-link-outer > a:hover .phab-link-inner {
		border-color: rgba(255, 255, 255, .6);
	}
}
*/

/**
 * Icons sharing Font Awesome structure.
 */
.phab-badge-icon-T, /* Task */
.phab-badge-icon-P, /* Paste */
.phab-badge-icon-E, /* Event */
.phab-badge-icon-F, /* File */
.phab-badge-icon-M, /* Mockup */
.phab-badge-icon-tag {
	background-repeat: no-repeat;
	background-position: .3em;
	background-size: .8em;
	padding-left: 1.6em;
}

/**
 * Task icon for Tasks like https://phabricator.wikimedia.org/T123
 * [[File:Font Awesome 5 solid anchor.svg]]
 */
.phab-badge-icon-T {
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/8/8a/Font_Awesome_5_solid_anchor.svg');
}

/**
 * Paste icon for Pastes like https://phabricator.wikimedia.org/P123
 * [[File:Font Awesome 5 solid paste.svg]]
 */
.phab-badge-icon-P {
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/cb/Font_Awesome_5_solid_paste.svg');
}

/**
 * Paste icon for Events like https://phabricator.wikimedia.org/E123
 * [[File:Font Awesome 5 regular calendar-alt.svg]]
 */
.phab-badge-icon-E {
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/7/7e/Font_Awesome_5_regular_calendar-alt.svg');
}

/**
 * Paste icon for Files like https://phabricator.wikimedia.org/F123
 * [[File:Font Awesome 5 solid file.svg]]
 */
.phab-badge-icon-F {
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/0/09/Font_Awesome_5_solid_file.svg');
}

/**
 * Paste icon for Mockups like https://phabricator.wikimedia.org/M123
 * [[File:Font Awesome 5 solid camera-retro.svg]]
 */
.phab-badge-icon-M {
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/68/Font_Awesome_5_solid_camera-retro.svg');
}

/**
 * Tag icon for Project Tags like https://phabricator.wikimedia.org/tag/something/
 * [[File:Font Awesome 5 solid suitcase.svg]]
 */
.phab-badge-icon-tag {
	background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/1f/Font_Awesome_5_solid_suitcase.svg');
}

/* TODO: enable after upgrading MediaWiki
@media screen {
	html.skin-theme-clientpref-night .phab-link-inner {
		color: white;
	}

	html.skin-theme-clientpref-night .phab-badge-icon-T {
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/d/d0/Font_Awesome_5_solid_anchor_white.svg');
	}
	html.skin-theme-clientpref-night .phab-badge-icon-P {
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/b/be/Font_Awesome_5_solid_paste_white.svg');
	}
	html.skin-theme-clientpref-night .phab-badge-icon-E {
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/c8/Font_Awesome_5_regular_calendar-alt_white.svg');
	}
	html.skin-theme-clientpref-night .phab-badge-icon-F {
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/1f/Font_Awesome_5_solid_file_white.svg');
	}
	html.skin-theme-clientpref-night .phab-badge-icon-M {
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/2/29/Font_Awesome_5_solid_camera-retro_white.svg');
	}
	html.skin-theme-clientpref-night .phab-badge-icon-tag {
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/9f/Font_Awesome_5_solid_suitcase_white.svg');
	}
}

@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .phab-link-inner {
		color: white;
	}
	
	html.skin-theme-clientpref-os .phab-badge-icon-T {
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/d/d0/Font_Awesome_5_solid_anchor_white.svg');
	}
	html.skin-theme-clientpref-os .phab-badge-icon-P {
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/b/be/Font_Awesome_5_solid_paste_white.svg');
	}
	html.skin-theme-clientpref-os .phab-badge-icon-E {
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/c/c8/Font_Awesome_5_regular_calendar-alt_white.svg');
	}
	html.skin-theme-clientpref-os .phab-badge-icon-F {
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/1f/Font_Awesome_5_solid_file_white.svg');
	}
	html.skin-theme-clientpref-os .phab-badge-icon-M {
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/2/29/Font_Awesome_5_solid_camera-retro_white.svg');
	}
	html.skin-theme-clientpref-os .phab-badge-icon-tag {
		background-image: url('https://upload.wikimedia.org/wikipedia/commons/9/9f/Font_Awesome_5_solid_suitcase_white.svg');
	}
}
*/