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