#wyU4VSM.is-media-grid {
column-count: 4;
column-gap: 10px;
padding: 10px;
}
#wyU4VSM .gallery-item {
position: relative;
break-inside: avoid;
border-radius: 0px;
margin-bottom: 10px;
line-height: 0; /* إزالة المساحة الإضافية */
cursor: pointer;
overflow: hidden;
}
#wyU4VSM .gallery-item img {
width: 100%;
height: auto;
transition: .8s all;
margin: 0;
}
#wyU4VSM .gallery-item .caption {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.4);
color: #fff;
padding: 12px 15px;
opacity: 0;
transition: all 0.8s ease;
overflow: hidden;
text-overflow: ellipsis;
box-sizing: border-box;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: .9em;
font-weight: 200;
line-height: 1.2;
}
#wyU4VSM .gallery-item .caption h4 {
font-weight: 300;
font-size: 1.1em;
margin: 0 0 0.1em;;
}
#wyU4VSM .gallery-item:hover .caption {
opacity: 1;
}
/* شريحة */
#wyU4VSM .gallery-item .caption {
transform: translateY(100%);
transition: transform 0.5s ease, opacity 0.5s ease;
}
#wyU4VSM .gallery-item:hover .caption {
transform: translateY(0%);
opacity: 1;
}
/* تسمية خفيفة */
#wyU4VSM .gallery-item .caption {
background-color: #fff;
color: #000;
}
@media (max-width: 800px) {
#wyU4VSM.is-media-grid {column-count: 3;}
}
@media (max-width: 600px) {
#wyU4VSM.is-media-grid {column-count: 2;}
}
@media (max-width: 400px) {
#wyU4VSM.is-media-grid {column-count: 1;}
}
.gallery-item video {
height: auto;
width: 100%;
object-fit: cover;
}
تسجيل الدخول
مستخدم جديد? اشتراك
إعادة تعيين كلمة المرور
اشتراك
المستخدم الحالي? تسجيل الدخول هنا
تسجيل الدخول هنا
إعادة تعيين كلمة المرور
الرجاء إدخال عنوان بريدك الإلكتروني المسجل. سوف تتلقى رابطًا لإعادة تعيين كلمة المرور الخاصة بك عبر البريد الإلكتروني.
مستخدم جديد? اشتراك
Currency Exchange Graph