Array

MediaWiki:Common.css: Difference between revisions

(mod)
No edit summary
 
(137 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {


/* <source lang="css"> */
/* Responsive tables - simple horizontal scroll solution */
.table-wrapper-mobile {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
width: 100% !important;
margin: 0 -15px !important; /* Extends to edges */
padding: 0 15px !important;
}
.table-wrapper-mobile table.wikitable {
min-width: 900px !important;
width: 100% !important;
}
table.wikitable th,
table.wikitable td {
font-size: 3.2rem !important;
padding: 10px !important;
}


/* {{header}} */
table.headertemplate {
width:100%;
margin-bottom:5px;
border:1px solid #a3b0bf;
background:#7b98c7;
        color:#ffffff;
text-align:center;
font-size:0.9em;
}
}
.headertemplate .header_backlink,
.headertemplate .header_forelink {
width:20%;
font-size:0.9em;
line-height:normal;
}
.header_notes {
width:100%;
border-bottom:1px solid #A88;
background:#7b98c7;
        color:#ffffff;
font-size:0.9em;
}
.headertemplate .header_title { width: 60%; }
.headertemplate .header_backlink { text-align:left; }
.headertemplate .header_forelink { text-align:right; }
/* white links for dark background tables */
.headertemplate a:link {color: #FFFFFF;}
.headertemplate a:visited {color: #FFFF00;}
.headertemplate a:hover {color: #FFFFFF;}
.headertemplate a:active {color: #FFFFFF;}
.headertemplate a:focus {color: #FFFFFF;}
/* </source> */

Latest revision as of 18:48, 19 January 2026

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {

	/* Responsive tables - simple horizontal scroll solution */
	.table-wrapper-mobile {
		overflow-x: auto !important;
		-webkit-overflow-scrolling: touch !important;
		width: 100% !important;
		margin: 0 -15px !important; /* Extends to edges */
		padding: 0 15px !important;
	}
	
	.table-wrapper-mobile table.wikitable {
		min-width: 900px !important;
		width: 100% !important;
	}
	
	table.wikitable th,
	table.wikitable td {
		font-size: 3.2rem !important;
		padding: 10px !important;
	}
	

}