8,667
edits
No edit summary |
No edit summary |
||
Line 5: | Line 5: | ||
border: 2px solid #000; | border: 2px solid #000; | ||
border-radius: 8px; | border-radius: 8px; | ||
background-color: | background-color: transparent; /* Прозрачный фон */ | ||
cursor: pointer; | cursor: pointer; | ||
transition: all 0.2s ease; | transition: all 0.2s ease; | ||
padding: 5px; | |||
padding: 5px; | box-sizing: border-box; | ||
box-sizing: border-box; | display: flex; | ||
justify-content: center; | |||
align-items: center; | |||
} | } | ||
Line 25: | Line 21: | ||
.social-media:active { | .social-media:active { | ||
background-color: #ccc; | background-color: #ccc; | ||
} | |||
.social-media a { | |||
width: 100%; | |||
height: 100%; | |||
background-image: url('your-image.png'); | |||
background-size: 80%; | |||
background-position: center center; | |||
background-repeat: no-repeat; | |||
background-clip: content-box; | |||
display: block; | |||
} | |||
.mw-parser-output a[href="/index.php/Special:Random"], | |||
.social-media a[href="/index.php/Special:Random"] { | |||
position: relative; | |||
display: inline-block; | |||
} | |||
.mw-parser-output a[href="/index.php/Special:Random"]::before, | |||
.social-media a[href="/index.php/Special:Random"]::before { | |||
content: ""; | |||
position: absolute; | |||
top: -10px; | |||
left: -10px; | |||
right: -10px; | |||
bottom: -10px; | |||
z-index: 1; | |||
} | } | ||