Mejora la vista de impresión de enlaces e imágenes

Se destacan y se muestran los enlaces en la página, se desactivan las
animaciones para visualizar mejor los componentes que se pueden
imprimir, especialmente las imágenes, y se ajusta la página "Sobre mí".
This commit is contained in:
Manuel Cillero 2020-10-29 18:24:18 +01:00
parent bee661f3c4
commit 0a14c61f5a

View file

@ -1184,9 +1184,11 @@ body.tax-quote_author_tag .quote-author a:hover {
size: A4;
margin: 1.6cm 1cm;
}
* {
-webkit-print-color-adjust: exact;
}
html, body {
background: #fff;
-webkit-print-color-adjust: exact;
}
.responsive #top #wrap_all .container {
width: 100%;
@ -1199,6 +1201,8 @@ body.tax-quote_author_tag .quote-author a:hover {
.container .av-content-small.units {
width: 100%;
}
/* Hide sections */
.social_bookmarks,
#header_meta,
.av-share-box,
@ -1206,13 +1210,17 @@ body.tax-quote_author_tag .quote-author a:hover {
#legal,
.avia-cookie-consent-wrap,
.related_posts,
.tooltips_directory .navitems,
/* Comments */
.comment_meta_container,
.comment_container,
.av-buildercomment,
span.comment-container,
span.text-sep-comment,
.slide-meta-comments,
.slide-meta-del,
/* Widgets */
div.lwptoc,
.widget_search,
.widget-simpletags,
.widget_instagram-feed-widget,
@ -1222,12 +1230,17 @@ body.tax-quote_author_tag .quote-author a:hover {
.sidebar #dpe_fp_widget-21,
.sidebar #dpe_fp_widget-24,
.sidebar #dpe_fp_widget-25 {
display: none;
display: none !important;
}
/* Header */
#header_main {
/* White background */
#wrap_all, #wrapper-all, #header_main, #main, div.container_wrap_first, #socket {
background: #fff;
border-top: 0;
}
/* Header */
#header_main {
padding-bottom: 12px;
}
#header_main .logo a {
@ -1239,11 +1252,8 @@ body.tax-quote_author_tag .quote-author a:hover {
#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 {
@ -1266,6 +1276,10 @@ body.tax-quote_author_tag .quote-author a:hover {
body.tax-quote_author_tag .quote-author a {
color: #ccc !important;
}
.tooltipsincontent {
border-bottom: 0 !important;
}
/* Sidebar */
#top #main .sidebar {
width: 100%;
@ -1274,20 +1288,116 @@ body.tax-quote_author_tag .quote-author a:hover {
.inner_sidebar{
margin-left: 0;
}
/* Footer */
#socket {
background: #fff;
border-top: 0;
}
#socket .container {
border-top: 1px solid #e1e1e1;
}
#socket .copyright {
color: black;
}
/* Links */
.entry-content-wrapper a,
.entry-content-wrapper a.visited {
color: #ff3300 !important;
}
.entry-content-wrapper a[href]:after {
content: " <" attr(href) ">";
color: #3c8dbc;
font-weight: 300;
text-transform: initial;
word-break: break-all;
}
.quote-author a,
.post-title a, .post-meta-infos a,
.entry-footer a,
.widget_enfold_post_header_widget a,
.widget_enfold_post_footer_widget a,
.entry-content-wrapper a.iconlist_icon {
text-decoration: inherit;
color: inherit !important;
}
a.no-print-link:after,
.av-masonry a:after,
.avia-image-container a:after,
.big-preview a:after,
.quote-author a:after,
a.slide-image:after,
a.lightbox-added:after,
.avia-gallery-thumb a:after,
.avia-button-wrap a:after,
.post-title a:after, .post-meta-infos a:after,
.entry-footer a:after,
.widget_enfold_post_header_widget a:after,
.widget_enfold_post_footer_widget a:after,
.entry-content-wrapper a.iconbox_icon:after,
.entry-content-wrapper a.iconlist_icon:after {
content: "" !important;
}
/* Tables */
.avia-data-table-wrap table {
width: 100%;
}
/* Page breaks */
.break-avoid,
.av-special-heading {
page-break-inside: avoid;
}
.entry-content-wrapper h1,
.entry-content-wrapper h2,
.entry-content-wrapper h3 {
page-break-after: avoid;
}
/* Disable animations */
.entry-content-wrapper * {
opacity: 100 !important;
/* CSS transitions */
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/* CSS transforms */
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
/* CSS animations */
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
.av-caption-image-overlay-bg {
opacity: 0 !important;
}
.image-overlay,
.av-image-caption-overlay {
display: none !important;
}
/* "Sobre mí" page */
.personal-card .av_font_icon {
display: block;
width: 100%;
text-align: left;
}
.personal-card a:after { font-size: 24pt; }
}
@media print and (max-width: 767px) {
body.home main .flex_column_table {
display: none !important;
}
}
@media print and (max-width: 567px) {
.personal-card a:after { font-size: 12pt; } /* "Sobre mí" page */
}
@media (max-width: 399px) {
.personal-card a:after { font-size: 9pt; } /* "Sobre mí" page */
}