Mejora la presentación de impresión

Se añaden nuevos estilos para simplificar la presentación de las páginas
para imprimir. Se eliminan elementos supérfluos y colores de fondo
oscuros.

Resuelve #489
This commit is contained in:
Manuel Cillero 2020-10-26 21:18:16 +01:00
parent 516b5f4413
commit bee661f3c4
2 changed files with 123 additions and 3 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View file

@ -883,7 +883,7 @@ a.dpe-flexible-photos-link:hover {
}
.quote-text,
.quote-text p {
color: #ccc;
color: #ccc !important;
text-align: left;
margin: .1em 0 .4em;
}
@ -891,7 +891,7 @@ a.dpe-flexible-photos-link:hover {
margin: 0 !important;
}
.quote-author p {
color: #999;
color: #999 !important;
text-align: left;
font-size: .88em;
font-weight: 300;
@ -899,7 +899,7 @@ a.dpe-flexible-photos-link:hover {
margin-left: 8px;
}
.quote-author a {
color: #fff;
color: #fff !important;
}
.quote-author a:hover {
color: #f70a0a;
@ -1171,3 +1171,123 @@ body.tax-quote_author_tag .quote-author a:hover {
display: none;
}
}
/*
* PRINT STYLES.
*/
#header_main .logo a {
background: transparent url(images/logo.png) no-repeat 0 -100px;
}
@media print {
/* LAYOUT */
@page {
size: A4;
margin: 1.6cm 1cm;
}
html, body {
background: #fff;
-webkit-print-color-adjust: exact;
}
.responsive #top #wrap_all .container {
width: 100%;
max-width: 100%;
}
.container {
padding-right: 10px;
padding-left: 10px;
}
.container .av-content-small.units {
width: 100%;
}
.social_bookmarks,
#header_meta,
.av-share-box,
.hr-invisible,
#legal,
.avia-cookie-consent-wrap,
.related_posts,
/* Comments */
.comment_meta_container,
.comment_container,
.av-buildercomment,
span.comment-container,
span.text-sep-comment,
/* Widgets */
.widget_search,
.widget-simpletags,
.widget_instagram-feed-widget,
.sidebar #dpe_fp_widget-15,
.sidebar #dpe_fp_widget-19,
.sidebar #dpe_fp_widget-20,
.sidebar #dpe_fp_widget-21,
.sidebar #dpe_fp_widget-24,
.sidebar #dpe_fp_widget-25 {
display: none;
}
/* Header */
#header_main {
background: #fff;
border-top: 0;
padding-bottom: 12px;
}
#header_main .logo a {
width: 300px;
height: 100px;
background-color: #fff;
background-position-y: 10px;
}
#header_main .logo a img {
display: none;
}
/* Main content */
#main, div.container_wrap_first {
background: #fff;
border-top: 0;
}
body.category-archivo div.container_wrap_first > div.container:first-child,
body.archive.tag div.container_wrap_first > div.container:first-child,
body.page-id-121962 div.container_wrap_first > div.container:first-child {
background: #fff;
padding-left: 10px;
}
.title_container {
background-color: #fff;
}
.entry-content a:after {
word-break: break-all;
color: #00e;
}
.blog-tags a {
color: #999 !important;
}
.more-link {
width: auto;
}
body.tax-quote_author_tag .quote-author a {
color: #ccc !important;
}
/* Sidebar */
#top #main .sidebar {
width: 100%;
padding: 0;
}
.inner_sidebar{
margin-left: 0;
}
/* Footer */
#socket {
background: #fff;
border-top: 0;
}
#socket .container {
border-top: 1px solid #e1e1e1;
}
#socket .copyright {
color: black;
}
}
@media print and (max-width: 767px) {
body.home main .flex_column_table {
display: none !important;
}
}