MediaWiki:Common.css

De CEBES Perquín

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%;
  }
}

/**
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2012-02-29
 */

/* 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 */

/**
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2012-02-29
 */
.mw-charinsert-buttons {
	margin-top: 10px;
	border: 1px solid #aaaaaa;
	padding: 1px;
	text-align: center;
	font-size: 110%;
}
.mw-charinsert-buttons a {
	color: black;
	background-color: #cde !important;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	border: thin #069 outset;
	padding: 0 .1em .1em;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
	background-color: #bcd;
	border-style: inset;
}
.client-js .mw-edittools-section {
	display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
	font-size: 0.9em;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 1px;
}


/* Estilos de [[Plantilla:Portada:Actualidad]]*/
.contenido-caja {
	height:100%;
	width:100%;
	position:absolute;
	transition:1s;
	opacity:0;
	padding:5% 3% 5%;
	z-index:100;
	white-space:nowrap;
	overflow:hidden;
}
.contenido-caja:hover {
	opacity:0.8;
}
.contenido-caja:hover + .titulo-caja {
	transform: translate(20%,-30%);
	opacity: 0;
}

.titulo-caja {
	transition:1s;
	margin:10%;
	z-index:0;
	font-size:150%;
}

/*Texto*/
.hover-text:link {
  color:#03529b;
}

/* visited link */
.hover-text:visited {
  color:#03529b;
}

/* mouse over link */
.hover-text:hover {
  color:#229954;
}

/* selected link */
.hover-text:active {
  color:#03529b;
}

/*Texto negro*/
.hover-content:link {
  color:#2980B9;
}

/* visited link */
.hover-content:visited {
  color:#2980B9;
}

/* mouse over link */
.hover-content:hover {
  color:#27AE60;
}

/* selected link */
.hover-content:active {
  color:#2980B9;
}

/* Overall style */
.mainpage {
	max-width: 1040px;
	margin: 0 auto;
}

/* Heading */
.mainpage-heading {
	width: 100%;
	margin: 0 1em 0 0;
	border-collapse: collapse;
	border-spacing: 0;
}
.mainpage-welcome {
	padding: .5em 1.6em 1em;
}
.mainpage-welcome-sitename {
	font-size: 220%;
	color: #484848;
}
.mainpage-welcome-slogan {
	color: #666;
}
.mainpage-actions {
	white-space: nowrap;
	text-align: right;
}
.mainpage-actions ul {
	margin: 0;
	padding: 0;
}
.mainpage-actions li {
	display: inline-block;
	margin: 0;
	padding: .5em;
	font-weight: bold;
}
@media screen and (max-width: 999px) {
	.mainpage-heading,
	.mainpage-heading tbody,
	.mainpage-heading tr,
	.mainpage-heading td {
		display: block;
	}
	.mainpage-heading td {
		padding-left: 1.6em;
		padding-right: 1.6em;
	}
	.mainpage-actions {
		text-align: center;
		white-space: normal;
	}
}

/* Main table */
.mainpage-maintable {
	width: 100%;
	margin: 1em 0;
	border: none;
	background: transparent;
	border-spacing: 0;
}
.mainpage-maintable td {
	padding: 0;
	vertical-align: top;
}
.mainpage-maintable td.mainpage-column-left {
	width: 50%;
	padding-right: .5em;
}
.mainpage-maintable td.mainpage-column-right {
	width: 50%;
	padding-left: .5em;
}
@media screen and (max-width: 999px) {
	.mainpage-maintable,
	.mainpage-maintable tbody,
	.mainpage-maintable tr,
	.mainpage-maintable td {
		display: block;
	}
	.mainpage-maintable td.mainpage-column-left {
		width: auto;
		padding: 0 0 .75em;
	}
	.mainpage-maintable td.mainpage-column-right {
		width: auto;
		padding: .75em 0 0;
	}
}

/* Boxes Articulos*/
.mainpage-box {
	border: 1px solid;
}
.mainpage-box:not(:first-child) {
	margin-top: 1.5em;
}
.mainpage-box .mainpage-box-title {
	padding: .2em .5em;
	font-size: 125%;
	font-weight: bold;
}
.mainpage-box .mainpage-box-content {
	padding: .4em 1em .3em;
}
.mainpage-box .mainpage-box-seealso {
	clear: both;
	border-style: solid;
	border-width: 1px 0 0;
	padding-top: .4em;
	margin-top: .8em;
	text-align: end;
	font-size: 95%;
	font-weight: bold;
}
.mainpage-box-orange,
.mainpage-box-orange .mainpage-box-seealso {
	border-color: #fad67d;
}
.mainpage-box-orange .mainpage-box-title {
	background-color: #fad67d;
}
.mainpage-box-green,
.mainpage-box-green .mainpage-box-seealso {
	border-color: #bbfa7c;
}
.mainpage-box-green .mainpage-box-title {
	background-color: #bbfa7c;
}
.mainpage-box-blue,
.mainpage-box-blue .mainpage-box-seealso {
	border-color: #abd5f5;
}
.mainpage-box-blue .mainpage-box-title {
	background-color: #abd5f5;
}

/* Languages bar */
.mainpage-languages {
	padding: 2em;
	text-align: center;
}

/* keep wikitext div not exceed room available, it doesn’t have any identifier yet :( */
#mf-vid-vid > div,
/* keep Kaltura not exceed room available */
#mf-vid-vid .mediaContainer,
#mf-vid-vid .mwPlayerContainer,
#mf-vid-vid .PopUpMediaTransform,
/* keep VideoJS not exceed room available */
#mf-vid-vid .video-js,
#mf-vid-vid img {
	max-width: 100%;
}

/* CSS Image Slideshow created by CSS
 * 
 * @author: Unknown
 * current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia]
 */
 
 
 /*Estilos Contenido*/
 
.mp-frame {
	box-shadow: 0 0 .3em #999;
	border-radius: .2em;
	margin: 1em 0 2em 0;
	padding: 1px;
}
.mp-frame:after {
	display: block;
	content: "";
	clear: both;
}
.mp-frame-header {
	border-radius: .2em;
	color: #fff;
	padding: .4em .8em .5em;
	font-weight: bold;
}
.mp-frame-header:before {
	display: inline-block;
	/* Add some content in order to get normal line height, then make it transparent */
	content: "x";
	color: transparent;
	width: 40px;
	opacity: .7;
	/* [[File:Wikidata-logo white.svg]] */
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/54/Wikidata-logo_white.svg/27px-Wikidata-logo_white.svg.png);
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/54/Wikidata-logo_white.svg);
	background-size: 27px;
	background-repeat: no-repeat;
	background-position: left center;
}
.mw-content-rtl .mp-frame-header:before {
	background-position: right center;
}
.mp-frame-body {
	padding: 1em;
}


.img-banner{
	max-width:100%;
}



/*Estilos de tabla*/
.table-fila{
	display: table-row;
}

.column-style-1{
	display:table-cell; 
	vertical-align:middle; 
	padding:10px; 
	font-weight:bold;
	color:#1F618D; 
	border-bottom:3px solid #5499C7;
}

.column-style-2{
	display:table-cell; 
	vertical-align:middle; 
	padding:10px; 
	font-weight:bold;
	color:#0E6655; 
	border-bottom:3px solid #117A65;
}

.column-style-4{

 
	padding:5px; 
	font-weight:bold;
	color:#1F618D; 
	border-bottom:3px solid #5499C7;
}

/* visited link */
.hover-text-2:visited {
  color:#03529b;
}

/* mouse over link */
.hover-text-2:hover {
  color:#6C3483;
}

/* selected link */
.hover-text-2:active {
  color:#03529b;
}

.column-style-3{
	display:table-cell; 
	vertical-align:middle; 
	padding:10px; 
	font-weight:bold;
	color:#6C3483; 
	border-bottom:3px solid #A569BD;
}

/* visited link */
.hover-text-3:visited {
  color:#03529b;
}

/* mouse over link */
.hover-text-3:hover {
  color:#1F618D;
}

/* selected link */
.hover-text-3:active {
  color:#03529b;
}


/* Estilos para [[Plantilla:Portada:Ticker]], [[Plantilla:Portada:Ticker/Core]] y [[Plantilla:Portada:Ticker/Data]] */

.ticker-container {
	height: 36px;
	border:1px solid #A9A9A9;
	border-left:none;
	border-radius:0 3px 3px 0;

}
.ticker-text {
	height: 150%;
}
 
.inicio-ticker {
  text-align: center;
  float: left;
  font-size: 100%;
  color: white;
  background: #808080;
  padding: 3px 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px 0 0 3px;
  height: 36px;
}


/*Botones*/
.boton-blue{
	text-decoration: none; 
	padding: 10px; 
	font-weight: 600; 
	font-size: 20px; 
	color: #ffffff; 
	border-radius: 6px;
	background-color: #1883ba;
  }

.boton-blue:hover{
    color: #1883ba;
    background-color: #ffffff;
}

.boton-green{
	text-decoration: none; 
	padding: 10px; 
	font-weight: 600; 
	font-size: 20px; 
	color: #ffffff; 
	border-radius: 6px;
	background-color: #117A65;
  }

.boton-green:hover{
    color: #117A65;
    background-color: #ffffff;
}

.boton-grey{
	text-decoration: none; 
	padding: 10px; 
	font-weight: 600; 
	font-size: 20px; 
	color: #ffffff; 
	border-radius: 6px;
	background-color: #797D7F;
  }

.boton-grey:hover{
    color: #797D7F;
    background-color: #ffffff;
}

.boton_1{
    text-decoration: none;
    padding: 5px;
	font-weight: 500; 
	font-size: 15px;
    color: #ffffff;
    background-color: #1883ba;
    border-radius: 6px;
  }
  
.boton_1:hover{
    opacity: 0.6;
    text-decoration: none;
  }

.boton_2{
    text-decoration: none;
    padding: 5px;
	font-weight: 500; 
	font-size: 15px;
    color: #ffffff;
    background-color: #138D75;
    border-radius: 6px;
  }
  
.boton_2:hover{
    opacity: 0.6;
    text-decoration: none;
  }

/* Estilos para tarjetas de biografias */

.tb-frame {
	border-radius: .2em;
	margin: 1em 0 2em 0;
	box-shadow: 0 0 .3em #999;
    transition: all 0.25s;
}

.tb-frame:hover{
	transform: translateY(-15px);
    box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
}

.tb-frame:after {
	display: block;
	content: "";
	clear: both;
}

.tb-frame-header {
	border-radius: .2em;
	color: #fff;
	padding: .4em .8em .5em;
	font-weight: bold;
}
.tb-frame-header:before {
	display: inline-block;
	/* Add some content in order to get normal line height, then make it transparent */
	content: "x";
	color: transparent;
	width: 40px;
	opacity: .7;
	background-size: 27px;
	background-repeat: no-repeat;
	background-position: left center;
}
.tb-content-rtl .tb-frame-header:before {
	background-position: right center;
}
.tb-frame-body {
	padding: 1em;
}


.img-banner{
	max-width:100%;
}

.title.pos{
    text-align: center;
    font-size: 20px;
    color: #6a6a6a;
    margin-top: 100px;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
}



.container .card .boton-1 {
    text-decoration: none;
    padding: 10px;
    font-weight: 600;
    font-size: 20px;
    color: #ffffff;
    background-color: #1883ba;
    border-radius: 6px;
  }
  
.container .card .boton-1:hover{
    color: #1883ba;
    background-color: #ffffff;
  }

.container-pos {
  border: 0px solid #777;
  display: flex;
  padding: 12px;
}

.container-pos .content-pos {
  border: 0px solid #777;
  flex: 1;
}

.container-pos .side-pos {
  margin-left: 10px;
}

.container-pos .side-pos .div-pos  {
  border: 0px solid #777;
  height: auto;
  width: auto;
}

.container .side .div-pos:not(:first-child) {
  margin-top: 15px;
}

/*cuentos*/
.cp-frame {
	box-shadow: 0 0 .3em #999;
	border-radius: .2em;
	margin: 1em 0 2em 0;
	padding: 1px;
}
.cp-frame:after {
	content: "";
	clear: both;
}
.cp-frame-header {
	border-radius: .2em;
	color: #fff;
	padding: .4em .8em .5em;
	font-weight: bold;
}
.cp-frame-header:before {
	display: inline-block;
	/* Add some content in order to get normal line height, then make it transparent */
	content: "x";
	color: transparent;
	width: 40px;
	opacity: .7;
	/* [[File:Wikidata-logo white.svg]] */
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/54/Wikidata-logo_white.svg/27px-Wikidata-logo_white.svg.png);
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/54/Wikidata-logo_white.svg);
	background-size: 27px;
	background-repeat: no-repeat;
	background-position: left center;
}
.cp-content-rtl .cp-frame-header:before {
	background-position: right center;
}
.cp-frame-body {
	padding: 1em;
}


.cp.img-banner{
	max-width:100%;
}

.button_geo {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.button_geo2 {
    background-color: white; 
    color: black; 
    border: 0px solid #1883ba;
    border-radius: 6px;
    
}

.button_geo2:hover {
    background-color: #5499C7;
    color: white;
}

.hover-text-geo:hover {
  color:white;
}

/* Efecto Poemas */

.container{
position: relative;
            width:100%;
            height: 100%;
            perspective: 1000px;
            transform-style: preserve-3d;

        }
        .card{
position: absolute;
            width: 100%;
            height: 100%;
display: flex;
            place-items: center;
            border-left: rgba(255, 255, 255, 0.342) 1px solid;
            border-top: rgba(255, 255, 255, 0.342) 1px solid;
            border-radius: 20px;
            backdrop-filter: blur(30px);
            box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 20px;
            color: white;
            backface-visibility: hidden;
            font-family: Arial, Helvetica, sans-serif;
            transform: rotateY(0deg);
            transform-style: preserve-3d;
            transition: 2.5s cubic-bezier(0.4, 0.2, 0.2, 1);
            
        }
        .front{
            background: rgba(255, 255, 255, 0.109);
            transform: rotateY(0deg);
            padding: 10px;


        }
        .back{
            background: rgba(255, 255, 255, 0.109);
            transform: rotateY(180deg);
            padding: 10px;
        }
        .container:hover > .front{
            transform: rotateY(-180deg);
        }
        .container:hover > .back{
            transform: rotateY(0deg);
        }
        .btn{
            border: 1px solid white;
            background: rgba(255, 255, 255, 0.21);
            padding: 10px 20px;
            border-radius: 20px;
            text-decoration: none;
            color: white;
            transition: all 0.5s;
        }
        .btn:hover{
            padding: 10px 40px;
            background: white;
            color:black
        }

.pm-frame {
	border-radius: .2em;
	margin: 1em 0 2em 0;
	box-shadow: 0 0 .3em #999;
    transition: all 0.25s;
}

.pm-frame:after {
	display: block;
	content: "";
	clear: both;
}

.pm-frame-header {
	border-radius: .2em;
	color: #fff;
	padding: .4em .8em .5em;
	font-weight: bold;
}
.pm-frame-header:before {
	display: inline-block;
	/* Add some content in order to get normal line height, then make it transparent */
	content: "x";
	color: transparent;
	width: 40px;
	opacity: .7;
	background-size: 27px;
	background-repeat: no-repeat;
	background-position: left center;
}
.pm-content-rtl .tb-frame-header:before {
	background-position: right center;
}
.pm-frame-body {
	padding: 1em;
}

#flip-container{
  -webkit-perspective: 1000px;
  perspective: 1000px;
  padding: 50px;
  position: relative;
  margin: 10px auto;
  width: 500px;
}
.carta {
  position: relative;
  width: 500px;
  height: 50px;
  transition: 0.6s;
  transform-style: preserve-3d;
  transform-origin: 100% 25px;
  margin: 5px;
}
.carta:hover, .carta.flip{
  transform: rotateX(180deg);
}
.cara, .atras{
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
}
.cara{
  transform: rotateX(0deg);
  z-index: 2;
  background-color: #e93e29;
  color: #FFF;
  font: 1em/1.8em Arial;
  display: flex;
  align-items: center;
  justify-content: center;
}
.atras{
  transform: rotateX(180deg);
  /*background: repeating-linear-gradient(
    -45deg,
    #ececec,
    #ececec 10px,
    #dedede 10px,
    #dedede 20px
  );*/
}


.titulo_boton {
  float:left; 
  padding:5px;  
  background-color:#e6e6e6;
  width:400px;
  font-family:helvetica;
  font-size:16px;
  font-weight:bold;
}
.boton_mostrar {
  float:right;
  font-size:12px;
  line-height:20px;
  color:#DE7217;
}

/* Standard Navigationsleisten, aka box hiding thingy
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
	box-shadow: 0 0 .3em #999;
	border-radius: .2em;
	margin: 1em 0 2em 0;
	padding: 1px;
}

div.NavFrame:after {
	content: "";
	clear: both;
}


div.NavFrame + div.NavFrame {
	border-top-style: none;
	border-top-style: hidden;
}

div.NavPic {
	background-color: #fff;
	margin: 0;
	padding: 2px;
	/* @noflip */
	float: left;
}
/*
div.NavFrame {
	line-height: 1.6em;
	font-weight: bold;
	background-color: #fff;
	position: relative;
	border-radius: 3px;
	
}*/
/*
div.NavHead {
	line-height: 1.6em;
	font-weight: bold;
	color: #fff;
	position: relative;
	border-radius: 3px;
	background-color: #2471A3;
	
}*/

div.NavHead{	
	border-radius: .2em;
	color: #fff;
	padding: .4em .8em .5em;
	font-weight: bold;
	position: relative;
}
.NavHead:before {
	display: inline-block;
	/* Add some content in order to get normal line height, then make it transparent */
	content: "x";
	color: transparent;
	width: 40px;
	opacity: .7;
	/* [[File:Wikidata-logo white.svg]] */
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/5/54/Wikidata-logo_white.svg/27px-Wikidata-logo_white.svg.png);
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/54/Wikidata-logo_white.svg);
	background-size: 27px;
	background-repeat: no-repeat;
	background-position: left center;
}
.mw-content-rtl .NavHead:before {
	background-position: right center;
}


div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
	font-size: 100%;
}

div.NavContent{
padding: 1em;
}


div.NavEnd {
	margin: 0;
	padding: 0;
	line-height: 1px;
	clear: both;
}
a.NavToggle {
	position: absolute;
	vertical-align: middle;
	/* @noflip */
	right: 3px;
	font-weight: bold;
	font-size: 100%;
	color: #fff;
	
}

.client-js .NavFrame.collapsed > .NavContent {
	display: none;
}


/*Plantilla de Videos*/
.MainPageSisterProjects__wrapper,
.MainPageSisterProjects__wrapper * {
	box-sizing: border-box;
}
.MainPageSisterProjects__wrapper {
	margin: 10px auto;
	padding: 0 10px;
	border: 0px solid #AAA;
	background: transparent;
	max-width: 1000px;
}
.MainPageSisterProjects__heading {
	font-size: 1.2em;
	/*padding: .6em;*/
	font-weight: bold;
	text-align: center;
}
.MainPageSisterProjects__group {
	flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #AAA;
}
.MainPageSisterProjects__group:last-child {
	border:none;
}
.MainPageSisterProjects__group::after {
	content: "";
	flex: 1 0 30%;
}
.MainPageSisterProjects__cell {
	width: 300px;
	display: inline-block;
	display: flex;
	flex: 1 0 30%;
}
.MainPageSisterProjects__cell-image {
	padding: 7px;
	width: 54px;
	min-width: 54px; /* ensure content width (these are tablecells) */
	vertical-align: middle;
	display: table-cell;
	text-align: center;
	box-sizing: content-box; /* table cells + padding + borderbox is weird */
}
.MainPageSisterProjects__cell-content {
	min-width: 150px;
	min-height: 40px;
	padding: 7px;
	vertical-align: top;
	display: table-cell;
}
@media screen and (max-width:550px) {
	.MainPageSisterProjects__wrapper {
		padding: 0;
	}
	.MainPageSisterProjects__group::after {
		display: none;
	}
	.MainPageSisterProjects__cell-image {
		padding: 5px;
		width: 36px;
		min-width: 36px; /* ensure content width (these are tablecells) */
	}
	.MainPageSisterProjects__cell-content {
		padding: 5px;
	}
}

/*Aqui por si da eerror */

/* Los estilos CSS definidos aquí aplicarán a todas las pieles (skins) */

/* Estilos de las Tablas en General */
.tableGeneral
{
 width: 100%;
 margin-top: 1em;
 -moz-background-clip: 
 -moz-initial; -moz-background-origin:
 -moz-initial; -moz-background-inline-policy:
 -moz-initial; vertical-align: top;
 color: rgb(0, 0, 0);
 -moz-border-radius-topleft: 4px;
 -moz-border-radius-topright: 4px;
 -moz-border-radius-bottomright: 4px;
 -moz-border-radius-bottomleft: 4px;
}

/*** Cajas de aviso son blancas y con
 * una cinta de color en la parte superior  */
table.ambox {
    margin: 0 10%;
    border-collapse: collapse;
    background-color: #fbfbfb;
    border: 1px solid #aaa;
    border-right: 1px solid #CCC;
    font-size: 95%;}
 
table.ambox th.ambox-text, table.ambox td.ambox-text {
    padding: 0.25em 0.5em; /* 0.5em left/right */
    width: 100%; /* Make all templates the same width regardless of text size */}
table.ambox td.ambox-image {
    padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */
    text-align: center;}
table.ambox td.ambox-imageright {
    padding: 2px 4px 2px 0;  /* 0px left, 4px right */
    text-align: center;}
table.ambox-notice {border-top: 5px solid #0e84cc; border-left: 3px solid #0e84cc;} /* Azul */
table.ambox-protection {border-top: 5px solid #c4c9cd; border-left: 3px solid #c4c9cd} /* Gris*/
table.ambox-delete, table.ambox-serious {border-top: 5px solid #b22222; border-left: 3px solid #b22222} /* Rojo */
table.ambox-content {border-top: 5px solid #f28500; border-left: 3px solid #f28500} /* Naranja*/
table.ambox-style {border-top: 5px solid #f4c430; border-left: 3px solid #f4c430} /* Amarillo */
table.ambox-merge {border-top: 5px solid #ffd6da; border-left: 3px solid #ffd6da} /* Purpura */
table.ambox-growth {border-top: 5px solid #526f7f; border-left: 3px solid #526f7f} /* Verde */
 
table.ambox.ambox-mini { /* Versión pequeña flotante */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;}

.portada_rw
{
width:100%;
margin-top: 0px;
}

.portada_rw .topTitleRed
{
height:25px; 
color:#ffffff; 
font-weight:bold; 
background:#294f98; 
border:1px solid #abd1fe; 
padding-top:5px;
width: 100%;
margin-top: 1em;
-moz-background-clip: 
-moz-initial; -moz-background-origin:
-moz-initial; -moz-background-inline-policy:
-moz-initial; vertical-align: top;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0px; 
-moz-border-radius-bottomleft: 0px; 
}

.portada_rw .bottomContent
{
margin-left:2px;
width:96%;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px; 
color:#000000; 
background:#d9eafe; 
border:1px solid #acd1fe; 
border-top:0px; 
padding-left:5px;
margin-top:-5px;
}

.portada_rw .bottomContentRed
{
margin-left:2px;
width:96%;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px; 
color:#c12306; 
background:#d9eafe; 
border:1px solid #acd1fe; 
border-top:0px; 
padding-left:5px;
margin-top:-5px;
}

.Main_topTitleRed
{
height:25px; 
color:#ffffff; 
font-weight:bold; 
background:#294f98; 
border:1px solid #abd1fe; 
padding-top:0px;
width: 100%;
margin-top: 1em;
-moz-background-clip: 
-moz-initial; -moz-background-origin:
-moz-initial; -moz-background-inline-policy:
-moz-initial; vertical-align: top;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 0px; 
-moz-border-radius-bottomleft: 0px; 
}

.Main_bottomContent
{
margin-left:2px;
width:97%;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px; 
color:#020415; 
background:#ffffff; 
border:1px solid #d0e5f8; 
border-top:0px; 
padding-left:5px;
margin-top:-5px;
}

/* CSS para infoboxes */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: #000;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}

.infobox td, .infobox th,
.infobox_v2 td, .infobox_v2 th {
    vertical-align: top;
}

.infobox caption {
    font-size: larger;
    margin-left: inherit;
}

/* infoboxes V2 ("nuevas") */
.infobox_v2 {
    border: 1px solid #B4BBC8;
    background-color: #f9f9f9;
    color: #000;
    margin: .5em 0 .5em 1em;
    padding: .4em;
    clear: right;
    float: right;
    line-height: 1.5em;
    width: 22.5em
}

.infobox_v2 .cabecera {
    font-size: 140%;
    font-weight: bolder;
    height: 45px;
    line-height: 1.2em;
    text-align: center;
    vertical-align: middle
}

.infobox_v2 .media {
    font-weight: bolder;
    height: 35px;
    text-align: center;
    vertical-align: middle
}


/* Códigos para tipos especificos de infoboxes */
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #B4BBC8;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}
 
@media print {
    .infobox.sisterproject {
       display: none;
    }
}
 
.infobox.geography,
.infobox_v2.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
    border: solid 1px #B4BBC8;
}
 
.infobox.geography td,
.infobox.geography th,
.infobox_v2.geography td,
.infobox_v2.geography th {
    border-top: solid 1px #B4BBC8;
    padding: .4em .6em;
}
 
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th,
.infobox_v2.geography .mergedtoprow td,
.infobox_v2.geography .mergedtoprow th {
    border-top: solid 1px #B4BBC8;
    padding: .4em .6em .2em .6em;
}
 
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th,
.infobox_v2.geography .mergedrow td,
.infobox_v2.geography .mergedrow td {
    border: 0;
    padding: 0 .6em .2em .6em;
}
 
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th,
.infobox_v2.geography .mergedbottomrow td,
.infobox_v2.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #B4BBC8;
    padding: 0 .6em .4em .6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th,
.infobox_v2.geography .maptable td,
.infobox_v2.geography .maptable th {
    border: 0;
    padding: 0;
}
 
/* Infobox sin uso conocido, deberia ser borrado al comprobarse que ya no se usa */
.InfoDerecha {
   clear: right;
   float: right;
   margin: 0 0 1em 1em;
}

/* CSS relacionado con el uso de coordenadas

To display coordinates using the notation in the source code, write this in your User:Username/monobook.css:
    .geo-default {display: inline} .geo-nondefault {display: none}
    .geo-dec {display: inline} .geo-dms {display: inline}
 To display coordinates using decimal notation, write this in your User:Username/monobook.css:
    .geo-default {display: inline} .geo-nondefault {display: inline}
    .geo-dec {display: inline} .geo-dms {display: none}
 To display coordinates using DMS notation, write this in your User:Username/monobook.css:
    .geo-default {display: inline} .geo-nondefault {display: inline}
    .geo-dec {display: none}    .geo-dms {display: inline}
 To display coordinates in both decimal and DMS notation, write this in your User:Username/monobook.css:
    .geo-default {display: inline} .geo-nondefault {display: inline}
    .geo-dec {display: inline}    .geo-dms {display: inline}
    .geo-multi-punct {display: inline}
 See [[Plantilla:Coor link]] for how these are used.
Note that the classes "geo", "longitude", and "latitude" are not just styles but also used by the [[Geo microformat]], so the names should not be changed.
*/

/* CSS predeterminado, puede modificarse usando las reglas de arriba */
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude { white-space: nowrap; }

/* This is used for the Geo microformat, but no style is needed for now other than .geo-dec. */
.geo {}

/*******************************************************************/
/********* Estilos para diferentes funcionalidades menores *********/
/*******************************************************************/

/* Plantilla de cita */
.citado {
    font-size: 90%;
    background-color: #E1F2FA;
    padding: 5px 10px;
}

/* TABLAS */
 
/* La clase wikitable ya existe en shared.css; y prettytable esta obsoleta,
    cuando se reemplaze todas las llamadas a prettytable eliminar estas reglas */
table.wikitable, table.prettytable {
    margin: 1em 1em 1em 1em;
    padding: 0.5em;
    font-size: 95%;
    background-color: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
table.wikitable th,
table.prettytable th {
    background-color: #f2f2f2;
    text-align: center;
}
table.wikitable caption,
table.prettytable caption {
    margin-left: inherit;
    margin-right: inherit;
}

/* Llamadas al pie: Quitar corchetes */
.corchete-llamada {display: none}

/* Clases obsoletas, reemplazar por "plainlinks nourlexpansion"
    Quita padding para enlaces externos mostrados sin icono
    [[Plantilla:Ref]] ya no se usa asi que no tiene muchos usos */
#bodyContent .plainlinks a,
.plainlinksneverexpand {
    background: none !important;
    padding: 0 !important;
}
 
.plainlinksneverexpand .urlexpansion {
    display : none !important;
}
 
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important
}
 
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
  following the anchor A, the anchor itself now has class "external autonumber" and the
  expansion is inserted when printing (see the common printing style sheet at
  http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
  element of CSS. We have to switch this off for links due to Template:Ref!
*/
 
.plainlinksneverexpand a.external.text:after {
    display: none !important;
}
.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;
}
 
.border-radius4 {
    border-radius: 4px; /* CSS 3 */
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari 3.0+ */
}
 
.border-radius6 {
    border-radius: 6px; /* CSS 3 */
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari 3.0+ */
}
 
 
.abbr {/* al estilo de la etiquieta <abbr> */
     cursor: help;
     border-bottom: 1px dotted #000;
}
 
div.editOptions {
  text-align: left;
}


/* Gráficos transparentes de cabecera */
.cabecera.default {}

.cabecera.videojuego {background: url("http://www.ecured.cu/images/2/2d/Picto_infobox_gamepad.png") no-repeat bottom right;}
.cabecera.libro {background: url("http://www.ecured.cu/images/1/19/Infobox_libro.png") no-repeat bottom right;}
.cabecera.construccion {background: url("http://www.ecured.cu/images/8/8a/Infobox_construccion.png") no-repeat bottom right;}
/*.cabecera.personaje {background: url("http://www.ecured.cu/images/3/32/Cabe_persona.png") no-repeat bottom right;}*/
.cabecera.aeronave {background: url("http://www.ecured.cu/images/a/a5/Infobox_cabecera_avion.png") no-repeat bottom right;}
.cabecera.edeportivo {background: url("http://www.ecured.cu/images/0/09/Infobox_elenco_deportivo.png") no-repeat bottom right;}
.cabecera.amusica {background: url("http://www.ecured.cu/images/a/ac/Infobox_agrupacion_musical.png") no-repeat bottom right;}
.cabecera.hardware {background: url("http://www.ecured.cu/images/3/34/Infobox_hardware.png") no-repeat bottom right;}
.cabecera.automovil {background: url("http://www.ecured.cu/images/0/05/Infobox_auto.png") no-repeat bottom right;}
.cabecera.textreligioso {background: url("http://www.ecured.cu/images/7/77/Infobox_texto_religioso.png") no-repeat bottom right;}
.cabecera.receta {background: url("http://www.ecured.cu/images/5/58/Infobox_receta.png") no-repeat bottom right;}
.cabecera.arte {background: url("http://www.ecured.cu/images/5/53/Infobox_arte.png") no-repeat bottom right;}
.cabecera.quimica {background: url("http://www.ecured.cu/images/e/e8/Cabecera-química.jpg") no-repeat bottom right;}
.cabecera.medicamento {background: url("http://www.ecured.cu/images/7/74/Infobox_Medicamento.png") no-repeat bottom right;}
.cabecera.condecoracion {background: url("http://www.ecured.cu/images/c/cd/Infobox_condecoracion.png") no-repeat bottom right;}
.cabecera.rio {background: url("http://www.ecured.cu/images/2/23/Infobox-rio.png") no-repeat bottom right;}
.cabecera.estadio {background: url("http://www.ecured.cu/images/5/5f/Infobox_Estadio.png") no-repeat bottom right;}
.cabecera.armas {background: url("http://www.ecured.cu/images/a/ab/Infobox_armas.png") no-repeat bottom right;}
/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
  following the anchor A, the anchor itself now has class "external autonumber" and the
  expansion is inserted when printing (see the common printing style sheet at
  http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
  element of CSS. We have to switch this off for links due to Template:Ref!
*/
 .plainlinksneverexpand a.external.text:after {
    display: none !important;}.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;}
 .border-radius4 {
    border-radius: 4px; /* CSS 3 */
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari 3.0+ */}
 .border-radius6 {
    border-radius: 6px; /* CSS 3 */
    -moz-border-radius: 6px; /* Firefox */
    -webkit-border-radius: 6px; /* Safari 3.0+ */}
 
 .abbr {/* al estilo de la etiquieta <abbr> */
     cursor: help;
     border-bottom: 1px dotted #000;}
 
div.editOptions {
  text-align: left;}

/* Estilos personales */

#frase_content{
  font-size: larger;
}

.columna-izquieda {
  width: 40%;
  float: left;
  padding: 10px;
}

.columna-derecha {
   float: right;
   width: 50%;
   padding: 10px;
   display: block;
}

.portales {
    width: 100%;
    float: left;
}

#actualidad_content a {
   text-decoration: none;
   color: #0088dde6;
}

#actualidad_content {
    font-size: 16px;
}

#actualidad_content img {
    padding-left: 5px;
}

#mw-content h1, #mw-content h2, #mw-content h3, #mw-content h4, #mw-content h5, #mw-content h6, #mw-content dt {
    font-weight: normal;
    font-family: 'Linux Libertine','Times New Roman',serif;
    line-height: 1.25;
    margin: 1em 0 0.5em;
}

#efemerides_content {
    font-size: 16px; 
}

#efemerides_content img {
    padding-left: 5px;
}


#referencia_content {
    font-size: 16px; 
}

#referencia_content img {
    padding-left: 5px;
}

#curiosidades_content {
    font-size: 16px; 
}

#curiosidades_content img {
    padding-left: 5px;
}

#antesde_content {
    font-size: 16px; 
}

div.tright, div.floatright, table.floatright {
    /*clear: none; */
    clear: both;
    float: right;
}

#descargas_content {
    font-size: 16px; 
}

#Galerias_content .thumbinner {
    background: #fcfcfc;
    border: solid #eeeeee;
    border-top-width: medium;
    border-right-width: medium;
    border-bottom-width: medium;
    border-left-width: medium;
    border-width: 1px 1px 0.2em;
    padding: 1.25em 1.75em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
    padding: 0.75em;
    float: right;
}

#Galerias_content .thumb {
    width: unset !important;
    margin: 0 auto;
}

#consejo_header {
    float: left;
    width: 100%;
}

#consejo_content {
    font-size: 16px; 
}

#portal {
    width: 20%;
    float: left;
}

@media only screen and (max-width: 860px) {

    .columna-izquieda {
        width: auto;
        float: left;
        padding: 10px;
     }   
    
    .columna-derecha {
        float: left;
        width: auto;
        padding: 10px;
        display: block;
    }
}

@media only screen and (max-width: 550px) {
     #portal {
        display: none;
     }
}

@media only screen and (max-width: 450px) {
     #p-logo-text {
        /*display: none;  */
        display: true;
     }
}

@media only screen and (max-width: 1099px) {
      #siteNotice {
        display: none; 
      }
}


#mw-content-container {
        background-image: none !important;
}



ul#filetoc, #toc, .toc, .mw-warning {
    display: inline-block;
    background: #fcfcfc;
    border: solid #eeeeee;
    border-width: 1px 1px 0.2em;
    box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
    padding: 1.25em 1.75em;
    margin: 1em 0;
    min-width: 15em;
    width: 50%;
}

.infobox_v2 {
    border: 1px solid #B4BBC8;
    background-color: #f9f9f9;
    color: #000;
    margin: .5em -1.5em .5em 1em;
    padding: .4em;
    clear: right;
    float: right;
    line-height: 1.5em;
    width: 22.5em;
}

#addthistoolbar {
    padding-top: 10px !important;
    padding-left: 10px !important;
    border-color: #eaf1f6 !important;
    width: 100%;
    margin-bottom: 10px;
}

.addthis_toolbox a {
    margin-bottom: 0px !important;
    line-height: initial;
}

#descargas_content .floatright {
    clear: none !important;
}

#descargas_content .center {
    clear: none !important;
    width: 50px;
    display: inline-block !important;
}

#descargas_content .div.floatright {
    clear: none; 
    float: right;
}
Obtenido de «https://biblioteca.cebesperquin.org/index.php?title=MediaWiki:Common.css&oldid=3782»