"سانچہ:صفحۂ اول/styles.css" کے نسخوں کے درمیان فرق

سانچہ:صفحۂ اول/styles.css (ماخذ دیکھیں)

نسخہ بمطابق 16:43، 1 جون 2023ء

729 بائٹ کا ازالہ ، 1 جون 2023ء

م

کوئی خلاصۂ ترمیم نہیں

Wikivahdat

روبہ جات، مامورین اداری، انٹرفیس منتظمین، Suppressors، منتظمین

167

ترامیم

@@ سطر 1: / سطر 1: @@
 .mp-topbanner {
 	text-align: center;
-	width: 90%;
+	margin: 25px 0;
-	margin: 0 auto;
+	text-shadow: 1px 1px 2px #f8f9fa;
-	margin-bottom: 20px;
-}
-.mp-welcome p, .mp-description p {
-	margin: 0;
-	display: inline-block;
-	padding: 0 5px;
 }
 .mp-welcome {
-	font-size: 31px;
+	font-size: 30px;
-	color: #999;
+	font-weight: bold;
+	color: #777;
 }
-.mp-welcome .mp-welcome-title, .mp-description .colored a {
+.mp-welcome-title {
-	color: #0181A7 !important;
+	color: #0181A7;
 }
 .mp-description {
 	font-size: 16px;
-	color: #666;
 	margin-bottom: 5px;
-	border-bottom: 1px solid #e0e0e0;
+	border-bottom: 1px solid #eaecf0;
 	padding: 5px 0 10px 0;
-}
-.mp-welcome p {
-	border-bottom: 3px solid #e0e0e0;
-}
-.mp-welcome .wellcome {
-	display: inline-block;
-	border-bottom: 3px solid #e0e0e0;
-}
-.mp-welcome h1, .mp-description h2 {
-	display: inline;
-	font-size: 1em;
-	border:  none;
-	color: #666;
 }
 .mp-menu {
-	border-bottom: 1px solid #e0e0e0;
+	margin-bottom: 5px;
+	border-bottom: 1px solid #eaecf0;
+	padding: 5px 0 10px 0;
 }
-.mp-menu .mp-menu-item {
+#mp-upper, #mp-bottom {
-	display: inline-block;
+	display: flex;
-	font-size: 14px;
-	margin: 0 4px;
 }
-.mp-menu .mp-menu-item a {
+#mp-article, #mp-help {
-	color: #0181a7 !important;
+	flex: 1 1 67%;
-}
+	margin-left: 2px;
-#mp-upper {
 	display: flex;
+	flex-direction: column;
 }
-#mp-right {
+#mp-article-box, #mp-help-box {
-	flex: 1 1 70%;
+	margin-left: .3em;
-	margin-left: 2px;
+	margin-bottom: 1em;
-	padding: 0 5px;
+	padding: 1em;
+	border-radius: 0.25em;
+	border: 1px solid #eee;
+	box-shadow: 0 0 1rem #eee;
 }
-#mp-left {
+#mp-article-box {
-	flex: 1 1 30%;
+	background: #fff;
-	margin-right: 2px;
 }
-#mp-article {
+#mp-help-box {
-	display: flex;
+	background: #f8f9fa;
-	flex-direction: column;
-	padding-top: 1em;
 }
-#mp-f-article, #mp-s-article, #mp-help {
+#mp-sidebar {
-	margin-bottom: 1em;
+	flex: 1 1 33%;
 }
-.item-box {
+#mp-sidebar-box {
-    background: #e1f9f7;
+	margin-right: .3em;
-    border: 1px solid #90ebe8;
+	margin-bottom: 1em;
-    border-radius: 0.5em;
+	padding: 1em;
-    padding: 1em;
+	background: #f5faff;
-    margin-bottom: 1em;
+	border-radius: 0.25em;
+	border: 1px solid #eee;
+	box-shadow: 0 0 1rem #eee;
 }
 .mp-h2 {
 	padding: 10px;
-	border-radius: 6px;
+	border-radius: 0.25em;
-	background: #90ebe8;
+	background: #c6defe;
 	margin-bottom: 10px;
 }
@@ سطر 105: / سطر 83: @@
 }
-#mp-article .mp-h2 span:before, #mp-new .mp-h2 span:before, #mp-top .mp-h2 span:before, #mp-help  .mp-h2 span:before {
+.mp-h2 span:before {
      width: 43px;
      height: 43px;
@@ سطر 114: / سطر 92: @@
 }
-.mp-more {
+#mp-more {
 	float: left;
 	margin-left: 10px;
-}
-#mp-new, #mp-top {
-	width: 100%;
-	height: auto;
-	margin-bottom: 10px;
 }
 #mp-new ol {
 	margin: 10px 10px 0 0;
 	padding: 0;
-	text-align: right !important;
 }
@@ سطر 144: / سطر 115: @@
      margin: 7px 0 0 7px;
      border-radius: 50%;
+}
+#badge {
+	font-weight: bold;
+	color: goldenrod;
 }
 @media (max-width: 875px) {
 	.mp-topbanner {
-		margin-bottom: 0px;
+		margin: 5px 0;
 	}
@@ سطر 156: / سطر 132: @@
 	.mp-menu {
-		border-bottom: unset;
+		border-bottom: 0;
 	}
+	.mp-menu .hlist > ul li {
+		margin-left: 0;
+	}
-	#mp-upper {
+	#mp-upper, #mp-bottom {
 	  flex-direction: column;
 	}
-	.mp-h2 {
+	#mp-article-box {
-		padding: 10px;
+		margin-left: 0;
-		border-radius: 6px;
-		background: #90ebe8;
-		margin-bottom: 10px;
-	}
-	.mp-h2 span {
-		padding-right: 45px;
-		position: relative;
 	}
-	#mp-article .mp-h2 span:before, #mp-new .mp-h2 span:before, #mp-top .mp-h2 span:before, #mp-help  .mp-h2 span:before {
+	#mp-help-box {
-	    width: 43px;
+		background: #f5faff;
-	    height: 43px;
-	    position: absolute;
-	    right: -1px;
-	    top: -9px;
-	    content: " ";
 	}
 }