MediaWiki:Mobile.css: Difference between revisions

From Wooly Moon Books
No edit summary
No edit summary
 
Line 175: Line 175:


.dmj-main-image { display: none; }
.dmj-main-image { display: none; }
.thumbinner { box-shadow: 0 .5rem .5rem rgba(0,0,0,.1); }
/* .thumbinner { box-shadow: 0 .5rem .5rem rgba(0,0,0,.1); } */

Latest revision as of 04:10, 10 March 2023

body p { font-size: 16px !important; }
#footer-places-privacy, #footer-places-about, #ca-talk, .d-none { display: none;}
.mw-logo { min-width: 3.875em; }
.mw-logo-icon { display: inline;}
.simple-tooltip-inline { border-bottom: none; }
.tooltipster-content { font-size: 14px !important; }

.simple-tooltip-img { 
	margin-top: -4px !important;
	border: none !important; }

.tooltipster-default {
	background-color: #fff !important;
	color: #222 !important;
	transition: opacity .15s ease !important;
	border: solid 1px #ddd;
}

.infobox {
	width: 100%;
	border: 1px solid #a2a9b1;
    border-spacing: 3px;
    background-color: #f8f9fa;
    color: black;
    margin: 0.5em 0 0.5em 0;
    padding: 0.2em; 
}

ul.gallery {
	margin: 0.3em auto 0.3em auto;
    text-align: center;
}

div.tright {
	float:none; 
	margin-left:0; 
	margin-bottom:.16px;
}

.infobox-image, .infobox-full-data { text-align: center; }
.internal-link a { color: #198754 !important; }
.internal-link a:hover { color: #146c43 !important; }


/* DMJ Template Base */
.dmj-table { 
	line-height: 1.5em !important;
	background-color: #fdfdfd;
	width: 100%;
	margin: 0 auto;
	font-size: 12.32px; }

.dmj-table-inner {
	border: 1px solid #a2a9b1;
	padding: 3px;
}

.dmj-table div { margin: 1px 0 0 0; }
.dmj-title, .dmj-subtitle { padding: 2px 12.32px; }
.dmj-title { 
	font-size: 114%;
	background-color: #ccccff;
}
.dmj-subtitle, .dmj-group-title { background-color: #ddddff; }
.dmj-group-content-title2, .dmj-group-image { background-color: #e6e6ff; }
.dmj-title, .dmj-subtitle { text-align: center; }
.dmj-subtitle { margin-top: 2px !important; }
.dmj-group, .dmj-group2 { display: flex; }

.dmj-group-content2-wrapper { 
	display: table; 
	width: 100%;
}

.dmj-group-content2 { 
	margin-top: 0 !important; 
	width: 100%;
	padding-right: 0 !important;
}

.dmj-group-content-title2 { 
	display: flex; 
	width: 100px;
	justify-content: flex-start;
	align-items: center;
	padding: 0 0 0 8px !important;
	margin-left: -2px !important;
}

.dmj-group-title, .dmj-group-image, .dmj-group-content { padding-left: 8px; }

.dmj-group-title {
	width: 100px;
    min-width: 100px;
    max-width: 100px;
	padding-right: 8px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	text-align: right;
}

.dmj-group-content { 
	display: flex;
	flex-direction: column;
	justify-content: center; }

.dmj-group-content-title { margin-bottom: 4px; }

.dmj-list-wrapper { 
	display: flex;
	align-items: center;
 }

.dmj-list {
	padding-left: 20px;
	margin: 0;
}

.dmj-plainlist { 
	list-style: none;
	margin: 0;
	padding-left: 8px; }
	
.dmj-group-content2 { display: flex; }
.dmj-group-content2, .dmj-group-content-title2 { padding: 0 2px; }
.navbox-even { background-color: #f7f7f7 }

.dmj-group-image { 
	margin-left: 2px !important;
	padding: 6px 12px;
}


/* DMJ Template Mobile */
.dmj-h2 { border-bottom: none !important; }

	.dmj-group-image { display: none; }
	.dmj-group, .dmj-group2 { flex-direction: column; }
	.dmj-group-content2 { flex-direction: column; }
	.dmj-group-title { justify-content: flex-start; }
	.dmj-list-wrapper { margin-left: 16px !important; }
	
	.dmj-group-title {
		width: 100%;
		min-width: 100%;
		max-width: 100%;
		padding-right: 0;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	
	.dmj-group-title {
		width: 70%;
		min-width: 70%;
		max-width: 70%;
		text-align: left;
		justify-content: flex-start;
	}

.dmj-cite .mw-collapsible-toggle { 
	float: none; 
	margin-left: 2px;
}

.dmj-cite .collapsible-list div { 
	margin-top: 0;
	float: left; }

.dmj-cite .mw-collapsible-content {
	margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.dmj-main-image { display: none; }
/* .thumbinner { box-shadow: 0 .5rem .5rem rgba(0,0,0,.1); } */