1/*****************************************************************************
2 *
3 * Copyright (c) 2001, 2002 Zope Corporation and Contributors.
4 * All Rights Reserved.
5 *
6 * This software is subject to the provisions of the Zope Public License,
7 * Version 2.1 (ZPL).  A copy of the ZPL should accompany this distribution.
8 * THIS SOFTWARE IS PROVIDED "AS IS" AND ANY AND ALL EXPRESS OR IMPLIED
9 * WARRANTIES ARE DISCLAIMED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
10 * WARRANTIES OF TITLE, MERCHANTABILITY, AGAINST INFRINGEMENT, AND FITNESS
11 * FOR A PARTICULAR PURPOSE.
12 *
13 *****************************************************************************
14
15 These are the Widget CSS declarations.
16
17 TODO: table.listing,
18       table.box
19
20 $Id: zopetopwidgets.css 25177 2004-06-02 13:17:31Z jim $
21*/
22
23input.standalone {
24    background: #A1A1F1 url(linkOpaque.gif) left no-repeat;
25    color: Black;
26    cursor: pointer;
27    font-weight: normal;
28    padding: 1px 1px 1px 15px;
29}
30
31input.context {
32    background: White url(linkTransparent.gif) left no-repeat;
33    color: Black;
34    cursor: pointer;
35    font-weight: normal;
36    padding: 1px 1px 1px 15px;
37}
38
39input.noborder {
40/* radiobuttons and checkmarks, different behaviour in Moz and IE.
41   Border necessary in Moz, not in IE */
42    border: none;
43    margin: 0;
44    background-color: transparent;
45}
46
47div.row {
48    clear: both;
49    min-height: 4em;
50    margin-top: 1em;
51}
52
53.group {
54    border: 1px solid #7B7AC6;
55    margin: 2em 0em 1em 0em;
56    width: 94%;
57    padding: 1em 0em;
58}
59
60.legend {
61    position : relative;
62    top: -1.8em;
63    left: 1em;
64    background: White;
65    padding: 0.5em;
66}
67
68span.label {
69    float: left;
70    font-weight: bold;
71    text-align: right;
72    width: 15%;
73    position : relative;
74    left: -1em;
75}
76
77span.field {
78    float: left;
79    text-align: left;
80    width: 55%;
81}
82
83span.info {
84    background-color: transparent;
85    float: right;
86    text-align: left;
87    width: 28%;
88}
89
90.error {
91    /* Class for error indication in forms */
92    background: #FFCE7B;
93    border: 1px solid #FFA500;
94    margin: 1em;
95}
96
97.required {
98/* Used in addition to class "label" on required elements */
99    background: url(required.gif) 2em no-repeat;
100}
101
102span.card {
103    background: #A1A1F1;
104    border-color: #7B7AC6;
105    border-width: 1px;
106    border-style: solid;
107    float: left;
108    margin: 1em;
109    padding: 1em;
110    text-align: center;
111    width: 15%;
112}
113
114table.listing {
115    /* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
116    border-collapse: collapse;
117    border-left: 1px solid #7B7AC6;
118    border-bottom: 1px solid #7B7AC6;
119    margin: 1em 0em 1em 0em;
120}
121
122table.listing th {
123    background: #A1A1F1;
124    border-top: 1px solid #7B7AC6;
125    border-bottom: 1px solid #7B7AC6;
126    border-right: 1px solid #7B7AC6;
127    color: #000000;
128    font-weight: normal;
129    padding: 0em 1em 0em 1em;
130}
131
132table.listing tr.odd {
133    /*every second line should be shaded */
134    background: transparent;
135}
136
137table.listing tr.even {
138    background: #ECFAFF;
139}
140
141table.listing td {
142    border-right: 1px solid #7B7AC6;
143    padding: 2px 1em 2px 1em;
144}
145
146table.listing a:hover {
147    text-decoration: underline;
148}
149
150table.listing img{
151    vertical-align: middle;
152}
153
154table.box {
155/* The Plone Box(tm) (Navigation, Related etc) */
156    background: transparent;
157    border-collapse: collapse;
158    border-bottom: 1px solid #7B7AC6;
159    border-left: 1px solid #7B7AC6;
160    margin: 0px;
161    margin-bottom: 1px;
162}
163
164table.box th {
165    background: #A1A1F1;
166    border-top: 1px solid #7B7AC6;
167    border-bottom: 1px solid #7B7AC6;
168    border-right: 1px solid #7B7AC6;
169    color: Black;
170    font-weight: normal;
171    padding: 0px 1px;
172    text-align: left;
173}
174
175table.box th.empty {
176    background-color: transparent;
177    border: none;
178    border-bottom: 1px solid #7B7AC6;
179}
180
181table.box tr.odd {
182/*every second line should be shaded */
183    background: transparent;
184}
185
186table.box tr.even {
187    background-color: #99CCFF;
188}
189
190table.box td {
191    border-right: 1px solid #7B7AC6;
192    padding: 0px 4px 0px 2px;
193}
194
195table.box img{
196    vertical-align: middle;
197}
198
199div.boxDetails {
200/*the line that contains the date for news and other info */
201    text-align: right;
202}
203
204table.box a {
205}
206
207table.box a.comment {
208/* special link for comments - default behavior is to display the discussion
209   icon next to the link */
210    background-image: url(discussionitem_icon.gif);
211    background-repeat: no-repeat;
212    background-position: 0px -2px;
213    padding: 0em 0em 0.5em 2em;
214    margin: 0;
215    display: block;
216}
217
218table.box a.marker {
219/* special format for links inside boxes - adds link image and displays the
220   link as a block (which in this case means the text will not float under
221   the link image, plus the whole thing is clickable) */
222    background: url(linkTransparent.gif) -0.5em 0px no-repeat;
223    display: block;
224    padding: 0em 0em 0em 1.5em;
225    vertical-align: top;
226}
227
228span.folderName {
229/* The folder name in folder_contents */
230    font-size: 150%;
231    font-weight: bold;
232}
233
234div.category {
235   float: left;
236    margin-right: 1em;
237    margin-bottom: 2em;
238    width: 20em;
239}
240
241div.category a.heading {
242    display: block;
243    padding: 0em 0em 0.5em 0em;
244    font-size: 1.1em;
245    text-decoration: underline;
246}
247
248div.category a {
249    text-decoration: underline;
250}
251
252div.box {
253    float: left;
254    margin-right: 1em;
255    margin-bottom: 2em;
256    width: 20em;
257    background: transparent;
258    border-collapse: collapse;
259    border: 1px solid #7B7AC6;
260}
261
262div.box div.heading {
263    background: #A1A1F1;
264    border-bottom: 1px solid #7B7AC6;
265    color: Black;
266    font-weight: normal;
267    padding: 0em 0em 0em 1em;
268    text-align: left;
269}
270
271div.box a.close {
272    float: right;
273    text-transform: none;
274    border-left: 1px solid #7B7AC6;
275    padding: 0em 0.2em;
276}
277
278div.box div.odd {
279    background: transparent;
280    padding: 1em;
281}
282
283div.box div.even {
284    background-color: #99CCFF;
285    padding: 1em;
286}
287
288div.spacer {
289    margin: 3em;
290}
291
292.private {
293    color: Black;
294}
295
296.published {
297    color: #74AE0B;
298}
299
300.pending {
301    color: #FFA500;
302}
303
304.syndicated {
305    color: #008000;
306}
307
308.expired {
309    color: Red;
310}
311
312
313div.listingBar {
314    background: #A1A1F1;
315    border-color: #7B7AC6;
316    border-style: solid;
317    border-width: 1px;
318    padding: 0em 1em;
319    text-align: right;
320    height: 1em;
321    clear: both;
322}
323
324div.listingBar span.previous {
325    text-align: left;
326    float: left;
327}
328
329div.listingBar span.next {
330    text-align: right;
331    float: right;
332}
333
334div.workspace {
335}
336
337div.workspace span.small {
338    float: left;
339    height: 30em;
340    width: 20em;
341    margin-right: 1em;
342    margin-bottom: 1em;
343}
344
345div.workspace span.big {
346    float: left;
347    height: 40em;
348    width: 40em;
349    margin-right: 1em;
350    margin-bottom: 1em;
351}
352