الگو:صفحهٔ اصلی/styles.css: تفاوت میان نسخه‌ها

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

@@ خط ۱: / خط ۱: @@
 .mp-topbanner {
-	text-align: center;
+    background-color: #fcfdfc;
-	margin: 25px 0;
+    border: 1px solid var(--wiki-dry-sage);
-	text-shadow: 1px 1px 2px #f8f9fa;
+    border-radius: 8px;
+    padding: 24px 20px;
+    text-align: center;
+    box-shadow: 0 4px 12px rgba(52, 78, 65, 0.05);
+    margin-bottom: 20px;
 }
-.mp-welcome {
+.mp-welcome-title {
-	font-size: 30px;
+    font-size: 26px;
-	font-weight: bold;
+    font-weight: bold;
-	color: #777;
+    color: var(--wiki-pine-teal);
+    margin-bottom: 10px;
 }
-.mp-welcome-title {
+.mp-description {
-	color: #0181A7;
+    font-size: 15px;
+    color: var(--wiki-hunter-green);
+    line-height: 1.8;
+    margin-bottom: 15px;
+    border-bottom: 1px solid var(--wiki-dust-grey);
+    padding-bottom: 12px;
 }
-.mp-description {
+.mp-search-box {
-	font-size: 16px;
+    margin: 15px 0;
-	margin-bottom: 5px;
-	border-bottom: 1px solid #eaecf0;
-	padding: 5px 0 10px 0;
 }
 .mp-menu {
-	margin-bottom: 5px;
+    font-size: 14px;
-	border-bottom: 1px solid #eaecf0;
+    color: var(--wiki-fern);
-	padding: 5px 0 10px 0;
 }
-#mp-upper, #mp-bottom {
+.mp-menu a {
-	display: flex;
+    color: var(--wiki-hunter-green);
+    font-weight: bold;
+    text-decoration: none;
 }
-#mp-article, #mp-help {
+.mp-menu a:hover {
-	flex: 1 1 67%;
+    color: var(--wiki-pine-teal);
-	margin-left: 2px;
+    text-decoration: underline;
-	display: flex;
-	flex-direction: column;
 }
-#mp-article-box, #mp-help-box {
+#mp-upper, #mp-bottom {
-	margin-left: .3em;
+    display: flex;
-	margin-bottom: 1em;
+    gap: 16px;
-	padding: 1em;
-	border-radius: 0.25em;
-	border: 1px solid #eee;
-	box-shadow: 0 0 1rem #eee;
 }
-#mp-article-box {
+#mp-article, #mp-help {
-	background: #f3f3f3;
+    flex: 1 1 67%;
-}
+    display: flex;
+    flex-direction: column;
-#mp-help-box {
-	background: #f8f9fa;
 }
 #mp-sidebar {
-	flex: 1 1 33%;
+    flex: 1 1 33%;
 }
-#mp-sidebar-box {
+.mp-box {
-	margin-right: .3em;
+    background: #ffffff;
-	margin-bottom: 1em;
+    border: 1px solid var(--wiki-dust-grey);
-	padding: 1em;
+    border-radius: 8px;
-	background: #faf4f0; /*#f7eee7*/
+    padding: 16px;
-	border-radius: 0.25em;
+    margin-bottom: 16px;
-	border: 1px solid #eee;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
-	box-shadow: 0 0 1rem #eee;
 }
 .mp-h2 {
-	padding: 10px;
+    padding: 10px 14px;
-	border-radius: 0.25em;
+    border-radius: 6px;
-	background: #fad9ae;
+    background: var(--wiki-dry-sage);
-	margin-bottom: 10px;
+     color: var(--wiki-pine-teal);
-}
+    font-size: 16px;
+     font-weight: bold;
-.mp-h2 span {
+     margin-top: 0;
-	font-size: 15px;
+     margin-bottom: 12px;
-	position: relative;
+     border-right: 5px solid var(--wiki-hunter-green);
-	padding-right: 45px;
-}
-.mp-h2 span:before {
-    width: 43px;
-     height: 43px;
-    position: absolute;
-    right: -1px;
-    top: -9px;
-    content: " ";
-}
-#mp-more {
-	float: left;
-	margin-left: 10px;
-}
-#mp-new ol {
-	margin: 10px 10px 0 0;
-	padding: 0;
-}
-#mp-new ol li {
-	list-style: none;
-}
-#mp-new ol li:before {
-    content: "";
-     line-height: 1em;
-     width: 5px;
-    height: 5px;
-    background-color: #00528C;
-    float: right;
-     margin: 7px 0 0 7px;
-     border-radius: 50%;
-}
-#badge {
-	font-weight: bold;
-	color: goldenrod;
 }
 @media (max-width: 875px) {
-	.mp-topbanner {
+    #mp-upper, #mp-bottom {
-		margin: 5px 0;
+        flex-direction: column;
-	}
+    }
-	.mp-welcome {
-		font-size: 24px;
-	}
-	.mp-menu {
-		border-bottom: 0;
-	}
-	.mp-menu .hlist > ul li {
-		margin-left: 0;
-	}
-	#mp-upper, #mp-bottom {
-	  flex-direction: column;
-	}
-	#mp-article-box {
-		margin-left: 0;
-	}
-	#mp-help-box {
-		background: #f7eee7;
-	}
 }