Template:Nmbox/styles.css: Difference between revisions

From Greyhawk Wiki
Jump to navigation Jump to search
mNo edit summary
m 11 revisions imported: Trying again with Templates and Modules—Importing Mbox style Templates ({{Mbox}} and {{Ambox}})
 
(9 intermediate revisions by 6 users not shown)
Line 1: Line 1:
.nmbox {
.nmbox {
clear: both;
clear: both;
background: #eaecf0;
background: #f8f9fa;
border: 1px solid #AAA;
border: 1px solid #AAA;
box-sizing: border-box;
box-sizing: border-box;
Line 11: Line 11:
}
}
.nmbox-header {
.nmbox-header {
background: #f8f9fa;
background: #eaecf0;
padding: 4px 0.5em;
padding: 4px 0.5em;
font-weight: bold;
font-weight: bold;
Line 19: Line 19:
.nmbox .mbox-image {
.nmbox .mbox-image {
display: inline-block;
display: inline-block;
padding-right: 1em;
}
}
.nmbox-text {
.nmbox-text {

Latest revision as of 13:02, 17 October 2022

.nmbox {
	clear: both;
	background: #f8f9fa;
	border: 1px solid #AAA;
	box-sizing: border-box;
	margin: 2px 0;
	padding: 0;
}
.nmbox * {
	box-sizing: border-box;
}
.nmbox-header {
	background: #eaecf0;
	padding: 4px 0.5em;
	font-weight: bold;
	text-align: center;
	white-space: nowrap
}
.nmbox .mbox-image {
	display: inline-block;
	padding-right: 1em;
}
.nmbox-text {
	border-top: 1px solid #AAA;
	width: 100%;
	padding: 4px 0.5em;
}
@media screen and (min-width: 768px) {
	.nmbox-header {
		display: table-cell;
		border-right: 1px solid #AAA;
		width: 1%;
	}
	.nmbox-text {
		border-top: none;
		display: table-cell;
	}
}