MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 1: / Line 1: @@
 /* CSS placed here will be applied to all skins */
+/* This makes the infobox above the content on Mobile only */
+/* Mobile-specific infobox styling - only applies on small screens */
+@media only screen and (max-width: 768px) {
+  .infobox {
+    float: none !important;
+    display: block !important;
+    width: 100% !important;
+    margin: 0 0 15px 0 !important;
+    box-sizing: border-box;
+  }
+  /* Optional: If you want a bit of margin on the sides */
+  .infobox {
+    margin-left: auto !important;
+    margin-right: auto !important;
+    max-width: 95% !important;
+  }
+  /* Ensure infobox appears before the first paragraph */
+  #bodyContent > p:first-of-type {
+    clear: both;
+  }
+}
+/* End of this makes the infobox above the content on Mobile only */
 body.page-Main_Page h1.firstHeading { display:none; }
 .XinReality1 {
@@ Line 105: / Line 134: @@
      background: #DFE8FF;
 }
+.needConfirmation {
+    text-align: center;
+    margin: 3px;
+    margin-left:10%;
+    margin-right:10%;
+    border-collapse: collapse;
+    border: 1px solid #aaa;
+    background: #eab676;
+}
 /* Infobox template style */
@@ Line 206: / Line 246: @@
 background-repeat: no-repeat!important;
 }
+/* display mobile or desktop */
+/* used by the front page start*/
+/* Default styles for desktop (769px or more) */
+.desktop-view {
+    display: block;
+}
+.mobile-view {
+    display: none;
+}
+@media only screen and (max-width: 768px) {
+  .desktop-view { display: none !important; }
+  .mobile-view { display: block !important; }
+}
+/* used by the front page end*/