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 32 ediciones intermedias del mismo usuario) | |||
Línea 1: | Línea 1: | ||
.template-documentation { | .template-documentation { | ||
clear: both; | clear: both; | ||
margin: 1em 0 0 0; | margin: 1em 0 0 0; | ||
border: 1px | border: 1px dotted #8BCBFF; | ||
background-color: # | background-color: #EEF9FA; | ||
padding: | 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; | |||
.mw- | 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 | |||
} | |||
. | |||
} | |||
. | |||
} | |||
. | |||
. | |||
. | |||
} | |||
} | } |
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
}
}