MediaWiki:Common.css
De CEBES Perquín
Revisión del 19:59 9 dic 2020 de David (discusión | contribuciones)
Nota: tras guardar, quizás necesites actualizar la caché de tu navegador para ver los cambios.
- Firefox/Safari: Mantén presionada la tecla Mayús mientras pulsas el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
- Google Chrome: presiona Ctrl+Shift+R (⌘+Mayús+R en Mac)
- Internet Explorer: mantén presionada Ctrl mientras pulsas Actualizar, o presiona Ctrl+F5
- Opera: dirígete a Menú → Configuración (Opera → Preferencias en Mac) y luego a Privacidad y seguridad → Borrar datos de navegación → Imágenes y archivos en caché.
/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */ /* Oculta título y categorías en la Portada */ body.page-Portada h1.firstHeading, body.page-Portada #catlinks-sidebar { display:none; } /* Oculta artículos destacados de la versión móvil en la versión de escritorio */ /* Common.css no se tiene en cuenta en la versión móvil (Mobile.css) */ #destacados-movil { display: none; } /* Cambia fuente de epígrafes */ .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt { font-family: 'Helvetica Neue','Nimbus Sans','Helvetica','Arial',sans-serif; font-weight: bold; } .mw-body h1 { font-size: 1.8em; /* Default: 2.0em */ font-family: 'Times New Roman',serif; /* Default: 'Linux Libertine' */ } .mw-body h2 { font-size: 1.5em; /* Default: 1.7em */ } .mw-body h3 { font-size: 1.35em; /* Default: 1.5em */ } .mw-body h4 { font-size: 1.25em; /* Default: 1.35em */ } .mw-body h5 { font-size: 1.2em; /* Default: 1.25em */ } .mw-body h6 { font-size: 1.15em; /* Default: 1.2em */ } /* Oculta fecha de última modificacion en pie de páginas */ /* #lastmod { display:none; } */ /* Responsive two column layout */ * { box-sizing: border-box; } /* Create two equal columns that floats next to each other */ .column { float: left; width: 50%; padding: 10px; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .column { width: 100%; } } /* BEGIN Main Page carousel code */ .mf-mobile-only { display: none; } .banner-image { position: relative; overflow: hidden; max-width: 1125px; height: auto; margin-bottom: .6em; } .banner-image img { max-width: 100%; height: auto; width: auto\9; } .banner-box { position: absolute; z-index: 2; margin-top: 0.3em; /* color: black; */ width: 50%; min-width: 20em; /* text-shadow: grey 0.1em 0.1em 0.3em, grey -0.05em -0.05em 0.5em; */ } .banner-box-wide { width: 80% } .banner-box-left { left: 5%; text-align: left; } .banner-box-right { right: 5%; text-align: right; } .banner-box-welcome { left: 1em; text-align: center; width: 40%; white-space: nowrap; } .banner-box a { /* color: black !important; */ font-weight: bold; } .banner-box .name { font-size: 2em; white-space: nowrap; line-height: 1.2em; } .banner-box .type { font-size: 1.2em; line-height: 1.5em; } .banner-box .stats { font-size: 1em; margin-top: 1.5em; } .banner-box .quote { font-size: 100%; line-height: 1.2em; } .banner-box .welcome a { font-size: 1.5em; } .banner-box .welcome { font-size: 2.1em; } .banner-box .nav-tip { font-size: 1.5em; margin-top: 1.5em; margin-bottom: 1.5em; } .banner-box .welcome-map-nav { font-size: 1.25em; } .banner-box ul { font-size: 1.25em; } .banner-box ul li { display: inline; } .banner-box ul li:before { content: " • "; } .banner-box ul li:nth-of-type(1):before { content: " "; } .jcarousel { position: relative; overflow: hidden; } .jcarousel-wrapper { max-width: 1125px; margin: 0; position: relative; } .jcarousel .jcarousel-list { width: 20000em; position: relative; margin: 0; padding: 0; } .jcarousel .jcarousel-item { float: left; } .jcarousel-item img { display: block; max-width: 100%; height: auto !important; } .jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 45%; width: 30px; height: 30px; text-align: center; background: #fff; color: #fff; text-decoration: none; text-shadow: 0 0 1px #000; font: 24px/27px Arial, sans-serif; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; -webkit-box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; box-shadow: 0 0 2px #999; } .jcarousel-control-prev { left: -15px; } .jcarousel-control-next { right: -15px; } .jcarousel-control-prev:hover span, .jcarousel-control-next:hover span { display: block; } .jcarousel-control-prev.inactive, .jcarousel-control-next.inactive { opacity: .5; cursor: default; } .jcarousel-pagination { position: absolute; bottom: 10px; left: 15px; } .jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; line-height: 14px; min-width: 14px; background: #fff; color: #4E443C; border-radius: 14px; padding: 3px; text-align: center; margin-right: 2px; opacity: .75; } .jcarousel-pagination a.active { background: #4E443C; color: #fff; opacity: 1; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75); } /* END Main Page carousel code */