Acciones

MediaWiki

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) */
/*striped tables*/
 
/******************************GENERAL******************************/
body {font-family:"Helvetica Neue", Helvetica, Arial; 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;}
table.zebra tr.odd {background-color: #eee;}


@font-face{
/******************************FONTS******************************/
font-family: 'BebasNeue';
 
src: url('fonts/BebasNeue/BebasNeue-webfont.eot');
/**********BEBAS NEUE**********/
src: url('fonts/BebasNeue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
@font-face{font-family: 'BebasNeue';
    url('fonts/BebasNeue/BebasNeue-webfont.woff') format('woff'),
src: url('fonts/BebasNeue/BebasNeue-webfont.eot');
        url('fonts/BebasNeue/BebasNeue-webfont.woff2') format('woff2'),
src: url('fonts/BebasNeue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue/BebasNeue-webfont.woff') format('woff'),
    url('fonts/BebasNeue/BebasNeue-webfont.svg#webfont') format('svg');
url('fonts/BebasNeue/BebasNeue-webfont.woff2') format('woff2'),
    font-weight: normal;
url('fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'),
    font-style: normal;
url('fonts/BebasNeue/BebasNeue-webfont.svg#webfont') format('svg');
}
font-weight: normal;
/*cajas de discos*/
font-style: normal;}
 
/**********TOC FONT**********/
#mw-toc-heading {font-family: 'BebasNeue'; padding: 5px;}
 
/**********TITULOS**********/
h1, h2, h3, h4, h5, h6 {font-family: 'BebasNeue'!important;}
 
/**********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ÑAS**********/
@media (max-width: 720px) {.content table {display: table;}}
 
/******************************PORTADA******************************/
 
/********************FIRST ROW PORTADA**********/
#welcome-title {margin-bottom:0; border-bottom:none; color:#3e3e3e; margin-bottom:0;background:#dceaea;}
#welcome-subtitle {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 23: Línea 67:
.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;}
/*parche para tabla en pantallas pequeñas*/
.datos {border: 1px solid #ccc; width: 350px; background: #f9f9f9;  
@media (max-width: 720px) {.content table {display: table;}}
/*encabezados bebas neue*/
.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;}
.datos {
border: 1px solid #ccc;  
width: 350px;
background: #f9f9f9;  
float: right;  
float: right;  
margin-left: 2em;  
margin-left: 2em;  
Línea 40: Línea 73:
display: table;
display: table;
}
}
/*cajas de datos*/
/********************CAJAS DE DATOS*/
.infobox {
.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;}
    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*/
/********************ALINEACION*/
.tope {vertical-align:top;}
.tope {vertical-align:top;}
.centro {text-align:center;}
.centro {text-align:center;}
Línea 60: Línea 82:
.izquierda {text-align:left;}
.izquierda {text-align:left;}
.centro-tope {text-align:center;vertical-align:top;}
.centro-tope {text-align:center;vertical-align:top;}
/* To make images responsive */
/********************MAKE IMAGES RESPONSIVE*/
img {max-width:100%;height:auto;}
img {max-width:100%;height:auto;}
/* dotted underline of links */
/********************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 */
/********************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*/  
/*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*/
.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 Google AdSense box in portlet in sidebar */
#p-googleadsense .pBody {padding-top: 5px;text-align:  center;}
 
/* oculta flechas en determinados enlaces externos */
.plainlinksneverexpand a {background:none !important;padding:0 !important;}
 
/* spacing before bottom ad */
#p-cactions {margin-bottom: 120px;}
#p-cactions {margin-bottom: 120px;}


/* toc font */
/*REMOVE SUBTITLE EN MAIN PAGE*/
#mw-toc-heading {font-family: 'BebasNeue'; padding: 5px;}
 
/* titulos */
h1, h2, h3, h4, h5, h6 {font-family: 'BebasNeue'!important;}
 
/* actions button */
.show-for-medium-up {font-family: 'BebasNeue'!important;}
 
/*remove the subtitle on main page*/
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-view #siteSub,
body.page-Main_Page.action-submit #siteSub {
body.page-Main_Page.action-submit #siteSub {display: none;}
    display: none;
}

Revisión del 01:56 6 mar 2022

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

/******************************GENERAL******************************/
body {font-family:"Helvetica Neue", Helvetica, Arial; 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;}

/**********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ÑAS**********/ 
@media (max-width: 720px) {.content table {display: table;}}

/******************************PORTADA******************************/

/********************FIRST ROW PORTADA**********/ 
#welcome-title {margin-bottom:0; border-bottom:none; color:#3e3e3e; margin-bottom:0;background:#dceaea;}
#welcome-subtitle {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;}