Template:Note/styles.css: Difference between revisions

From CCDirectLink
Stop using background-image for adding icons
m Offset the note content from the icon
Line 8: Line 8:
background-repeat: no-repeat;
background-repeat: no-repeat;
border: 1px solid #ddd;
border: 1px solid #ddd;
}
.note a {
    padding-right: 5px;
}
}
.note-inline {
.note-inline {

Revision as of 14:09, 29 May 2023

/* Taken from https://www.mediawiki.org/w/index.php?title=Template:Note/styles.css&oldid=4199118 */
.note {
	background-position: left 7px top 50%;
	padding: 0.5em 0.5em 0.5em 10px;
	margin: 0.5em 0;
	overflow: hidden;
	background-color: #f8f9fa;
	background-repeat: no-repeat;
	border: 1px solid #ddd;
}
.note a {
    padding-right: 5px;
}
.note-inline {
	display: inline-block;
	vertical-align: middle;
}
.note-info {
	background-color: #f6efe5;
	border-color: #ac6600;
	min-height: 28px;
}
.note-reminder {
	background-color: #fff9ea;
	border-color: #fc3;
	min-height: 28px;
}
.note-warn {
	background-color: #fff9ea;
	border-color: #fc3;
	min-height: 28px;
}

.note-error {
	background-color: #fee7e6;
	border-color: #c33;
	min-height: 28px;
}