MediaWiki:Common.css

De WikiHistoria
Ir a la navegación Ir a la búsqueda

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.
.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
 }
}