Diferencia entre revisiones de «MediaWiki:Mobile.css»
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;
}