|
|
| Line 1: |
Line 1: |
| /* Adds all the CSS so that if JS doesn't load, nothing will change. */
| |
|
| |
| var styles = `
| |
| /* Defaults to the nonbinary flag */
| |
| #mw-head {
| |
| background: white;
| |
| background-repeat: repeat-x;
| |
| background-size: contain;
| |
| }
| |
|
| |
| /* Style article tabs for the flags */
| |
| .vector-menu-tabs .selected {
| |
| background: rgba(255, 255, 255, .7);
| |
| }
| |
| .vector-menu-tabs li {
| |
| background: rgba(255, 255, 255, .3);
| |
| }
| |
| .vector-menu-tabs li:hover {
| |
| background: rgba(255, 255, 255, .7);
| |
| }
| |
| .vector-menu-tabs a {
| |
| background-image: none;
| |
| }
| |
|
| |
| /* "Happy Nonbinary Awareness Week" banner */
| |
| .nbweek-banner {
| |
| background: rgba(255,255,255,.4);
| |
| padding: 7px;
| |
| position: absolute;
| |
| bottom: 0;
| |
| font-weight: bold;
| |
| }
| |
| .nbweek-flag {
| |
| font-size: 80%;
| |
| font-weight: normal;
| |
| font-style: italic;
| |
| }
| |
|
| |
| /* Adds transparent backgrouund to top user menu for better readability */
| |
| #p-personal {
| |
| background: rgba(255, 255, 255, .7);
| |
| top: 0;
| |
| right: 0;
| |
| padding-top: 5px;
| |
| padding-right: 15px;
| |
| border-radius: 0 0 0 5px;
| |
| display: inline;
| |
| right: 0;
| |
| }
| |
| #p-personal ul {
| |
| padding: 0;
| |
| }
| |
| `
| |
|
| |
| var styleSheet = document.createElement("style")
| |
| styleSheet.innerText = styles
| |
| document.head.appendChild(styleSheet)
| |
|
| |
| var picArr = {"neutrois": "https://static.miraheze.org/nonbinarywiki/c/c1/Neutrois.png", | | var picArr = {"neutrois": "https://static.miraheze.org/nonbinarywiki/c/c1/Neutrois.png", |
| "nonbinary": "https://static.miraheze.org/nonbinarywiki/thumb/c/c0/Nonbinary.png/800px-Nonbinary.png", | | "nonbinary": "https://static.miraheze.org/nonbinarywiki/thumb/c/c0/Nonbinary.png/800px-Nonbinary.png", |
