Diferencia entre revisiones de «MediaWiki:Common.css»
De Amereida
m |
|||
(No se muestran 72 ediciones intermedias del mismo usuario) | |||
Línea 1: | Línea 1: | ||
+ | /* Pantallas pequeñas */ | ||
+ | @media (max-width: 768px){ | ||
+ | div.thumb-text{ | ||
+ | float: none !important; | ||
+ | max-width: 100% !important; | ||
+ | margin: 0 0 2em 0 !important; | ||
+ | } | ||
+ | div.footerwrap > div.container{ | ||
+ | margin: 0 2em !important; | ||
+ | } | ||
+ | .smwofooterrow nav.navbar ul.navbar-nav{ | ||
+ | text-align: center !important; | ||
+ | } | ||
+ | .smwofooterrow .nav > li, | ||
+ | .smwofooterrow .nav > li > a{ | ||
+ | display: inline-block !important; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Ancho de las páginas */ | ||
+ | |||
+ | .mw-body{ | ||
+ | max-width: 52em; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
/* Títulos de páginas */ | /* Títulos de páginas */ | ||
.firstHeading{ | .firstHeading{ | ||
− | + | font-size: 12px; | |
− | font- | + | font-family: "Alegreya Sans"; |
− | font- | + | letter-spacing: .24ex; |
+ | text-transform: uppercase; | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | |||
+ | .poem{ | ||
+ | white-space: pre-wrap; | ||
+ | } | ||
+ | |||
+ | .poem p{ | ||
+ | font: 18px/24px Alegreya,"Times New Roman", Times, serif; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .poem br{display: none} | ||
+ | .rounded{border-radius:4px} | ||
+ | |||
+ | .note{ | ||
+ | font-size: 75%; | ||
+ | margin: 1em 1em 1em 35%; | ||
+ | border: 1px solid #EEE; | ||
+ | border-radius: 4px; | ||
+ | padding: 2em; | ||
} | } | ||
Línea 15: | Línea 63: | ||
text-align: right; | text-align: right; | ||
padding-right: 1ex; | padding-right: 1ex; | ||
+ | } | ||
+ | |||
+ | label.checkboxLabel { | ||
+ | font-weight: normal; | ||
+ | margin-right: 1em; | ||
} | } | ||
Línea 25: | Línea 78: | ||
border-radius: 4px; | border-radius: 4px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* licencias para archivos */ | /* licencias para archivos */ | ||
Línea 47: | Línea 86: | ||
border-radius: 1ex; | border-radius: 1ex; | ||
font-size: 75%; | font-size: 75%; | ||
+ | line-height: 120%; | ||
} | } | ||
Línea 69: | Línea 109: | ||
/* ficha de textos */ | /* ficha de textos */ | ||
− | + | ||
+ | div.thumb-text{ | ||
float: right; | float: right; | ||
− | max-width: | + | max-width: 320px; |
background-color: #EFEFE1; | background-color: #EFEFE1; | ||
font-size: 80%; | font-size: 80%; | ||
+ | margin: 0 0 2em 2em; | ||
+ | padding: 0 1em 2em 1em; | ||
+ | line-height: 120%; | ||
+ | break-inside: avoid | ||
} | } | ||
− | + | div.thumb-text .key{ | |
− | |||
− | |||
text-align: right; | text-align: right; | ||
+ | min-width: 80px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | div.thumb-text div.img{ | ||
+ | padding: 0; | ||
+ | text-align: center; | ||
+ | margin-bottom: 2ex; | ||
+ | } | ||
+ | |||
+ | div.thumb-text div.img img{border-radius:3px} | ||
+ | |||
+ | div.thumb-text div.title{ | ||
+ | font-family: Alegreya; | ||
+ | font-size: 110%; | ||
+ | text-align: center; | ||
+ | vertical-align: text-bottom; | ||
+ | padding: 1em 0 1em 0; | ||
+ | } | ||
+ | /* resultados multicolumna */ | ||
+ | |||
+ | .columns{ | ||
+ | box-sizing: border-box; | ||
+ | columns: 250px; | ||
+ | column-gap: 20px; | ||
+ | } | ||
+ | |||
+ | .columns-sm{ | ||
+ | box-sizing: border-box; | ||
+ | columns: 110px; | ||
+ | column-gap: 20px; | ||
+ | } | ||
+ | |||
+ | /* ficha de acontecer */ | ||
+ | |||
+ | .event, | ||
+ | .thumb-event{ | ||
+ | background-color: #EFEFE1; | ||
+ | border-radius: 4px; | ||
+ | padding: 8px; | ||
+ | margin-bottom: 2em; | ||
+ | break-inside: avoid; | ||
+ | } | ||
+ | .thumb-event .text{padding: 8px;} | ||
+ | .event .title, | ||
+ | .thumb-event .text .title{ | ||
+ | display: inherit; | ||
+ | text-transform: uppercase; | ||
+ | font-weight: 800; | ||
+ | line-height: 100%; | ||
+ | } | ||
+ | .thumb-event .text .date{ | ||
+ | margin-top: -5px; | ||
+ | display: inherit; | ||
+ | font-style: italic; | ||
+ | font-weight: 100; | ||
+ | } | ||
+ | |||
+ | .thumb-event .text .excerpt{ | ||
+ | font-size: 80%; | ||
+ | line-height: 100%; | ||
+ | } | ||
+ | |||
+ | div.thumb-text .key, | ||
+ | div.thumb-text .value{ | ||
+ | display: table-cell; | ||
+ | padding: .3ex 1ex; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .event .leyend{padding: 12px;} | ||
+ | |||
+ | .nota{ | ||
+ | width: 50%; | ||
+ | float:right; | ||
+ | font-size: 75%; | ||
+ | padding: 1em; | ||
+ | margin: 0 0 1em 1em; | ||
+ | background-colo: #EEE; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* ficha obra */ | ||
+ | |||
+ | .obra{ | ||
+ | background-color: #EFEFE1; | ||
+ | border-radius: 4px; | ||
+ | padding: 8px; | ||
+ | margin-bottom: 2em; | ||
+ | } | ||
+ | |||
+ | /* ficha documento */ | ||
+ | |||
+ | .thumb-doc > .text{ | ||
+ | text-align:center; | ||
+ | } | ||
+ | .thumb-doc > .text > .title{ | ||
+ | display: block; | ||
+ | line-height: 111%; | ||
+ | font-family: Alegreya; | ||
+ | font-size: 80%; | ||
+ | } | ||
+ | |||
+ | .thumb-doc > .text > .title > a{ | ||
+ | display: block; | ||
+ | border-radius: 3px; | ||
+ | padding: 1ex; | ||
+ | } | ||
+ | |||
+ | .thumb-doc > .text > .title > a:hover{ | ||
+ | background-color: #EFEFE1; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /* Image Uploader Wizard fix */ | ||
+ | |||
+ | #mwe-upwiz-steps li { | ||
+ | list-style-image: none; | ||
+ | list-style-type: none; | ||
} | } |
Revisión actual del 12:41 23 jul 2020
/* Pantallas pequeñas */ @media (max-width: 768px){ div.thumb-text{ float: none !important; max-width: 100% !important; margin: 0 0 2em 0 !important; } div.footerwrap > div.container{ margin: 0 2em !important; } .smwofooterrow nav.navbar ul.navbar-nav{ text-align: center !important; } .smwofooterrow .nav > li, .smwofooterrow .nav > li > a{ display: inline-block !important; } } /* Ancho de las páginas */ .mw-body{ max-width: 52em; margin: 0 auto; } /* Títulos de páginas */ .firstHeading{ font-size: 12px; font-family: "Alegreya Sans"; letter-spacing: .24ex; text-transform: uppercase; font-weight: 600; } .poem{ white-space: pre-wrap; } .poem p{ font: 18px/24px Alegreya,"Times New Roman", Times, serif; margin: 0; } .poem br{display: none} .rounded{border-radius:4px} .note{ font-size: 75%; margin: 1em 1em 1em 35%; border: 1px solid #EEE; border-radius: 4px; padding: 2em; } /* Ajuste de formularios cabeceras de campos en formularios */ table.formtable tr { border-bottom: 2ex solid transparent; } table.formtable tr th{ text-align: right; padding-right: 1ex; } label.checkboxLabel { font-weight: normal; margin-right: 1em; } .pfAddressInput, .pfCoordsInput, .pfLookUpAddress, .pfUploadable{ padding: 4px 8px; border: 1px solid rgb(187,187,187); border-radius: 4px; } /* licencias para archivos */ .licence{ padding: 1em 2ex; border: 1px solid #EEE; border-radius: 1ex; font-size: 75%; line-height: 120%; } .licence .image{ float: left; display: inline-block; margin-right: 1em; } .clearfix {overflow: auto;} .clearfix::after{ content: ""; clear: both; display: table; } /* color de enlaces a páginas inexistentes */ a.new:link, a.new:hover, a.new:visited{ color: #666; } /* ficha de textos */ div.thumb-text{ float: right; max-width: 320px; background-color: #EFEFE1; font-size: 80%; margin: 0 0 2em 2em; padding: 0 1em 2em 1em; line-height: 120%; break-inside: avoid } div.thumb-text .key{ text-align: right; min-width: 80px; font-weight: bold; } div.thumb-text div.img{ padding: 0; text-align: center; margin-bottom: 2ex; } div.thumb-text div.img img{border-radius:3px} div.thumb-text div.title{ font-family: Alegreya; font-size: 110%; text-align: center; vertical-align: text-bottom; padding: 1em 0 1em 0; } /* resultados multicolumna */ .columns{ box-sizing: border-box; columns: 250px; column-gap: 20px; } .columns-sm{ box-sizing: border-box; columns: 110px; column-gap: 20px; } /* ficha de acontecer */ .event, .thumb-event{ background-color: #EFEFE1; border-radius: 4px; padding: 8px; margin-bottom: 2em; break-inside: avoid; } .thumb-event .text{padding: 8px;} .event .title, .thumb-event .text .title{ display: inherit; text-transform: uppercase; font-weight: 800; line-height: 100%; } .thumb-event .text .date{ margin-top: -5px; display: inherit; font-style: italic; font-weight: 100; } .thumb-event .text .excerpt{ font-size: 80%; line-height: 100%; } div.thumb-text .key, div.thumb-text .value{ display: table-cell; padding: .3ex 1ex; vertical-align: top; } .event .leyend{padding: 12px;} .nota{ width: 50%; float:right; font-size: 75%; padding: 1em; margin: 0 0 1em 1em; background-colo: #EEE; } /* ficha obra */ .obra{ background-color: #EFEFE1; border-radius: 4px; padding: 8px; margin-bottom: 2em; } /* ficha documento */ .thumb-doc > .text{ text-align:center; } .thumb-doc > .text > .title{ display: block; line-height: 111%; font-family: Alegreya; font-size: 80%; } .thumb-doc > .text > .title > a{ display: block; border-radius: 3px; padding: 1ex; } .thumb-doc > .text > .title > a:hover{ background-color: #EFEFE1; text-decoration: none; } /* Image Uploader Wizard fix */ #mwe-upwiz-steps li { list-style-image: none; list-style-type: none; }