Jump to content

MediaWiki:Gadget-LGBT-rainbow.user.css: Difference between revisions

Add links
From LithoGraphica
← Older editNewer edit →
Reversedragon (talk | contribs)
Bureaucrats, Conference pass, Interface administrators, Arts-aligned editors, Crimson-aligned editors, Violet-aligned editors, Administrators
17,716 edits
asexual & transgender pride flags
Reversedragon (talk | contribs)
Bureaucrats, Conference pass, Interface administrators, Arts-aligned editors, Crimson-aligned editors, Violet-aligned editors, Administrators
17,716 edits
m restrict to .field_LGBTplus - hope this doesn't break it
Line 22: Line 22:
  }
  }
   
   
  .hue li.field_transgender:before, ol.hue li.field_transgender:before, ol.hue li[value].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-left-color: #4f9dbb; border-right-color: #4f9dbb;
  }
  }
   
   
  .hue li.field_asexual:before, ol.hue li.field_asexual:before, ol.hue li[value].field_asexual:before {
  .hue.field_LGBTplus li.field_asexual:before, .hue.field_LGBTplus li[value].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_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 */
   
   
  dl.hue .field_asexual:before {
  dl.hue.field_LGBTplus .field_asexual:before {
   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));
   /* #343333, #4f4f4f, #b8b6b6, #fffaee, #ffec8b, #cd68cc, #943e93, #910d91 */
   /* #343333, #4f4f4f, #b8b6b6, #fffaee, #ffec8b, #cd68cc, #943e93, #910d91 */

Revision as of 09:02, 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-left-color: #4f9dbb; border-right-color: #4f9dbb;
 }
 
 .hue.field_LGBTplus li.field_asexual:before, .hue.field_LGBTplus li[value].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));
  border-left-color: #29263c; border-right-color: rgb(57, 35, 89);
 }
 
 dl.hue.field_LGBTplus .field_asexual:before {
  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));
  /* #343333, #4f4f4f, #b8b6b6, #fffaee, #ffec8b, #cd68cc, #943e93, #910d91 */
 }  /* definition list */
}

/* [[Category:Hue configuration Gadgets]]
alternate titles:   Gadget-lgbt-rainbow.css  Gadget-LGBT-rainbow.user.css */
Retrieved from "https://research.moraleconomy.au/index.php?title=MediaWiki:Gadget-LGBT-rainbow.user.css&oldid=44886"