Differenze tra le versioni di "Template:Phab/styles.css"

Da Wikimedia Italia.
Jump to navigation Jump to search
(rollback alla mia vecchia versione del w:it:Speciale:PermaLink/140064491 che sicuramente funzionava...)
(avoid blue/black colors when visited, fix local CSS)
 
(2 versioni intermedie di uno stesso utente non sono mostrate)
Riga 3: Riga 3:
 
  */
 
  */
 
.phab-link-outer {
 
.phab-link-outer {
color:black;
+
color: inherit;
font-weight:bold;
+
font-weight: bold;
white-space:nowrap;
+
/* TODO: enable var() color, after upgrading MediaWiki */
border:1px solid transparent;
+
/*background-color: var(--background-color-neutral-subtle, #eaecf0);*/
border-color:#c7ccd9;
+
background-color: #eaecf0;
border-radius:3px;
+
white-space: nowrap;
background-color:#ebecee;
 
 
}
 
}
  
 
.phab-link-outer:hover {
 
.phab-link-outer:hover {
text-decoration:none;
+
text-decoration: none;
 
}
 
}
  
/**
+
.phab-link-outer .phab-link-inner {
* Text of the link itself.
+
/* TODO: enable var() color, after upgrading MediaWiki */
*/
+
/* color: var(--color-base, #202122);*/
.phab-link-inter {
+
color: inherit;
color:black;
+
/*border: 1px solid var(--border-color-subtle, #c8ccd1);*/
padding:0 4px;
+
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 !important;
 +
}
 +
 
 +
/* patch for wiki.wikimedia.it */
 +
.phab-link-outer > a {
 +
text-decoration: none !important;
 +
}
 +
 
 +
@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);
 +
}
 
}
 
}
 +
*/
  
 
/**
 
/**
Riga 30: Riga 86:
 
.phab-badge-icon-P, /* Paste */
 
.phab-badge-icon-P, /* Paste */
 
.phab-badge-icon-E, /* Event */
 
.phab-badge-icon-E, /* Event */
 +
.phab-badge-icon-F, /* File */
 
.phab-badge-icon-M, /* Mockup */
 
.phab-badge-icon-M, /* Mockup */
 
.phab-badge-icon-tag {
 
.phab-badge-icon-tag {
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
background-position: 0.5em;
+
background-position: .3em;
background-size: 0.8em;
+
background-size: .8em;
padding-left:1.5em;
+
padding-left: 1.6em;
 
}
 
}
  
Riga 60: Riga 117:
 
.phab-badge-icon-E {
 
.phab-badge-icon-E {
 
background-image: url('https://upload.wikimedia.org/wikipedia/commons/7/7e/Font_Awesome_5_regular_calendar-alt.svg');
 
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');
 
}
 
}
  
Riga 77: Riga 142:
 
background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/1f/Font_Awesome_5_solid_suitcase.svg');
 
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');
 +
}
 +
}
 +
*/

Versione attuale delle 18:58, 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 !important;
}

/* patch for wiki.wikimedia.it */
.phab-link-outer > a {
	text-decoration: none !important;
}

@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');
	}
}
*/