Diferencia entre revisiones de «MediaWiki:Common.css»

De wiki EOI de documentación docente
Saltar a: navegación, buscar
(también sección (a 70em) y apartado (a 60em))
 
Línea 349: Línea 349:
  
  
/* Texto de contenido apartados */
+
/* Texto de contenido sección y apartados */
 +
.contenido-seccion {
 +
      width:70em;
 +
      text-align:justify;
 +
}
 
.contenido-apartado {
 
.contenido-apartado {
       width:50em;
+
       width:60em;
 
       text-align:justify;
 
       text-align:justify;
 
}
 
}

Revisión actual del 13:18 23 feb 2012

/* 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*/}
#p-logo a:hover{border:none}
#pt-userpage, #pt-anonuserpage, #pt-login{padding-left: 18px !important}
div#mw-head {
    border-bottom: 1px solid #d9d9d9;
    float: right;
    height: 125px;
    /*left: 50%;
    margin: 0 auto 0 -275px;*/
    padding: 0 0 5px;
    position: absolute;
    top: 0;
	left:13em;
	min-width: 790px;
    width: auto}
	#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}
#contentSub, #contentSub2 {
    margin: 0;
    width: auto}
#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; border:none}	
div.vectorTabs ul li {
	background-color:#fff; 
	background-image:none}	
	div.vectorTabs li a, div.vectorMenu li a{
		color:#000;
		font-size:0.9em}
		div.vectorTabs li a:hover, div.vectorMenu li a:hover {border:none}
		div.vectorMenu li a{padding: 0.4em 1em}
		div.vectorTabs li a {
			padding-left: 0.7em;
    		padding-right: 0.7em}
			div.vectorTabs li.new a, div.vectorTabs li.new a:visited {color: #669900}
div.vectorMenu{background-position:0 85%}	
	div.vectorMenu ul {border: 1px solid silver}	
		
.cabecera {
	text-align: left!important;
	width: 100%; 
	padding: 0; 
	font-family: 'MetaNormal',Trebuchet MS,Arial,Helvetica,sans-serif;
	background-color: transparent; 
	color: #999}
	.cabecera p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px}
		.cabecera p span{font-size:13px!important}
		.cabecera small{font-size:11px!important}
		.cabecera a, .cabecera a:visited{
			border-bottom: 1px solid #D9D9D9;
    		color: #999;}
			.cabecera a:hover{
				border-bottom: 1px solid #999999;
				color: #333;
				text-decoration: none;}


/* 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;
	padding: 10px;
	background: url("http://www.eoi.es/mediateca/sites/all/themes/mediateca/images/mesh-texture.png") repeat scroll 0 0 #333333;
	height:100%}
	.columna-indice ul {margin: 0.3em 2.2em 1.3em 1.5em!important}
	.columna-indice a,.columna-indice a span {
		border-bottom: 1px solid #666666;
		color: #CCCCCC !important}
		.columna-indice a:hover{
			color:#fff;
			border-bottom:solid 1px #fff}
	
/* Columna lateral en apartados */
.columna-recursos {
    background: url("http://www.eoi.es/mediateca/sites/all/themes/mediateca/images/mesh-texture.png") repeat scroll 0 0 #333333;
    color: white;
	padding: 10px;
    text-align: center;
    width: 274px}
/*	Caja contenido	*/
body {
    background-color: white;
    background-image: none;
	min-width:980px
    /*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;
						border:none!important;
						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 {
    border: 1px solid #D9D9D9;
    color: #333333;
    font-family: trebuchet MS;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
    margin: 1em 2em 1em 0;
    padding: 2em 3em;
}
/* 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 #d9d9d9;
    float: right;
    margin: -5px 0 0 -5px;
    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; font-weight: 700}
  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}
p a{border-bottom:solid 1px #d9d9d9;}
a {
    background: none repeat scroll 0 0 transparent;
    /*color: #0645AD;*/
	color: #669900;
    text-decoration: none}
	a:visited {color: #669900;}
	a:active {color: #003300}
	a:hover, a:focus {text-decoration: none; border-bottom:solid 1px #999; color:#003300}
div#content a.external {color:#669900}
	div#content a.external:hover {text-decoration: none; border-bottom:solid 1px #999; color:#003300}
	
	.mw-search-formheader div.search-types ul li a:hover{border:none}

div.vectorTabs li.selected a:hover, div.vectorTabs li a:hover, div.vectorMenu li a:hover, div.vectorTabs li.new a:hover {color:#666}

	
.TablePager, .TablePager td, .TablePager th {
    border: 1px solid #D9D9D9;
    padding: 0.3em 1em}
	
li#categories-header {
    background: none repeat scroll 0 0 #669900;
    color: white;
    font-weight: bold}	
	ul#drilldown-categories li.category {background:white}
	
ul {list-style-image: url("EOI-img/bullet.png")}	
	li {margin-bottom: 0.5em}
fieldset {border: 1px solid #D9D9D9}	
	
#toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {text-align: left}
#toc h2, .toc h2{font-size:18px}
#toc, .toc, .mw-warning {
    margin: 20px 5px 15px 0;
    padding: 8px}
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {margin: 0.3em 2.2em 1.3em 1.5em}
	.mw-content-ltr ul ul, .mw-content-rtl .mw-content-ltr ul ul {margin: 0.3em 2.2em 1.3em 1.5em}

#preftoc {margin: 30px 0 0 !important}
	#preftoc a, #preftoc a:active{color: #669900}
		#preftoc a:hover {color: #003300; border:none}


/* Texto de contenido sección y apartados */
.contenido-seccion {
       width:70em;
       text-align:justify;
}
.contenido-apartado {
       width:60em;
       text-align:justify;
}

/* Título para portadas de wikilibro, capítulos... */
.titulo {
	text-align:left!important;
	color: rgb(107, 171, 31);
	margin-bottom:2em}
	.titulo p{margin: 0}
	.titulo div {
		font-family:'MetaBold',Trebuchet MS,Arial,Helvetica,sans-serif;
		font-weight:700;
		font-size:20px!important}

/* Rótulo de título para índice de contenidos en columna lateral libros y capítulos */
.titulo-indice {
	color: #D9D9D9;
    display: block;
    font-family: 'MetaBoldCaps',Trebuchet MS,Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    padding: 4px;
    text-align: left;
    width:100%;}

/* Rótulo de título para recursos en columna lateral apartados */
.titulo-recursos {
    color: #D9D9D9;
    display: block;
    font-family: 'MetaBoldCaps',Trebuchet MS,Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    padding: 4px;
    text-align: left;
    width: 266px}
/* 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;}
		.enlace-ayuda a:hover {color:#003300; border:none}
/* --------------------------------------------- */

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