MediaWiki:Theme-blurryface.css
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Стилизация только сайдбар-меню Twenty one pilots */
#p-Twenty_one_pilots .vector-menu-content-list {
padding: 0.6em 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 0.35em;
}
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item {
transition: transform 0.13s, box-shadow 0.14s, background 0.13s;
border-radius: 11px;
overflow: hidden;
margin: 0;
background: linear-gradient(90deg, #2d2f38 85%, #554099 120%);
box-shadow: 0 2px 8px 0 rgba(34,34,54,0.04);
border: 1.5px solid #3b3651;
position: relative;
}
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:hover,
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:focus-within {
background: linear-gradient(90deg, #473877 75%, #ffcd6b 140%);
box-shadow: 0 4px 20px 0 rgba(34,34,54,0.18);
transform: translateY(-2px) scale(1.03);
border-color: #b49af7;
}
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a {
display: block;
padding: 0.66em 1.3em 0.66em 1.1em;
color: #efeafc;
text-decoration: none;
font-weight: 500;
font-size: 1.07em;
letter-spacing: 0.03em;
transition: color 0.13s;
position: relative;
z-index: 2;
}
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:hover a,
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:focus-within a {
color: #2d1e49;
}
/* Маленький декоративный акцент слева */
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a::before {
content: '';
display: inline-block;
width: 0.4em;
height: 1.5em;
background: linear-gradient(135deg,#ffcd6b 70%,#b49af7 100%);
border-radius: 4px;
margin-right: 0.8em;
vertical-align: middle;
opacity: 0.67;
transition: opacity 0.14s;
}
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:hover a::before,
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:focus-within a::before {
opacity: 1;
}
@media (max-width: 700px) {
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a {
padding: 0.55em 0.8em;
font-size: 0.98em;
}
}