← Back to branch summary

~landscape/zope3/ztk-1.1.3

« back to all changes in this revision

Viewing changes to src/zope/app/basicskin/zopetopstructure.css

  • Committer: Sidnei da Silva
  • Date: 2010-07-05 21:07:01 UTC
  • Revision ID: sidnei.da.silva@canonical.com-20100705210701-zmqhqrbzad1mhzsl
- Reduce deps

Show diffs side-by-side

added added

removed removed

Lines of Context:
src/zope/app/basicskin/zopetopstructure.css
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
 
 
24
 
div.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
 
 
38
 
div.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
 
 
48
 
input.searchGadget {
49
 
}
50
 
 
51
 
div.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
 
 
63
 
div.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
 
 
75
 
div.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
 
 
84
 
div.tabs a:hover {
85
 
    background: #DEE7EC;
86
 
    border-color: #8CACBB;
87
 
    border-bottom-color: #DEE7EC;
88
 
    color: #436976;
89
 
}
90
 
 
91
 
div.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
 
 
102
 
div.personalBar a{
103
 
    background-color: transparent;
104
 
    color: #436976;
105
 
    font-weight: normal;
106
 
}
107
 
 
108
 
div.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
 
 
131
 
table.columns {
132
 
    width: 100%;
133
 
}
134
 
 
135
 
table.columns td.left {
136
 
    vertical-align: top;
137
 
    width: 15%;
138
 
    padding: 2em 1em 1em 2em;
139
 
}
140
 
 
141
 
table.columns td.main {
142
 
    vertical-align: top;
143
 
    padding: 2em 2em 1em 1em;
144
 
    margin: 0;
145
 
}
146
 
 
147
 
table.columns td.right {
148
 
    vertical-align: top;
149
 
    width: 15%;
150
 
    padding: 2em 2em 1em 0em;
151
 
}
152
 
 
153
 
div.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
 
 
162
 
div.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
 
 
172
 
div.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
 
 
180
 
div.contentTabs a:hover {
181
 
    background-color: #CDE2A7;
182
 
    color: #578308;
183
 
}
184
 
 
185
 
div.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
 
 
193
 
div.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
 
 
201
 
div.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
 
 
209
 
div.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
 
 
221
 
div.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
 
}