Diferencia entre revisiones de «Common.css»
De La Venciclopedia
mSin resumen de edición |
mSin resumen de edición |
||
Línea 1: | Línea 1: | ||
/* Los estilos CSS definidos aquí aplicarán a todas las pieles (skins) */ | /* Los estilos CSS definidos aquí aplicarán a todas las pieles (skins) */ | ||
/* | /*--------------------GENERAL--------------------*/ | ||
body {font-family:"Helvetica Neue", Helvetica, Arial; color:#3e3e3e;} | body {font-family:"Helvetica Neue", Helvetica, Arial!important; color:#3e3e3e;} | ||
/**********ICONO DE LINK A PDF**********/ | /**********ICONO DE LINK A PDF**********/ | ||
.PDFlink a {background: url(https://www.venciclopedia.org/images/7/74/Icono_pdf_mini.png) center right no-repeat !important; padding-left:17px !important; padding-right:25px !important;} | .PDFlink a {background: url(https://www.venciclopedia.org/images/7/74/Icono_pdf_mini.png) center right no-repeat !important; padding-left:17px !important; padding-right:25px !important;} | ||
Línea 18: | Línea 18: | ||
table.zebra tr.odd {background-color: #eee;} | table.zebra tr.odd {background-color: #eee;} | ||
/* | /*--------------------FONTS--------------------*/ | ||
/**********BEBAS NEUE**********/ | /**********BEBAS NEUE**********/ | ||
Línea 37: | Línea 37: | ||
h1, h2, h3, h4, h5, h6 {font-family: 'BebasNeue'!important;margin: 0;} | h1, h2, h3, h4, h5, h6 {font-family: 'BebasNeue'!important;margin: 0;} | ||
/* | /*----------ACTIONS BUTTONS----------*/ | ||
.show-for-medium-up {font-family: 'BebasNeue'!important;} | .show-for-medium-up {font-family: 'BebasNeue'!important;} | ||
/* | /*----------CHANGE ENCABEZADOS TO BEBAS----------*/ | ||
.mw-headline {font-family: 'BebasNeue';} | .mw-headline {font-family: 'BebasNeue';} | ||
.mw-body-content h3, .mw-body-content h4 {font-weight: 400;} | .mw-body-content h3, .mw-body-content h4 {font-weight: 400;} | ||
Línea 47: | Línea 47: | ||
#firstHeading {font-family: BebasNeue, sans-serif; color:#2f2f2f;} | #firstHeading {font-family: BebasNeue, sans-serif; color:#2f2f2f;} | ||
/******************************HACKS******************************/ | /******************************HACKS******************************/ | ||
/* | |||
/*----------PARCHE PARA TABLAS EN PANTALLAS PEQUEÑA----------*/ | |||
@media (max-width: 720px) {.content table {display: table;}} | @media (max-width: 720px) {.content table {display: table;}} | ||
/* | /*--------------------PORTADA--------------------*/ | ||
/* | /*----------FIRST ROW PORTADA----------*/ | ||
.title-main {margin-bottom:0; border-bottom:none; color:#3e3e3e; margin-bottom:0;background:#dceaea;} | .title-main {margin-bottom:0; border-bottom:none; color:#3e3e3e; margin-bottom:0;background:#dceaea;} | ||
.subtitle-main {font-size:0.9em; background:#bdd9d9; padding-bottom:.2em;} | .subtitle-main {font-size:0.9em; background:#bdd9d9; padding-bottom:.2em;} | ||
/* | /*--------------------MUSICA--------------------*/ | ||
/* | /*----------CAJAS DE DISCOS----------*/ | ||
.caratula {width:100%;} | .caratula {width:100%;} | ||
.politico-electo p {margin: 0;} | .politico-electo p {margin: 0;} | ||
Línea 67: | Línea 68: | ||
.seccion-disco {font-size: 1.2em; color: #2f2f2f; text-align:center; font-family:BebasNeue,sans-serif; background: #b0daf7;} | .seccion-disco {font-size: 1.2em; color: #2f2f2f; text-align:center; font-family:BebasNeue,sans-serif; background: #b0daf7;} | ||
.caja {width:350px; float:right; border: 1px solid #ccc; border-spacing:5px; border-collapse:separate; background:#f9f9f9; margin-left:2em; margin-bottom:2em; display:table;} | .caja {width:350px; float:right; border: 1px solid #ccc; border-spacing:5px; border-collapse:separate; background:#f9f9f9; margin-left:2em; margin-bottom:2em; display:table;} | ||
.datos {border: 1px solid #ccc; width: 350px; background: #f9f9f9; | .datos {border: 1px solid #ccc; width: 350px; background: #f9f9f9;float: right;margin-left: 2em; margin-bottom: 2em; display: table;} | ||
/*----------CAJAS DE DATOS----------*/ | |||
/* | |||
.infobox {border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; Float: right; clear: right; font-size: 88%; line-height: 1.5em;} | .infobox {border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; Float: right; clear: right; font-size: 88%; line-height: 1.5em;} | ||
table {border-collapse: separate;} | table {border-collapse: separate;} | ||
/* | /*----------ALINEACION----------*/ | ||
.tope {vertical-align:top;} | .tope {vertical-align:top;} | ||
.centro {text-align:center;} | .centro {text-align:center;} | ||
Línea 82: | Línea 78: | ||
.izquierda {text-align:left;} | .izquierda {text-align:left;} | ||
.centro-tope {text-align:center;vertical-align:top;} | .centro-tope {text-align:center;vertical-align:top;} | ||
/* | /*----------MAKE IMAGES RESPONSIVE----------*/ | ||
img {max-width:100%;height:auto;} | img {max-width:100%;height:auto;} | ||
/* | /*----------DOTTENT UNDERLINE BELOW LINKS----------*/ | ||
.mw-parser-output a {border-bottom: 1px dotted #647f9c;} | .mw-parser-output a {border-bottom: 1px dotted #647f9c;} | ||
/* | /*----------BACKGROUND TOP MENU ELEMENTS----------*/ | ||
#p-personal li {background: lavender;padding: 5px;border-radius: 10%;} | #p-personal li {background: lavender;padding: 5px;border-radius: 10%;} | ||
/* | /*----------ARREGLANDO TABLAS PARA VERSION MOVIL----------*/ | ||
@media (max-width: 720px){.content table {display:table;}} | @media (max-width: 720px){.content table {display:table;}} | ||
/*SPACING BEFORE BOTTOM AD*/ | /*----------SPACING BEFORE BOTTOM AD----------*/ | ||
#p-cactions {margin-bottom: 120px;} | #p-cactions {margin-bottom: 120px;} | ||
/*----------REMOVE SUBTITLE EN MAIN PAGE----------*/ | |||
/*REMOVE SUBTITLE EN MAIN PAGE*/ | |||
body.page-Main_Page.action-view #siteSub, | body.page-Main_Page.action-view #siteSub, | ||
body.page-Main_Page.action-submit #siteSub {display: none;} | body.page-Main_Page.action-submit #siteSub {display: none;} |
Revisión del 02:41 6 mar 2022
/* Los estilos CSS definidos aquí aplicarán a todas las pieles (skins) */
/*--------------------GENERAL--------------------*/
body {font-family:"Helvetica Neue", Helvetica, Arial!important; color:#3e3e3e;}
/**********ICONO DE LINK A PDF**********/
.PDFlink a {background: url(https://www.venciclopedia.org/images/7/74/Icono_pdf_mini.png) center right no-repeat !important; padding-left:17px !important; padding-right:25px !important;}
/**********OCULTA CONTENIDO INNECESARIO CUANDO SE IMPRIME**********/
@media print {#privacy, #about, #disclaimer {display:none;} }
/**********PAD ADSENSE BOX IN PORTLET IN SIDEBAR**********/
#p-googleadsense .pBody {padding-top: 5px;text-align: center;}
/**********OCULTA FLECHAS EN CIERTOS ENLACES EXTERNOS**********/
.plainlinksneverexpand a {background:none !important;padding:0 !important;}
/**********STRIPED TABLES**********/
table.zebra tr.odd {background-color: #eee;}
/*--------------------FONTS--------------------*/
/**********BEBAS NEUE**********/
@font-face{font-family: 'BebasNeue';
src: url('fonts/BebasNeue/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BebasNeue/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue/BebasNeue-webfont.woff2') format('woff2'),
url('fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue/BebasNeue-webfont.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;}
/**********TOC FONT**********/
#mw-toc-heading {font-family: 'BebasNeue'; padding: 5px;}
/**********TITULOS**********/
h1, h2, h3, h4, h5, h6 {font-family: 'BebasNeue'!important;margin: 0;}
/*----------ACTIONS BUTTONS----------*/
.show-for-medium-up {font-family: 'BebasNeue'!important;}
/*----------CHANGE ENCABEZADOS TO BEBAS----------*/
.mw-headline {font-family: 'BebasNeue';}
.mw-body-content h3, .mw-body-content h4 {font-weight: 400;}
.pre-content h1,.content h1,.content h2 {font-family:'BebasNeue','Georgia','Times',serif}
.firstHeading {font-family: BebasNeue, sans-serif; color:#2f2f2f;}
#firstHeading {font-family: BebasNeue, sans-serif; color:#2f2f2f;}
/******************************HACKS******************************/
/*----------PARCHE PARA TABLAS EN PANTALLAS PEQUEÑA----------*/
@media (max-width: 720px) {.content table {display: table;}}
/*--------------------PORTADA--------------------*/
/*----------FIRST ROW PORTADA----------*/
.title-main {margin-bottom:0; border-bottom:none; color:#3e3e3e; margin-bottom:0;background:#dceaea;}
.subtitle-main {font-size:0.9em; background:#bdd9d9; padding-bottom:.2em;}
/*--------------------MUSICA--------------------*/
/*----------CAJAS DE DISCOS----------*/
.caratula {width:100%;}
.politico-electo p {margin: 0;}
.politico-electo br {display: none;}
.etiqueta {font-weight:bold;vertical-align:top; padding-left:5px;}
.caratulas {font-size: 0.9em; font-weight:bold; color: #2f2f2f; text-align:center; background: #e0e0e0;}
.seccion-artista {font-size: 1.2em; color: #2f2f2f; text-align:center; font-family:BebasNeue,sans-serif; background:#f6d55c;}
.seccion-disco {font-size: 1.2em; color: #2f2f2f; text-align:center; font-family:BebasNeue,sans-serif; background: #b0daf7;}
.caja {width:350px; float:right; border: 1px solid #ccc; border-spacing:5px; border-collapse:separate; background:#f9f9f9; margin-left:2em; margin-bottom:2em; display:table;}
.datos {border: 1px solid #ccc; width: 350px; background: #f9f9f9;float: right;margin-left: 2em; margin-bottom: 2em; display: table;}
/*----------CAJAS DE DATOS----------*/
.infobox {border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; Float: right; clear: right; font-size: 88%; line-height: 1.5em;}
table {border-collapse: separate;}
/*----------ALINEACION----------*/
.tope {vertical-align:top;}
.centro {text-align:center;}
.derecha {text-align:right;}
.izquierda {text-align:left;}
.centro-tope {text-align:center;vertical-align:top;}
/*----------MAKE IMAGES RESPONSIVE----------*/
img {max-width:100%;height:auto;}
/*----------DOTTENT UNDERLINE BELOW LINKS----------*/
.mw-parser-output a {border-bottom: 1px dotted #647f9c;}
/*----------BACKGROUND TOP MENU ELEMENTS----------*/
#p-personal li {background: lavender;padding: 5px;border-radius: 10%;}
/*----------ARREGLANDO TABLAS PARA VERSION MOVIL----------*/
@media (max-width: 720px){.content table {display:table;}}
/*----------SPACING BEFORE BOTTOM AD----------*/
#p-cactions {margin-bottom: 120px;}
/*----------REMOVE SUBTITLE EN MAIN PAGE----------*/
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-submit #siteSub {display: none;}