207 lines
3.3 KiB
CSS
207 lines
3.3 KiB
CSS
|
/**
|
||
|
* Roundcube webmail styles for message printing
|
||
|
*
|
||
|
* Copyright (c) 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.
|
||
|
*/
|
||
|
body {
|
||
|
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
|
||
|
background-color: #fff;
|
||
|
color: #000;
|
||
|
margin: 2mm;
|
||
|
}
|
||
|
|
||
|
body, td, th, div, p {
|
||
|
font-size: 9pt;
|
||
|
color: #000;
|
||
|
}
|
||
|
|
||
|
h3 {
|
||
|
font-size: 18px;
|
||
|
color: #000;
|
||
|
}
|
||
|
|
||
|
a, a:active, a:visited {
|
||
|
color: #000;
|
||
|
}
|
||
|
|
||
|
#header {
|
||
|
float: right;
|
||
|
margin: 0 5mm 3mm 5mm;
|
||
|
}
|
||
|
|
||
|
table.headers-table {
|
||
|
table-layout: fixed;
|
||
|
margin-top: 14px;
|
||
|
}
|
||
|
|
||
|
table.headers-table tr td {
|
||
|
font-size: 9pt;
|
||
|
vertical-align: top;
|
||
|
}
|
||
|
|
||
|
table.headers-table td.header-title {
|
||
|
color: #666;
|
||
|
padding-right: 4mm;
|
||
|
white-space: nowrap;
|
||
|
}
|
||
|
|
||
|
table.headers-table tr td.subject {
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
#attachment-list {
|
||
|
margin-top: 2mm;
|
||
|
padding-top: 2mm;
|
||
|
border-top: 1pt solid #ccc;
|
||
|
}
|
||
|
|
||
|
#attachment-list li {
|
||
|
font-size: 9pt;
|
||
|
}
|
||
|
|
||
|
#attachment-list li a {
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
#attachment-list li a:hover {
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
#messagebody {
|
||
|
position: relative;
|
||
|
border-top: none;
|
||
|
}
|
||
|
|
||
|
div.message-part,
|
||
|
div.message-htmlpart {
|
||
|
padding: 2mm 1mm;
|
||
|
margin-top: 2mm;
|
||
|
margin-bottom: 5mm;
|
||
|
border-top: 1pt solid #ccc;
|
||
|
}
|
||
|
|
||
|
div.message-part a {
|
||
|
color: #00c;
|
||
|
}
|
||
|
|
||
|
div.message-part div.pre {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
font-family: monospace;
|
||
|
font-size: 12px;
|
||
|
}
|
||
|
|
||
|
div.message-part blockquote {
|
||
|
color: blue;
|
||
|
border-left: 2px solid blue;
|
||
|
border-right: 2px solid blue;
|
||
|
background-color: #F6F6F6;
|
||
|
margin: 2px 0;
|
||
|
padding: 0 0.4em;
|
||
|
}
|
||
|
|
||
|
div.message-part blockquote blockquote {
|
||
|
color: green;
|
||
|
border-left: 2px solid green;
|
||
|
border-right: 2px solid green;
|
||
|
}
|
||
|
|
||
|
div.message-part blockquote blockquote blockquote {
|
||
|
color: #900;
|
||
|
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;
|
||
|
}
|