|
0
|
1 /**
|
|
|
2 * Roundcube webmail styles for the Settings section
|
|
|
3 *
|
|
|
4 * Copyright (c) 2017-2017, The Roundcube Dev Team
|
|
|
5 * Screendesign by FLINT / Büro für Gestaltung, bueroflint.com
|
|
|
6 *
|
|
|
7 * The contents are subject to the Creative Commons Attribution-ShareAlike
|
|
|
8 * License. It is allowed to copy, distribute, transmit and to adapt the work
|
|
|
9 * by keeping credits to the original autors in the README file.
|
|
|
10 * See http://creativecommons.org/licenses/by-sa/3.0/ for details.
|
|
|
11 */
|
|
|
12
|
|
|
13 #settings-sections {
|
|
|
14 position: absolute;
|
|
|
15 top: 0;
|
|
|
16 left: 0;
|
|
|
17 width: 200px;
|
|
|
18 bottom: 0;
|
|
|
19 }
|
|
|
20
|
|
|
21 #pluginbody,
|
|
|
22 #settings-right {
|
|
|
23 position: absolute;
|
|
|
24 top: 0;
|
|
|
25 left: 212px;
|
|
|
26 right: 0;
|
|
|
27 bottom: 0;
|
|
|
28 }
|
|
|
29
|
|
|
30 #sectionslist {
|
|
|
31 position: absolute;
|
|
|
32 top: 0;
|
|
|
33 left: 0;
|
|
|
34 width: 260px;
|
|
|
35 bottom: 0;
|
|
|
36 }
|
|
|
37
|
|
|
38 #preferences-box {
|
|
|
39 position: absolute;
|
|
|
40 top: 0;
|
|
|
41 left: 272px;
|
|
|
42 right: 0;
|
|
|
43 bottom: 0;
|
|
|
44 }
|
|
|
45
|
|
|
46 #preferences-frame {
|
|
|
47 border: 0;
|
|
|
48 border-radius: 4px;
|
|
|
49 }
|
|
|
50
|
|
|
51 #preferences-details fieldset.advanced legend {
|
|
|
52 position: relative;
|
|
|
53 display: block;
|
|
|
54 width: 100%;
|
|
|
55 cursor: pointer;
|
|
|
56 }
|
|
|
57
|
|
|
58 #preferences-details fieldset.advanced .propform {
|
|
|
59 display: none;
|
|
|
60 }
|
|
|
61
|
|
|
62 #preferences-details fieldset.advanced .advanced-toggle {
|
|
|
63 position: absolute;
|
|
|
64 display: block;
|
|
|
65 top: 0px;
|
|
|
66 right: 6px;
|
|
|
67 text-decoration: none;
|
|
|
68 color: #666;
|
|
|
69 font-size: 11px;
|
|
|
70 width: 20px;
|
|
|
71 height: 18px;
|
|
|
72 background: url(images/listicons.png?v=c458.10409) 0 -1157px no-repeat;
|
|
|
73 text-indent: -5000px;
|
|
|
74 overflow: hidden;
|
|
|
75 }
|
|
|
76
|
|
|
77 #preferences-details fieldset.advanced .collapsed .advanced-toggle {
|
|
|
78 background-position: -24px -1137px;
|
|
|
79 }
|
|
|
80
|
|
|
81 #sections-table tbody td,
|
|
|
82 #sections-table .listitem span,
|
|
|
83 #settings-sections .listitem a,
|
|
|
84 #settings-sections .tablink a {
|
|
|
85 padding-left: 36px;
|
|
|
86 background-image: url(images/listicons.png?v=c458.10409);
|
|
|
87 background-position: -100px 0;
|
|
|
88 background-repeat: no-repeat;
|
|
|
89 }
|
|
|
90
|
|
|
91 /* note: support span.tablink because this is used by plugins */
|
|
|
92 #settings-sections .listitem a,
|
|
|
93 #settings-sections .tablink a {
|
|
|
94 background-position: 6px -862px;
|
|
|
95 }
|
|
|
96
|
|
|
97 #settings-sections .selected a,
|
|
|
98 #settings-sections .tablink.selected a {
|
|
|
99 background-position: 6px -887px;
|
|
|
100 }
|
|
|
101
|
|
|
102 #settings-sections .preferences a {
|
|
|
103 background-position: 6px -431px;
|
|
|
104 }
|
|
|
105
|
|
|
106 #settings-sections .preferences.selected a {
|
|
|
107 background-position: 6px -455px;
|
|
|
108 }
|
|
|
109
|
|
|
110 #settings-sections .folders a {
|
|
|
111 background-position: 6px 2px;
|
|
|
112 }
|
|
|
113
|
|
|
114 #settings-sections .folders.selected a {
|
|
|
115 background-position: 6px -22px;
|
|
|
116 }
|
|
|
117
|
|
|
118 #sections-table #rcmrowfolders .section {
|
|
|
119 background-position: 4px 2px;
|
|
|
120 }
|
|
|
121
|
|
|
122 #sections-table #rcmrowfolders.selected .section {
|
|
|
123 background-position: 4px -22px;
|
|
|
124 }
|
|
|
125
|
|
|
126 #settings-sections .identities a {
|
|
|
127 background-position: 6px -478px;
|
|
|
128 }
|
|
|
129
|
|
|
130 #settings-sections .identities.selected a {
|
|
|
131 background-position: 6px -502px;
|
|
|
132 }
|
|
|
133
|
|
|
134 #settings-sections .filter a {
|
|
|
135 background-position: 6px -1746px;
|
|
|
136 }
|
|
|
137
|
|
|
138 #settings-sections .filter.selected a {
|
|
|
139 background-position: 6px -1770px;
|
|
|
140 }
|
|
|
141
|
|
|
142 #settings-sections .password a {
|
|
|
143 background-position: 6px -1795px;
|
|
|
144 }
|
|
|
145
|
|
|
146 #settings-sections .password.selected a {
|
|
|
147 background-position: 6px -1819px;
|
|
|
148 }
|
|
|
149
|
|
|
150 #settings-sections .responses a {
|
|
|
151 background-position: 6px -1972px;
|
|
|
152 }
|
|
|
153
|
|
|
154 #settings-sections .responses.selected a {
|
|
|
155 background-position: 6px -1996px;
|
|
|
156 }
|
|
|
157
|
|
|
158 #sections-table #rcmrowgeneral .section {
|
|
|
159 background-position: 4px -573px;
|
|
|
160 }
|
|
|
161
|
|
|
162 #sections-table #rcmrowgeneral.selected .section {
|
|
|
163 background-position: 4px -598px;
|
|
|
164 }
|
|
|
165
|
|
|
166 #sections-table #rcmrowmailbox .section {
|
|
|
167 background-position: 4px -621px;
|
|
|
168 }
|
|
|
169
|
|
|
170 #sections-table #rcmrowmailbox.selected .section {
|
|
|
171 background-position: 4px -646px;
|
|
|
172 }
|
|
|
173
|
|
|
174 #sections-table #rcmrowcompose .section {
|
|
|
175 background-position: 4px -670px;
|
|
|
176 }
|
|
|
177
|
|
|
178 #sections-table #rcmrowcompose.selected .section {
|
|
|
179 background-position: 4px -695px;
|
|
|
180 }
|
|
|
181
|
|
|
182 #sections-table #rcmrowmailview .section {
|
|
|
183 background-position: 4px -718px;
|
|
|
184 }
|
|
|
185
|
|
|
186 #sections-table #rcmrowmailview.selected .section {
|
|
|
187 background-position: 4px -742px;
|
|
|
188 }
|
|
|
189
|
|
|
190 #sections-table #rcmrowaddressbook .section {
|
|
|
191 background-position: 4px -766px;
|
|
|
192 }
|
|
|
193
|
|
|
194 #sections-table #rcmrowaddressbook.selected .section {
|
|
|
195 background-position: 4px -791px;
|
|
|
196 }
|
|
|
197
|
|
|
198 #sections-table #rcmrowserver .section {
|
|
|
199 background-position: 4px -814px;
|
|
|
200 }
|
|
|
201
|
|
|
202 #sections-table #rcmrowserver.selected .section {
|
|
|
203 background-position: 4px -838px;
|
|
|
204 }
|
|
|
205
|
|
|
206 #sections-table #rcmrowcalendar .section {
|
|
|
207 background-position: 4px -526px;
|
|
|
208 }
|
|
|
209
|
|
|
210 #sections-table #rcmrowcalendar.selected .section {
|
|
|
211 background-position: 4px -550px;
|
|
|
212 }
|
|
|
213
|
|
|
214 #folderslist .boxtitle a.iconbutton.search {
|
|
|
215 background-position: -2px -317px;
|
|
|
216 cursor: pointer;
|
|
|
217 position: absolute;
|
|
|
218 right: 8px;
|
|
|
219 top: 8px;
|
|
|
220 width: 16px;
|
|
|
221 }
|
|
|
222
|
|
|
223 #folderslist .listsearchbox + .scroller {
|
|
|
224 top: 34px;
|
|
|
225 }
|
|
|
226
|
|
|
227 .listsearchbox select {
|
|
|
228 width: 100%;
|
|
|
229 margin: 0 0 4px 0;
|
|
|
230 }
|
|
|
231
|
|
|
232 #folderslist,
|
|
|
233 #identitieslist {
|
|
|
234 position: absolute;
|
|
|
235 top: 0;
|
|
|
236 left: 0;
|
|
|
237 width: 260px;
|
|
|
238 bottom: 0;
|
|
|
239 }
|
|
|
240
|
|
|
241 #identities-table {
|
|
|
242 width: 100%;
|
|
|
243 table-layout: fixed;
|
|
|
244 }
|
|
|
245
|
|
|
246 #identities-table tbody td.mail {
|
|
|
247 width: 100%;
|
|
|
248 overflow: hidden;
|
|
|
249 text-overflow: ellipsis;
|
|
|
250 }
|
|
|
251
|
|
|
252 #identities-table tbody tr.readonly td {
|
|
|
253 font-style: italic;
|
|
|
254 }
|
|
|
255
|
|
|
256 #folder-details,
|
|
|
257 #identity-details {
|
|
|
258 position: absolute;
|
|
|
259 top: 0;
|
|
|
260 left: 272px;
|
|
|
261 right: 0;
|
|
|
262 bottom: 0;
|
|
|
263 }
|
|
|
264
|
|
|
265 #subscription-table li.root {
|
|
|
266 font-size: 5%;
|
|
|
267 line-height: 5px;
|
|
|
268 height: 5px;
|
|
|
269 padding: 2px;
|
|
|
270 }
|
|
|
271
|
|
|
272 #subscription-table li input {
|
|
|
273 position: absolute;
|
|
|
274 right: 8px;
|
|
|
275 top: 4px;
|
|
|
276 margin-right: 0;
|
|
|
277 }
|
|
|
278
|
|
|
279 #subscription-table li a {
|
|
|
280 padding-right: 28px;
|
|
|
281 }
|
|
|
282
|
|
|
283 .skinselection {
|
|
|
284 display: block;
|
|
|
285 }
|
|
|
286
|
|
|
287 .skinselection span {
|
|
|
288 display: inline-block;
|
|
|
289 vertical-align: middle;
|
|
|
290 padding-right: 1em;
|
|
|
291 }
|
|
|
292
|
|
|
293 .skinselection .skinname {
|
|
|
294 font-weight: bold;
|
|
|
295 }
|
|
|
296
|
|
|
297 .skinselection .skinlicense,
|
|
|
298 .skinselection .skinlicense a {
|
|
|
299 font-style: italic;
|
|
|
300 color: #666;
|
|
|
301 text-decoration: none;
|
|
|
302 }
|
|
|
303
|
|
|
304 .skinselection .skinlicense a:hover {
|
|
|
305 text-decoration: underline;
|
|
|
306 }
|
|
|
307
|
|
|
308 img.skinthumbnail {
|
|
|
309 width: 64px;
|
|
|
310 height: 64px;
|
|
|
311 border: 1px solid #ccc;
|
|
|
312 background: #fff;
|
|
|
313 border-radius: 4px;
|
|
|
314 }
|
|
|
315
|
|
|
316 #pluginlist td.version {
|
|
|
317 width: 5em;
|
|
|
318 }
|
|
|
319
|
|
|
320 .webkit #pluginlist td.version {
|
|
|
321 width: 6em;
|
|
|
322 }
|
|
|
323
|
|
|
324 #pluginlist td.license,
|
|
|
325 #pluginlist td.source {
|
|
|
326 width: 8em;
|
|
|
327 }
|
|
|
328
|
|
|
329 .webkit #pluginlist td.license,
|
|
|
330 .webkit #pluginlist td.source {
|
|
|
331 width: 9em;
|
|
|
332 }
|
|
|
333
|
|
|
334 #rcmfd_signature {
|
|
|
335 width: 99%;
|
|
|
336 min-width: 390px;
|
|
|
337 font-family: monospace;
|
|
|
338 }
|
|
|
339
|
|
|
340 #rcmfd_signature_toolbar1 td,
|
|
|
341 #rcmfd_signature_toolbar2 td {
|
|
|
342 width: auto;
|
|
|
343 }
|
|
|
344
|
|
|
345 .mailtoprotohandler-status {
|
|
|
346 padding-left: 1em;
|
|
|
347 font-style: italic;
|
|
|
348 }
|
|
|
349
|
|
|
350 #pluginlist {
|
|
|
351 table-layout: auto;
|
|
|
352 }
|
|
|
353
|
|
|
354 #pluginlist th.version {
|
|
|
355 width: 1%;
|
|
|
356 }
|
|
|
357
|
|
|
358 .readtext {
|
|
|
359 width: 45em;
|
|
|
360 padding: 12px;
|
|
|
361 font-size: 12px;
|
|
|
362 }
|
|
|
363
|
|
|
364 .readtext > h1,
|
|
|
365 .readtext > h2,
|
|
|
366 .readtext > h3 {
|
|
|
367 margin-top: 0;
|
|
|
368 }
|
