8,556
edits
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| (28 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.licontent-actual { | |||
z-index: -2; /* Устанавливаем уровень слоя ниже upper_tables */ | |||
} | |||
/*photo frames */ | |||
/* Стиль для контейнера изображения с рамкой и подписью */ | |||
.photo-frame { | |||
display: inline-block; /* Для корректного центрирования и отображения */ | |||
text-align: center; /* Центрирование подписи */ | |||
margin: 5px 5px; /* Верх/низ: 5px, лево/право: 5px */ | |||
vertical-align: top; /* Выравнивание по верхнему краю, чтобы избежать смещений */ | |||
opacity: 0; /* Изначально невидимый */ | |||
animation: fadeIn 1s ease forwards; /* Анимация появления */ | |||
} | |||
/* Анимация появления */ | |||
@keyframes fadeIn { | |||
from { | |||
opacity: 0; | |||
transform: translateY(10px); /* Легкий сдвиг вниз */ | |||
} | |||
to { | |||
opacity: 1; | |||
transform: translateY(0); | |||
} | |||
} | |||
/* Стиль для самой фотографии */ | |||
.photo-frame img { | |||
border-style: solid; /* Тип рамки */ | |||
border-color: #D02019; /* Красная рамка */ | |||
border-width: 20px 40px 20px 40px; /* Верх: 20px, Право: 40px, Низ: 20px, Лево: 40px */ | |||
display: block; /* Убирает лишние отступы под изображением */ | |||
width: 150px; /* Уменьшенная ширина изображения */ | |||
height: 225px; /* Уменьшенная высота изображения */ | |||
object-fit: cover; /* Обрезает изображение, чтобы оно вписалось в заданные размеры */ | |||
transition: all 0.3s ease; /* Плавный переход для всех изменений */ | |||
} | |||
/* Эффект при наведении */ | |||
.photo-frame img:hover { | |||
border-width: 23px 47px 23px 47px; /* Увеличиваем рамку при наведении */ | |||
transform: scale(1.05); /* Увеличение изображения на 5% */ | |||
} | |||
/* Стиль для подписи */ | |||
.photo-frame .caption { | |||
background: none; /* Без фона */ | |||
font-size: 14px; /* Размер шрифта подписи */ | |||
margin-top: 5px; /* Отступ сверху от изображения */ | |||
color: #000; /* Цвет текста подписи (черный) */ | |||
} | |||
/* Media */ | /* Media */ | ||
.social-media-row { | .social-media-row { | ||
| Line 7: | Line 60: | ||
/* Стили для каждого контейнера */ | /* Стили для каждого контейнера */ | ||
.social-media { | .social-media { | ||
width: | width: 75px; | ||
height: | height: 75px; | ||
border: 2px solid #000; | border: 2px solid #000; | ||
border-radius: 8px; | border-radius: 8px; | ||
| Line 14: | Line 67: | ||
cursor: pointer; | cursor: pointer; | ||
transition: all 0.2s ease; | transition: all 0.2s ease; | ||
padding: | padding: 10px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
display: flex; | display: flex; | ||
justify-content: center; | justify-content: center; | ||
align-items: center; | align-items: center; | ||
margin-bottom: 5px; | |||
} | } | ||
| Line 316: | 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 475: | Line 529: | ||
flex-direction: column; /* Вертикальная ориентация содержимого */ | flex-direction: column; /* Вертикальная ориентация содержимого */ | ||
height: 1015px; | height: 1015px; | ||
z-index: 10000; /* Устанавливаем высокий уровень слоя */ | |||
} | } | ||
| Line 3,232: | 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 } | ||
