MediaWiki:Common.css
(Diferencias entre revisiones)
Línea 10: | Línea 10: | ||
/* La clase wikitable ya existe en shared.css; y prettytable esta obsoleta, | /* La clase wikitable ya existe en shared.css; y prettytable esta obsoleta, | ||
cuando se reemplaze todas las llamadas a prettytable eliminar estas reglas */ | cuando se reemplaze todas las llamadas a prettytable eliminar estas reglas */ | ||
− | table.wikitable | + | table.wikitable { |
margin: 1em 1em 1em 1em; | margin: 1em 1em 1em 1em; | ||
padding: 0.5em; | padding: 0.5em; | ||
Línea 18: | Línea 18: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
− | table.wikitable th, table.wikitable | + | table.wikitable th, table.wikitable td { |
− | + | ||
border: 1px #aaa solid; | border: 1px #aaa solid; | ||
− | padding: 0.2em; | + | padding: 0.2em 0.5em; |
} | } | ||
− | table.wikitable | + | table.wikitable th { |
− | + | ||
background-color: #f2f2f2; | background-color: #f2f2f2; | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | table.wikitable | + | table.wikitable caption { |
− | + | ||
margin-left: inherit; | margin-left: inherit; | ||
margin-right: inherit; | margin-right: inherit; | ||
+ | } | ||
+ | table.matrix th, table.matrix td { | ||
+ | text-align: center; | ||
+ | width: 5.5em; | ||
} | } | ||
Revisión de 20:53 3 dic 2009
/* Los estilos CSS definidos aquí aplicarán a todas las pieles (skins) */ body.page-Página_Principal h1#firstHeading { display: none; } /* TABLAS */ /* La clase wikitable ya existe en shared.css; y prettytable esta obsoleta, cuando se reemplaze todas las llamadas a prettytable eliminar estas reglas */ table.wikitable { margin: 1em 1em 1em 1em; padding: 0.5em; font-size: 95%; background-color: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } table.wikitable th, table.wikitable td { border: 1px #aaa solid; padding: 0.2em 0.5em; } table.wikitable th { background-color: #f2f2f2; text-align: center; } table.wikitable caption { margin-left: inherit; margin-right: inherit; } table.matrix th, table.matrix td { text-align: center; width: 5.5em; } /*** Cajas de aviso en discusión nuevas (ambox) que son blancas y con * una cinta de color a la izquierda */ table.ambox { margin: 0 10%; /* Will not overlap with other elements */ border-collapse: collapse; background-color: #fbfbfb; border: 1px solid #aaa; border-left: 10px solid #1e90ff; /* Default "notice" blue */ } table.ambox th.ambox-text, table.ambox td.ambox-text { /* The message body cell(s) */ padding: 0.25em 0.5em; /* 0.5em left/right */ width: 100%; /* Make all templates the same width regardless of text size */ } table.ambox td.ambox-image { /* The left image cell */ padding: 2px 0px 2px 0.5em; /* 0.5em left, 0px right */ text-align: center; } table.ambox td.ambox-imageright { /* The right image cell */ padding: 2px 4px 2px 0px; /* 0px left, 4px right */ text-align: center; } table.ambox-notice {border-left: 10px solid #1e90ff} /* Blue */ table.ambox-delete, table.ambox-serious {border-left: 10px solid #b22222} /* Red */ table.ambox-content {border-left: 10px solid #f28500} /* Orange */ table.ambox-style {border-left: 10px solid #f4c430} /* Yellow */ table.ambox-merge {border-left: 10px solid #9932cc} /* Purple */ table.ambox-growth {border-left: 10px solid #228b22} /* Green */ table.ambox-protection {border-left: 10px solid #bba} /* Gray */ table.ambox.ambox-mini { /* Small floating box variant */ float: right; clear: right; margin: 0 0 0 1em; width: 25%; } @media print { /* Do not print article message box */ .ambox {display: none} } /* Ciertas cajas para discusión que NO son ambox (no tienen cinta de color) por ejemplo, la caja grande de artículo destacado */ .messagebox { border: 1px solid #aaa; background-color: #f9f9f9; width: 80%; margin: 0 auto 1em auto; padding: .2em; } .messagebox.merge { border: 1px solid #c0b8cc; background-color: #f0e5ff; text-align: center; } .messagebox.cleanup { border: 1px solid #9f9fff; background-color: #efefff; text-align: center; } .messagebox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; margin: 4px auto; } /** Estilos para tablas. ** EXPERIMENTAL ** la idea es, si se quiere que la primera columna de la tabla esté alineada a la derecha, la segunda centrada y la tercera a la izquierda, usar {| class="col1der col2cen col3izq" en vez de repetir "style='text-align:right'", etc, en '''cada''' celda **/ table.col1der TD:first-child {text-align:right;} table.col1izq TD:first-child {text-align:left;} table.col1cen TD:first-child {text-align:center;} table.col2der TD:first-child + TD {text-align:right;} table.col2izq TD:first-child + TD {text-align:left;} table.col2cen TD:first-child + TD {text-align:center;} table.col3der TD:first-child + TD + TD {text-align:right;} table.col3izq TD:first-child + TD + TD {text-align:left;} table.col3cen TD:first-child + TD + TD {text-align:center;} table.col4der TD:first-child + TD + TD + TD {text-align:right;} table.col4izq TD:first-child + TD + TD + TD {text-align:left;} table.col4cen TD:first-child + TD + TD + TD {text-align:center;} table.col5der TD:first-child + TD + TD + TD + TD {text-align:right;} table.col5izq TD:first-child + TD + TD + TD + TD {text-align:left;} table.col5cen TD:first-child + TD + TD + TD + TD {text-align:center;} /* Infobox template styling */ .infobox { border: 1px solid #B4BBC8; background-color: #f9f9f9; color: #000; margin: .5em 0 .5em 1em; clear: right; float: right; font-size: 90%; line-height: 1.5em; width: 22.5em } .infobox table.infoboxtable { margin: 1em; background-color: #f9f9f9; border-collapse: collapse; } .infobox td.infoboximage { padding:0; text-align:center; } .infobox td.infoboximage img { width: 20.5em; height: auto; } .infobox th.infoboxheading { font-size: 140%; font-weight: bolder; height: 45px; line-height: 1.2em; text-align: center; vertical-align: middle } .infobox th.infoboxsubheading { vertical-align:top; text-align:left; font-weight:normal; } .infobox td.infoboxlabel, .infobox td.infoboxcell { border-top:solid 1px #ccd2d9; padding:0.4em 1em 0.4em 0; vertical-align: top; text-align:left } /* ugly hack to force normal height for infobox cells */ .infoboxcell p { margin-top: 0px; margin-bottom: 0px; } /* .infoboxcell ul { list-style-type: disc; } */ .infoboxcell ul { padding-left: 10px; margin-left: 10px; } .infoboxcell ul li { padding-left: 0; margin-left: 0; list-style-type: square; } .infobox div.plainlinks { } .infobox div.plainlinks a { } /* Plantilla de flashback */ .flashback { background-color: #F9F9F9; font-style: italic; padding: 1em; margin-left: 2em; margin-right: 1em; } /* Plantilla de cita */ .citado { background-color: #F9F9F9; padding: 1em; margin-left: 2em; margin-right: 1em; } .citadoautor { font-size: 90%; text-align: right; } /* Salto argumental */ .saltoargumental { display: block; height: 1.5em; } /* Caja de documentación */ .documentacion { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 1em; }