Message box/styles.css

.message-box{
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	box-sizing: border-box;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
.message-box.center{
	width: auto;
}

/* Label and text */
.message-box .mbox-label,
.message-box .mbox-text{
	border: none;
	width: 100%;
	box-sizing: border-box;
}
.message-box .mbox-label-with-text{
	padding: 0.25rem 0.9rem 0 0.9rem;
}
.message-box .mbox-text-with-label{
	padding: 0 0.9rem 0.25rem 0.9rem;
}
.message-box .mbox-label-without-text,
.message-box .mbox-text-without-label{
	padding: 0.25rem 0.9rem;
}

/* PNA */
html:root .mbox-pna{
	box-sizing: border-box;
	border-width: 1px;
	border-style: dashed;
	border-collapse: separate;
	padding: 0.41rem 0.82rem;
	/*margin-top: 1.66rem;*/
	/*margin-bottom: 0.88rem;*/
}
html:root body[data-theme="dark"] .mbox-pna{
	background-color: #401f22;
	border-color: #cc0000;
}
html:root body[data-theme="light"] .mbox-pna{
	background-color: #ffbaba;
	border-color: #330000;
}
.mbox-pna tr .mbox-image{
	padding: 0 0.9rem 0 0;
}
.mbox-pna .mbox-label{
	color: var(--ma-custom-heading-color);
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	border-bottom: 1px solid #666666;
	padding: 0;
}
.mbox-pna tr .mbox-text{
	padding: 0;
	font-size: 0.9rem;
}

/* Deletion banners */
html:root .mbox-delete{
	border-width: 2px;
	border-color: #bb2222;
}
@media screen{
	html:root body[data-theme="dark"] .mbox-delete{
		background-color: #330000;
	}
	html:root body[data-theme="light"] .mbox-delete{
		background-color: #ffcccc;
	}
}
@media print{
	html:root .mbox-delete{
		background-color: #ffcccc;
	}
}

/* Image styles */
.message-box .mbox-image-div{
	width: 52px;
}
.message-box .mbox-image{
	border: none;
	padding: 2px 0 2px 0.9em;
	text-align: center;
}
.message-box .mbox-imageright{
	border: none;
	padding: 2px 0.9em 2px 0;
	text-align: center;
}

/* small=yes */
.mbox-small{
	font-size: 77%;
	line-height: 1.25em;
}

/* small=left */
.mbox-small-left{
	margin: 4px 1em 4px 0;
	overflow: hidden;
	width: 238px;
	font-size: 77%;
	line-height: 1.25em;
}

/* An empty narrow cell */
.message-box .mbox-empty-cell{
	border: none;
	padding: 0;
	width: 1px;
}

/* Error message styling */
.message-box .mbox-invalid-type{
	text-align: center;
}

/* Responsive styling */
@media (min-width: 720px){
	.message-box{
		margin-right: 10%;
		margin-left: 10%;
	}
	.message-box.mbox-small{
		clear: right;
		float: right;
		margin: 4px 0 4px 1em;
		width: 238px;
	}
}

/* [[Category:Memory Alpha CSS]] */