| | |
| | | /** |
| | | * Roundcube webmail styles for message printing |
| | | * |
| | | * Copyright (c) 2011, The Roundcube Dev Team |
| | | * Copyright (c) 2012, The Roundcube Dev Team |
| | | * |
| | | * The contents are subject to the Creative Commons Attribution-ShareAlike |
| | | * License. It is allowed to copy, distribute, transmit and to adapt the work |
| | | * by keeping credits to the original autors in the README file. |
| | | * See http://creativecommons.org/licenses/by-sa/3.0/ for details. |
| | | * |
| | | * $Id$ |
| | | */ |
| | | body { |
| | | font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; |
| | |
| | | margin: 2mm; |
| | | } |
| | | |
| | | body, td, th, span, div, p { |
| | | body, td, th, div, p { |
| | | font-size: 9pt; |
| | | color: #000; |
| | | } |
| | |
| | | } |
| | | |
| | | #messagebody { |
| | | position: relative; |
| | | margin-top: 5mm; |
| | | border-top: none; |
| | | } |
| | |
| | | color: #00c; |
| | | } |
| | | |
| | | div.message-part pre, |
| | | div.message-htmlpart pre, |
| | | div.message-part div.pre { |
| | | margin: 0; |
| | | padding: 0; |
| | | font-family: monospace; |
| | | white-space: -moz-pre-wrap !important; |
| | | white-space: pre-wrap !important; |
| | | white-space: pre; |
| | | word-wrap: break-word; /* IE (and Safari) */ |
| | | font-size: 12px; |
| | | } |
| | | |
| | | div.message-part blockquote { |
| | |
| | | border-left: 2px solid blue; |
| | | border-right: 2px solid blue; |
| | | background-color: #F6F6F6; |
| | | margin: 0.5em 0em 0.5em 0em; |
| | | padding: 0.25em 1em 0.25em 1em; |
| | | margin: 2px 0; |
| | | padding: 0 0.4em; |
| | | } |
| | | |
| | | div.message-part blockquote blockquote { |
| | |
| | | border-left: 2px solid #b00; |
| | | border-right: 2px solid #b00; |
| | | } |
| | | |
| | | p.image-attachment { |
| | | position: relative; |
| | | padding: 1em; |
| | | border-top: 1px solid #ccc; |
| | | } |
| | | |
| | | p.image-attachment a.image-link { |
| | | float: left; |
| | | display: block; |
| | | margin-right: 2em; |
| | | min-width: 160px; |
| | | min-height: 60px; |
| | | text-align: center; |
| | | } |
| | | |
| | | p.image-attachment .image-filename { |
| | | display: block; |
| | | line-height: 1.6em; |
| | | } |
| | | |
| | | p.image-attachment .attachment-links { |
| | | display: none; |
| | | } |
| | | |
| | | /* contact print */ |
| | | #contact-details fieldset { |
| | | color: #666; |
| | | border: 1px solid #999; |
| | | margin-top: 5px; |
| | | } |
| | | |
| | | #contact-details fieldset.contactfieldgroup { |
| | | border: 0; |
| | | padding: 0; |
| | | margin: 0; |
| | | } |
| | | |
| | | #contact-details div.row { |
| | | padding: 2px 0; |
| | | } |
| | | |
| | | #contact-details .contactfieldlabel { |
| | | display: inline-block; |
| | | vertical-align: top; |
| | | width: 150px; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | |
| | | #contact-details .contactfieldcontent { |
| | | display: inline-block; |
| | | vertical-align: top; |
| | | font-weight: bold; |
| | | } |
| | | |
| | | #contact-details #contactphoto { |
| | | float: left; |
| | | margin: 5px 15px 5px 3px; |
| | | width: 112px; |
| | | border: 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | #contact-details #contactpic { |
| | | width: 112px; |
| | | background: white; |
| | | } |
| | | |
| | | #contact-details #contactpic img { |
| | | max-width: 112px; |
| | | visibility: inherit; |
| | | } |
| | | |
| | | #contact-details #contacthead { |
| | | border: 0; |
| | | margin: 0 16em 0 0; |
| | | padding: 0; |
| | | } |
| | | |
| | | #contact-details #contacthead > legend { |
| | | display: none; |
| | | } |
| | | |
| | | #contact-details #contacthead .names span.namefield { |
| | | font-size: 140%; |
| | | font-weight: bold; |
| | | } |