Mercurial > hg > rc1

comparison skins/larry/settings.css @ 0:1e000243b222

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
vanilla 1.3.3 distro, I hope
author Charlie Root
date Thu, 04 Jan 2018 15:50:29 -0500
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:1e000243b222
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 }