Diferencia entre revisiones de «MediaWiki:Common.css»
Ir a la navegación
Ir a la búsqueda
mSin resumen de edición |
Sin resumen de edición |
||
(No se muestran 11 ediciones intermedias del mismo usuario) | |||
Línea 1: | Línea 1: | ||
.template-documentation { | |||
clear: both; | clear: both; | ||
margin: 1em 0 0 0; | |||
border: 1px dotted #8BCBFF; | |||
background-color: #EEF9FA; | |||
padding: 0.9em; | |||
background | |||
} | } | ||
/* == CSS Autoajustar imágenes y marcos == */ | |||
@media only screen { | |||
img, div .thumbinner{ | |||
max-width:100%; | |||
height:auto; | |||
} | |||
} | } | ||
/* == CSS Banner == */ | /* == CSS Banner == */ | ||
.banner { | .banner { | ||
Línea 1959: | Línea 20: | ||
box-sizing:border-box; | box-sizing:border-box; | ||
width:100%; | width:100%; | ||
margin:- | margin:-2em 0 0; | ||
background-color:#f9f9f9; | background-color:#f9f9f9; | ||
white-space:nowrap; | white-space:nowrap; | ||
Línea 1987: | Línea 48: | ||
margin-bottom:1rem; | margin-bottom:1rem; | ||
padding:1rem; | padding:1rem; | ||
} | } | ||
.mw-parser-output .main-box-image-only div { | .mw-parser-output .main-box-image-only div { | ||
Línea 2007: | Línea 65: | ||
margin-left:0; | margin-left:0; | ||
margin-right:0; | margin-right:0; | ||
border: solid #c8ccd1; | |||
box-shadow: 0 1px 1px rgba(0,0,0,0.15); | |||
border-width: thin; | |||
} | } | ||
} | } | ||
Línea 2034: | Línea 95: | ||
} | } | ||
.mw-parser-output .main-box { | .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 { | .mw-parser-output .main-box-image-only>.main-box-content { | ||
Línea 2049: | Línea 112: | ||
margin-left:-1rem; | margin-left:-1rem; | ||
margin-right:-1rem; | margin-right:-1rem; | ||
text-align: | text-align:justify; | ||
border:none; | border:none; | ||
box-shadow:none; | box-shadow:none; |
Revisión actual - 21:08 11 mar 2021
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px dotted #8BCBFF;
background-color: #EEF9FA;
padding: 0.9em;
}
/* == CSS Autoajustar imágenes y marcos == */
@media only screen {
img, div .thumbinner{
max-width:100%;
height:auto;
}
}
/* == CSS Banner == */
.banner {
position:relative;
clear:both;
box-sizing:border-box;
width:100%;
margin:-2em 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
}
}