|
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;
|
|
|
44 }
|
|
|
45
|
|
|
46 table.headers-table td.header-title {
|
|
|
47 color: #666;
|
|
|
48 font-size: 85%;
|
|
|
49 padding-right: 4mm;
|
|
|
50 white-space: nowrap;
|
|
|
51 }
|
|
|
52
|
|
|
53 table.headers-table tr td.subject {
|
|
|
54 width: 90%;
|
|
|
55 font-weight: bold;
|
|
|
56 font-size: 120%;
|
|
|
57 }
|
|
|
58
|
|
|
59 #attachment-list {
|
|
|
60 margin-top: 3mm;
|
|
|
61 padding-top: 3mm;
|
|
|
62 border-top: 1pt solid #ccc;
|
|
|
63 }
|
|
|
64
|
|
|
65 #attachment-list li {
|
|
|
66 font-size: 9pt;
|
|
|
67 }
|
|
|
68
|
|
|
69 #attachment-list li a {
|
|
|
70 text-decoration: none;
|
|
|
71 }
|
|
|
72
|
|
|
73 #attachment-list li a:hover {
|
|
|
74 text-decoration: underline;
|
|
|
75 }
|
|
|
76
|
|
|
77 #messagebody {
|
|
|
78 position: relative;
|
|
|
79 margin-top: 5mm;
|
|
|
80 border-top: none;
|
|
|
81 }
|
|
|
82
|
|
|
83 div.message-part {
|
|
|
84 padding: 2mm;
|
|
|
85 margin-top: 5mm;
|
|
|
86 margin-bottom: 5mm;
|
|
|
87 border-top: 1pt solid #ccc;
|
|
|
88 }
|
|
|
89
|
|
|
90 div.message-part a {
|
|
|
91 color: #00c;
|
|
|
92 }
|
|
|
93
|
|
|
94 div.message-part div.pre {
|
|
|
95 margin: 0;
|
|
|
96 padding: 0;
|
|
|
97 font-family: monospace;
|
|
|
98 font-size: 12px;
|
|
|
99 }
|
|
|
100
|
|
|
101 div.message-part blockquote {
|
|
|
102 color: blue;
|
|
|
103 border-left: 2px solid blue;
|
|
|
104 border-right: 2px solid blue;
|
|
|
105 background-color: #F6F6F6;
|
|
|
106 margin: 2px 0;
|
|
|
107 padding: 0 0.4em;
|
|
|
108 }
|
|
|
109
|
|
|
110 div.message-part blockquote blockquote {
|
|
|
111 color: green;
|
|
|
112 border-left: 2px solid green;
|
|
|
113 border-right: 2px solid green;
|
|
|
114 }
|
|
|
115
|
|
|
116 div.message-part blockquote blockquote blockquote {
|
|
|
117 color: #900;
|
|
|
118 border-left: 2px solid #b00;
|
|
|
119 border-right: 2px solid #b00;
|
|
|
120 }
|
|
|
121
|
|
|
122 p.image-attachment {
|
|
|
123 position: relative;
|
|
|
124 padding: 1em;
|
|
|
125 border-top: 1px solid #ccc;
|
|
|
126 }
|
|
|
127
|
|
|
128 p.image-attachment a.image-link {
|
|
|
129 float: left;
|
|
|
130 display: block;
|
|
|
131 margin-right: 2em;
|
|
|
132 min-width: 160px;
|
|
|
133 min-height: 60px;
|
|
|
134 text-align: center;
|
|
|
135 }
|
|
|
136
|
|
|
137 p.image-attachment .image-filename {
|
|
|
138 display: block;
|
|
|
139 line-height: 1.6em;
|
|
|
140 }
|
|
|
141
|
|
|
142 p.image-attachment .attachment-links {
|
|
|
143 display: none;
|
|
|
144 }
|
|
|
145
|
|
|
146 /* contact print */
|
|
|
147 #contact-details fieldset {
|
|
|
148 color: #666;
|
|
|
149 border: 1px solid #999;
|
|
|
150 margin-top: 5px;
|
|
|
151 }
|
|
|
152
|
|
|
153 #contact-details fieldset.contactfieldgroup {
|
|
|
154 border: 0;
|
|
|
155 padding: 0;
|
|
|
156 margin: 0;
|
|
|
157 }
|
|
|
158
|
|
|
159 #contact-details div.row {
|
|
|
160 padding: 2px 0;
|
|
|
161 }
|
|
|
162
|
|
|
163 #contact-details .contactfieldlabel {
|
|
|
164 display: inline-block;
|
|
|
165 vertical-align: top;
|
|
|
166 width: 150px;
|
|
|
167 overflow: hidden;
|
|
|
168 text-overflow: ellipsis;
|
|
|
169 }
|
|
|
170
|
|
|
171 #contact-details .contactfieldcontent {
|
|
|
172 display: inline-block;
|
|
|
173 vertical-align: top;
|
|
|
174 font-weight: bold;
|
|
|
175 }
|
|
|
176
|
|
|
177 #contact-details #contactphoto {
|
|
|
178 float: left;
|
|
|
179 margin: 5px 15px 5px 3px;
|
|
|
180 width: 112px;
|
|
|
181 border: 0;
|
|
|
182 padding: 0;
|
|
|
183 }
|
|
|
184
|
|
|
185 #contact-details #contactpic {
|
|
|
186 width: 112px;
|
|
|
187 background: white;
|
|
|
188 }
|
|
|
189
|
|
|
190 #contact-details #contactpic img {
|
|
|
191 max-width: 112px;
|
|
|
192 visibility: inherit;
|
|
|
193 }
|
|
|
194
|
|
|
195 #contact-details #contacthead {
|
|
|
196 border: 0;
|
|
|
197 margin: 0 16em 0 0;
|
|
|
198 padding: 0;
|
|
|
199 }
|
|
|
200
|
|
|
201 #contact-details #contacthead > legend {
|
|
|
202 display: none;
|
|
|
203 }
|
|
|
204
|
|
|
205 #contact-details #contacthead .names span.namefield {
|
|
|
206 font-size: 140%;
|
|
|
207 font-weight: bold;
|
|
|
208 }
|
