User:Ondo/vector.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* Defaults to the nonbinary flag */ | |||
#mw-head { | #mw-head { | ||
background: white; | background: white; | ||
| Line 6: | Line 7: | ||
} | } | ||
/* Style article tabs for the flags */ | |||
.vector-menu-tabs .selected { | .vector-menu-tabs .selected { | ||
background: rgba(255, 255, 255, .7); | background: rgba(255, 255, 255, .7); | ||
| Line 19: | Line 21: | ||
} | } | ||
/* "Happy Nonbinary Awareness Week" banner */ | |||
.nbweek-banner { | .nbweek-banner { | ||
background: rgba(255,255,255,.4); | background: rgba(255,255,255,.4); | ||
| Line 30: | Line 33: | ||
font-weight: normal; | font-weight: normal; | ||
font-style: italic; | 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; | |||
} | } | ||
Revision as of 14:11, 10 July 2022
/* Defaults to the nonbinary flag */
#mw-head {
background: white;
background-repeat: repeat-x;
background-size: contain;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)), url('https://static.miraheze.org/nonbinarywiki/thumb/c/c0/Nonbinary.png/800px-Nonbinary.png');
}
/* 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;
}