Differenze tra le versioni di "Template:Phab/styles.css"
Jump to navigation
Jump to search
(rollback alla mia vecchia versione del w:it:Speciale:PermaLink/140064491 che sicuramente funzionava...) |
m (re-rollback, è colpa del tema della wikina) Etichetta: Annulla |
||
| Riga 3: | Riga 3: | ||
*/ | */ | ||
.phab-link-outer { | .phab-link-outer { | ||
| − | color: | + | color: inherit; |
| − | font-weight:bold; | + | 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 { | .phab-link-outer:hover { | ||
| − | text-decoration:none; | + | text-decoration: none; |
} | } | ||
| − | /** | + | .phab-link-outer .phab-link-inner { |
| − | + | /* 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);*/ |
| − | + | 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); | ||
| + | } | ||
} | } | ||
| + | */ | ||
/** | /** | ||
| Riga 30: | Riga 81: | ||
.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: | + | background-position: .3em; |
| − | background-size: | + | background-size: .8em; |
| − | padding-left:1. | + | padding-left: 1.6em; |
} | } | ||
| Riga 60: | Riga 112: | ||
.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 137: | ||
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: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');
}
}
*/