LGBTQIA+ Wiki
LGBTQIA+ Wiki
No edit summary
Tag: Source edit
 
mNo edit summary
 
Line 1: Line 1:
  +
/* CSS placed here will be applied to all skins */
{{Rewrite}}
 
{{Infobox
 
| image = Gender Neutral Flag.png
 
| caption =
 
| altname = [[Agender]]
 
| term = *Gender expression
 
*Gender identity
 
| spectrum = [[Non-binary]]
 
| gender = <!-- Indicate the gender(s) the identifier(s) can be. Differentiate by using an asterisk. -->
 
| attracted = <!-- Indicate the gender(s) that the identifier is attracted to. -->
 
| attractedtype = <!-- Indicate types of attraction people identifying as such may feel. Differentiate by using a comma -->
 
| romance = <!-- Indicate the affiliated romanticism that is related to the sexuality -->
 
| different = [[Androgynous]], [[Non-binary]], [[Genderqueer]]
 
}}
 
'''Gender neutral''' is a term used when referring to a person of neutral gender, someone who is neither male nor female, but genderless.<ref name="Dictionary - Gender neutral">https://www.dictionary.com/browse/gender-neutral</ref> It is also another term for [[agender]], with the words often being used in conjunction with one another as both an identity and a describing characteristic.<ref>https://www.apa.org/pi/lgbt/resources/sexuality-definitions.pdf</ref><ref>https://www.healthline.com/health/agender</ref> It is also a term used to signal a safe and inclusive space for LGBTQIA+ individual, and a term used to describe pronouns or language that defies the binary.<ref>https://lgbtq.smcgov.org/lgbtq-glossary</ref>
 
   
  +
/* Gradient color variables */
==Etymology==
 
  +
:root {
As an adjective, gender neutral describes the use of words wherever appropriate that are free of reference to gender: ''firefighter'', ''police officer'', and ''flight attendant'' are gender neutral terms.<ref name="Dictionray - Gender neutral"/>
 
  +
--light-grad-red: #FBCDF2;
  +
--light-grad-orange: #FEE3E2;
  +
--light-grad-yellow: #FCF4C9;
  +
--light-grad-green: #BBF3C0;
  +
--light-grad-blue: #ABBFFF;
  +
--light-grad-purple: #E8BEFA;
  +
  +
--dark-grad-red: #FF6355;
  +
--dark-grad-orange: #FBA949;
  +
--dark-grad-yellow: #FAE442;
  +
--dark-grad-green: #8BD448;
  +
--dark-grad-blue: #2AA8F2;
  +
--dark-grad-purple: #9C4F96;
 
}
   
  +
/* Infobox styling */
==Community==
 
  +
.theme-fandomdesktop-light .portable-infobox {
===History===
 
  +
--pi-background: var(--theme-page-background-color--secondary);
Gender-neutral language has existed for hundreds of years. One of the first usages of gender neutral language in literature is in the 1386 novel of Geoffrey Chaucer's ''The Canterbury Tales'' and also in famous literary works such as Shakespeare's ''Hamlet'' in 1599. Jane Austen used they/them pronouns in her infamous novel, ''Pride and Prejudice''.<ref>https://www.bbc.com/news/newsbeat-49754930</ref> The first notable use of gender neutral pronouns came in 1911 by Fred S. Pond, an insurance broker. They grew in populart in January of 1912, when Ella Fagg Young - the first female superintendent of Chicago schools, proposed a new term that would end the awkwardness of speech. Her idea was "''he'er, his'er, and 'him'er''".<ref>https://books.google.com/books?id=SCqfDwAAQBAJ&pg=PT84&lpg=PT84#v=onepage&q&f=false</ref>
 
  +
--pi-secondary-background: linear-gradient(to bottom right,var(--light-grad-purple) 0%, var(--light-grad-red) 34%, var(--light-grad-orange) 52%, var(--light-grad-yellow) 68%, var(--light-grad-green) 84%, var(--light-grad-blue) 100%);
  +
--pi-secondary-background--label: var(--theme-accent-label-color);
  +
--pi-border-color: transparent;
  +
border-radius: 3px;
  +
border-style: solid;
  +
border-width: 2px;
  +
border-image: linear-gradient(to bottom right,var(--light-grad-purple) 0%, var(--light-grad-red) 34%, var(--light-grad-orange) 52%, var(--light-grad-yellow) 68%, var(--light-grad-green) 84%, var(--light-grad-blue) 100%);
  +
border-image-slice: 1;
  +
}
   
  +
.theme-fandomdesktop-dark .portable-infobox {
===Distinction===
 
  +
--pi-background: var(--theme-page-background-color--secondary);
  +
--pi-secondary-background: linear-gradient(to bottom right,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
  +
--pi-secondary-background--label: var(--theme-accent-label-color);
  +
--pi-border-color: transparent;
  +
border-radius: 3px;
  +
border-style: solid;
  +
border-width: 2px;
  +
border-image: linear-gradient(to bottom right,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
  +
border-image-slice: 1;
  +
}
  +
.theme-fandomdesktop-dark .pi-title, .theme-fandomdesktop-dark .pi-header {
  +
color:#000;
  +
}
   
  +
.portable-infobox .pi-data-label {
===Controversy===
 
  +
display: -webkit-flex;
One of the largest arguments against gender neutral language is the role it plays in "proper grammar". The traditional gender agreement rule states that pronouns must agree with the nouns they stand for both in gender and in number. While ''everyone loves their mother'' is grammatically correct, using they/them in a singular context is considered gramatically incorrect.<ref>https://blog.oup.com/2010/08/gender-neutral-pronoun/</ref>
 
  +
display: -moz-flex;
  +
display: -ms-flex;
  +
display: flex;
  +
-ms-flex-preferred-size:40%;
  +
-webkit-flex-basis:40%;
  +
-moz-flex-basis:40%;
  +
flex-basis: 40%;
  +
}
   
  +
/* TOC styling */
===Perceptions and discrimination===
 
  +
.theme-fandomdesktop-light .page-content .toc, .theme-fandomdesktop-light .portable-infobox {
  +
border-width: 2px;
  +
border-image: linear-gradient(to bottom right,var(--light-grad-purple) 0%, var(--light-grad-red) 34%, var(--light-grad-orange) 52%, var(--light-grad-yellow) 68%, var(--light-grad-green) 84%, var(--light-grad-blue) 100%);
  +
border-image-slice: 1;
  +
}
   
  +
.theme-fandomdesktop-dark .page-content .toc, .theme-fandomdesktop-dark .portable-infobox {
== Pronouns ==
 
  +
border-image: linear-gradient(to bottom right,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
Gender-neutral pronouns are similar to binary pronouns (she/her, he/him) but are altered to individual preference. One might prefer the commonly used gender neutral pronouns they/them. In place of Mr. or Mrs./Ms., a gender-neutral title would be Mx.<ref>https://lgbt.foundation/who-we-help/trans-people/non-binary</ref> Mx was first recorded in April of 1977 in an edition of ''The Single Parent''.<ref>https://practicalandrogyny.com/2014/08/28/when-was-the-mx-gender-inclusive-title-created/</ref>
 
  +
border-image-slice: 1;
  +
}
   
  +
/* New article button styling */
==Media==
 
  +
.theme-fandomdesktop-light .style {
''This section should be used to elaborate on the portrayal and representation of this identity in various forms of media, which can include a listing or links to various artists or movies, series, etc.''
 
  +
background: linear-gradient(to bottom right,var(--light-grad-purple) 0%, var(--light-grad-red) 34%, var(--light-grad-orange) 52%, var(--light-grad-yellow) 68%, var(--light-grad-green) 84%, var(--light-grad-blue) 100%);
  +
}
   
  +
.theme-fandomdesktop-dark .style {
== Trivia ==
 
  +
background: linear-gradient(to bottom right,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
* In 2020, Trevor Project ran a survey that found in one four LGBTQ youths (ages 13-24) use gender neutral pronouns. 4% of those surveyed used [[neopronoun]]s such as xe/xim and ze/zir.<ref>https://www.nbcnews.com/feature/nbc-out/beyond-he-she-1-4-lgbtq-youths-use-nonbinary-pronouns-n1235204</ref>
 
  +
color:#000000;
* In a study down by Outandequal.org, they found that 78% of respondants (all from Generation Z) defined gender as being fluid. Of those same respondents, 56% of them knew someone with gender neutral pronouns.<ref>https://outandequal.org/wp-content/uploads/2018/11/OE-Non-Binary-Best-Practices.pdf</ref>
 
  +
}
* In a study conducted by researchers, using gender-neutral language and pronouns to describe individuals reduces biases in the workplace. It improved positive feelings between women and LGBTQIA+ people.<ref>https://www.theguardian.com/science/2019/aug/05/he-she-or-gender-neutral-pronouns-reduce-biases-study</ref>
 
  +
.theme-fandomdesktop-dark .style a {
  +
color:#000000;
  +
}
   
  +
/* Inverting images in dark mode */
==Resources==
 
  +
.theme-fandomdesktop-dark img[data-image-name="Nonbinary Gender Symbol.svg"], .theme-fandomdesktop-dark img[data-image-name="Pulse logo.png"], .theme-fandomdesktop-dark img[data-image-name="Xenogender Symbol.png"], .theme-fandomdesktop-dark img[data-image-name="Questioning Symbol.png"], .theme-fandomdesktop-dark .invert img {
*[[Wikipedia:Gender-neutral language|Gender-neutral language]]
 
  +
filter: invert(1);
  +
}
   
  +
/* Template:MessageBox styling */
{{Stub}}
 
  +
.theme-fandomdesktop-light .mbox {
  +
border-width: 2px;
  +
border-image: linear-gradient(to bottom right,var(--light-grad-purple) 0%, var(--light-grad-red) 34%, var(--light-grad-orange) 52%, var(--light-grad-yellow) 68%, var(--light-grad-green) 84%, var(--light-grad-blue) 100%);
  +
border-image-slice: 1;
  +
border-style: solid;
  +
}
   
  +
.theme-fandomdesktop-dark .mbox {
==References==
 
  +
border-width: 2px;
{{Reflist}}
 
  +
border-image: linear-gradient(to bottom right,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
  +
border-image-slice: 1;
  +
border-style: solid;
  +
}
  +
  +
/* Image border to avoid color blending with background */
  +
.thumb a .thumbimage {
  +
border:1px solid var(--theme-border-color);
  +
}
  +
  +
/* Main page */
  +
  +
/** Gradients **/
  +
  +
.lgbt-grad-mp {
  +
background: linear-gradient(90deg, var(--dark-grad-red) 16.66%, var(--dark-grad-orange) 16.66%, 33.32%, var(--dark-grad-yellow) 33.32%, 49.98%, var(--dark-grad-green) 49.98%, 66.64%, var(--dark-grad-blue) 66.64%, 83.3%, var(--dark-grad-purple) 83.3%);
  +
}
  +
  +
.gender-grad-mp {
  +
background: linear-gradient(90deg, #5BCEFA 16.66%, #F1A8B8 16.66%, 33.32%, #FFFFFF 33.32%, 49.98%, #FEF332 49.98%, 66.64%, #9C58D1 66.64%, 83.3%, #000000 83.3%);
  +
}
  +
  +
.sexor-grad-mp {
  +
background: linear-gradient(90deg, #E8488B 16.66%, #FCD933 16.66%, 33.32%, #46B4FB 33.32%, 49.98%, #EE9ACD 49.98%, 66.64%, #210F44 66.64%, 83.3%, #675EFC 83.3%);
  +
}
  +
  +
.romor-grad-mp {
  +
background: linear-gradient(90deg, #E84889 16.66%, #FCD833 16.66%, 33.32%, #45B2FB 33.32%, 49.98%, #4E9A35 49.98%, 66.64%, #734F94 66.64%, 83.3%, #0039A7 83.3%);
  +
}
  +
  +
/* WikiaBarWrapper styling */
  +
.WikiaBarWrapper {
  +
background-image:linear-gradient(90deg,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
  +
background-size: auto 100%;
  +
}
  +
.WikiaBarWrapper .tools .wds-dropdown__toggle>a, .WikiaBarWrapper .tools>li>a, .WikiaBarWrapper .tools .wds-dropdown__toggle>svg, .WikiaBarWrapper .tools>li>svg {
  +
color:#fff;
  +
filter: drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 0px #000) drop-shadow(0px 0px 0px #000);
  +
}
  +
.WikiaBarWrapper .arrow .close-icon {
  +
background-color:#FFFFFF;
  +
color:#360b52;
  +
}
  +
  +
/* Custom Scrollbar */
  +
::-webkit-scrollbar {
  +
background-color: var(--theme-body-background-color);
  +
}
  +
::-webkit-scrollbar-thumb {
  +
background: linear-gradient(155deg,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
  +
}
  +
  +
/* H2 bottom line styling */
  +
.theme-fandomdesktop-light .page-content h2:after {
  +
border-width: 2px;
  +
border-image: linear-gradient(90deg, var(--light-grad-purple) 0%, var(--light-grad-red) 34%, var(--light-grad-orange) 52%, var(--light-grad-yellow) 68%, var(--light-grad-green) 84%, var(--light-grad-blue) 100%);
  +
border-image-slice: 1;
  +
}
  +
.theme-fandomdesktop-dark .page-content h2:after {
  +
border-width: 2px;
  +
border-image: linear-gradient(90deg, var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
  +
border-image-slice: 1;
  +
}

Revision as of 23:23, 16 December 2021

/* CSS placed here will be applied to all skins */

/* Gradient color variables */
:root {
	--light-grad-red:    #FBCDF2;
    --light-grad-orange: #FEE3E2;
    --light-grad-yellow: #FCF4C9;
    --light-grad-green:  #BBF3C0;
    --light-grad-blue:   #ABBFFF;
    --light-grad-purple: #E8BEFA;
    
    --dark-grad-red:     #FF6355;
    --dark-grad-orange:  #FBA949;
    --dark-grad-yellow:  #FAE442;
    --dark-grad-green:   #8BD448;
    --dark-grad-blue:    #2AA8F2;
    --dark-grad-purple:  #9C4F96;
}

/* Infobox styling */
.theme-fandomdesktop-light .portable-infobox {
    --pi-background: var(--theme-page-background-color--secondary);
    --pi-secondary-background: linear-gradient(to bottom right,var(--light-grad-purple) 0%, var(--light-grad-red) 34%, var(--light-grad-orange) 52%, var(--light-grad-yellow) 68%, var(--light-grad-green) 84%, var(--light-grad-blue) 100%);
    --pi-secondary-background--label: var(--theme-accent-label-color);
    --pi-border-color: transparent;
    border-radius: 3px;
    border-style: solid;
    border-width: 2px;
    border-image: linear-gradient(to bottom right,var(--light-grad-purple) 0%, var(--light-grad-red) 34%, var(--light-grad-orange) 52%, var(--light-grad-yellow) 68%, var(--light-grad-green) 84%, var(--light-grad-blue) 100%);
    border-image-slice: 1;
}

.theme-fandomdesktop-dark .portable-infobox {
    --pi-background: var(--theme-page-background-color--secondary);
    --pi-secondary-background: linear-gradient(to bottom right,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
    --pi-secondary-background--label: var(--theme-accent-label-color);
    --pi-border-color: transparent;
    border-radius: 3px;
    border-style: solid;
    border-width: 2px;
    border-image: linear-gradient(to bottom right,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
    border-image-slice: 1;
}
.theme-fandomdesktop-dark .pi-title, .theme-fandomdesktop-dark .pi-header {
	color:#000;
}

.portable-infobox .pi-data-label {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
        -ms-flex-preferred-size:40%;
        -webkit-flex-basis:40%;
        -moz-flex-basis:40%;
flex-basis: 40%;
}

/* TOC styling */
.theme-fandomdesktop-light .page-content .toc, .theme-fandomdesktop-light .portable-infobox {
    border-width: 2px;
    border-image: linear-gradient(to bottom right,var(--light-grad-purple) 0%, var(--light-grad-red) 34%, var(--light-grad-orange) 52%, var(--light-grad-yellow) 68%, var(--light-grad-green) 84%, var(--light-grad-blue) 100%);
    border-image-slice: 1;
}

.theme-fandomdesktop-dark .page-content .toc, .theme-fandomdesktop-dark .portable-infobox {
    border-image: linear-gradient(to bottom right,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
    border-image-slice: 1;
}

/* New article button styling */
.theme-fandomdesktop-light .style {
	background: linear-gradient(to bottom right,var(--light-grad-purple) 0%, var(--light-grad-red) 34%, var(--light-grad-orange) 52%, var(--light-grad-yellow) 68%, var(--light-grad-green) 84%, var(--light-grad-blue) 100%);
}

.theme-fandomdesktop-dark .style {
	background: linear-gradient(to bottom right,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
	color:#000000;
}
.theme-fandomdesktop-dark .style a {
	color:#000000;
}

/* Inverting images in dark mode */
.theme-fandomdesktop-dark img[data-image-name="Nonbinary Gender Symbol.svg"], .theme-fandomdesktop-dark img[data-image-name="Pulse logo.png"], .theme-fandomdesktop-dark img[data-image-name="Xenogender Symbol.png"], .theme-fandomdesktop-dark img[data-image-name="Questioning Symbol.png"], .theme-fandomdesktop-dark .invert img {
    filter: invert(1);
}

/* Template:MessageBox styling */
.theme-fandomdesktop-light .mbox {
    border-width: 2px;
    border-image: linear-gradient(to bottom right,var(--light-grad-purple) 0%, var(--light-grad-red) 34%, var(--light-grad-orange) 52%, var(--light-grad-yellow) 68%, var(--light-grad-green) 84%, var(--light-grad-blue) 100%);
    border-image-slice: 1;
    border-style: solid;
}

.theme-fandomdesktop-dark .mbox {
    border-width: 2px;
    border-image: linear-gradient(to bottom right,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
    border-image-slice: 1;
    border-style: solid;
}

/* Image border to avoid color blending with background */
.thumb a .thumbimage {
    border:1px solid var(--theme-border-color);
}

/* Main page */

/** Gradients **/

.lgbt-grad-mp {
	background: linear-gradient(90deg, var(--dark-grad-red) 16.66%, var(--dark-grad-orange) 16.66%, 33.32%, var(--dark-grad-yellow) 33.32%, 49.98%, var(--dark-grad-green) 49.98%, 66.64%, var(--dark-grad-blue) 66.64%, 83.3%, var(--dark-grad-purple) 83.3%);
}

.gender-grad-mp {
	background: linear-gradient(90deg, #5BCEFA 16.66%, #F1A8B8 16.66%, 33.32%, #FFFFFF 33.32%, 49.98%, #FEF332 49.98%, 66.64%, #9C58D1 66.64%, 83.3%, #000000 83.3%);
}

.sexor-grad-mp {
	background: linear-gradient(90deg, #E8488B 16.66%, #FCD933 16.66%, 33.32%, #46B4FB 33.32%, 49.98%, #EE9ACD 49.98%, 66.64%, #210F44 66.64%, 83.3%, #675EFC 83.3%);
}

.romor-grad-mp {
	background: linear-gradient(90deg, #E84889 16.66%, #FCD833 16.66%, 33.32%, #45B2FB 33.32%, 49.98%, #4E9A35 49.98%, 66.64%, #734F94 66.64%, 83.3%, #0039A7 83.3%);
}

/* WikiaBarWrapper styling */
.WikiaBarWrapper {
    background-image:linear-gradient(90deg,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
    background-size: auto 100%;
}
.WikiaBarWrapper .tools .wds-dropdown__toggle>a, .WikiaBarWrapper .tools>li>a, .WikiaBarWrapper .tools .wds-dropdown__toggle>svg, .WikiaBarWrapper .tools>li>svg {
	color:#fff;
	filter: drop-shadow(0px 0px 1px #000) drop-shadow(0px 0px 0px #000) drop-shadow(0px 0px 0px #000);
}
.WikiaBarWrapper .arrow .close-icon {
	background-color:#FFFFFF;
	color:#360b52;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
	background-color: var(--theme-body-background-color);
}
::-webkit-scrollbar-thumb {
	background: linear-gradient(155deg,var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
}

/* H2 bottom line styling */
.theme-fandomdesktop-light .page-content h2:after {
    border-width: 2px;
    border-image: linear-gradient(90deg, var(--light-grad-purple) 0%, var(--light-grad-red) 34%, var(--light-grad-orange) 52%, var(--light-grad-yellow) 68%, var(--light-grad-green) 84%, var(--light-grad-blue) 100%);
    border-image-slice: 1;
}
.theme-fandomdesktop-dark .page-content h2:after {
    border-width: 2px;
    border-image: linear-gradient(90deg, var(--dark-grad-purple) 0%, var(--dark-grad-red) 34%, var(--dark-grad-orange) 52%, var(--dark-grad-yellow) 68%, var(--dark-grad-green) 84%, var(--dark-grad-blue) 100%);
    border-image-slice: 1;
}