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:
parent
516b5f4413
commit
bee661f3c4
2 changed files with 123 additions and 3 deletions
BIN
www/wp-content/themes/enfold-cille/images/logo.png
Normal file
BIN
www/wp-content/themes/enfold-cille/images/logo.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 13 KiB |
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue