Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
(Created page with "→CSS placed here will affect users of the Vector skin: #p-Discord a { color: white !important; font-size: 12px; font-weight: bold; border-radius: 5px;...") |
|||
| Line 4: | Line 4: | ||
font-size: 12px; | font-size: 12px; | ||
font-weight: bold; | font-weight: bold; | ||
| − | border-radius: | + | border-radius: 10px; |
border: 1px solid #5e76c6; | border: 1px solid #5e76c6; | ||
background-color: #7289da; | background-color: #7289da; | ||
| Line 15: | Line 15: | ||
#p-Discord a::before { | #p-Discord a::before { | ||
| − | content: ' | + | content: 'Talk on Discord!'; |
font-weight: bold; | font-weight: bold; | ||
| − | opacity: | + | opacity: 1; |
} | } | ||
| Line 23: | Line 23: | ||
content: ''; | content: ''; | ||
background: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/bde3849f-8b50-46e6-92fa-06b89b73054a/d9y9q3w-c2d32c48-62dd-4218-9503-12921a70d6c9.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwic3ViIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl0sIm9iaiI6W1t7InBhdGgiOiIvaS9iZGUzODQ5Zi04YjUwLTQ2ZTYtOTJmYS0wNmI4OWI3MzA1NGEvZDl5OXEzdy1jMmQzMmM0OC02MmRkLTQyMTgtOTUwMy0xMjkyMWE3MGQ2YzkucG5nIn1dXX0.fd2zq1XkGFfJIDwjMBT9GxqRJZTkq8n52tC8iHhsPFM') no-repeat; | background: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/bde3849f-8b50-46e6-92fa-06b89b73054a/d9y9q3w-c2d32c48-62dd-4218-9503-12921a70d6c9.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwic3ViIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl0sIm9iaiI6W1t7InBhdGgiOiIvaS9iZGUzODQ5Zi04YjUwLTQ2ZTYtOTJmYS0wNmI4OWI3MzA1NGEvZDl5OXEzdy1jMmQzMmM0OC02MmRkLTQyMTgtOTUwMy0xMjkyMWE3MGQ2YzkucG5nIn1dXX0.fd2zq1XkGFfJIDwjMBT9GxqRJZTkq8n52tC8iHhsPFM') no-repeat; | ||
| − | background-size: | + | background-size: 20px 20px; |
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1)); | filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1)); | ||
position: absolute; | position: absolute; | ||
| − | top: | + | top: 1px; |
| − | left: | + | left: 5px; |
| − | width: | + | width: 20px; |
| − | height: | + | height: 20px; |
} | } | ||
Revision as of 02:39, 1 July 2020
/* CSS placed here will affect users of the Vector skin */
#p-Discord a {
color: white !important;
font-size: 12px;
font-weight: bold;
border-radius: 10px;
border: 1px solid #5e76c6;
background-color: #7289da;
display: block;
position: relative;
padding: 4px 0 5px calc(17px + 5.5px * 2);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
transition: 0.2s ease;
}
#p-Discord a::before {
content: 'Talk on Discord!';
font-weight: bold;
opacity: 1;
}
#p-Discord a::after {
content: '';
background: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/bde3849f-8b50-46e6-92fa-06b89b73054a/d9y9q3w-c2d32c48-62dd-4218-9503-12921a70d6c9.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwic3ViIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsImF1ZCI6WyJ1cm46c2VydmljZTpmaWxlLmRvd25sb2FkIl0sIm9iaiI6W1t7InBhdGgiOiIvaS9iZGUzODQ5Zi04YjUwLTQ2ZTYtOTJmYS0wNmI4OWI3MzA1NGEvZDl5OXEzdy1jMmQzMmM0OC02MmRkLTQyMTgtOTUwMy0xMjkyMWE3MGQ2YzkucG5nIn1dXX0.fd2zq1XkGFfJIDwjMBT9GxqRJZTkq8n52tC8iHhsPFM') no-repeat;
background-size: 20px 20px;
filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
position: absolute;
top: 1px;
left: 5px;
width: 20px;
height: 20px;
}
#p-Discord a:hover {
text-decoration: none;
background-color: #6980d1;
}
