MediaWiki:Common.css

De wiki EOI de documentación docente
Revisión del 10:43 31 ene 2012 de Dvdgmz (Discusión | contribuciones) (aspecto bloques portada)

Saltar a: navegación, buscar

Nota: tras guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.

  • Firefox/Safari: Mantén presionada la tecla Mayús mientras pulsas el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presiona Ctrl+Shift+R (⌘+Mayús+R en Mac)
  • Internet Explorer: mantén presionada Ctrl mientras pulsas Actualizar, o presiona Ctrl+F5
  • Opera: vacía la caché en Herramientas → Preferencias
/* Los estilos CSS definidos aquí aplicarán a todas las pieles (skins) */

/* PÁGINAS */
/* Cabeceras, pies y columnas */

/* Cabecera para portadas wikilibros, capítulos y secciones */
.cabecera {
text-align: left;
width: 100%; 
padding: 0.5em; 
background-color: rgb(107, 171, 31); 
color: rgb(255, 255, 255);
}

/* Pie para portadas wikilibros, capítulos y secciones */
.pie {
text-align:left;
font-size:1.1em; 
padding:1em; 
background-color:rgb(107, 171, 31); 
color:rgb(255, 255, 255);
}

/* Columna lateral en portadas y capítulos */
.columna-indice {
width:20em; 
background-color: rgb(235, 245, 220); 
height:100%;
}

/* Columna lateral en apartados */
.columna-recursos {
width: 274px;
text-align: center;
background-color:#383838;
color:white;
}

/* CAJAS, BLOQUES, RECUADROS */

/* Bloque para resúmenes y presentaciones */
.bloque-resumen {
margin:2em 6em 2em 6em;
text-align:justify;
}

/* Bloques wikilibro en portada */
/* Sirve para bloques grandes y pequeños */
/* Define apariencia de una celda de una tabla wikitext que hay en portada */
.bloque-portada {
height:100%; 
padding:1.5em; 
vertical-align:top; 
background-color:rgb(235, 245, 220); 
border:1px solid rgb(107, 171, 31);
}


/* TÍTULOS Y TEXTOS */

/* Título para portadas de wikilibro, capítulos... */
.titulo {
text-align:left;
color: rgb(107, 171, 31);
margin-bottom:2em;
}

/* Rótulo de título para índice de contenidos en columna lateral libros y capítulos */
.titulo-indice {
text-align:left;
display: block; 
font-size: 1.5em;
width:100%; 
padding: 0.3em;
color: rgb(107, 171, 31);
border-bottom:0.1em solid rgb(107, 171, 31)
}

/* Rótulo de título para recursos en columna lateral apartados */
.titulo-recursos {
text-align: left;
display: block; 
font-size: 1.6em; 
width: 266px; 
padding: 4px; 
background-color: rgb(107, 171, 31); 
color: rgb(255, 255, 255);
}

/* Texto pie imagen o pie vídeo en columna recursos en los apartados */
.texto-pie-recursos {
color:#EEE; 
font-size:0.8em; 
padding:0.5em 2em 2em 1em; 
text-align:left;
}

/* Título dentro de los bloques que muestran wikilibros en portada */
/* El span diferencia "Wikilibro" del título */
.titulo-bloque-portada {
font-size:1.1em; 
margin-top:0.9em;
}
span.titulo-bloque-portada {
color:rgb(107, 171, 31);
}

/* Texto que muestra resultados consulta capítulos y secciones del wikilibro */
.libro-tiene-bloque-portada {
color:rgb(107, 171, 31);
}

/* para AYUDA y GUÍAS */
.enlace-ayuda {
        padding:0.2em; 
        padding-left:0.5em;
        background:rgb(235, 245, 220);
        border-bottom:1px solid rgb(107, 171, 31);
        border-top:1px dotted rgb(107, 171, 31);
}

/* --------------------------------------------- */

/* CSS que complementan javaScript en [[MediaWiki:Common.js]] como método para PLEGAR tablas */
/* en pruebas */
/* from Wikipedia & mw.org */

/** Collapsible tables *********************************************************
 *
 *  Description: Allows tables to be collapsed, showing only the header. See
 *                         http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
 *  Maintainers: [[en:User:R. Koot]]
 */
 
table.collapsed tr.collapsible {
        display: none;
}
 
.collapseButton {                /* 'show'/'hide' buttons created dynamically by the               */
        float: right;               /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
        font-weight: normal;        /* are styled here so they can be customised.               */
        text-align: right;
        width: auto;
}