Diferencia entre revisiones de «MediaWiki:Common.css»
| (No se muestran 80 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 */ | ||
| + | |||
| Línea 30: | Línea 31: | ||
font-family: Helvetica Neue,sans-serif; | font-family: Helvetica Neue,sans-serif; | ||
color: #ffffff; | color: #ffffff; | ||
| − | font-size: | + | font-size: 16px; |
font-weight: 700; | font-weight: 700; | ||
text-align: center; | text-align: center; | ||
| Línea 36: | Línea 37: | ||
margin: 0 0 0px; | margin: 0 0 0px; | ||
overflow: hidden; | overflow: hidden; | ||
| − | padding: | + | padding: 3px; |
border-radius: 5px 5px 5px 5px; | border-radius: 5px 5px 5px 5px; | ||
-moz-border-radius: 5px 5px 5px 5px; | -moz-border-radius: 5px 5px 5px 5px; | ||
| Línea 47: | Línea 48: | ||
text-align: left; | text-align: left; | ||
background: #ffffff; | background: #ffffff; | ||
| − | margin: 5px 5px 5px; | + | margin: 5px 5px 15px 5px; |
overflow: hidden; | overflow: hidden; | ||
padding: 0px; | padding: 0px; | ||
| Línea 55: | Línea 56: | ||
/*border: 2px solid #5878ca; */ | /*border: 2px solid #5878ca; */ | ||
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); | box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); | ||
| + | min-width: 30px; | ||
} | } | ||
| Línea 64: | Línea 66: | ||
background: #ffffff; | background: #ffffff; | ||
overflow: hidden; | overflow: hidden; | ||
| − | padding: 10px | + | padding-top: 10px; |
| + | padding-right: 25px; | ||
| + | padding-bottom: 20px; | ||
| + | padding-left: 25px; | ||
| Línea 73: | Línea 78: | ||
font-family: Helvetica Neue,sans-serif; | font-family: Helvetica Neue,sans-serif; | ||
color: #ffffff; | color: #ffffff; | ||
| − | font-size: | + | font-size: 14px; |
font-weight: 700; | font-weight: 700; | ||
text-align: center; | text-align: center; | ||
| Línea 87: | Línea 92: | ||
font-family: Helvetica Neue, sans-serif; | font-family: Helvetica Neue, sans-serif; | ||
color: #000000; | color: #000000; | ||
| − | font-size: | + | font-size: 13px; |
text-align: left; | text-align: left; | ||
background: #8cf1ff; | background: #8cf1ff; | ||
| − | margin: | + | margin: 20px 20px 20px; |
overflow: hidden; | overflow: hidden; | ||
padding: 0px; | padding: 0px; | ||
| Línea 98: | Línea 103: | ||
/*border: 2px solid #5878ca; */ | /*border: 2px solid #5878ca; */ | ||
box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); | box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.2); | ||
| − | width: | + | width: 320px; |
| + | float: right; | ||
} | } | ||
| Línea 104: | Línea 110: | ||
font-family: Helvetica Neue ,sans-serif; | font-family: Helvetica Neue ,sans-serif; | ||
color: #000000; | color: #000000; | ||
| − | font-size: | + | font-size: 13px; |
text-align: left; | text-align: left; | ||
background: #8cf1ff; | background: #8cf1ff; | ||
overflow: hidden; | overflow: hidden; | ||
padding: 10px 10px; | 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
}
