|
|
Línea 65: |
Línea 65: |
| } | | } |
| } | | } |
− |
| |
− |
| |
− | /* 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 */
| |
Revisión del 20:19 9 dic 2020
/* 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%;
}
}