Diferencia entre revisiones de «Common.css»
De La Venciclopedia
mSin resumen de edición |
mSin resumen de edición |
||
(No se muestran 35 ediciones intermedias del mismo usuario) | |||
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) */ | ||
/*-------------------- | |||
/*------------------------------BEBAS NEUE------------------------------------*/ | |||
/ | @font-face{ | ||
font-family:"BebasNeue"; | |||
font-weight: 400; | |||
font-style:normal; | |||
/* | font-display:swap; | ||
body | unicode-range: U+000-5FF; | ||
/* | src:local("BebasNeue"), | ||
url('fonts/BebasNeue/BebasNeue-webfont.woff2') format('woff2'), | |||
/ | url('fonts/BebasNeue/BebasNeue-webfont.woff') format('woff'), | ||
url('fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'), | |||
url('fonts/BebasNeue/BebasNeue-webfont.eot') format('embedded-opentype'), | |||
url('fonts/BebasNeue/BebasNeue-webfont.svg#webfont') format('svg'); | |||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; | |||
} | |||
/*------------------------------GENERAL---------------------------------------*/ | |||
body{font-family:"Helvetica Neue",Helvetica,Arial!important;color:#3e3e3e;} | |||
/*STRIPED TABLES*/ | |||
table.zebra tr.odd{background-color:#eee;} | |||
/*PAD ADSENSE BOX IN PORTLET IN SIDEBAR*/ | |||
#p-googleadsense .pBody {padding-top:5px;text-align:center;} | #p-googleadsense .pBody {padding-top:5px;text-align:center;} | ||
/******************* | /*------------------------------HIDES-----------------------------------------*/ | ||
/*---------- | .toc, #toc {display:none;} | ||
/*Tables in small screens*/ | |||
@media (max-width:720px){.content table {display:table;}} | |||
/*----------CAJAS DE DISCOS----------*/ | /*Don't print irrelevant content*/ | ||
. | @media print {#privacy,#about,#disclaimer {display:none;}} | ||
. | /*Hide title Main Page*/ | ||
.politico-electo br {display:none;} | body.page-Help_Main_Page.action-view h1.firstHeading,body.page-Help_Main_Page.action-submit h1.firstHeading{display:none;} | ||
. | /*Remove subtitle in main page*/ | ||
. | body.page-Main_Page.action-view #siteSub,body.page-Main_Page.action-submit #siteSub {display: none;} | ||
.caratulas {font-size:0.9em; font-weight:bold; color:#2f2f2f; text-align:center; background:#e0e0e0;} | |||
.seccion-disco {font-size:1.2em; color:#2f2f2f; text-align:center; font-family:"BebasNeue","sans-serif"; background:#b0daf7;} | /*------------------------------LINKS-----------------------------------------*/ | ||
.seccion-artista {font-size:1.2em; color:#2f2f2f; text-align:center; font-family:"BebasNeue","sans-serif"; background:#f6d55c;} | /*ICONO DE LINK A PDF*/ | ||
.datos {border:1px solid #ccc; width:350px; background:#f9f9f9;float:right;margin-left:2em; margin-bottom:2em; display:table;} | .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;} | ||
.caja {width:350px; float:right; border:1px solid #ccc; border-spacing:5px; border-collapse:collapse; background:#f9f9f9; margin-left:2em; margin-bottom:2em; display:table;} | /*------------------------------TOC FONT--------------------------------------*/ | ||
/*----------CAJAS DE DATOS----------*/ | #mw-toc-heading{font-family:"BebasNeue";padding:5px;} | ||
table {border-collapse:collapse;} | |||
.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;} | /*------------------------------TITULOS---------------------------------------*/ | ||
/*----------ALINEACION----------*/ | h1,h2,h3,h4,h5,h6{font-family:"BebasNeue"!important;margin-bottom: 0.5rem;color:#3e3e3e;} | ||
.tope {vertical-align:top;} | |||
.derecha {text-align:right;} | /*------------------------------ACTIONS BUTTONS-------------------------------*/ | ||
.centro {text-align:center;} | .show-for-medium-up{font-family:"BebasNeue"!important;} | ||
.izquierda {text-align:left;} | |||
.centro-tope {text-align:center;vertical-align:top;} | /*------------------------------CHANGE ENCABEZADOS TO BEBAS-------------------*/ | ||
/*----------MAKE IMAGES RESPONSIVE----------*/ | .mw-headline{font-family:"BebasNeue";} | ||
img {max-width:100%;height:auto;} | .mw-body-content h3,.mw-body-content h4{font-weight:400;} | ||
/*----------DOTTENT UNDERLINE BELOW LINKS----------*/ | .pre-content h1,.content h1,.content h2{font-family:"BebasNeue","Georgia","Times",serif;} | ||
.mw-parser-output a {border-bottom:1px dotted #647f9c;} | .firstHeading{font-family:"BebasNeue",sans-serif;color:#2f2f2f;} | ||
/*----------BACKGROUND TOP MENU ELEMENTS----------*/ | #firstHeading{font-family:"BebasNeue",sans-serif;color:#2f2f2f;} | ||
#p-personal li {background:lavender; padding:5px;border-radius:10%;} | .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { | ||
/*----------ARREGLANDO TABLAS PARA VERSION MOVIL----------*/ | font-family:"BebasNeue"!important; | ||
} | |||
/*------------------------------CAJAS DE DISCOS-------------------------------*/ | |||
.politico-electo p{margin:0;} | |||
.sujeto-web{padding:0 1em 0 0.5em;} | |||
.politico-electo br{display:none;} | |||
.caja-info{padding:0.5em 1em 0.5em 0;} | |||
.caratula{width:100%;margin:0!important;} | |||
.caratulas{font-size:0.9em;font-weight:bold;color:#2f2f2f;text-align:center;background:#e0e0e0;} | |||
.seccion-disco{font-size:1.2em;color:#2f2f2f;text-align:center;font-family:"BebasNeue","sans-serif";background:#b0daf7;} | |||
.seccion-artista{font-size:1.2em;color:#2f2f2f;text-align:center;font-family:"BebasNeue","sans-serif";background:#f6d55c;} | |||
.datos{border:1px solid #ccc;width:350px;background:#f9f9f9;float:right;margin-left:2em;margin-bottom:2em;display:table;} | |||
.caja{width:350px;float:right;border:1px solid #ccc;border-spacing:5px;border-collapse:collapse;background:#f9f9f9;margin-left:2em;margin-bottom:2em;display:table;} | |||
@media (max-width:720px){.caja {width:100%;}} | |||
/*------------------------------CAJAS DE DATOS--------------------------------*/ | |||
.dato{padding:0.2em 0.5em 0 0;} | |||
table{border-collapse:collapse;} | |||
.leyenda{font-size:0.8em;line-height:1em;} | |||
.mapa-caja{padding: 0.5625rem 0.625rem 0 0.625rem;max-width: 100%;} | |||
.etiqueta{font-size:11px;font-weight:bold;padding:0.2em 0.5em 0 0.5em;white-space:nowrap;} | |||
.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;} | |||
/*------------------------------ALINEACION------------------------------------*/ | |||
.tope{vertical-align:top;} | |||
.derecha{text-align:right;} | |||
.centro{text-align:center;} | |||
.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;}} | @media (max-width:720px){.content table {display:table;}} | ||
/*----------SPACING BEFORE BOTTOM AD----------*/ | |||
#p-cactions {margin-bottom:120px;} | /*------------------------------COLORES TABLA DE PRESIDENTES------------------*/ | ||
/*---------- | .mili{background:#92ff8B;} | ||
.cope{background:#0b9f00;} | |||
.adem{background:#ffffff;} | |||
.inde{background:#ffeb7f;} | |||
.soci{background:#ff7f7f;} | |||
.conv{background:#7cfeff;} | |||
/*------------------------------SPACING BEFORE BOTTOM AD----------------------*/ | |||
#p-cactions{margin-bottom:120px;} | |||
/*------------------------------TRACKLIST TABLE-------------------------------*/ | |||
.tracklist{display:block; max-width:100%; border-spacing:0; border-collapse:collapse; background:none;} | |||
.creditos {background:none; display:block; max-width:100%; border-spacing:0; border-collapse:collapse;} | |||
/** | |||
* wikitable class for skinning normal tables | |||
* keep in sync with commonPrint.css | |||
*/ | |||
table.wikitable { | |||
background-color: #f8f9fa; | |||
color: #222; | |||
margin: 1em 0; | |||
border: 1px solid #a2a9b1; | |||
border-collapse: collapse; | |||
} | |||
table.wikitable > tr > th, | |||
table.wikitable > tr > td, | |||
table.wikitable > * > tr > th, | |||
table.wikitable > * > tr > td { | |||
border: 1px solid #a2a9b1; | |||
padding: 0.2em 0.4em; | |||
} | |||
table.wikitable > tr > th, | |||
table.wikitable > * > tr > th { | |||
background-color: #eaecf0; | |||
text-align: center; | |||
} | |||
table.wikitable > caption { | |||
font-weight: bold; | |||
} |
Revisión actual - 04:30 23 ene 2024
/* Los estilos CSS definidos aquí aplicarán a todas las pieles (skins) */
/*------------------------------BEBAS NEUE------------------------------------*/
@font-face{
font-family:"BebasNeue";
font-weight: 400;
font-style:normal;
font-display:swap;
unicode-range: U+000-5FF;
src:local("BebasNeue"),
url('fonts/BebasNeue/BebasNeue-webfont.woff2') format('woff2'),
url('fonts/BebasNeue/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue/BebasNeue-webfont.eot') format('embedded-opentype'),
url('fonts/BebasNeue/BebasNeue-webfont.svg#webfont') format('svg');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*------------------------------GENERAL---------------------------------------*/
body{font-family:"Helvetica Neue",Helvetica,Arial!important;color:#3e3e3e;}
/*STRIPED TABLES*/
table.zebra tr.odd{background-color:#eee;}
/*PAD ADSENSE BOX IN PORTLET IN SIDEBAR*/
#p-googleadsense .pBody {padding-top:5px;text-align:center;}
/*------------------------------HIDES-----------------------------------------*/
.toc, #toc {display:none;}
/*Tables in small screens*/
@media (max-width:720px){.content table {display:table;}}
/*Don't print irrelevant content*/
@media print {#privacy,#about,#disclaimer {display:none;}}
/*Hide title Main Page*/
body.page-Help_Main_Page.action-view h1.firstHeading,body.page-Help_Main_Page.action-submit h1.firstHeading{display:none;}
/*Remove subtitle in main page*/
body.page-Main_Page.action-view #siteSub,body.page-Main_Page.action-submit #siteSub {display: none;}
/*------------------------------LINKS-----------------------------------------*/
/*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;}
/*------------------------------TOC FONT--------------------------------------*/
#mw-toc-heading{font-family:"BebasNeue";padding:5px;}
/*------------------------------TITULOS---------------------------------------*/
h1,h2,h3,h4,h5,h6{font-family:"BebasNeue"!important;margin-bottom: 0.5rem;color:#3e3e3e;}
/*------------------------------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;}
.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
font-family:"BebasNeue"!important;
}
/*------------------------------CAJAS DE DISCOS-------------------------------*/
.politico-electo p{margin:0;}
.sujeto-web{padding:0 1em 0 0.5em;}
.politico-electo br{display:none;}
.caja-info{padding:0.5em 1em 0.5em 0;}
.caratula{width:100%;margin:0!important;}
.caratulas{font-size:0.9em;font-weight:bold;color:#2f2f2f;text-align:center;background:#e0e0e0;}
.seccion-disco{font-size:1.2em;color:#2f2f2f;text-align:center;font-family:"BebasNeue","sans-serif";background:#b0daf7;}
.seccion-artista{font-size:1.2em;color:#2f2f2f;text-align:center;font-family:"BebasNeue","sans-serif";background:#f6d55c;}
.datos{border:1px solid #ccc;width:350px;background:#f9f9f9;float:right;margin-left:2em;margin-bottom:2em;display:table;}
.caja{width:350px;float:right;border:1px solid #ccc;border-spacing:5px;border-collapse:collapse;background:#f9f9f9;margin-left:2em;margin-bottom:2em;display:table;}
@media (max-width:720px){.caja {width:100%;}}
/*------------------------------CAJAS DE DATOS--------------------------------*/
.dato{padding:0.2em 0.5em 0 0;}
table{border-collapse:collapse;}
.leyenda{font-size:0.8em;line-height:1em;}
.mapa-caja{padding: 0.5625rem 0.625rem 0 0.625rem;max-width: 100%;}
.etiqueta{font-size:11px;font-weight:bold;padding:0.2em 0.5em 0 0.5em;white-space:nowrap;}
.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;}
/*------------------------------ALINEACION------------------------------------*/
.tope{vertical-align:top;}
.derecha{text-align:right;}
.centro{text-align:center;}
.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;}}
/*------------------------------COLORES TABLA DE PRESIDENTES------------------*/
.mili{background:#92ff8B;}
.cope{background:#0b9f00;}
.adem{background:#ffffff;}
.inde{background:#ffeb7f;}
.soci{background:#ff7f7f;}
.conv{background:#7cfeff;}
/*------------------------------SPACING BEFORE BOTTOM AD----------------------*/
#p-cactions{margin-bottom:120px;}
/*------------------------------TRACKLIST TABLE-------------------------------*/
.tracklist{display:block; max-width:100%; border-spacing:0; border-collapse:collapse; background:none;}
.creditos {background:none; display:block; max-width:100%; border-spacing:0; border-collapse:collapse;}
/**
* wikitable class for skinning normal tables
* keep in sync with commonPrint.css
*/
table.wikitable {
background-color: #f8f9fa;
color: #222;
margin: 1em 0;
border: 1px solid #a2a9b1;
border-collapse: collapse;
}
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
border: 1px solid #a2a9b1;
padding: 0.2em 0.4em;
}
table.wikitable > tr > th,
table.wikitable > * > tr > th {
background-color: #eaecf0;
text-align: center;
}
table.wikitable > caption {
font-weight: bold;
}