|
0
|
1 /**
|
|
|
2 * Roundcube webmail styles for message printing
|
|
|
3 *
|
|
|
4 * Copyright (c) 2012, The Roundcube Dev Team
|
|
|
5 *
|
|
|
6 * The contents are subject to the Creative Commons Attribution-ShareAlike
|
|
|
7 * License. It is allowed to copy, distribute, transmit and to adapt the work
|
|
|
8 * by keeping credits to the original autors in the README file.
|
|
|
9 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
|
|
|
10 */
|
|
|
11 body {
|
|
|
12 font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
|
|
|
13 background-color: #fff;
|
|
|
14 color: #000;
|
|
|
15 margin: 2mm;
|
|
|
16 }
|
|
|
17
|
|
|
18 body, td, th, div, p {
|
|
|
19 font-size: 9pt;
|
|
|
20 color: #000;
|
|
|
21 }
|
|
|
22
|
|
|
23 h3 {
|
|
|
24 font-size: 18px;
|
|
|
25 color: #000;
|
|
|
26 }
|
|
|
27
|
|
|
28 a, a:active, a:visited {
|
|
|
29 color: #000;
|
|
|
30 }
|
|
|
31
|
|
|
32 #header {
|
|
|
33 float: right;
|
|
|
34 margin: 0 5mm 3mm 5mm;
|
|
|
35 }
|
|
|
36
|
|
|
37 table.headers-table {
|
|
|
38 table-layout: fixed;
|
|
|
39 margin-top: 14px;
|
|
|
40 }
|
|
|
41
|
|
|
42 table.headers-table tr td {
|
|
|
43 font-size: 9pt;
|
|
8
|
44 vertical-align: top;
|
|
0
|
45 }
|
|
|
46
|
|
|
47 table.headers-table td.header-title {
|
|
|
48 color: #666;
|
|
|
49 padding-right: 4mm;
|
|
|
50 white-space: nowrap;
|
|
|
51 }
|
|
|
52
|
|
|
53 table.headers-table tr td.subject {
|
|
|
54 font-weight: bold;
|
|
|
55 }
|
|
8
|
56
|
|
0
|
57 #attachment-list {
|
|
8
|
58 margin-top: 2mm;
|
|
|
59 padding-top: 2mm;
|
|
0
|
60 border-top: 1pt solid #ccc;
|
|
|
61 }
|
|
|
62
|
|
|
63 #attachment-list li {
|
|
|
64 font-size: 9pt;
|
|
|
65 }
|
|
|
66
|
|
|
67 #attachment-list li a {
|
|
|
68 text-decoration: none;
|
|
|
69 }
|
|
|
70
|
|
|
71 #attachment-list li a:hover {
|
|
|
72 text-decoration: underline;
|
|
|
73 }
|
|
|
74
|
|
|
75 #messagebody {
|
|
|
76 position: relative;
|
|
|
77 border-top: none;
|
|
|
78 }
|
|
|
79
|
|
8
|
80 div.message-part,
|
|
|
81 div.message-htmlpart {
|
|
|
82 padding: 2mm 1mm;
|
|
|
83 margin-top: 2mm;
|
|
0
|
84 margin-bottom: 5mm;
|
|
|
85 border-top: 1pt solid #ccc;
|
|
|
86 }
|
|
|
87
|
|
|
88 div.message-part a {
|
|
|
89 color: #00c;
|
|
|
90 }
|
|
|
91
|
|
|
92 div.message-part div.pre {
|
|
|
93 margin: 0;
|
|
|
94 padding: 0;
|
|
|
95 font-family: monospace;
|
|
|
96 font-size: 12px;
|
|
|
97 }
|
|
|
98
|
|
|
99 div.message-part blockquote {
|
|
|
100 color: blue;
|
|
|
101 border-left: 2px solid blue;
|
|
|
102 border-right: 2px solid blue;
|
|
|
103 background-color: #F6F6F6;
|
|
|
104 margin: 2px 0;
|
|
|
105 padding: 0 0.4em;
|
|
|
106 }
|
|
|
107
|
|
|
108 div.message-part blockquote blockquote {
|
|
|
109 color: green;
|
|
|
110 border-left: 2px solid green;
|
|
|
111 border-right: 2px solid green;
|
|
|
112 }
|
|
|
113
|
|
|
114 div.message-part blockquote blockquote blockquote {
|
|
|
115 color: #900;
|
|
|
116 border-left: 2px solid #b00;
|
|
|
117 border-right: 2px solid #b00;
|
|
|
118 }
|
|
|
119
|
|
|
120 p.image-attachment {
|
|
|
121 position: relative;
|
|
|
122 padding: 1em;
|
|
|
123 border-top: 1px solid #ccc;
|
|
|
124 }
|
|
|
125
|
|
|
126 p.image-attachment a.image-link {
|
|
|
127 float: left;
|
|
|
128 display: block;
|
|
|
129 margin-right: 2em;
|
|
|
130 min-width: 160px;
|
|
|
131 min-height: 60px;
|
|
|
132 text-align: center;
|
|
|
133 }
|
|
|
134
|
|
|
135 p.image-attachment .image-filename {
|
|
|
136 display: block;
|
|
|
137 line-height: 1.6em;
|
|
|
138 }
|
|
|
139
|
|
|
140 p.image-attachment .attachment-links {
|
|
|
141 display: none;
|
|
|
142 }
|
|
|
143
|
|
|
144 /* contact print */
|
|
|
145 #contact-details fieldset {
|
|
|
146 color: #666;
|
|
|
147 border: 1px solid #999;
|
|
|
148 margin-top: 5px;
|
|
|
149 }
|
|
|
150
|
|
|
151 #contact-details fieldset.contactfieldgroup {
|
|
|
152 border: 0;
|
|
|
153 padding: 0;
|
|
|
154 margin: 0;
|
|
|
155 }
|
|
|
156
|
|
|
157 #contact-details div.row {
|
|
|
158 padding: 2px 0;
|
|
|
159 }
|
|
|
160
|
|
|
161 #contact-details .contactfieldlabel {
|
|
|
162 display: inline-block;
|
|
|
163 vertical-align: top;
|
|
|
164 width: 150px;
|
|
|
165 overflow: hidden;
|
|
|
166 text-overflow: ellipsis;
|
|
|
167 }
|
|
|
168
|
|
|
169 #contact-details .contactfieldcontent {
|
|
|
170 display: inline-block;
|
|
|
171 vertical-align: top;
|
|
|
172 font-weight: bold;
|
|
|
173 }
|
|
|
174
|
|
|
175 #contact-details #contactphoto {
|
|
|
176 float: left;
|
|
|
177 margin: 5px 15px 5px 3px;
|
|
|
178 width: 112px;
|
|
|
179 border: 0;
|
|
|
180 padding: 0;
|
|
|
181 }
|
|
|
182
|
|
|
183 #contact-details #contactpic {
|
|
|
184 width: 112px;
|
|
|
185 background: white;
|
|
|
186 }
|
|
|
187
|
|
|
188 #contact-details #contactpic img {
|
|
|
189 max-width: 112px;
|
|
|
190 visibility: inherit;
|
|
|
191 }
|
|
|
192
|
|
|
193 #contact-details #contacthead {
|
|
|
194 border: 0;
|
|
|
195 margin: 0 16em 0 0;
|
|
|
196 padding: 0;
|
|
|
197 }
|
|
|
198
|
|
|
199 #contact-details #contacthead > legend {
|
|
|
200 display: none;
|
|
|
201 }
|
|
|
202
|
|
|
203 #contact-details #contacthead .names span.namefield {
|
|
|
204 font-size: 140%;
|
|
|
205 font-weight: bold;
|
|
|
206 }
|
