Template:Dmbox/styles.css

/* */ .dmbox { display: flex; align-items: center; clear: both; margin: 0.9em 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0.25em 0.35em; font-style: italic; }

.dmbox > * { flex-shrink: 0; margin: 0 0.25em; }

.dmbox-body { flex-grow: 1; flex-shrink: 1; padding: 0.1em 0; }

.dmbox-invalid-type { text-align: center; }

/* Style similar to Module:Hatnote/styles.css */ body.skin-citizen .dmbox { padding: 0; margin-top: var(--space-xs); margin-bottom: var(--space-md); margin-left: 0; margin-right: 0; background: var(--color-surface-2); border-width: 0; border-radius: var(--border-radius--medium); color: var(--color-base--subtle); font-size: 0.875rem; line-height: var(--line-height-sm); }

body.skin-citizen .dmbox > * { margin: var(--space-sm) var(--space-md); }

body.skin-citizen .dmbox .dmbox-body { margin-left: 0; }