Module:Message box/ombox.css: Difference between revisions
| Richardpruen (talk | contribs) m 1 revision imported |  and move mbox-small to 720px here as well | ||
| Line 1: | Line 1: | ||
| / | /* {{pp|small=y}} */ | ||
| .ombox { | |||
| 	margin: 4px 0; | |||
| 	margin: 4px  | |||
| 	border-collapse: collapse; | 	border-collapse: collapse; | ||
| 	/* Default "notice" gray */ | 	border: 1px solid #a2a9b1;    /* Default "notice" gray */ | ||
| 	background-color: #f8f9fa; | 	background-color: #f8f9fa; | ||
| 	box-sizing: border-box; | 	box-sizing: border-box; | ||
| } | } | ||
| /*  | /* For the "small=yes" option. */ | ||
| .ombox  | .ombox.mbox-small { | ||
| 	font-size: 88%; | |||
| 	line-height: 1.25em; | |||
| } | } | ||
| .ombox-speedy { | |||
| 	border: 2px solid #b32424;    /* Red */ | |||
| .ombox  | 	background-color: #fee7e6;    /* Pink */ | ||
| 	border:  | |||
| } | } | ||
| .ombox-delete { | |||
| .ombox  | 	border: 2px solid #b32424;    /* Red */ | ||
| 	border:  | |||
| } | } | ||
| .ombox-content { | |||
| .ombox  | 	border: 1px solid #f28500;    /* Orange */ | ||
| 	border:  | |||
| } | } | ||
| .ombox-style { | |||
| 	/*  | 	border: 1px solid #fc3;       /* Yellow */ | ||
| } | } | ||
| .ombox-move { | |||
| 	/*  | 	border: 1px solid #9932cc;    /* Purple */ | ||
| } | } | ||
| .ombox-protection { | |||
| 	border: 2px solid #a2a9b1;    /* Gray-gold */ | |||
| 	border | |||
| } | } | ||
| .ombox .mbox-text { | |||
| 	/*  | 	border: none; | ||
| 	/* @noflip */ | |||
| 	padding: 0.25em 0.9em; | |||
| 	width: 100%; | |||
| } | } | ||
| .ombox .mbox-image { | |||
| 	/*  | 	border: none; | ||
| 	/* @noflip */ | |||
| 	padding: 2px 0 2px 0.9em; | |||
| 	text-align: center; | |||
| } | } | ||
| .ombox .mbox-imageright { | |||
| 	/*  | 	border: none; | ||
| 	/* @noflip */ | |||
| 	padding: 2px 0.9em 2px 0; | |||
| 	text-align: center; | |||
| } | } | ||
| /* An empty narrow cell */ | |||
| .ombox .mbox-empty-cell { | |||
| 	border: none; | |||
| 	padding: 0; | |||
| 	width: 1px; | |||
| } | } | ||
| .ombox .mbox-invalid-type { | |||
| 	text-align: center; | |||
| } | |||
| @media (min-width: 720px) { | |||
| 	.ombox { | |||
| 		margin: 4px 10%; | |||
| 	} | |||
| 	.ombox.mbox-small { | |||
| 		/* @noflip */ | |||
| 		clear: right; | |||
| 		/* @noflip */ | |||
| 		float: right; | |||
| 		/* @noflip */ | |||
| 		margin: 4px 0 4px 1em; | |||
| 		width: 238px; | |||
| 	} | |||
| } | } | ||