MediaWiki:Common.css

De wiki EOI de documentación docente
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 */
#p-logo a{
/*	background-image:url(wiki/EOI-img/wiki.png)!important*/}
div#mw-head {
    border-bottom: 1px solid #d9d9d9;
    float: right;
    height: 110px;
    /*left: 50%;
    margin: 0 auto 0 -275px;*/
    padding: 0 0 5px;
    position: absolute;
    top: 0;
	left:15%;
    width: 85%}
	#mw-head-base {background-image:none}
	#left-navigation {left: 0; bottom:10px; top:auto}
	#right-navigation {right: 0; bottom:10px; margin-top:0;position:absolute}
#p-personal ul {padding-left: 0;}	
#left-navigation, #right-navigation {
	/*border-top: 1px solid #D9D9D9;*/
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 700}
	
div.vectorTabs span, div.vectorTabs ul, div.vectorTabs, div.vectorMenu h5 a {background-image:none}	
div.vectorTabs ul li {
	background-color:#fff; 
	background-image:none}	
	div.vectorTabs li a, div.vectorMenu li a{
		color:#000;
		font-size:14px}
		div.vectorMenu li a{padding: 0.4em 1em}
		div.vectorTabs li a {
			padding-left: 0.7em;
    		padding-right: 0.7em}
div.vectorMenu{background-position:0 85%}	
	div.vectorMenu ul {border: 1px solid silver}	
		
.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 */
div#footer {
    background: none repeat scroll 0 0 #DDE0E5;
    left: 15%;
    margin: 40px 0 20px;
    padding: 1%;
    position: relative;
    width: 82%}	
	div#footer #footer-info {
		float: left;
		margin: 0 0 0;
		width: 70%;}
		div#footer #footer-info li {
			line-height: 1.5em;
			margin: 0 0 10px;
			padding: 0;}
		div#footer ul li {
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 11px;
			color:#666;
			line-height: 1.4em}
			div#footer ul li a {
				border-bottom: 1px solid #CCCCCC;
				color: #333;
				font-weight: 700;}
				div#footer ul li a:hover {
					border-bottom: 1px solid #999;
					color: #000;
					text-decoration:none}
	
	div#footer #footer-icons {
		clear: right;
		float: right;
		position: relative;
		right: 0;
		top: 0;
		margin-left: 0;
		margin-right: 0.5em;
		margin-top: 10px;
		width: 100%;}
		div#footer #footer-icons li{float:left}
		#footer #footer-FSEico {
			bottom: 0;
			padding:0;
			position: absolute;
			right: 0;}
.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}

/*	Caja contenido	*/
body {
    background-color: white;
    background-image: none;
    /*margin: 0 auto;
    width: 960px*/}
div#content {
	margin-top: 3.6em;
	margin-left:12em;
	background-image:none}	

/*	Navegación lateral	*/	
div#mw-panel {
    /*left: 50%;
    margin-left: -480px;*/
    padding-top: 1em;
    position: absolute;
    top: 140px;
    width: 10em}
	div#mw-panel div.portal {
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		padding-bottom:1em}	
		div#mw-panel div.portal h5{
			color:#333;
			padding: 0 0 0 1.1em;
			font-size:1.1em}
		div#mw-panel div.portal div.body{background-image:none!important}
			div#mw-panel div.portal div.body ul li {
				border-bottom: 1px solid #D9D9D9;
				margin: 0 0 0.7em;
				padding: 0 0 0.7em}
				div#mw-panel div.portal div.body ul li:last-child{border:none}
				div#mw-panel div.portal div.body ul li a{
					font-size:1.1em;
					color:#999!important}
					div#mw-panel div.portal div.body ul li a:hover{
						text-decoration:none;
						color:#333!important}
				

/* CAJAS, BLOQUES, RECUADROS */

/*	Menu superior	*/
#p-personal li {font-size: 11px}
	#p-personal li a {
		border-bottom: 1px solid #D9D9D9;
		color:#999}
	a.new, #p-personal a.new {color: #BA0000!important}
		#p-personal li#pt-logout a{color:#7eb813}
			#p-personal li#pt-logout a:hover{color:#669900}
		#p-personal li a:hover {
			border-bottom: 1px solid #999;
			color:#333;
			text-decoration:none}

/* 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 {
    border: 1px solid #D9D9D9!important;
    /*-webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px #666666; 
     -moz-box-shadow: 0 1px 3px #666666; 
          box-shadow: 0 1px 3px #666666;*/
	background-color:#F5F5F5!important;
    height: 100%!important;
    padding: 1em!important;
    vertical-align: top!important}

.bloque-portada div.floatright {
    background: none repeat scroll 0 0 white;
    border: 1px solid #CCCCCC;
    float: right;
    margin: -22px 0 0 115px;
    padding: 5px;
    position: absolute;
	-webkit-border-radius: 150px; 
     -moz-border-radius: 150px; 
          border-radius: 150px}


/* TÍTULOS Y TEXTOS */
/*	Tipografía	*/
@font-face {
  font-family: "MetaNormal";
  font-style: normal;
  font-weight: normal;
  src: 	url('http://www.eoi.es/mediateca/sites/all/themes/mediateca/css/meta-normal-webfont.eot');
  src: 	local("meta normal webfont"),
	  local("meta-normal-webfont"), 
	  url("http://www.eoi.es/mediateca/sites/all/themes/mediateca/css/meta-normal-webfont.woff") format("woff"),
	url("http://www.eoi.es/mediateca/sites/all/themes/mediateca/css/meta-normal-webfont.ttf") format("truetype"), 
	url("http://www.eoi.es/mediateca/sites/all/themes/mediateca/css/meta-normal-webfont.svg#webfontABEf3Bft") format("svg")}
  .meta-font {font-family: 'MetaNormal',Trebuchet MS, Arial, Helvetica, sans-serif}

@font-face {
  font-family: "MetaBold";
  font-style: normal;
  font-weight: bold;
  src: 	url('http://www.eoi.es/mediateca/sites/all/themes/mediateca/css/meta-bold-webfont.eot');
  src: 	local("meta bold webfont"),
	  local("meta-bold-webfont"), 
	  url("http://www.eoi.es/mediateca/sites/all/themes/mediateca/css/meta-bold-webfont.woff") format("woff"),
	url("http://www.eoi.es/mediateca/sites/all/themes/mediateca/css/meta-bold-webfont.ttf") format("truetype"), 
	url("http://www.eoi.es/mediateca/sites/all/themes/mediateca/css/meta-bold-webfont.svg#webfontEGfE8XW1") format("svg")}
  .metaBold-font {font-family: 'MetaBold',Trebuchet MS, Arial, Helvetica, sans-serif}

@font-face {
  font-family: "MetaBoldCaps";
  font-style: normal;
  font-weight: bold;
  src: 	url('http://www.eoi.es/mediateca/sites/all/themes/mediateca/css/metabol1-webfont.eot');
  src: 	local("metabol1 webfont webfont"), 
	  local("metabol1-webfont"), 
	url("http://www.eoi.es/mediateca/sites/all/themes/mediateca/css/metabol1-webfont.woff") format("woff"), 
	url("http://www.eoi.es/mediateca/sites/all/themes/mediateca/css/metabol1-webfont.ttf") format("truetype"), 
	url("http://www.eoi.es/mediateca/sites/all/themes/mediateca/css/metabol1-webfont.svg#webfontEGfE8XW1") format("svg")}
  .metaBoldCaps-font {font-family: 'MetaBoldCaps',Trebuchet MS, Arial, Helvetica, sans-serif}
  
  h1 {font-family: 'MetaBold',Trebuchet MS, Arial, Helvetica, sans-serif}
  h2 {font-family: 'MetaNormal',Trebuchet MS, Arial, Helvetica, sans-serif}
  h3 {font-family: 'MetaBoldCaps',Trebuchet MS, Arial, Helvetica, sans-serif}

.page-Página_principal #firstHeading{display:none}

.titulo-home{margin:0 0 30px!important}
.titulo-home div {
	font-family: 'MetaBold',Trebuchet MS, Arial, Helvetica, sans-serif;
	line-height: normal;
	font-weight:700;
	font-size:30px!important}
	.titulo-home div a {
		color:#000;
		border-bottom:solid 1px #d9d9d9}
		.titulo-home div a:hover {
			text-decoration:none;
			color:#666;
			border-bottom:solid 1px #999}
	.titulo-home div.subtitulo {
		font-family: 'MetaNormal',Trebuchet MS, Arial, Helvetica, sans-serif;
		line-height: normal;
		font-weight:400;
		font-size:22px!important}


h1, h2, h3, h4, h5, h6{border-bottom:none}
p {margin: 0.4em 0 1.5em}

#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {text-align: left}
#toc h2, .toc h2{font-size:18px}
#toc, .toc, .mw-warning {
    margin: 0 5px 15px 0;
    padding: 8px}


/* 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}
	.bloque-portada a, .titulo-bloque-portada a{
		color:#333;
		line-height:normal;
		border-bottom:solid 1px #d9d9d9}
		.bloque-portada a:hover,.titulo-bloque-portada a:hover{
			color:#7eb813;
			text-decoration:none;
			border-bottom:solid 1px #7eb813}
	span.titulo-bloque-portada {color:rgb(107, 171, 31)}

/* Texto que muestra resultados consulta capítulos y secciones del wikilibro */
.libro-tiene-bloque-portada {
	font-size:11px;
	line-height:normal;
	color:#666!important}

/* 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)}*/
.enlace-ayuda {
    background: none repeat scroll 0 0 #D6E7C5;
    -webkit-border-radius: 3px; 
     -moz-border-radius: 3px; 
          border-radius: 3px;
    color: #7EB813 !important;
    padding: 0.2em 0.5em}
	.enlace-ayuda a {
		color: #7EB813;
    	font-weight: 700;}
/* --------------------------------------------- */

/* 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}