styles.css

De Grupo Voalle
< Predefinição:Ambox
Revisão de 09h14min de 10 de maio de 2019 por Sergio.carlotto (discussão | contribs) (uma edição)
(dif) ← Edição anterior | Revisão atual (dif) | Versão posterior → (dif)
	/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
	th.mbox-text, td.mbox-text {   /* The message body cell(s) */
		border: none;
		/* @noflip */
		padding: 0.25em 0.9em;     /* 0.9em left/right */
		width: 100%;               /* Make all mboxes the same width regardless of text length */
	}
	td.mbox-image {                /* The left image cell */
		border: none;
		/* @noflip */
		padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
		text-align: center;
	}
	td.mbox-imageright {           /* The right image cell */
		border: none;
		/* @noflip */
		padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
		text-align: center;
	}
	td.mbox-empty-cell {           /* An empty narrow cell */
		border: none;
		padding: 0;
		width: 1px;
	}
	
	/* Article message box styles */
	table.ambox {
		margin: 0 10%;                  /* 10% = Will not overlap with other elements */
		border: 1px solid #a2a9b1;
		/* @noflip */
		border-left: 10px solid #36c;  /* Default "notice" blue */
		background-color: #fbfbfb;
		box-sizing: border-box;
	}
	table.ambox + table.ambox {      /* Single border between stacked boxes. */
		margin-top: -1px;
	}
	.ambox th.mbox-text,
	.ambox td.mbox-text {            /* The message body cell(s) */
		padding: 0.25em 0.5em;       /* 0.5em left/right */
	}
	.ambox td.mbox-image {           /* The left image cell */
		/* @noflip */
		padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
	}
	.ambox td.mbox-imageright {      /* The right image cell */
		/* @noflip */
		padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
	}
	
	table.ambox-notice {
		/* @noflip */
		border-left: 10px solid #36c;       /* Blue */
	}
	table.ambox-speedy {
		/* @noflip */
		border-left: 10px solid #b32424;    /* Red */
		background-color: #fee7e6;          /* Pink */
	}
	table.ambox-delete {
		/* @noflip */
		border-left: 10px solid #b32424;    /* Red */
	}
	table.ambox-content {
		/* @noflip */
		border-left: 10px solid #f28500;    /* Orange */
	}
	table.ambox-style {
		/* @noflip */
		border-left: 10px solid #fc3;       /* Yellow */
	}
	table.ambox-move {
		/* @noflip */
		border-left: 10px solid #9932cc;    /* Purple */
	}
	table.ambox-protection {
		/* @noflip */
		border-left: 10px solid #a2a9b1;    /* Gray-gold */
	}
	
	/* Image message box styles */
	table.imbox {
		margin: 4px 10%;
		border-collapse: collapse;
		border: 3px solid #36c;    /* Default "notice" blue */
		background-color: #fbfbfb;
		box-sizing: border-box;
	}
	.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
		margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */
		display: block;         /* Fix for webkit to force 100% width.  */
	}
	.mbox-inside .imbox {       /* For imboxes inside other templates.  */
		margin: 4px;
	}
	
	table.imbox-notice {
		border: 3px solid #36c;       /* Blue */
	}
	table.imbox-speedy {
		border: 3px solid #b32424;    /* Red */
		background-color: #fee7e6;    /* Pink */
	}
	table.imbox-delete {
		border: 3px solid #b32424;    /* Red */
	}
	table.imbox-content {
		border: 3px solid #f28500;    /* Orange */
	}
	table.imbox-style {
		border: 3px solid #fc3;       /* Yellow */
	}
	table.imbox-move {
		border: 3px solid #9932cc;    /* Purple */
	}
	table.imbox-protection {
		border: 3px solid #a2a9b1;    /* Gray-gold */
	}
	table.imbox-license {
		border: 3px solid #88a;       /* Dark gray */
		background-color: #f7f8ff;    /* Light gray */
	}
	table.imbox-featured {
		border: 3px solid #cba135;    /* Brown-gold */
	}
	
	/* Category message box styles */
	table.cmbox {
		margin: 3px 10%;
		border-collapse: collapse;
		border: 1px solid #a2a9b1;
		background-color: #dfe8ff;    /* Default "notice" blue */
		box-sizing: border-box;
	}
	
	table.cmbox-notice {
		background-color: #d8e8ff;    /* Blue */
	}
	table.cmbox-speedy {
		margin-top: 4px;
		margin-bottom: 4px;
		border: 4px solid #b32424;    /* Red */
		background-color: #ffdbdb;    /* Pink */
	}
	table.cmbox-delete {
		background-color: #ffdbdb;    /* Pink */
	}
	table.cmbox-content {
		background-color: #ffe7ce;    /* Orange */
	}
	table.cmbox-style {
		background-color: #fff9db;    /* Yellow */
	}
	table.cmbox-move {
		background-color: #e4d8ff;    /* Purple */
	}
	table.cmbox-protection {
		background-color: #efefe1;    /* Gray-gold */
	}
	
	/* Other pages message box styles */
	table.ombox {
		margin: 4px 10%;
		border-collapse: collapse;
		border: 1px solid #a2a9b1;    /* Default "notice" gray */
		background-color: #f8f9fa;
		box-sizing: border-box;
	}
	
	table.ombox-notice {
		border: 1px solid #a2a9b1;    /* Gray */
	}
	table.ombox-speedy {
		border: 2px solid #b32424;    /* Red */
		background-color: #fee7e6;    /* Pink */
	}
	table.ombox-delete {
		border: 2px solid #b32424;    /* Red */
	}
	table.ombox-content {
		border: 1px solid #f28500;    /* Orange */
	}
	table.ombox-style {
		border: 1px solid #fc3;       /* Yellow */
	}
	table.ombox-move {
		border: 1px solid #9932cc;    /* Purple */
	}
	table.ombox-protection {
		border: 2px solid #a2a9b1;    /* Gray-gold */
	}
	
	/* Talk page message box styles */
	table.tmbox {
		margin: 4px 10%;
		border-collapse: collapse;
		border: 1px solid #c0c090;    /* Default "notice" gray-brown */
		background-color: #f8eaba;
		min-width: 80%;
		box-sizing: border-box;
	}
	.tmbox.mbox-small {
		min-width: 0;                /* reset the min-width of tmbox above        */
	}
	.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
		margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
		width: 100%;                 /* For Safari and Opera */
	}
	.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
		line-height: 1.5em;          /* also "nested", so reset styles that are   */
		font-size: 100%;             /* set in "mbox-small" above.                */
	}
	
	table.tmbox-speedy {
		border: 2px solid #b32424;    /* Red */
		background-color: #fee7e6;    /* Pink */
	}
	table.tmbox-delete {
		border: 2px solid #b32424;    /* Red */
	}
	table.tmbox-content {
		border: 2px solid #f28500;    /* Orange */
	}
	table.tmbox-style {
		border: 2px solid #fc3;       /* Yellow */
	}
	table.tmbox-move {
		border: 2px solid #9932cc;    /* Purple */
	}
	table.tmbox-protection,
	table.tmbox-notice {
		border: 1px solid #c0c090;    /* Gray-brown */
	}
	
	/* Disambig and set index box styles */
	table.dmbox {
		clear: both;
		margin: 0.9em 1em;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background-color: transparent;
	}
	
	/* Footer and header message box styles */
	table.fmbox {
		clear: both;
		margin: 0.2em 0;
		width: 100%;
		border: 1px solid #a2a9b1;
		background-color: #f8f9fa;     /* Default "system" gray */
		box-sizing: border-box;
	}
	table.fmbox-system {
		background-color: #f8f9fa;
	}
	table.fmbox-warning {
		border: 1px solid #bb7070;  /* Dark pink */
		background-color: #ffdbdb;  /* Pink */
	}
	table.fmbox-editnotice {
		background-color: transparent;
	}
	/* Div based "warning" style fmbox messages. */
	div.mw-warning-with-logexcerpt,
	div.mw-lag-warn-high,
	div.mw-cascadeprotectedwarning,
	div#mw-protect-cascadeon,
	div.titleblacklist-warning,
	div.locked-warning {
		clear: both;
		margin: 0.2em 0;
		border: 1px solid #bb7070;
		background-color: #ffdbdb;
		padding: 0.25em 0.9em;
		box-sizing: border-box;
	}
	
	/* These mbox-small classes must be placed after all other
	   ambox/tmbox/ombox etc classes. "html body.mediawiki" is so
	   they override "table.ambox + table.ambox" above. */
	html body.mediawiki .mbox-small {   /* For the "small=yes" option. */
		/* @noflip */
		clear: right;
		/* @noflip */
		float: right;
		/* @noflip */
		margin: 4px 0 4px 1em;
		box-sizing: border-box;
		width: 238px;
		font-size: 88%;
		line-height: 1.25em;
	}
	html body.mediawiki .mbox-small-left {   /* For the "small=left" option. */
		/* @noflip */
		margin: 4px 1em 4px 0;
		box-sizing: border-box;
		overflow: hidden;
		width: 238px;
		border-collapse: collapse;
		font-size: 88%;
		line-height: 1.25em;
	}
	
	/* Style for compact ambox */
	/* Hide the images */
	.compact-ambox table .mbox-image,
	.compact-ambox table .mbox-imageright,
	.compact-ambox table .mbox-empty-cell {
		display: none;
	}
	/* Remove borders, backgrounds, padding, etc. */
	.compact-ambox table.ambox {
		border: none;
		border-collapse: collapse;
		background-color: transparent;
		margin: 0 0 0 1.6em !important;
		padding: 0 !important;
		width: auto;
		display: block;
	}
	body.mediawiki .compact-ambox table.mbox-small-left {
		font-size: 100%;
		width: auto;
		margin: 0;
	}
	/* Style the text cell as a list item and remove its padding */
	.compact-ambox table .mbox-text {
		padding: 0 !important;
		margin: 0 !important;
	}
	.compact-ambox table .mbox-text-span {
		display: list-item;
		line-height: 1.5em;
		list-style-type: square;
		/*list-style-image: url(/w/skins/MonoBook/resources/images/bullet.gif);*/
	}
	.skin-vector .compact-ambox table .mbox-text-span {
		list-style-type: disc;
		/*list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
		list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;*/
	}
	/* Allow for hiding text in compact form */
	.compact-ambox .hide-when-compact {
		display: none;
	}