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

Da Wikimedia Italia.
Jump to navigation Jump to search
(importo da w:it:Template:Phab/styles.css dalla Versione del 17 mar 2025 alle 23:37, but without --var and unsupported things)
 
(rollback alla mia vecchia versione del w:it:Speciale:PermaLink/140064491 che sicuramente funzionava...)
Riga 3: Riga 3:
 
  */
 
  */
 
.phab-link-outer {
 
.phab-link-outer {
color: inherit;
+
color:black;
font-weight: bold;
+
font-weight:bold;
/* TODO: enable var() color, after upgrading MediaWiki */
+
white-space:nowrap;
/*background-color: var(--background-color-neutral-subtle, #eaecf0);*/
+
border:1px solid transparent;
background-color: #eaecf0;
+
border-color:#c7ccd9;
white-space: nowrap;
+
border-radius:3px;
 +
background-color:#ebecee;
 
}
 
}
  
 
.phab-link-outer:hover {
 
.phab-link-outer:hover {
text-decoration: none;
+
text-decoration:none;
 
}
 
}
  
.phab-link-outer .phab-link-inner {
+
/**
/* TODO: enable var() color, after upgrading MediaWiki */
+
* Text of the link itself.
/* color: var(--color-base, #202122);*/
+
*/
color: inherit;
+
.phab-link-inter {
/*border: 1px solid var(--border-color-subtle, #c8ccd1);*/
+
color:black;
border: 1px solid #c8ccd1;
+
padding:0 4px;
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);
 
}
 
}
 
*/
 
  
 
/**
 
/**
Riga 81: Riga 30:
 
.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: .3em;
+
background-position: 0.5em;
background-size: .8em;
+
background-size: 0.8em;
padding-left: 1.6em;
+
padding-left:1.5em;
 
}
 
}
  
Riga 112: Riga 60:
 
.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 137: Riga 77:
 
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 delle 18:49, 5 giu 2025

/**
 * Container of the link.
 */
.phab-link-outer {
	color:black;
	font-weight:bold;
	white-space:nowrap;
	border:1px solid transparent;
	border-color:#c7ccd9;
	border-radius:3px;
	background-color:#ebecee;
}

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

/**
 * Text of the link itself.
 */
.phab-link-inter {
	color:black;
	padding:0 4px;
}

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

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