Diferencia entre revisiones de «MediaWiki:Common.css»

De CEBES Perquín
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%;
  }
}