MediaWiki:Gadget-LGBT-rainbow.user.css: Difference between revisions
asexual & transgender pride flags |
m fix border colors |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 22: | Line 22: | ||
} | } | ||
.hue li.field_transgender:before, | .hue.field_LGBTplus li.field_transgender:before, .hue.field_LGBTplus li[value].field_transgender:before, .hue.field_LGBTplus .field_transgender .figure { | ||
background: #fffaee linear-gradient(90deg, rgba(72, 181, 223, 0.7), rgba(251, 155, 205, 0.7), rgba(212, 244, 255, 0.7), rgba(242, 158, 190, 0.7), rgba(81, 178, 225, 0.7)); | background: #fffaee linear-gradient(90deg, rgba(72, 181, 223, 0.7), rgba(251, 155, 205, 0.7), rgba(212, 244, 255, 0.7), rgba(242, 158, 190, 0.7), rgba(81, 178, 225, 0.7)); | ||
border-left-color: #4f9dbb; border-right-color: #4f9dbb; | border-color: #4f9dbb; border-left-color: #4f9dbb; border-right-color: #4f9dbb; | ||
} | } | ||
.hue.field_LGBTplus li.field_asexual:before, .hue.field_LGBTplus li[value].field_asexual:before, .hue.field_LGBTplus .field_asexual .figure { | |||
.hue li.field_asexual:before, | |||
background: #fffaee linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(98, 97, 89, 0.7), rgba(204, 201, 152, 0.7), rgba(255, 221, 43, 0.7), rgba(249, 67, 191, 0.7), rgba(79, 42, 134, 0.7), rgba(54, 9, 70, 0.7)); | background: #fffaee linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(98, 97, 89, 0.7), rgba(204, 201, 152, 0.7), rgba(255, 221, 43, 0.7), rgba(249, 67, 191, 0.7), rgba(79, 42, 134, 0.7), rgba(54, 9, 70, 0.7)); | ||
border-left-color: #29263c; border-right-color: rgb(57, 35, 89); | border-left-color: #29263c; border-right-color: rgb(57, 35, 89); | ||
} | } | ||
dl.hue .field_asexual:before { | dl.hue.field_LGBTplus .field_asexual:before, dl.hue.field_LGBTplus .field_asexual .figure { | ||
background: #fffaee linear-gradient(135deg, rgb(38, 38, 38, 0.7), rgb(79, 79, 79, 0.7), rgb(184, 182, 182, 0.7), rgb(255, 250, 238, 0.7), rgb(255, 236, 139, 0.7), rgb(235,129,202, 0.7), rgba(134, 30, 123, 0.7), rgb(128, 0, 128, 0.7)); | background: #fffaee linear-gradient(135deg, rgb(38, 38, 38, 0.7), rgb(79, 79, 79, 0.7), rgb(184, 182, 182, 0.7), rgb(255, 250, 238, 0.7), rgb(255, 236, 139, 0.7), rgb(235,129,202, 0.7), rgba(134, 30, 123, 0.7), rgb(128, 0, 128, 0.7)); border-color: #605a60; | ||
/* #343333, #4f4f4f, #b8b6b6, #fffaee, #ffec8b, #cd68cc, #943e93, #910d91 */ | /* #343333, #4f4f4f, #b8b6b6, #fffaee, #ffec8b, #cd68cc, #943e93, #910d91 */ | ||
} | } | ||
dl.hue.field_LGBTplus .field_transgender:before, dl.hue.field_LGBTplus .field_transgender .figure { | |||
background: #fffaee linear-gradient(135deg, rgba(72, 181, 223, 0.7), rgba(251, 155, 205, 0.7), rgba(212, 244, 255, 0.7), rgba(242, 158, 190, 0.7), rgba(81, 178, 225, 0.7)); border-color: #57c0e8; | |||
} | |||
} | } | ||
/* [[Category:Hue configuration Gadgets]] | /* [[Category:Hue configuration Gadgets]] | ||
alternate titles: Gadget-lgbt-rainbow.css Gadget-LGBT-rainbow.user.css */ | alternate titles: Gadget-lgbt-rainbow.css Gadget-LGBT-rainbow.user.css */ | ||
Latest revision as of 09:10, 7 August 2026
/* ==UserStyle==
@name gradient - LGBT pride flags
@description displays transgender and asexual pride flags
@version 1.1.0
@author reverseDragon
@namespace github.com/openstyles/stylus
==/UserStyle== */
/* Gadget "gradient-LGBT-rainbow" -
this style used to be for showing the rainbow swatch. now the rainbow swatch has graduated to official status, and so, this style has changed to one for showing additional pride flags.
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; } */ /* don't reset background, as it interferes with the see-through code */
.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;
}
.hue.field_LGBTplus li.field_transgender:before, .hue.field_LGBTplus li[value].field_transgender:before, .hue.field_LGBTplus .field_transgender .figure {
background: #fffaee linear-gradient(90deg, rgba(72, 181, 223, 0.7), rgba(251, 155, 205, 0.7), rgba(212, 244, 255, 0.7), rgba(242, 158, 190, 0.7), rgba(81, 178, 225, 0.7));
border-color: #4f9dbb; border-left-color: #4f9dbb; border-right-color: #4f9dbb;
}
.hue.field_LGBTplus li.field_asexual:before, .hue.field_LGBTplus li[value].field_asexual:before, .hue.field_LGBTplus .field_asexual .figure {
background: #fffaee linear-gradient(90deg, rgba(0, 0, 0, 0.7), rgba(98, 97, 89, 0.7), rgba(204, 201, 152, 0.7), rgba(255, 221, 43, 0.7), rgba(249, 67, 191, 0.7), rgba(79, 42, 134, 0.7), rgba(54, 9, 70, 0.7));
border-left-color: #29263c; border-right-color: rgb(57, 35, 89);
}
dl.hue.field_LGBTplus .field_asexual:before, dl.hue.field_LGBTplus .field_asexual .figure {
background: #fffaee linear-gradient(135deg, rgb(38, 38, 38, 0.7), rgb(79, 79, 79, 0.7), rgb(184, 182, 182, 0.7), rgb(255, 250, 238, 0.7), rgb(255, 236, 139, 0.7), rgb(235,129,202, 0.7), rgba(134, 30, 123, 0.7), rgb(128, 0, 128, 0.7)); border-color: #605a60;
/* #343333, #4f4f4f, #b8b6b6, #fffaee, #ffec8b, #cd68cc, #943e93, #910d91 */
}
dl.hue.field_LGBTplus .field_transgender:before, dl.hue.field_LGBTplus .field_transgender .figure {
background: #fffaee linear-gradient(135deg, rgba(72, 181, 223, 0.7), rgba(251, 155, 205, 0.7), rgba(212, 244, 255, 0.7), rgba(242, 158, 190, 0.7), rgba(81, 178, 225, 0.7)); border-color: #57c0e8;
}
}
/* [[Category:Hue configuration Gadgets]]
alternate titles: Gadget-lgbt-rainbow.css Gadget-LGBT-rainbow.user.css */