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 The Structure CSS contains elements that make up the structure of Plone,
16 generally stuff that is used once on a page - general layout, opposed to the
17 Widgets, that are used several times in a page.
18
19 KNOWN BUG: The selected tab cannot have image backdrop. FIXME
20
21 $Id: zopetopstructure.css 25177 2004-06-02 13:17:31Z jim $
22*/
23
24div.top {
25/* Top section */
26    background: transparent;
27    margin: 0;
28    padding: 0;
29    width: 100%;
30}
31
32.logo {
33/* Logo properties */
34    margin: 1em 0em 1em 2em;
35    padding: 0;
36}
37
38div.searchBox {
39/*searchbox style and positioning */
40    background-color: transparent;
41    color: Black;
42    float: right;
43    margin: 3em 0em 0em 0em;
44    padding: 0em 2em 0em 0em;
45    text-align: right;
46}
47
48input.searchGadget {
49}
50
51div.tabs {
52/* Navigational Plone Tabs(tm), implemented by customizing the a tag - they
53   are surprisingly elegant. The power of CSS runs strong in these :) */
54    background: transparent;
55    border-collapse: collapse;
56    border-bottom-color: #8CACBB;
57    border-bottom-style: solid;
58    border-bottom-width: 1px;
59    padding: 0.5em 0em 0em 2em;
60    white-space: nowrap;
61}
62
63div.tabs a {
64/* The normal, unselected tabs. They are all links */
65    background: transparent;
66    border-color: #8CACBB;
67    border-width: 1px;
68    border-style: solid solid none solid;
69    color: #436976;
70    font-weight: normal;
71    margin-right: 0.5em;
72    padding: 0em 2em;
73}
74
75div.tabs a.selected {
76/* The selected tab. There's only one of this */
77    background: #DEE7EC;
78    border: 1px solid #8CACBB;
79    border-bottom: #DEE7EC 1px solid;
80    color: #436976;
81    font-weight: normal;
82}
83
84div.tabs a:hover {
85    background: #DEE7EC;
86    border-color: #8CACBB;
87    border-bottom-color: #DEE7EC;
88    color: #436976;
89}
90
91div.personalBar {
92/* Bar with personalized menu (user preferences, favorites etc) */
93    background: #DEE7EC;
94    border-bottom-color: #8CACBB;
95    border-bottom-style: solid;
96    border-bottom-width: 1px;
97    color: Black;
98    padding-right: 3em;
99    text-align: right;
100}
101
102div.personalBar a{
103    background-color: transparent;
104    color: #436976;
105    font-weight: normal;
106}
107
108div.pathBar {
109/* The path bar, including breadcrumbs and add to favorites */
110    border-bottom-color: #8CACBB;
111    border-bottom-style: solid;
112    border-bottom-width: 1px;
113    padding-left: 2em;
114    padding-right: 2em;
115}
116
117.breadcrumbs {
118    float: left;
119}
120
121.addFavorite {
122    vertical-align: bottom;
123}
124
125.clock {
126    /* The portal time indicator */
127    float: right;
128    white-space: nowrap;
129}
130
131table.columns {
132    width: 100%;
133}
134
135table.columns td.left {
136    vertical-align: top;
137    width: 15%;
138    padding: 2em 1em 1em 2em;
139}
140
141table.columns td.main {
142    vertical-align: top;
143    padding: 2em 2em 1em 1em;
144    margin: 0;
145}
146
147table.columns td.right {
148    vertical-align: top;
149    width: 15%;
150    padding: 2em 2em 1em 0em;
151}
152
153div.contentTabs {
154/* Local Tabs(tm), used in the content display */
155    background: transparent;
156    border-collapse: collapse;
157    border-bottom: 1px solid #74AE0B;
158    padding-left: 1em;
159    white-space: nowrap;
160}
161
162div.contentTabs a {
163/* The normal, unselected tabs. They are all links */
164    background: transparent;
165    border: 1px solid #74AE0B;
166    color: #578308;
167    font-weight: normal;
168    margin-right: 0.5em;
169    padding: 0em 2em;
170}
171
172div.contentTabs a.selected {
173/* The selected tab. There's only one of this */
174    background: #CDE2A7;
175    border-bottom: #CDE2A7 1px solid;
176    color: #578308;
177    font-weight: normal;
178}
179
180div.contentTabs a:hover {
181    background-color: #CDE2A7;
182    color: #578308;
183}
184
185div.contentBar {
186    background: #CDE2A7;
187    border-left: 1px solid #74AE0B;
188    border-right: 1px solid #74AE0B;
189    color: #578308;
190    text-align: right;
191}
192
193div.document {
194/* The document class encloses the object content when editing is not
195   permitted */
196    background: transparent;
197    padding: 0;
198    margin: 0em 0em 2em 0em;
199}
200
201div.editableDocument {
202/* The class surrounding content when editing is permitted */
203    background: transparent;
204    border: 1px solid #74AE0B;
205    margin: 0em 0em 2em 0em;
206    padding: 2em;
207}
208
209div.message {
210/* The portal messages for cut/paste operations etc */
211    background: #FFCE7B;
212    border: 1px solid #FFA500;
213    color: Black;
214    font: bold 100% Tahoma, Helvetica, Arial, sans-serif;
215    margin: 0em 0em 1em 0em;
216    padding: 0.5em 1em;
217    vertical-align: middle;
218
219}
220
221div.message a {
222    color: Black;
223    text-decoration: underline;
224}
225
226.darker {
227	background: #7B7AC6;
228}
229
230.hilite {
231    background: #DFDEFF;
232}
233
234.background {
235    background: #CCCCFF;
236}
237
238.description {
239/* The summary text describing the document */
240    font: bold 1em Tahoma, Helvetica, Arial, sans-serif;
241    display: block;
242    margin-bottom: 1em;
243}
244
245.footer {
246    background: #DEE7EC;
247    border-top: 1px solid #8CACBB;
248    border-bottom: 1px solid #8CACBB;
249    color: Black;
250    clear: both;
251    float: none;
252    margin: 2em 0em;
253    padding: 0.5em 0em 1em 0em;
254    text-align: center;
255}
256