مدیاویکی:Common.css: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر تفاوت با ویرایش جدیدتر ←

@@ خط ۲۶۰: / خط ۲۶۰: @@
 .nw-grid {
-   display: grid;
+   display: flex;
-  grid-template-columns: 260px 1fr;
    gap: 22px;
-  direction: ltr;
+   align-items: flex-start;
-   align-items: start;
 }
-.nw-main,
 .nw-side {
-   direction: rtl;
+   width: 260px;
+  flex: 0 0 260px;
+  display: flex;
+  flex-direction: column;
+  gap: 18px;
 }
 .nw-main {
+  flex: 1;
+  min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 22px;
-}
-.nw-side {
-  display: flex;
-  flex-direction: column;
-  gap: 18px;
 }
 .nw-card {
+  width: 100%;
+  box-sizing: border-box;
    background: #fff;
    border: 1px solid #e5e7eb;
@@ خط ۳۱۲: / خط ۳۱۱: @@
    justify-content: space-between;
    align-items: center;
-   min-height: 92px;
+   gap: 16px;
 }
@@ خط ۳۳۴: / خط ۳۳۳: @@
    font-weight: 700;
    font-size: 0.85rem;
+  white-space: nowrap;
 }
@@ خط ۳۶۱: / خط ۳۶۱: @@
 .nw-meta {
    display: grid;
-   grid-template-columns: 1fr 1fr;
+   grid-template-columns: 130px 1fr;
    gap: 10px 18px;
 }
@@ خط ۳۸۸: / خط ۳۸۸: @@
    padding: 10px 18px;
    font-weight: 800;
-}
-.nw-button:hover {
-  background: #1d4ed8;
-  text-decoration: none;
 }
 .nw-highlights {
-  counter-reset: item;
    margin: 0;
-   padding: 0;
+   padding-right: 22px;
-  list-style: none;
-}
-.nw-highlights li {
-  counter-increment: item;
-  margin-bottom: 10px;
-}
-.nw-highlights li::before {
-  content: counter(item);
-  display: inline-flex;
-  width: 22px;
-  height: 22px;
-  align-items: center;
-  justify-content: center;
-  background: #eff6ff;
-  color: #2563eb;
-  border-radius: 6px;
-  margin-left: 8px;
-  font-weight: 800;
-  font-size: 0.8rem;
 }
@@ خط ۴۴۳: / خط ۴۱۶: @@
    border-radius: 8px;
    overflow: hidden;
-}
-.nw-gallery-item img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
 }
@@ خط ۴۶۴: / خط ۴۳۱: @@
 @media screen and (max-width: 850px) {
    .nw-grid {
-    display: flex;
      flex-direction: column;
    }
@@ خط ۴۷۰: / خط ۴۳۶: @@
    .nw-main {
      order: 1;
+    width: 100%;
    }
    .nw-side {
      order: 2;
+    width: 100%;
+    flex-basis: auto;
    }
@@ خط ۴۸۷: / خط ۴۵۶: @@
      flex-direction: column;
      align-items: flex-start;
-    gap: 12px;
    }
 }