MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search

MediaWiki:Common.css (view source)

Revision as of 19:11, 10 July 2025

727 bytes removed ,  10 July
no edit summary
No edit summary
No edit summary
Line 83: Line 83:


/* Photo frames */
/* Photo frames */
.photo-frame {
.photo-frame-v2 {
    background: #ded7cc; /* Бежевый фон */
    padding: 26px 0 18px 0;
    text-align: center;
    width: max-content;
    margin: 16px auto 24px auto;
}
 
.photo-frame-v2 .red-border {
    background: #d72613; /* Кроваво-красный */
    padding: 16px 18px 16px 18px;
     display: inline-block;
     display: inline-block;
    position: relative;
     margin-bottom: 18px;
     margin: 18px 16px;
    padding: 0;
    transition: transform 0.33s cubic-bezier(.64,1.7,.56,.93), box-shadow 0.3s;
    opacity: 0;
    animation: photo-fadein 0.6s 0.2s forwards;
}
@keyframes photo-fadein {
    from { opacity: 0; transform: translateY(28px) scale(.98);}
    to  { opacity: 1;  transform: translateY(0) scale(1);}
}
}
.photo-frame .frame-border {
 
    position: relative;
.photo-frame-v2 img,
    padding: 12px 32px 18px 32px; /* top, right, bottom, left */
.photo-frame-v2 video {
    border-style: solid;
    border-width: 8px 22px 10px 22px; /* верх/право/низ/лево */
    border-color: #C71F31; /* светло-кроваво-красный */
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(120,20,40,0.07);
    transition: box-shadow 0.3s, border-color 0.3s;
    z-index: 1;
}
.photo-frame:hover .frame-border {
    box-shadow: 0 6px 28px rgba(120,20,40,0.18), 0 0 0 4px #c71f3129;
    border-color: #E13349;
    transform: scale(1.025) translateY(-8px);
}
.photo-frame img,
.photo-frame .mw-file-element {
     display: block;
     display: block;
     max-width: 220px;
    background: #000;
     max-height: 310px;
     max-width: 410px;
     max-height: 245px;
     margin: 0 auto;
     margin: 0 auto;
     border-radius: 9px;
     border: none;
    box-shadow: 0 2px 10px rgba(90,13,21,0.06);
    transition: filter 0.2s;
}
}
.photo-frame:hover img {
 
     filter: brightness(1.03) contrast(1.08);
.photo-frame-v2 .caption {
     color: #3a3732;
    font-size: 1.11em;
    font-family: 'Segoe UI', 'Arial', sans-serif;
    margin: 8px 0 0 0;
    line-height: 1.38;
    letter-spacing: 0.01em;
}
}
.photo-frame .caption {
 
     text-align: center;
.photo-frame-v2 .caption a {
     color: #96101e;
     color: #4078c0;
     text-decoration: underline;
     font-weight: 500;
     font-weight: 500;
    font-size: 1.02em;
    letter-spacing: 0.04em;
    margin-top: 10px;
    margin-bottom: 2px;
    text-shadow: 0 1px 0 #fff6, 0 1px 4px #c01a2231;
     transition: color 0.2s;
     transition: color 0.2s;
    user-select: text;
}
}
.photo-frame-v2 .caption a:hover {
    color: #133ef7;
}




Retrieved from "https://twentyonewiki.info/index.php/Special:MobileDiff/10816"

Navigation menu