8,959
edits
MediaWiki:Theme-blurryface.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary Tag: Reverted |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* | /* Кроваво-красный лаконичный стиль меню Twenty one pilots */ | ||
#p-Twenty_one_pilots .vector-menu-content-list { | #p-Twenty_one_pilots .vector-menu-content-list { | ||
padding: 0. | padding: 0.5em 0; | ||
margin: 0; | margin: 0; | ||
list-style: none; | list-style: none; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
gap: 0. | gap: 0.18em; | ||
} | } | ||
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item { | #p-Twenty_one_pilots .vector-menu-content-list .mw-list-item { | ||
border-radius: 7px; | |||
border-radius: | |||
overflow: hidden; | overflow: hidden; | ||
margin: 0; | margin: 0; | ||
background: | background: #231012; | ||
border: 1.1px solid #51151b; | |||
transition: background 0.14s, border 0.13s, box-shadow 0.12s; | |||
box-shadow: none; | |||
position: relative; | position: relative; | ||
} | } | ||
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a { | #p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a { | ||
display: block; | display: block; | ||
padding: 0. | padding: 0.59em 1em 0.59em 1.2em; | ||
color: # | color: #efd4d6; | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: 500; | font-weight: 500; | ||
font-size: 1. | font-size: 1.03em; | ||
letter-spacing: 0. | letter-spacing: 0.01em; | ||
transition: color 0. | transition: color 0.14s; | ||
position: relative; | position: relative; | ||
} | } | ||
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a::before { | #p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a::before { | ||
content: ''; | content: ''; | ||
display: inline-block; | display: inline-block; | ||
width: 0. | width: 0.42em; | ||
height: 1. | height: 1.4em; | ||
background: linear-gradient(135deg,# | background: linear-gradient(135deg,#db2a32 70%,#a21c2a 100%); | ||
border-radius: | border-radius: 3.5px; | ||
margin-right: 0. | margin-right: 0.7em; | ||
vertical-align: middle; | vertical-align: middle; | ||
opacity: 0. | opacity: 0.7; | ||
transition: opacity 0.14s; | transition: opacity 0.14s; | ||
} | |||
#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: #39171c; | |||
border-color: #db2a32; | |||
box-shadow: 0 2px 10px 0 rgba(105,12,25,0.11); | |||
} | |||
#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: #ffe7ea; | |||
} | } | ||
| Line 63: | Line 60: | ||
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:focus-within a::before { | #p-Twenty_one_pilots .vector-menu-content-list .mw-list-item:focus-within a::before { | ||
opacity: 1; | opacity: 1; | ||
background: linear-gradient(120deg,#ff303d 40%,#a21c2a 100%); | |||
} | } | ||
@media (max-width: 700px) { | @media (max-width: 700px) { | ||
#p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a { | #p-Twenty_one_pilots .vector-menu-content-list .mw-list-item a { | ||
padding: 0. | padding: 0.45em 0.7em; | ||
font-size: 0. | font-size: 0.97em; | ||
} | } | ||
} | } | ||