Diferencia entre revisiones de «MediaWiki:Mobile.css»

De Diccionario Interactivo Ceán Bermúdez
Ir a la navegación Ir a la búsqueda
 
(No se muestran 13 ediciones intermedias del mismo usuario)
Línea 3: Línea 3:
 
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
 
/* Generales*/
 
/* Generales*/
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6, .ns-special #content #section_0{font-family: 'Playfair Display', serif;}
+
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6, .ns-special #content #section_0{font-family: 'Playfair Display', serif!important;}
 
html, body {
 
html, body {
 
     font-family: 'Roboto', sans-serif;
 
     font-family: 'Roboto', sans-serif;
 
     font-weight:300;
 
     font-weight:300;
 
}
 
}
a, a:visited, #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited, #mw-mf-page-left ul.hlist li a {color: #e50825;}
+
a, a:visited, #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited, #mw-mf-page-left ul.hlist li a {color: #e50825!important;}
 +
#mw-search-togglebox input, input[type='submit'], input[type='button'], input[type='reset'], input[type='file'] {
 +
    margin-left: 0.25em;
 +
    background: #e50825;
 +
    border: 1px solid #e50825;
 +
    padding-top: 0.42857143em;
 +
    padding-bottom: 0.42857143em;
 +
    padding-left: 0.85714286em;
 +
    padding-right: 0.85714286em;
 +
    color: #fff;
 +
    border-radius: 4px;
 +
}
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .mw-ui-button.mw-ui-progressive{
 +
background-color: #e50825;
 +
    border-color: #e50825;
 +
}
 +
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .mw-ui-button.mw-ui-progressive:hover {
 +
    background-color: #fff;
 +
    color:#e50825;
 +
    border-color: #e50825;
 +
}
  
 
/*Cabecera*/
 
/*Cabecera*/
Línea 14: Línea 34:
 
     color: #ffffff;
 
     color: #ffffff;
 
}
 
}
.header-container.header-chrome { background-color: #e50825;}
+
.header .branding-box span{width:100px;}
 
+
.header-container.header-chrome { background-color: #ededed;}
 +
.header {
 +
    display: flex;
 +
    justify-content: center;
 +
    align-items: center;
 +
}
 +
#mw-mf-page-left ul li a:hover { box-shadow: inset 4px 0 0 0 #e50825!important;}
 
/* Buscador */
 
/* Buscador */
 
.header .search-box {
 
.header .search-box {
Línea 26: Línea 52:
 
     line-height: 1.3;
 
     line-height: 1.3;
 
     font-family: 'Playfair Display',serif;
 
     font-family: 'Playfair Display',serif;
 +
}
 +
.client-nojs .search-box .search:focus, .search-overlay .search-box .search:focus {
 +
    border-color: #e50825;
 +
    box-shadow: inset 0 0 0 1px #e50825, 0 1px 1px rgb(0 0 0 / 5%);
 +
}
 +
 +
/* Infobox */
 +
.infobox {margin-top: 20px; padding-top: 5px;box-shadow: 0px 0px 13px 0px #0000001f; border-color:#e8e8e8;}
 +
.separador { margin: 20px 0;}
 +
.infobox table{padding: 15px;}
 +
.infobox-autor .infobox-title, .infobox-obra .infobox-title { margin: 20px auto;font-family: 'Playfair Display',serif;}
 +
.infobox-autor .infobox-image img, .infobox-obra .infobox-image img { width: 80% !important; height: auto!important; border: 6px solid #ccc;}
 +
.infobox th { text-align: right; padding-right: 10px;}
 +
.infobox-autor .infobox-title,.infobox-obra .infobox-title{
 +
text-align: center;
 +
    font-size: 125%;
 +
    font-weight: bold;
 +
    margin: 10px auto;
 +
}
 +
.infobox-autor .infobox-image,.infobox-obra .infobox-image{
 +
text-align:center;
 +
}
 +
.infobox-autor .infobox-image img, .infobox-obra .infobox-image img{
 +
width: 80% !important;
 +
height: auto!important;
 +
}
 +
.infobox { width: 100%;}
 +
.infobox a{word-break: break-word;}
 +
.infobox p:blank, .infobox p:empty  {
 +
  display: none;
 
}
 
}

Revisión actual del 14:38 3 feb 2021

/* CSS colocados aquí afectará a los usuarios del sitio móvil */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* Generales*/
.mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6, .ns-special #content #section_0{font-family: 'Playfair Display', serif!important;}
html, body {
    font-family: 'Roboto', sans-serif;
    font-weight:300;
}
a, a:visited, #mw-panel .portal .body li a, #mw-panel .portal .body li a:visited, #mw-mf-page-left ul.hlist li a {color: #e50825!important;}
#mw-search-togglebox input, input[type='submit'], input[type='button'], input[type='reset'], input[type='file'] {
    margin-left: 0.25em;
    background: #e50825;
    border: 1px solid #e50825;
    padding-top: 0.42857143em;
    padding-bottom: 0.42857143em;
    padding-left: 0.85714286em;
    padding-right: 0.85714286em;
    color: #fff;
    border-radius: 4px;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .mw-ui-button.mw-ui-progressive{
	background-color: #e50825;
    border-color: #e50825;
}
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover, .mw-ui-button.mw-ui-progressive:hover {
    background-color: #fff;
    color:#e50825;
    border-color: #e50825;
}

/*Cabecera*/
.header .branding-box a {
    color: #ffffff;
}
.header .branding-box span{width:100px;}
.header-container.header-chrome { background-color: #ededed;}
.header {
    display: flex;
    justify-content: center;
    align-items: center;
}
#mw-mf-page-left ul li a:hover { box-shadow: inset 4px 0 0 0 #e50825!important;}
/* Buscador */
.header .search-box {
    text-align: right;
}
.mw-search-results li a {
    font-size: 130%;
    margin-bottom: 10px;
    display: block;
    line-height: 1.3;
    font-family: 'Playfair Display',serif;
}
.client-nojs .search-box .search:focus, .search-overlay .search-box .search:focus {
    border-color: #e50825;
    box-shadow: inset 0 0 0 1px #e50825, 0 1px 1px rgb(0 0 0 / 5%);
}

/* Infobox */
.infobox {margin-top: 20px; padding-top: 5px;box-shadow: 0px 0px 13px 0px #0000001f; border-color:#e8e8e8;}
.separador { margin: 20px 0;}
.infobox table{padding: 15px;}
.infobox-autor .infobox-title, .infobox-obra .infobox-title { margin: 20px auto;font-family: 'Playfair Display',serif;}
.infobox-autor .infobox-image img, .infobox-obra .infobox-image img { width: 80% !important; height: auto!important; border: 6px solid #ccc;}
.infobox th { text-align: right; padding-right: 10px;}
.infobox-autor .infobox-title,.infobox-obra .infobox-title{
	text-align: center;
    font-size: 125%;
    font-weight: bold;
    margin: 10px auto;
}
.infobox-autor .infobox-image,.infobox-obra .infobox-image{
	text-align:center;
}
.infobox-autor .infobox-image img, .infobox-obra .infobox-image img{
	width: 80% !important;
	height: auto!important;
}
.infobox { width: 100%;}
.infobox a{word-break: break-word;}
.infobox p:blank, .infobox p:empty  {
  display: none;
}