Diferencia entre revisiones de «MediaWiki:Common.css»

De bioconstrupedia
Saltar a: navegación, buscar
 
(No se muestran 118 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
 
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
 
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */
  
−
{{#pageslist:
+
 
−
  namespace=Plantilla
+
 
−
| invert=No
 
−
| associated=yes/NO
 
−
| category=categoryname
 
−
| format=plain/ol/ul/table/DATATABLE
 
−
}}
 
  
  
Línea 32: Línea 27:
  
  
−
.caja {
+
/*----------- CAJA ----------- */
−
font-family: sans-serif;
+
.titulocaja {
−
font-size: 18px;
+
font-family:  Helvetica Neue,sans-serif;
−
font-weight: 400;
+
color: #ffffff;
−
color: #ffffff;
+
font-size: 16px;
−
background: #889ccf;
+
font-weight: 700;
−
margin: 0 0 25px;
+
text-align: center;
−
overflow: hidden;
+
background: #ff7c00;
−
padding: 20px;
+
margin: 0 0 0px;
 +
overflow: hidden;
 +
padding: 3px;
 +
border-radius: 5px 5px 5px 5px;
 +
-moz-border-radius: 5px 5px 5px 5px;
 +
-webkit-border-radius: 5px 5px 5px 5px;
 +
}
 +
.caja {  
 +
font-family: Helvetica Neue, sans-serif;
 +
color: #000000;  
 +
font-size: 14px;
 +
text-align: left;
 +
background: #ffffff;
 +
margin: 5px 5px 15px 5px;
 +
overflow: hidden;
 +
padding: 0px;
 +
border-radius: 5px 5px 5px 5px;
 +
-moz-border-radius: 5px 5px 5px 5px;
 +
-webkit-border-radius: 5px 5px 5px 5px;
 +
/*border: 2px solid #5878ca; */
 +
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
 +
min-width: 30px;
 +
 
 +
}
 +
.contenidocaja {
 +
font-family:  Helvetica Neue ,sans-serif;
 +
color: #000000;
 +
font-size: 14px;
 +
text-align: left;
 +
background: #ffffff;
 +
overflow: hidden;
 +
  padding-top: 10px;
 +
  padding-right: 25px;
 +
  padding-bottom: 20px;
 +
  padding-left: 25px;
 +
 
 +
 
 +
}
 +
 
 +
/*----------- FICHA ----------- */
 +
.tituloficha {
 +
font-family:  Helvetica Neue,sans-serif;
 +
color: #ffffff;
 +
font-size: 14px;  
 +
font-weight: 700;
 +
text-align: center;
 +
background: #0800ff;
 +
margin: 0 0 0px;
 +
overflow: hidden;
 +
padding: 3px;
 +
border-radius: 5px 5px 5px 5px;
 +
-moz-border-radius: 5px 5px 5px 5px;
 +
-webkit-border-radius: 5px 5px 5px 5px;
 +
}
 +
.ficha {
 +
font-family:  Helvetica Neue, sans-serif;  
 +
color: #000000;
 +
font-size: 13px;
 +
text-align: left;  
 +
background: #8cf1ff;  
 +
margin: 20px 20px 20px;
 +
overflow: hidden;
 +
padding: 0px;
 +
border-radius: 5px 5px 5px 5px;
 +
-moz-border-radius: 5px 5px 5px 5px;
 +
-webkit-border-radius: 5px 5px 5px 5px;
 +
/*border: 2px solid #5878ca; */
 +
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
 +
width: 320px;
 +
float: right;
 +
 
 +
}
 +
.contenidoficha {
 +
font-family:  Helvetica Neue ,sans-serif;
 +
color: #000000;
 +
font-size: 13px;
 +
text-align: left;
 +
background: #8cf1ff;
 +
overflow: hidden;
 +
padding: 10px 10px;
 +
}
 +
 
 +
 
 +
.encabezado {
 +
font-family:  Helvetica Neue, sans-serif;
 +
color: #000000;
 +
font-size: 14px;
 +
line-height : 30px;
 +
text-align: center;
 +
background: #F3DA0B;
 +
margin: 35px 35px 35px;  
 +
overflow: hidden;  
 +
  padding-top: 10px;
 +
  padding-right: 20px;
 +
  padding-bottom: 10px;
 +
  padding-left: 20px;
 +
border-radius: 5px 5px 5px 5px;
 +
-moz-border-radius: 5px 5px 5px 5px;
 +
-webkit-border-radius: 5px 5px 5px 5px;
 +
/*border: 2px solid #5878ca; */
 +
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
 +
width: 440px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
 
 
}
 
}
 +
.fila {
 +
overflow: hidden;
 +
display: block;
 +
width: 100%;
 +
}
 +
 +
 +
#contenedor {
 +
width: 100%;
 +
min-width: 30px;
 +
clear: none;
 +
}
 +
 +
#columnaderecha {
 +
width: 49%;  /* Este será el ancho que tendrá tu columna */
 +
float:right; /* Aquí determinas de lado quieres quede esta "columna" */
 +
}
 +
 +
#columnaizquierda {
 +
width: 49%;
 +
float: left;
 +
}
 +
 +
 +
 +
@media screen and (max-width:700px) {
 +
  #columnaderecha {
 +
width: 100%;  /* Este será el ancho que tendrá tu columna */
 +
float:right; /* Aquí determinas de lado quieres quede esta "columna" */
 +
  }
 +
  #columnaizquierda {
 +
width: 100%;  /* Este será el ancho que tendrá tu columna */
 +
float:right; /* Aquí determinas de lado quieres quede esta "columna" */
 +
  }
 +
  .encabezado {
 +
  width: 85%;
 +
  float: inherit;
 +
margin-left: 50;
 +
margin-right: 50;
 +
  }
 +
  .ficha {
 +
    width: 85%;
 +
  float: inherit;
 +
  max-width: 320px;
 +
  margin-left: auto;
 +
margin-right: auto;
 +
 
 +
  }
 +
 
 +
}
 +
 +
 +
 +
#footer-icons{
 +
display:flex;
 +
align-items: center
 +
  }

Revisión actual del 00:58 14 nov 2020

/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */





/* Top bar font modernization */
#mw-header *,
#mw-site-navigation *,
#mw-related-navigation *  { font-family: 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif  }

/* Avoid cutting off letters with descenders: g,j,p,q,y */
#personal h2 span {
    height: 1.5em;
    position:relative;
    bottom:0.1em
}

/* Triangle position patch */
#personal h2::after {
   position: relative;
   bottom: 0.5em;
}





/*----------- CAJA ----------- */
.titulocaja { 
font-family:  Helvetica Neue,sans-serif; 
color: #ffffff; 
font-size: 16px; 
font-weight: 700; 
text-align: center; 
background: #ff7c00; 
margin: 0 0 0px; 
overflow: hidden; 
padding: 3px; 
border-radius: 5px 5px 5px 5px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
}
.caja { 
font-family:  Helvetica Neue, sans-serif; 
color: #000000; 
font-size: 14px; 
text-align: left; 
background: #ffffff; 
margin: 5px 5px 15px 5px; 
overflow: hidden; 
padding: 0px; 
border-radius: 5px 5px 5px 5px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
/*border: 2px solid #5878ca; */
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
min-width: 30px;

}
.contenidocaja { 
font-family:  Helvetica Neue ,sans-serif; 
color: #000000; 
font-size: 14px; 
text-align: left; 
background: #ffffff; 
overflow: hidden; 
  padding-top: 10px;
  padding-right: 25px;
  padding-bottom: 20px;
  padding-left: 25px;


}

/*----------- FICHA ----------- */
.tituloficha { 
font-family:  Helvetica Neue,sans-serif; 
color: #ffffff; 
font-size: 14px; 
font-weight: 700; 
text-align: center; 
background: #0800ff; 
margin: 0 0 0px; 
overflow: hidden; 
padding: 3px; 
border-radius: 5px 5px 5px 5px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
}
.ficha { 
font-family:  Helvetica Neue, sans-serif; 
color: #000000; 
font-size: 13px; 
text-align: left; 
background: #8cf1ff; 
margin: 20px 20px 20px; 
overflow: hidden; 
padding: 0px; 
border-radius: 5px 5px 5px 5px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
/*border: 2px solid #5878ca; */
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
 width: 320px;
 float: right;

}
.contenidoficha { 
font-family:  Helvetica Neue ,sans-serif; 
color: #000000; 
font-size: 13px; 
text-align: left; 
background: #8cf1ff; 
overflow: hidden; 
padding: 10px 10px; 
}


.encabezado { 
font-family:  Helvetica Neue, sans-serif; 
color: #000000; 
font-size: 14px; 
line-height : 30px;
text-align: center; 
background: #F3DA0B; 
margin: 35px 35px 35px; 
overflow: hidden; 
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
border-radius: 5px 5px 5px 5px; 
-moz-border-radius: 5px 5px 5px 5px; 
-webkit-border-radius: 5px 5px 5px 5px; 
/*border: 2px solid #5878ca; */
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2);
width: 440px;
margin-left: auto;
margin-right: auto;

}
.fila { 
 overflow: hidden; 
 display: block;
 width: 100%;
}


#contenedor {
 width: 100%;
min-width: 30px;
 clear: none;
}

#columnaderecha {
 width: 49%;  /* Este será el ancho que tendrá tu columna */
 float:right; /* Aquí determinas de lado quieres quede esta "columna" */
}

#columnaizquierda {
 width: 49%;
 float: left;
}



@media screen and (max-width:700px) {
  #columnaderecha {
 width: 100%;  /* Este será el ancho que tendrá tu columna */
 float:right; /* Aquí determinas de lado quieres quede esta "columna" */
  }
  #columnaizquierda {
 width: 100%;  /* Este será el ancho que tendrá tu columna */
 float:right; /* Aquí determinas de lado quieres quede esta "columna" */
  }
  .encabezado { 
  	width: 85%;
  	float: inherit;
	margin-left: 50;
	margin-right: 50;
  }
  .ficha {
    width: 85%;
  	float: inherit;	
  	max-width: 320px;
  	margin-left: auto;
	margin-right: auto;
  	
  }
  
}



#footer-icons{
 display:flex;
 align-items: center
  }
Obtenido de «http://espigabioconstrucion.org/bioconstrupedia/index.php?title=MediaWiki:Common.css&oldid=577»