MediaWiki:Gadget-LGBT-rainbow.user.css: Difference between revisions
m tweak swatch gradient |
m include basic swatch colors for reference |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* | /* ==UserStyle== | ||
@name gradient - LGBT, rainbow | |||
@description displays "field_LGBT" swatch with a soft rainbow gradient as its color | |||
@version 1.0.5 | |||
@author reverseDragon | |||
@namespace github.com/openstyles/stylus | |||
==/UserStyle== */ | |||
To | /* Gadget "gradient-LGBT-rainbow" - displays "LGBT" swatch in rainbow | ||
the gradient will be shown all the time instead of only on pages marked "field_LGBT", given that it is far more distinctive and less ambiguous than the lavender swatch. | |||
To turn this on all the time, go to Preferences and select gradient-LGBT-rainbow - [https://research.moraleconomy.au/index.php?title=Special:Preferences#mw-prefsection-gadgets] | |||
To easily toggle this style on and off, install a user styles add-on, and then open this URL: | |||
https://research.moraleconomy.au/index.php?action=raw&title=MediaWiki:Gadget-LGBT-rainbow.user.css */ | |||
@media screen { | @media screen { | ||
.hue li.field_LGBT:before, ol.hue li.field_LGBT:before, ol.hue li[value].field_LGBT:before { | .hue .field_LGBT { border-color: #1b3671; background: #a399f2; } /* general swatch colors */ | ||
.hue li.field_LGBT:before, ol.hue li.field_LGBT:before, ol.hue li[value].field_LGBT:before { /* number list */ | |||
background: #a399f2 linear-gradient(90deg,rgba(194, 87, 87, 0.7), rgba(170, 154, 75, 0.7), rgba(147, 219, 64, 0.7), rgba(123, 224, 140, 0.7), rgba(96, 210, 188, 0.7), rgba(70, 196, 235, 0.7), rgba(96, 116, 230, 0.7), rgba(119, 47, 173, 0.7)); | background: #a399f2 linear-gradient(90deg,rgba(194, 87, 87, 0.7), rgba(170, 154, 75, 0.7), rgba(147, 219, 64, 0.7), rgba(123, 224, 140, 0.7), rgba(96, 210, 188, 0.7), rgba(70, 196, 235, 0.7), rgba(96, 116, 230, 0.7), rgba(119, 47, 173, 0.7)); | ||
border-left-color: #680f06; | border-left-color: #680f06; | ||
| Line 11: | Line 23: | ||
} | } | ||
dl.hue .field_LGBT:before { background: #a399f2 linear-gradient(135deg,rgba(194,87,87,0.7),rgba(170,154,75,0.7),rgba(178,219,64,0.7),rgba(123,224,167,0.7),rgba(15, 177, 240, 0.7),rgba(90, 85, 244, 0.7)); } | dl.hue .field_LGBT:before { background: #a399f2 linear-gradient(135deg,rgba(194,87,87,0.7),rgba(170,154,75,0.7),rgba(178,219,64,0.7),rgba(123,224,167,0.7),rgba(15, 177, 240, 0.7),rgba(90, 85, 244, 0.7)); } /* definition list */ | ||
} | } | ||
/* [[Category:Hue configuration Gadgets]] | /* [[Category:Hue configuration Gadgets]] | ||
alternate titles: Gadget-lgbt-rainbow.css */ | alternate titles: Gadget-lgbt-rainbow.css Gadget-LGBT-rainbow.user.css */ | ||
Latest revision as of 03:50, 31 March 2026
/* ==UserStyle==
@name gradient - LGBT, rainbow
@description displays "field_LGBT" swatch with a soft rainbow gradient as its color
@version 1.0.5
@author reverseDragon
@namespace github.com/openstyles/stylus
==/UserStyle== */
/* Gadget "gradient-LGBT-rainbow" - displays "LGBT" swatch in rainbow
the gradient will be shown all the time instead of only on pages marked "field_LGBT", given that it is far more distinctive and less ambiguous than the lavender swatch.
To turn this on all the time, go to Preferences and select gradient-LGBT-rainbow - [https://research.moraleconomy.au/index.php?title=Special:Preferences#mw-prefsection-gadgets]
To easily toggle this style on and off, install a user styles add-on, and then open this URL:
https://research.moraleconomy.au/index.php?action=raw&title=MediaWiki:Gadget-LGBT-rainbow.user.css */
@media screen {
.hue .field_LGBT { border-color: #1b3671; background: #a399f2; } /* general swatch colors */
.hue li.field_LGBT:before, ol.hue li.field_LGBT:before, ol.hue li[value].field_LGBT:before { /* number list */
background: #a399f2 linear-gradient(90deg,rgba(194, 87, 87, 0.7), rgba(170, 154, 75, 0.7), rgba(147, 219, 64, 0.7), rgba(123, 224, 140, 0.7), rgba(96, 210, 188, 0.7), rgba(70, 196, 235, 0.7), rgba(96, 116, 230, 0.7), rgba(119, 47, 173, 0.7));
border-left-color: #680f06;
border-right-color: #650668;
}
dl.hue .field_LGBT:before { background: #a399f2 linear-gradient(135deg,rgba(194,87,87,0.7),rgba(170,154,75,0.7),rgba(178,219,64,0.7),rgba(123,224,167,0.7),rgba(15, 177, 240, 0.7),rgba(90, 85, 244, 0.7)); } /* definition list */
}
/* [[Category:Hue configuration Gadgets]]
alternate titles: Gadget-lgbt-rainbow.css Gadget-LGBT-rainbow.user.css */