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

خط ۱٬۰۳۸:

}

.modern-city-grid {

display: grid;

grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));

gap: 15px;

padding: 20px;

background: #f8fafc;

border-radius: 20px;

}

.~~alborz~~-~~dashboard~~ { ~~display~~: ~~grid~~; ~~grid~~-~~template~~-~~columns~~: ~~repeat(auto~~-~~fit, minmax(300px, 1fr))~~; ~~gap~~: ~~20px~~; font-~~family~~: ~~sans-serif~~; }

.city-link {

~~.zone-card { background~~: #~~fff~~; ~~border~~-~~radius: 16px; padding: 20px~~; box-shadow: 0 4px ~~20px~~ rgba(0,0,0,0.08); ~~transition: transform 0.3s ease; border-top: 5px solid #3498db;~~ }

background: #ffffff;

.~~zone~~-~~card~~:hover { ~~transform~~: ~~translateY~~(~~-5px~~); }

padding: 15px;

~~.zone-title { font-weight~~: ~~bold; font-size: 1.2em~~; ~~margin-bottom: 15px; display: flex; align-items: center; }~~

border-radius: 12px;

~~.zone-list { display~~: ~~flex; flex~~-~~wrap: wrap~~; ~~gap: 8px; }~~

text-align: center;

~~.city~~-~~tag { background: #f0f7ff; color: #2980b9; padding: 6px 12px; border-radius: 20px; font-size~~: 0~~.9em; text~~-~~decoration: none; transition:~~ 0.~~2s; border: 1px solid #d6eaf8; }~~

text-decoration: none !important;

~~.city-tag:hover { background: #2980b9; color: #fff; }~~

color: #334155 !important;

~~/* رنگ‌بندی متفاوت برای هر منطقه */~~

font-weight: 500;

~~.zone-urban { border-top-color: #3498db~~; }

border: 1px solid #e2e8f0;

~~.zone-west {~~ border~~-top~~-color: ~~#27ae60~~; }

transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

~~.zone-mountain { border-top-color: #e67e22;~~ }

box-shadow: 0 2px 4px rgba(0,0,0,0.02);

}

.city-link:hover {

background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);

color: #ffffff !important;

transform: translateY(-3px);

box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.3);

border-color: transparent;

}

@@ خط ۱٬۰۳۸: / خط ۱٬۰۳۸: @@
 }
+.modern-city-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+    gap: 15px;
+    padding: 20px;
+    background: #f8fafc;
+    border-radius: 20px;
+}
-.alborz-dashboard { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; font-family: sans-serif; }
+.city-link {
-.zone-card { background: #fff; border-radius: 16px; padding: 20px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: transform 0.3s ease; border-top: 5px solid #3498db; }
+    background: #ffffff;
-.zone-card:hover { transform: translateY(-5px); }
+    padding: 15px;
-.zone-title { font-weight: bold; font-size: 1.2em; margin-bottom: 15px; display: flex; align-items: center; }
+    border-radius: 12px;
-.zone-list { display: flex; flex-wrap: wrap; gap: 8px; }
+    text-align: center;
-.city-tag { background: #f0f7ff; color: #2980b9; padding: 6px 12px; border-radius: 20px; font-size: 0.9em; text-decoration: none; transition: 0.2s; border: 1px solid #d6eaf8; }
+    text-decoration: none !important;
-.city-tag:hover { background: #2980b9; color: #fff; }
+    color: #334155 !important;
-/* رنگ‌بندی متفاوت برای هر منطقه */
+    font-weight: 500;
-.zone-urban { border-top-color: #3498db; }
+    border: 1px solid #e2e8f0;
-.zone-west { border-top-color: #27ae60; }
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-.zone-mountain { border-top-color: #e67e22; }
+    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
+}
+.city-link:hover {
+    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
+    color: #ffffff !important;
+    transform: translateY(-3px);
+    box-shadow: 0 10px 15px -3px rgba(99, 102, 241, 0.3);
+    border-color: transparent;
+}