모듈:Message box/ombox.css

  1 /* {{pp|small=y}} */
  2 .ombox {
  3 	margin: 4px 0;
  4 	border-collapse: collapse;
  5 	border: 1px solid #a2a9b1;    /* Default "notice" gray */
  6 	background-color: var(--background-color-neutral-subtle, #f8f9fa);
  7 	box-sizing: border-box;
  8     color: var(--color-base, #202122);
  9 }
 10 
 11 /* For the "small=yes" option. */
 12 .ombox.mbox-small {
 13 	font-size: 88%;
 14 	line-height: 1.25em;
 15 }
 16 
 17 .ombox-speedy {
 18 	border: 2px solid #b32424;    /* Red */
 19 	background-color: #fee7e6;    /* Pink */
 20 }
 21 
 22 .ombox-delete {
 23 	border: 2px solid #b32424;    /* Red */
 24 }
 25 
 26 .ombox-content {
 27 	border: 1px solid #f28500;    /* Orange */
 28 }
 29 
 30 .ombox-style {
 31 	border: 1px solid #fc3;       /* Yellow */
 32 }
 33 
 34 .ombox-move {
 35 	border: 1px solid #9932cc;    /* Purple */
 36 }
 37 
 38 .ombox-protection {
 39 	border: 2px solid #a2a9b1;    /* Gray-gold */
 40 }
 41 
 42 .ombox .mbox-text {
 43 	border: none;
 44 	/* @noflip */
 45 	padding: 0.25em 0.9em;
 46 	width: 100%;
 47 }
 48 
 49 .ombox .mbox-image {
 50 	border: none;
 51 	/* @noflip */
 52 	padding: 2px 0 2px 0.9em;
 53 	text-align: center;
 54 }
 55 
 56 .ombox .mbox-imageright {
 57 	border: none;
 58 	/* @noflip */
 59 	padding: 2px 0.9em 2px 0;
 60 	text-align: center;
 61 }
 62 
 63 /* An empty narrow cell */
 64 .ombox .mbox-empty-cell {
 65 	border: none;
 66 	padding: 0;
 67 	width: 1px;
 68 }
 69 
 70 .ombox .mbox-invalid-type {
 71 	text-align: center;
 72 }
 73 
 74 @media (min-width: 720px) {
 75 	.ombox {
 76 		margin: 4px 10%;
 77 	}
 78 	
 79 	.ombox.mbox-small {
 80 		/* @noflip */
 81 		clear: right;
 82 		/* @noflip */
 83 		float: right;
 84 		/* @noflip */
 85 		margin: 4px 0 4px 1em;
 86 		width: 238px;
 87 	}
 88 }
 89 
 90 /** T367463 */
 91 body.skin--responsive table.ombox img {
 92 	max-width: none !important;
 93 }
 94 
 95 @media screen {
 96 	html.skin-theme-clientpref-night .ombox-speedy {
 97 		background-color: #310402;    /* Dark red, same hue/saturation as light */
 98 	}
 99 }
100 
101 @media screen and (prefers-color-scheme: dark) {
102 	html.skin-theme-clientpref-os .ombox-speedy {
103 		background-color: #310402; /* Dark red, same hue/saturation as light */
104 	}
105 }