الگو:پاسخ پرسش/styles.css: تفاوت میان نسخه‌ها

الگو:پاسخ پرسش/styles.css (نمایش مبدأ)

۵۴۱ بایت اضافه‌شده ، ‏۲۷ ژوئن ۲۰۲۲

جز

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

۴۱۵٬۰۷۸

ویرایش

@@ خط ۱: / خط ۱: @@
 /* --------------------- Begin Main Page Style ----------------- */
+/* جعبه پاسخ */
+/* === Collapsible elements. Toggle-link moved to left. ===
+/* Margin around it adjusted.
+/* https://community.fandom.com/wiki/Thread:1104268
+/* https://community.wikia.com/wiki/Thread:499656
+/* https://community.wikia.com/wiki/Help:Collapsing
+/* https://cannabis.wikia.com/wiki/MediaWiki:Wikia.css */
+.mw-collapsible span.mw-collapsible-toggle {
+    float: left;
+    margin-left: 0;
+    margin-right: 1em;
+}
+.mw-collapsible-content {
+	display: flex;
+}
 .im-answer-title {
 	padding: 10px 5px;
@@ خط ۵: / خط ۲۳: @@
 }
-.im-answer-content span:nth-child(2) {
+.im-answer-title span:nth-child(2) {
 	float: right;
 }
@@ خط ۱۱: / خط ۲۹: @@
 .im-answer-content {
 	display: flex;
-	background: #fcfcfc;
+	min-width: 210px;
-	box-shadow: 0 0 0.3rem rgba(0,0,0,0.08);
+	border-width: 1px;
-	border-radius: 0.1rem;
+	border-style: solid;
-	border: 1px solid rgba(0,0,0,0.08);
+	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-	padding: 0.5rem;
+	background: #f9f9f9;
+	border-color: #ddd;
+	padding: 5px;
 }
@@ خط ۲۸: / خط ۴۸: @@
 /* --------------------- End Main Page Style ----------------- */
 @media screen and (max-width: 719px) {
-	.im-answer-content span:nth-child(2) {
+	.im-answer-title span:nth-child(2) {
 		float: right;
 		font-size: calc(1em - .25vw);
 	}
+	.im-answer-content {
+		flex-wrap: wrap;
+	}
 }