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

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

الگو:صفحهٔ اصلی تست/styles.css (نمایش مبدأ)

نسخهٔ ‏۷ آوریل ۲۰۲۴، ساعت ۲۳:۱۶

۱۰۲ بایت اضافه‌شده ، ۷ آوریل

بدون خلاصۀ ویرایش

Ali

مدیران رابط کاربری، مدیران، templateeditor

۲۴٬۴۴۹

ویرایش

@@ خط ۱: / خط ۱: @@
-/* --------------------- Begin Main Page Style ----------------- */
+.mp-topbanner {
-.mainpage_head {
+	text-align: center;
-    text-align: center;
+	margin: 25px 0;
-	padding: 10px;
+	text-shadow: 1px 1px 2px #f8f9fa;
-	margin: 5px;
-	min-width: 210px;
-	border-width: 1px;
-	border-style: solid;
-	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
 }
-.mainpage_body {
+.mp-welcome {
-    display: flex;
+	font-size: 30px;
-    flex-flow: row wrap;
+	font-weight: bold;
+	color: #777;
 }
-.mainpage_head_desc div:nth-child(1) {
+.mp-welcome-title {
-    font-size: 110%
+	color: #0181A7;
 }
-.mainpage_head_desc div:nth-child(2), .mainpage_head_desc div:nth-child(3) {
+.mp-description {
-    font-size: 90%
+	font-size: 16px;
+	margin-bottom: 5px;
+	border-bottom: 1px solid #eaecf0;
+	padding: 5px 0 10px 0;
 }
-.mainpage_head_desc div:nth-child(4) {
+.mp-menu {
-	border-top: 1px solid #CCC;
+	margin-bottom: 5px;
-	margin: 0;
+	border-bottom: 1px solid #eaecf0;
-	padding: 5px 0;
+	padding: 5px 0 10px 0;
-	font-size: 90%
 }
-.mainpage_body_right {
+#mp-upper, #mp-bottom {
+	display: flex;
+}
+#mp-article, #mp-help {
+	flex: 1 1 67%;
+	margin-left: 2px;
 	display: flex;
 	flex-direction: column;
-	flex: 7;
 }
-.mainpage_body_left {
+#mp-article-box, #mp-help-box {
-	flex: 3;
+	margin-left: .3em;
+	margin-bottom: 1em;
+	padding: 1em;
+	border-radius: 0.25em;
+	border: 1px solid #eee;
+	box-shadow: 0 0 1rem #eee;
 }
-.mainpage_box {
+#mp-article-box {
-	padding: 10px;
+	background: #f3f3f3;
-	margin: 5px;
-	min-width: 210px;
-	border-width: 1px;
-	border-style: solid;
-	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
 }
-.mainpage_box_header {
+#mp-help-box {
-	padding: 10px;
-	margin-bottom: 5px;
-	border-width: 1px;
-	border-style: solid;
 	background: #f8f9fa;
 }
-.mainpage_box_title {
+#mp-sidebar {
-	border-bottom: 1px solid #CCC;
+	flex: 1 1 33%;
-	padding: 5px 10px;
-	margin: 5px;
 }
-.mainpage_box_content {
+#mp-sidebar-box {
-	padding: 5px;
+	margin-right: .3em;
+	margin-bottom: 1em;
+	padding: 1em;
+	background: #faf4f0; /*#f7eee7*/
+	border-radius: 0.25em;
+	border: 1px solid #eee;
+	box-shadow: 0 0 1rem #eee;
 }
-.mainpage_box_more {
+.mp-h2 {
-	float: left;
+	padding: 10px;
+	border-radius: 0.25em;
+	background: #fad9ae;
+	margin-bottom: 10px;
 }
-#mp-topbanner {
+.mp-h2 span {
-	background: #f9f9f9;
+	font-size: 15px;
-	border-color: #ddd;
+	position: relative;
+	padding-right: 45px;
 }
-#mp-right .mainpage_box {
+.mp-h2 span:before {
-	background: #C6DEFE;
+    width: 43px;
-	border-color: #C6DEFE;
+    height: 43px;
+    position: absolute;
+    right: -1px;
+    top: -9px;
+    content: " ";
 }
-#mp-left .mainpage_box {
+#mp-more {
-	background: #f5faff;
+	float: left;
-	border-color: #cedff2;
+	margin-left: 10px;
 }
-#mp-middle {
+#mp-new ol {
-	background: #fff5fa;
+	margin: 10px 10px 0 0;
-	border-color: #f2cedd;
+	padding: 0;
 }
-#mp-lower {
+#mp-new ol li {
-	background: #faf5ff;
+	list-style: none;
-	border-color: #ddcef2;
 }
-#mp-right .mainpage_box_header {
+#mp-new ol li:before {
-	background: #cef2e0;
+    content: "";
-	border-radius:2px;
+    line-height: 1em;
-	padding: 5px 8px 5px 0;
+    width: 5px;
+    height: 5px;
+    background-color: #00528C;
+    float: right;
+    margin: 7px 0 0 7px;
+    border-radius: 50%;
 }
-#mp-left .mainpage_box_header {
+#badge {
-	background: #cedff2;
+	font-weight: bold;
-	border-radius:2px;
+	color: goldenrod;
-	padding: 5px 8px 5px 0;
 }
-#mp-middle .mainpage_box_header {
+@media (max-width: 875px) {
-	background: #f2cedd;
+	.mp-topbanner {
-	border-color: #bfa3af;
+		margin: 5px 0;
-}
+	}
+	.mp-welcome {
+		font-size: 24px;
+	}
+	.mp-menu {
+		border-bottom: 0;
+	}
+	.mp-menu .hlist > ul li {
+		margin-left: 0;
+	}
-#mp-lower .mainpage_box_header {
+	#mp-upper, #mp-bottom {
-	background: #ddcef2;
+	  flex-direction: column;
-	border-color: #afa3bf;
+	}
-}
-/* --------------------- End Main Page Style ----------------- */
+	#mp-article-box {
-@media screen and (max-width: 719px) {
+		margin-left: 0;
+	}
+	#mp-help-box {
+		background: #f7eee7;
+	}
 }