Nota: Despues de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.
- Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presione Ctrl+Shift+R (⌘+Mayús+R en Mac)
- Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
- Opera: Presiona Ctrl+F5.
/* == CSS Autoajustar imágenes y marcos == */
@media only screen {
img, .thumbinner div{
max-width:100%;
height:auto;
}
}
/* == CSS Banner == */
.banner {
position:relative;
clear:both;
box-sizing:border-box;
width:100%;
margin:-4em 0 0;
background-color:#f9f9f9;
white-space:nowrap;
padding-block:10px;
box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
/* == CSS para ajustar contenido de acuerdo al ancho de pantalla == */
@media only screen and (max-width:800px) {
.portal-column-left-50,
.portal-column-right-50,
.portal-column-left-60,
.portal-column-right-60,
.portal-column-left-40,
.portal-column-right-40,
.portal-column-left-66,
.portal-column-right-66,
.portal-column-left-33,
.portal-column-center-33,
.portal-column-right-33 {
float:inherit;
width:inherit
}
}
.mw-parser-output .main-box {
background: #fff;
margin-bottom:1rem;
padding:1rem;
}
.mw-parser-output .main-box-image-only div {
width:auto!important
}
@media(min-width:720px) {
.mw-parser-output .main-wikimedia {
padding-top:1rem;
padding-left:1rem;
padding-right:1rem
}
.mw-parser-output .main-box {
border-radius:2px;
border-width:1px;
margin-bottom:1rem;
margin-left:0;
margin-right:0;
border: solid #c8ccd1;
box-shadow: 0 1px 1px rgba(0,0,0,0.15);
border-width: thin;
}
}
@media(min-width:1000px) {
.mw-parser-output .main-wrapper {
display:flex;
margin:0 -0.5rem
}
.mw-parser-output .main-wrapper-column {
flex:1;
margin:0 0.5rem
}
.mw-parser-output .main-wikimedia {
padding-top:1rem;
padding-left:1rem;
padding-right:1rem
}
.mw-parser-output .main-wrapper-column {
width:65%
}
.mw-parser-output .main-wrapper-column+.main-wrapper-column {
width:35%
}
.mw-parser-output .main-wrapper-column {
flex:inherit
}
.mw-parser-output .main-box {
border: solid #c8ccd1;
box-shadow: 0 1px 1px rgba(0,0,0,0.15);
border-width: thin;
}
.mw-parser-output .main-box-image-only>.main-box-content {
margin-left:-1rem;
margin-right:-1rem
}
}
@media(max-width:719px) {
.mw-parser-output .main-box-responsive-image>.floatleft,
.mw-parser-output .main-box-responsive-image>.floatright,
.main-box{
float:none;
margin-left:-1rem;
margin-right:-1rem;
text-align:justify;
border:none;
box-shadow:none;
margin-bottom:1rem;
padding:.5rem;
}
.banner{
float:none;
border:none;
box-shadow:none;
display:block
}
.mw-parser-output .main-box-responsive-image>.floatleft>a,
.mw-parser-output .main-box-responsive-image>.floatright>a {
display:block
}
}