MediaWiki:Category.css
Перейти к навигации
Перейти к поиску
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
#content .category-page__trending-pages {
gap: 18px;
}
#content .category-page__trending-page {
animation: 0.85s cubic-bezier(0, 0, 0.1, 1) 0s 1 normal forwards running anim_category-page__trending-page--in;
opacity: 0;
transform: translateY(15px);
}
@keyframes anim_category-page__trending-page--in {
100% {
opacity: 1;
transform: translateY(0);
}
}
#content .category-page__trending-page {
animation-delay: 1s;
}
#content .category-page__trending-page:nth-child(1) {
animation-delay: 0.6s;
}
#content .category-page__trending-page:nth-child(2) {
animation-delay: 0.65s;
}
#content .category-page__trending-page:nth-child(3) {
animation-delay: 0.7s;
}
#content .category-page__trending-page:nth-child(4) {
animation-delay: 0.75s;
}
#content .category-page__trending-page:nth-child(5) {
animation-delay: 0.8s;
}
#content .category-page__trending-page:nth-child(6) {
animation-delay: 0.85s;
}
#content .category-page__trending-page:nth-child(7) {
animation-delay: 0.9s;
}
#content .category-page__trending-page:nth-child(8) {
animation-delay: 0.95s;
}
#content .category-page__trending-page figure {
position: relative;
}
#content .category-page__trending-page figure img {
transition: filter 0.3s;
}
#content .category-page__trending-page a:hover figure img {
filter: brightness(0.7);
}
#content .category-page__trending-page figure figcaption {
font-weight: bold;
margin: 0;
padding: 6px 0px;
}
#content .category-page__members-wrapper {
background-color: rgba(var(--srw-gray--rgb), 0.4);
border-radius: 5px;
display: inline-block;
margin-top: 18px;
margin-bottom: 20px;
position: relative;
width: 100%;
}
#content .category-page__members-wrapper:before {
background-color: var(--srw-blue);
border-radius: 5px 0 5px 5px;
content: "";
display: block;
height: calc(100% + 18px);
margin-top: -18px;
position: absolute;
top: 0;
width: 5px;
}
#content .category-page__first-char {
align-items: center;
background-color: var(--srw-blue);
border: 0;
color: white;
display: inline-flex;
height: 35px;
margin-left: 5px;
line-height: 14px;
padding: 0 20px;
position: relative;
transform: translateY(-18px);
}
#content .category-page__first-char:after {
background-color: var(--srw-blue);
border-radius: 5px;
content: "";
display: block;
height: 100%;
position: absolute;
right: -10px;
top: 0;
transform: skewX(-20deg);
width: 20px;
}
#content .category-page__members-for-char {
margin-top: -8px;
}
#content .category-page__member-left {
background-color: rgba(var(--srw-blue--rgb), 0.3);
border-radius: 3px;
}