8,957
edits
MediaWiki:Theme-blurryface.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
. | /* Стилизация только сайдбар-меню Twenty one pilots */ | ||
#p-Twenty_one_pilots .vector-menu-content-list { | |||
padding: 0.6em 0; | |||
margin: 0; | |||
list-style: none; | 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; | |||
margin- | 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; | 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; | |||
} | |||
} | } | ||