MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 02:41, 11 July 2025

121 bytes added , 11 July

no edit summary

Buburka Rinderbuy

Bureaucrats, Interface administrators, Administrators

8,957

edits

@@ Line 121: / Line 121: @@
 /*photo frames */
+/* Стиль для контейнера изображения с рамкой и подписью */
 /* Стиль для контейнера изображения с рамкой и подписью */
 .photo-frame {
-     display: inline-block;
+     display: inline-block; /* Для корректного центрирования и отображения */
-     text-align: center;
+     text-align: center; /* Центрирование подписи */
-     margin: 5px;
+     margin: 10px; /* Увеличенный отступ для лучшего визуального разделения */
-     opacity: 0;
+    padding: 10px; /* Внутренний отступ, чтобы рамка не обрезала фото */
-     animation: fadeIn 1s ease forwards;
+    vertical-align: top; /* Выравнивание по верхнему краю */
+     opacity: 0; /* Изначально невидимый */
+     animation: fadeIn 1s ease forwards; /* Анимация появления */
+    box-sizing: border-box; /* Учитывает рамку и отступы в размерах */
 }
+/* Анимация появления */
 @keyframes fadeIn {
-     from { opacity: 0; transform: translateY(10px);}
+     from {
-    to   { opacity: 1; transform: translateY(0);}
+        opacity: 0;
-}
+        transform: translateY(10px); /* Легкий сдвиг вниз */
+     }
-/* Внешняя рамка вокруг фото */
+     to {
-.photo-border {
+        opacity: 1;
-     display: inline-block;
+        transform: translateY(0);
-     padding: 12px 24px 12px 24px;  /* Тонкие верх/низ, широкие бока */
+     }
-    border-left: 18px solid #d02019;
-    border-right: 18px solid #d02019;
-    border-top: 8px solid #d02019;
-    border-bottom: 8px solid #d02019;
-    border-radius: 18px;
-    background: none;
-    transition:
-      box-shadow 0.3s cubic-bezier(.22,1,.36,1),
-      transform 0.3s cubic-bezier(.22,1,.36,1),
-      padding 0.3s cubic-bezier(.22,1,.36,1);
-}
-.photo-border:hover {
-    box-shadow: 0 9px 32px rgba(150,20,20,0.17), 0 2px 16px rgba(0,0,0,0.08);
-    transform: scale(1.04) translateY(-3px);
-     padding: 16px 30px 16px 30px;
-    border-width: 11px 24px 11px 24px;
 }
-/* Само изображение */
+/* Стиль для самой фотографии */
-.photo-border img,
+.photo-frame img {
-.photo-img {
+     border-style: solid; /* Тип рамки */
-     display: block;
+     border-color: #D02019; /* Красная рамка */
-     max-width: 150px;
+     border-width: 20px 40px; /* Верх/низ: 20px, лево/право: 40px */
-     max-height: 225px;
+     display: block; /* Убирает лишние отступы под изображением */
-    width: auto;
+     width: 150px; /* Базовая ширина изображения */
-    height: auto;
+     height: 225px; /* Базовая высота изображения */
-     object-fit: contain;   /* Фото не обрезается, а вписывается */
+     object-fit: cover; /* Обрезает изображение, чтобы оно вписалось */
-     border: none;
+     transition: all 0.3s ease; /* Плавный переход для всех изменений */
-     background: #222;      /* Можно убрать, если не нужно */
-     border-radius: 10px;
-     transition: box-shadow 0.3s;
 }
-.caption {
-    margin-top: 9px;
-    background: #181217;
-    color: #e0a6b4;
-    font-size: 1.08em;
-    padding: 8px 0 7px 0;
-    border-radius: 0 0 15px 15px;
-    border-bottom: 5px solid #d02019;
-    width: 90%;
-    margin-left: auto;
-    margin-right: auto;
-}
 /* Эффект при наведении */
 .photo-frame img:hover {
-     border-width: 23px 47px 23px 47px; /* Увеличиваем рамку при наведении */
+     border-width: 23px 47px; /* Увеличенная рамка при наведении */
      transform: scale(1.05); /* Увеличение изображения на 5% */
 }

MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 02:41, 11 July 2025

Navigation menu