8,797
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| (18 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.licontent-actual { | |||
z-index: -2; /* Устанавливаем уровень слоя ниже upper_tables */ | |||
} | |||
/*photo frames */ | /*photo frames */ | ||
/* Стиль для контейнера изображения с рамкой и подписью */ | /* Стиль для контейнера изображения с рамкой и подписью */ | ||
| Line 4: | Line 8: | ||
display: inline-block; /* Для корректного центрирования и отображения */ | display: inline-block; /* Для корректного центрирования и отображения */ | ||
text-align: center; /* Центрирование подписи */ | text-align: center; /* Центрирование подписи */ | ||
margin: 5px 5px; /* Верх/низ: | margin: 5px 5px; /* Верх/низ: 5px, лево/право: 5px */ | ||
vertical-align: top; /* Выравнивание по верхнему краю, чтобы избежать смещений */ | vertical-align: top; /* Выравнивание по верхнему краю, чтобы избежать смещений */ | ||
opacity: 0; /* Изначально невидимый */ | |||
animation: fadeIn 1s ease forwards; /* Анимация появления */ | |||
} | |||
/* Анимация появления */ | |||
@keyframes fadeIn { | |||
from { | |||
opacity: 0; | |||
transform: translateY(10px); /* Легкий сдвиг вниз */ | |||
} | |||
to { | |||
opacity: 1; | |||
transform: translateY(0); | |||
} | |||
} | } | ||
| Line 17: | Line 35: | ||
height: 225px; /* Уменьшенная высота изображения */ | height: 225px; /* Уменьшенная высота изображения */ | ||
object-fit: cover; /* Обрезает изображение, чтобы оно вписалось в заданные размеры */ | object-fit: cover; /* Обрезает изображение, чтобы оно вписалось в заданные размеры */ | ||
transition: all 0.3s ease; /* Плавный переход для всех изменений */ | |||
} | |||
/* Эффект при наведении */ | |||
.photo-frame img:hover { | |||
border-width: 23px 47px 23px 47px; /* Увеличиваем рамку при наведении */ | |||
transform: scale(1.05); /* Увеличение изображения на 5% */ | |||
} | } | ||
| Line 345: | Line 370: | ||
/* | /* Скрытие оригинального текста и замена на "Comments" */ | ||
a[rel="discussion"] span { | a[rel="discussion"] span { | ||
display: inline-block; /* Для корректного позиционирования */ | |||
position: relative; | position: relative; | ||
color: transparent; /* Скрываем оригинальный текст для доступности */ | |||
} | } | ||
/* Отображение текста "Comments" */ | |||
a[rel="discussion"] span::before { | a[rel="discussion"] span::before { | ||
content: "Comments"; | |||
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
left: 0; | left: 0; | ||
color: #0645AD; /* Цвет текста, как у ссылок MediaWiki */ | |||
} | } | ||
/* | /* Подчеркивание при наведении, как у ссылок */ | ||
a[rel="discussion"]:hover { | a[rel="discussion"]:hover span::before { | ||
text-decoration: underline; | text-decoration: underline; | ||
text-decoration-color: #0645AD; /* Цвет подчеркивания, как у ссылок */ | |||
} | } | ||
| Line 504: | Line 529: | ||
flex-direction: column; /* Вертикальная ориентация содержимого */ | flex-direction: column; /* Вертикальная ориентация содержимого */ | ||
height: 1015px; | height: 1015px; | ||
z-index: 10000; /* Устанавливаем высокий уровень слоя */ | |||
} | } | ||
| Line 3,261: | Line 3,287: | ||
#p-personal ul { background: #DDD7CC; border-radius: 3px 3px; border: 2px solid #D33328; padding:0.1em 1.5em; height: 23px; } | #p-personal ul { background: #DDD7CC; border-radius: 3px 3px; border: 2px solid #D33328; padding:0.1em 1.5em; height: 23px; } | ||
#mw-head { background-image: url(/images/ | #mw-head { background-image: url(/images/2/24/Hello_Clancy_Banner.png);} /*banner*/ | ||
.vector-menu-tabs-legacy .selected { background: #DDD7CC } | .vector-menu-tabs-legacy .selected { background: #DDD7CC } | ||
