MediaWiki:Mobile.css - Revision history

Xinreality: Undo revision 35360 by Xinreality (talk)

2025-05-07T00:33:55Z

Undo revision 35360 by Xinreality (talk)

← Older revision		Revision as of 00:33, 7 May 2025
Line 1:		Line 1:
	/* CSS for mobile version of VR & AR Wiki */		/* CSS for mobile version of VR & AR Wiki */


	~~/* --- START: Infobox on Mobile - Top --- */~~
	~~.infobox { /* Targeting by class is generally good */~~
	~~display: table !important; /* Override the template's inline 'display:inline-table!important' */~~
	~~/* 'block' would also work, but 'table' maintains its table nature */~~
	~~float: none !important; /* Remove the float inherited from Common.css */~~
	~~clear: both !important; /* Ensure it clears any (unlikely) preceding floats and nothing floats beside it */~~
	~~width: 100% !important; /* Make it take the full width of its container */~~
	~~margin-left: 0 !important; /* Reset margins */~~
	~~margin-right: 0 !important;~~
	~~margin-top: 0 !important; /* Ensure it's at the very top */~~
	~~margin-bottom: 1em !important; /* Add some space after it, this will override your previous 0px */~~
	~~box-sizing: border-box; /* Include padding and border in the element's total width and height */~~
	}

	~~/* If you want to keep your specific th and td styling, ensure they are still present: */~~
	~~.infobox tr th { /* Changed from table.infobox to just .infobox for consistency */~~
	~~text-align: center !important;~~
	}

	~~.infobox tr td:nth-child(1) { /* Changed from table.infobox to just .infobox for consistency */~~
	~~padding: 5px 10px !important; /* Simplified padding */~~
	}
	~~/* --- END: Infobox on Mobile - Top --- */~~

2025-05-07T00:30:10Z

← Older revision		Revision as of 00:30, 7 May 2025
Line 1:		Line 1:
	/* CSS for mobile version of VR & AR Wiki */		/* CSS for mobile version of VR & AR Wiki */


			/* --- START: Infobox on Mobile - Top --- */
			.infobox { /* Targeting by class is generally good */
			display: table !important; /* Override the template's inline 'display:inline-table!important' */
			/* 'block' would also work, but 'table' maintains its table nature */
			float: none !important; /* Remove the float inherited from Common.css */
			clear: both !important; /* Ensure it clears any (unlikely) preceding floats and nothing floats beside it */
			width: 100% !important; /* Make it take the full width of its container */
			margin-left: 0 !important; /* Reset margins */
			margin-right: 0 !important;
			margin-top: 0 !important; /* Ensure it's at the very top */
			margin-bottom: 1em !important; /* Add some space after it, this will override your previous 0px */
			box-sizing: border-box; /* Include padding and border in the element's total width and height */
			}

			/* If you want to keep your specific th and td styling, ensure they are still present: */
			.infobox tr th { /* Changed from table.infobox to just .infobox for consistency */
			text-align: center !important;
			}

			.infobox tr td:nth-child(1) { /* Changed from table.infobox to just .infobox for consistency */
			padding: 5px 10px !important; /* Simplified padding */
			}
			/* --- END: Infobox on Mobile - Top --- */

2025-05-07T00:30:04Z

Undo revision 35358 by Xinreality (talk)

← Older revision		Revision as of 00:30, 7 May 2025
Line 1:		Line 1:
	/* CSS for mobile version of VR & AR Wiki */		/* CSS for mobile version of VR & AR Wiki */

	~~/* --- START: Infobox on Mobile - Top --- */~~
	~~.infobox { /* Targeting by class is generally good */~~
	~~display: table !important; /* Override the template's inline 'display:inline-table!important' */~~
	~~/* 'block' would also work, but 'table' maintains its table nature */~~
	~~float: none !important; /* Remove the float inherited from Common.css */~~
	~~clear: both !important; /* Ensure it clears any (unlikely) preceding floats and nothing floats beside it */~~
	~~width: 100% !important; /* Make it take the full width of its container */~~
	~~margin-left: 0 !important; /* Reset margins */~~
	~~margin-right: 0 !important;~~
	~~margin-top: 0 !important; /* Ensure it's at the very top */~~
	~~margin-bottom: 1em !important; /* Add some space after it, this will override your previous 0px */~~
	~~box-sizing: border-box; /* Include padding and border in the element's total width and height */~~
	}

2025-05-07T00:29:43Z

← Older revision		Revision as of 00:29, 7 May 2025
Line 1:		Line 1:
	/* CSS for mobile version of VR & AR Wiki */		/* CSS for mobile version of VR & AR Wiki */

			/* --- START: Infobox on Mobile - Top --- */
			.infobox { /* Targeting by class is generally good */
			display: table !important; /* Override the template's inline 'display:inline-table!important' */
			/* 'block' would also work, but 'table' maintains its table nature */
			float: none !important; /* Remove the float inherited from Common.css */
			clear: both !important; /* Ensure it clears any (unlikely) preceding floats and nothing floats beside it */
			width: 100% !important; /* Make it take the full width of its container */
			margin-left: 0 !important; /* Reset margins */
			margin-right: 0 !important;
			margin-top: 0 !important; /* Ensure it's at the very top */
			margin-bottom: 1em !important; /* Add some space after it, this will override your previous 0px */
			box-sizing: border-box; /* Include padding and border in the element's total width and height */
			}

2025-05-07T00:29:17Z

Undo revision 35356 by Xinreality (talk)

← Older revision		Revision as of 00:29, 7 May 2025
Line 1:		Line 1:
	/* CSS for mobile version of VR & AR Wiki */		/* CSS for mobile version of VR & AR Wiki */

	~~/* Center infobox on mobile */~~
	~~table.infobox tr th {~~
	~~text-align: center !important;~~
	}

	~~/* Padding for infobox fields */~~
	~~table.infobox tr td:nth-child(1) {~~
	~~padding: 5px !important;~~
	~~padding-left: 10px !important;~~
	~~padding-right: 10px !important;~~
	}

	~~/* Remove empty space below infobox */~~
	~~table.infobox {~~
	~~margin-bottom: 0px !important;~~
	}

2025-05-07T00:28:36Z

← Older revision		Revision as of 00:28, 7 May 2025
Line 1:		Line 1:
	/* CSS for mobile version of VR & AR Wiki */		/* CSS for mobile version of VR & AR Wiki */

			/* Center infobox on mobile */
			table.infobox tr th {
			text-align: center !important;
			}

			/* Padding for infobox fields */
			table.infobox tr td:nth-child(1) {
			padding: 5px !important;
			padding-left: 10px !important;
			padding-right: 10px !important;
			}

			/* Remove empty space below infobox */
			table.infobox {
			margin-bottom: 0px !important;
			}

2025-05-07T00:21:30Z

← Older revision		Revision as of 00:21, 7 May 2025
Line 1:		Line 1:
	/* CSS for mobile version of VR & AR Wiki */		/* CSS for mobile version of VR & AR Wiki */

	~~/* Fix for infoboxes on mobile */~~
	~~@media only screen and (max-width: 768px) {~~
	~~.mw-mobile-float-reset {~~
	~~display: table !important;~~
	~~float: none !important;~~
	~~width: 100% !important;~~
	~~margin: 0 0 0.5em 0 !important;~~
	~~clear: both !important;~~
	}
	}

2025-05-07T00:21:07Z

← Older revision		Revision as of 00:21, 7 May 2025
Line 1:		Line 1:
	/* CSS for mobile version of VR & AR Wiki */		/* CSS for mobile version of VR & AR Wiki */

			/* Fix for infoboxes on mobile */
			@media only screen and (max-width: 768px) {
			.mw-mobile-float-reset {
			display: table !important;
			float: none !important;
			width: 100% !important;
			margin: 0 0 0.5em 0 !important;
			clear: both !important;
			}
			}


	/* Basic layout and typography */		/* Basic layout and typography */

2025-04-16T17:03:07Z

2023-09-15T02:48:23Z

← Older revision		Revision as of 02:48, 15 September 2023
Line 14:		Line 14:
	}		}

			/Remove the empty space from below the infobox /
	table.infobox {		table.infobox {
	margin-bottom: 0px!important;		margin-bottom: 0px!important;