MediaWiki:Theme-blurryface.css: Difference between revisions
Jump to navigation
Jump to search
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; | ||
} | } | ||
} | } |
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;
}
}