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 150: / Line 190: @@
      display: none;
 }
+/* widen the sidebar */
+div#mw-panel {
+             width: 12em;
+}
+div#footer, #mw-head-base, div#content {
+             margin-left: 12em;
+}
+#left-navigation {
+             left: 12em;
+}
+div#mw-panel div.portal {
+  padding-bottom: 5px;
+}
+div#p-namespaces {
+            margin-left: 1em;
+}
+div#mw-panel div.portal {
+            margin: 0 0.6em 0 0;
+}
+div#mw-panel div.portal div.body ul li {
+           margin-left: 1em;
+}
+div#mw-panel div.portal h3 {
+         margin-left: 2.4em;
+}
 /*we don't want disqus on the main page*/
@@ Line 163: / Line 237: @@
 /* top and bottom banners (add header and footer) */
 body {
-background: url(https://xinreality.com/mediawiki/images/header_footer/xinreality_header1.png) top left no-repeat, url(https://xinreality.com/mediawiki/images/header_footer/xinreality_footer1.png) bottom left no-repeat;
+background: url() top left no-repeat, url() bottom left no-repeat;
 height:auto;
-min-height:130vh;
+min-height:110vh;
 }
@@ Line 172: / 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*/