MediaWiki:Mobile.css - Revision history

ST at 16:54, 1 April 2026

2026-04-01T16:54:26Z

@@ Line 57: / Line 57: @@
      font-weight: 600;
+   }
+}

2026-04-01T16:53:46Z

← Older revision		Revision as of 16:53, 1 April 2026
Line 59:		Line 59:
	}		}
	/* responsive table of contents with introduction https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431 */		/* responsive table of contents with introduction https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431 */
	@media (max-width: ~~400px~~) {		/* Mobile fix for DivToc layout */
			@media screen and (max-width: 700px) {
	.tocdiv {		.tocdiv {
	~~max-width: 800px;~~		display: block !important;
	display: ~~grid~~; ~~what~~		}
	~~grid-gap: 15px;~~		.tocdiv > div {
	~~grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));~~		width: 100% !important;
	~~grid-template-columns~~: ~~repeat(auto-fit, minmax(200px, 4fr))~~;		margin: 0 !important;
	~~grid-template-rows~~: ~~repeat(2, 200px)~~;		}
	~~grid-template-rows: repeat(auto-fit, minmax(300px, 1fr));~~
	}
	}		}

2026-04-01T16:23:26Z

← Older revision		Revision as of 16:23, 1 April 2026
Line 59:		Line 59:
	}		}
	/* responsive table of contents with introduction https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431 */		/* responsive table of contents with introduction https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431 */
	@media (max-width: ~~800px~~) {		@media (max-width: 400px) {
	.tocdiv {		.tocdiv {
	max-width: 800px;		max-width: 800px;
Line 65:		Line 65:
	grid-gap: 15px;		grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-template-columns: repeat(auto-fit, minmax(~~300px~~, 4fr));		grid-template-columns: repeat(auto-fit, minmax(200px, 4fr));
	grid-template-rows: repeat(2, 200px);		grid-template-rows: repeat(2, 200px);
	grid-template-rows: repeat(auto-fit, minmax(300px, 1fr));		grid-template-rows: repeat(auto-fit, minmax(300px, 1fr));
	}		}
	}		}

2026-04-01T16:12:36Z

← Older revision		Revision as of 16:12, 1 April 2026
Line 59:		Line 59:
	}		}
	/* responsive table of contents with introduction https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431 */		/* responsive table of contents with introduction https://medium.freecodecamp.org/how-to-make-your-html-responsive-by-adding-a-single-line-of-css-2a62de81e431 */
			@media (max-width: 800px) {
	.tocdiv {		.tocdiv {
	max-width: 800px;		max-width: 800px;
	display: grid; what		display: grid; what
	grid-gap: 15px;		grid-gap: 15px;
	grid-template-columns: repeat(auto-fit, minmax(~~250px~~, 1fr));		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-template-columns: repeat(auto-fit, minmax(300px, 4fr));		grid-template-columns: repeat(auto-fit, minmax(300px, 4fr));
	grid-template-rows: repeat(2, ~~300px~~);		grid-template-rows: repeat(2, 200px);
	grid-template-rows: repeat(auto-fit, minmax(300px, 1fr));		grid-template-rows: repeat(auto-fit, minmax(300px, 1fr));
			}
	}		}

2026-04-01T16:10:07Z

@@ Line 57: / Line 57: @@
      font-weight: 600;
+   }
+}

2026-03-31T23:02:20Z

cleaned out menu for mobile 'hacks'

@@ Line 1: / Line 1: @@
-h2, h3, h4 {color:red;background-color:blue}
+/* Cleaned MediaWiki:Mobile.css
-body {
+/* Base page adjustments for mobile */
 @media (max-width: 800px) {
    #mw-panel, .mw-sidebar, .vectorSidebar {
      display: none !important;
+   }
    #content, #mw-content-text {
      margin-left: 0 !important;
@@ Line 19: / Line 16: @@
+   }
+}
 /* Tame the Minerva logo/title and make the clickable area comfortable */
 @media (max-width: 800px) {
@@ Line 44: / Line 42: @@
+}
-/* Mobile custom hamburger + overlay (max-width 800px) */
+/* Small accessibility and touch targets */
 @media (max-width: 800px) {
-   .custom-mobile-hamburger {
+   .minerva-header a, .minerva-header .minerva-logo-link {
-     position: absolute;
+     -webkit-tap-highlight-color: rgba(0,0,0,0.08);
-    left: 0.5rem;
+     touch-action: manipulation;
+   }
-  .custom-mobile-overlay {
+/* Light visual reset to avoid heavy defaults bleeding into mobile */
-    position: fixed;
+@media (max-width: 800px) {
-    inset: 0;
+   /* Keep headings readable without forcing color schemes */
-    background: rgba(0,0,0,0.45);
+   .minerva-header h1, .minerva-header h2 {
-    z-index: 9997;
+     margin: 0;
-    display: none;
+     font-weight: 600;
+   }
+}

2026-03-31T22:24:01Z

@@ Line 41: / Line 41: @@
      padding: 4px 6px;
      text-decoration: none;
+   }
+}

2026-03-31T22:18:49Z

@@ Line 17: / Line 17: @@
      margin-left: 0 !important;
      padding-left: 1rem !important;
+   }
+}

2026-03-31T21:21:46Z

@@ Line 9: / Line 9: @@
    background-color: black;
    color: white;
+}

2021-06-13T03:08:00Z

← Older revision		Revision as of 03:08, 13 June 2021
Line 1:		Line 1:
	h2, h3, h4 {color:red;background-color:blue}		h2, h3, h4 {color:red;background-color:blue}

			body {
			background-color: lightgrey;
			color: blue;
			}

			h1 {
			background-color: black;
			color: white;
			}