1 | table.footer { |
---|
2 | margin-top: 5px; |
---|
3 | margin-bottom: 5px; |
---|
4 | margin-left: auto; |
---|
5 | margin-right: auto; |
---|
6 | } |
---|
7 | |
---|
8 | table.footer th, |
---|
9 | table.footer td { |
---|
10 | padding: 0.0em 3em; |
---|
11 | vertical-align: top; |
---|
12 | text-align: left; |
---|
13 | font-size: 0.9em; |
---|
14 | } |
---|
15 | |
---|
16 | table.footer td.border, table.footer th.border{ |
---|
17 | border-left: 1px solid white; |
---|
18 | } |
---|
19 | |
---|
20 | table.footer th { |
---|
21 | padding-bottom: 0.3em; |
---|
22 | color: red; |
---|
23 | } |
---|
24 | |
---|
25 | |
---|
26 | /* |
---|
27 | ** BASE.CSS CUSTOMIZATION STYLES |
---|
28 | */ |
---|
29 | |
---|
30 | #content p, #content table, #content dl, dl.portlet p, dl.portlet { |
---|
31 | margin-top: 0.5em; |
---|
32 | margin-bottom: 0.5em; |
---|
33 | } |
---|
34 | |
---|
35 | #edit-bar, #content ul.formTabs { |
---|
36 | -moz-border-radius-topleft: 0.0em; |
---|
37 | -moz-border-radius-topright: 0.0em; |
---|
38 | } |
---|
39 | |
---|
40 | #content pre { |
---|
41 | background-color: white; |
---|
42 | color: #333333; |
---|
43 | font-size: 100%; |
---|
44 | font-family: "Courier New",monospace; |
---|
45 | margin-bottom: 0px; |
---|
46 | } |
---|
47 | |
---|
48 | |
---|
49 | /* |
---|
50 | ** PUBLIC.CSS CUSTOMIZATION STYLES |
---|
51 | */ |
---|
52 | |
---|
53 | |
---|
54 | #portal-header { |
---|
55 | background:-moz-linear-gradient(left, white, #36895f); /* Firefox */ |
---|
56 | background:-webkit-linear-gradient(left, white, #36895f); /* Safari, Chrome */ |
---|
57 | background:-o-linear-gradient(left, white, #36895f); /* Opera */ |
---|
58 | background:-ms-linear-gradient(left, white, #36895f); /* IE */ |
---|
59 | background-image: linear-gradient(left, white, #36895f); |
---|
60 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#36895f', GradientType=1); |
---|
61 | } |
---|
62 | |
---|
63 | dl.actionMenu.activated dd { |
---|
64 | -moz-border-radius-bottomleft: 0.0em; |
---|
65 | -moz-border-radius-bottomright: 0.0em; |
---|
66 | } |
---|
67 | |
---|
68 | h1, h2, h3, h4, h5, h6 { |
---|
69 | font-weight: normal; |
---|
70 | } |
---|
71 | |
---|
72 | h1 { |
---|
73 | font-size: 1.9em; |
---|
74 | } |
---|
75 | h2 { |
---|
76 | font-size: 1.4em; |
---|
77 | } |
---|
78 | |
---|
79 | h3 { |
---|
80 | font-size: 1.25em; |
---|
81 | font-weight: bold; |
---|
82 | } |
---|
83 | |
---|
84 | h4 { |
---|
85 | font-size: 1.1em; |
---|
86 | } |
---|
87 | |
---|
88 | h1, h2 { |
---|
89 | letter-spacing: 0em; |
---|
90 | } |
---|
91 | |
---|
92 | #portal-top { |
---|
93 | border-top: 0em solid white; |
---|
94 | margin: 0 0 1em 0; |
---|
95 | } |
---|
96 | |
---|
97 | #portal-globalnav li a { |
---|
98 | padding: 0.5em 1em 0.5em 1em; |
---|
99 | min-width: 6em; |
---|
100 | font-weight: normal; |
---|
101 | white-space: normal; |
---|
102 | /*TODO: Once we have removed the whitespace from the nav template, this can be put back*/ |
---|
103 | /*border-bottom: 0.1em solid White;*/ |
---|
104 | border-right: 0.1em solid white; |
---|
105 | } |
---|
106 | |
---|
107 | dl.portlet dt, |
---|
108 | div.portletAssignments div.portletHeader { |
---|
109 | padding: 0.4em 1em 0.4em 1em; |
---|
110 | background: #EEEEEE; |
---|
111 | line-height: normal; |
---|
112 | } |
---|
113 | |
---|
114 | #portlet-prefs a { |
---|
115 | line-height: normal; |
---|
116 | } |
---|
117 | |
---|
118 | dt { |
---|
119 | font-weight: bold; |
---|
120 | } |
---|
121 | |
---|
122 | #fieldset-openid-login input, #login-form input { |
---|
123 | font-size: 120%; |
---|
124 | } |
---|
125 | |
---|
126 | #content .documentDescription, #content #description { |
---|
127 | margin-bottom: 1em; |
---|
128 | margin-top: 1em; |
---|
129 | font-size: 1.25em; |
---|
130 | font-weight: bold; |
---|
131 | color: #006633; |
---|
132 | } |
---|
133 | |
---|
134 | /* Change the ugly green of the sunburst theme */ |
---|
135 | |
---|
136 | #portal-siteactions li a:hover { |
---|
137 | color: #980000 |
---|
138 | } |
---|
139 | #content a:hover, |
---|
140 | dl.portlet a:hover { |
---|
141 | color: #980000 !important; /* This one gets an !important because it should always activate in the content area, even when state coloring is active */ |
---|
142 | } |
---|
143 | |
---|
144 | #content a:visited, dl.portlet a:visited { |
---|
145 | color: #006633; |
---|
146 | border-bottom: None; |
---|
147 | } |
---|
148 | #edit-bar { |
---|
149 | background-color: #C83333; |
---|
150 | border: 0.25em solid #C83333; |
---|
151 | border-style: solid solid none solid; |
---|
152 | } |
---|
153 | |
---|
154 | #content-views { |
---|
155 | background-color: #C83333; |
---|
156 | } |
---|
157 | #contentActionMenus dl.actionMenu a, |
---|
158 | #contentActionMenus dl.actionMenu.activated dd { |
---|
159 | background-color: #C83333; |
---|
160 | } |
---|
161 | #contentActionMenus dl.actionMenu.activated dd { |
---|
162 | border-bottom: None; |
---|
163 | } |
---|
164 | #contentActionMenus { |
---|
165 | background: #C83333; |
---|
166 | } |
---|
167 | div.overlay a:hover { |
---|
168 | color: #980000; |
---|
169 | border-bottom: None; |
---|
170 | } |
---|
171 | |
---|
172 | /* Change the light blue of the sunburst theme */ |
---|
173 | |
---|
174 | #portal-globalnav { |
---|
175 | background: #EEEEEE; |
---|
176 | } |
---|
177 | |
---|
178 | #portal-globalnav li a { |
---|
179 | background: #EEEEEE; |
---|
180 | } |
---|
181 | #portal-globalnav .selected a:hover { |
---|
182 | background: #EEEEEE; |
---|
183 | color: #006633; |
---|
184 | } |
---|
185 | .LSHighlight { |
---|
186 | background: #EEEEEE; |
---|
187 | } |
---|
188 | dl.portlet dt, |
---|
189 | div.portletAssignments div.portletHeader { |
---|
190 | background: #EEEEEE; |
---|
191 | } |
---|
192 | div.managePortletsLink, |
---|
193 | a.managePortletsFallback { |
---|
194 | background: #EEEEEE; |
---|
195 | } |
---|
196 | dl.portlet ul.navTreeLevel0 > .navTreeItem { |
---|
197 | border-bottom: 0.1em dotted #EEEEEE; |
---|
198 | } |
---|
199 | dl.portlet ul.navTree .navTreeCurrentItem { |
---|
200 | background-color: #EEEEEE; |
---|
201 | border-left: 1em solid #EEEEEE; |
---|
202 | } |
---|
203 | #category a.link-category { |
---|
204 | background: #EEEEEE; |
---|
205 | } |
---|
206 | table.plain th, |
---|
207 | table.plain td { |
---|
208 | border: 1px solid #EEEEEE; |
---|
209 | } |
---|
210 | table.listing { |
---|
211 | border-left: 1px solid #EEEEEE; |
---|
212 | border-bottom: 1px solid #EEEEEE; |
---|
213 | } |
---|
214 | table.listing .top { |
---|
215 | border-left: 1px solid #EEEEEE; |
---|
216 | border-top: 1px solid #EEEEEE; |
---|
217 | border-right: 1px solid #EEEEEE; |
---|
218 | } |
---|
219 | table.listing th { |
---|
220 | color: #666; |
---|
221 | border: 0.1em solid #e7e7e7; |
---|
222 | background: #EEEEEE; |
---|
223 | } |
---|
224 | table.listing td { |
---|
225 | border-right: 1px solid #EEEEEE; |
---|
226 | } |
---|
227 | table.listing td.draggable { |
---|
228 | background: #EEEEEE !important; |
---|
229 | } |
---|
230 | #content ul.formTabs { |
---|
231 | background-color: #EEEEEE; |
---|
232 | border: 0.3em solid #EEEEEE; |
---|
233 | } |
---|
234 | img.image-left, |
---|
235 | img.image-right, |
---|
236 | .captioned img { |
---|
237 | border: 1px solid #EEEEEE; |
---|
238 | } |
---|
239 | #portal-footer { |
---|
240 | background: #36895f; |
---|
241 | line-height: 1em; |
---|
242 | padding-top: 0.5em; |
---|
243 | padding-bottom: 0.5em; |
---|
244 | color: white; |
---|
245 | } |
---|
246 | #portal-sitemap > li { |
---|
247 | border-bottom:0.1em dotted #EEEEEE; |
---|
248 | } |
---|
249 | #content-history .historyByLine { |
---|
250 | background: #EEEEEE; |
---|
251 | } |
---|
252 | #content-history div.historyComment { |
---|
253 | border: 1px solid #EEEEEE; |
---|
254 | } |
---|
255 | |
---|
256 | #portal-personaltools { |
---|
257 | background: #EEEEEE; |
---|
258 | } |
---|
259 | |
---|
260 | |
---|
261 | #portal-languageselector{ |
---|
262 | background: #EEEEEE; |
---|
263 | } |
---|
264 | |
---|
265 | |
---|
266 | dl.portalMessage a, #content dl.portalMessage a { |
---|
267 | border-bottom: None; |
---|
268 | color: #006633; |
---|
269 | } |
---|
270 | |
---|
271 | |
---|
272 | /* Change the dark blue of the sunburst theme */ |
---|
273 | |
---|
274 | a:link, a:visited { |
---|
275 | color: #006633; |
---|
276 | } |
---|
277 | |
---|
278 | #portal-globalnav .selected a, |
---|
279 | #portal-globalnav a:hover { |
---|
280 | background: #006633; |
---|
281 | } |
---|
282 | |
---|
283 | #content a.link-overlay { |
---|
284 | border-bottom: None; |
---|
285 | } |
---|
286 | |
---|
287 | #content a:link, |
---|
288 | dl.portlet a:link { |
---|
289 | color: #006633; |
---|
290 | border-bottom: None; |
---|
291 | } |
---|
292 | |
---|
293 | #content a:hover, |
---|
294 | dl.portlet a:hover { |
---|
295 | border-bottom: None; |
---|
296 | } |
---|
297 | |
---|
298 | #category a.link-category:hover { |
---|
299 | background: #006633; |
---|
300 | border-color: #006633; |
---|
301 | } |
---|
302 | |
---|
303 | #portal-personaltools dd a:hover { |
---|
304 | background: #006633; |
---|
305 | } |
---|
306 | |
---|
307 | |
---|
308 | /* |
---|
309 | ** CONTENT.CSS CUSTOMIZATION STYLES |
---|
310 | */ |
---|
311 | |
---|
312 | |
---|
313 | .mceContentBody a { |
---|
314 | background-color: transparent; |
---|
315 | border-bottom: None; |
---|
316 | color: #006633; !important; |
---|
317 | } |
---|
318 | |
---|
319 | |
---|
320 | /* |
---|
321 | ** COLUMNS.CSS CUSTOMIZATION STYLES |
---|
322 | */ |
---|
323 | |
---|
324 | /* Shrink left and right columns and enlarge the content column */ |
---|
325 | div.width-1\3a 2 { width: 53.75%; } /* .width-1:2 */ |
---|
326 | div.width-1\3a 4 { width: 19.75%; } /* .width-1:4 */ |
---|
327 | div.width-3\3a 4 { width: 75.75%; } /* .width-3:4 */ |
---|
328 | div.width-full { width: 97.75% } |
---|
329 | div.position-1\3a 4 {margin-left: -76.875%;} /* .position-1:4 */ |
---|
330 | div.position-1\3a 2 {margin-left: -48.875%;} /* .position-1:2 */ |
---|
331 | div.position-3\3a 4 {margin-left: -20.875%;} /* .position-3:4 */ |
---|
332 | |
---|
333 | |
---|
334 | |
---|
335 | |
---|
336 | |
---|
337 | |
---|
338 | |
---|
339 | /* Here follows the original stuff from ploneCustom.css.dtml */ |
---|
340 | |
---|
341 | /* uncomment the below selector to get a fixed-width layout. * |
---|
342 | * 60em is equivalent to 960px in this case, and every * |
---|
343 | * grid cell will be 40px with 10px padding. * |
---|
344 | |
---|
345 | #visual-portal-wrapper { width: 60em; margin: 0 auto; } */ |
---|
346 | |
---|
347 | /* To change the link color (or the navigation link background), uncomment * |
---|
348 | * the selectors below, and insert new color values: */ |
---|
349 | |
---|
350 | /* |
---|
351 | a:link, a:visited, #content a:link, #content a:visited, dl.portlet a:link, dl.portlet a:visited { |
---|
352 | color: red; |
---|
353 | } |
---|
354 | #portal-globalnav .selected a, #portal-globalnav a:hover { |
---|
355 | background-color: red; |
---|
356 | } |
---|
357 | */ |
---|
358 | |
---|
359 | /* To change the edit bar color, uncomment the selectors below, and insert * |
---|
360 | * new color values: */ |
---|
361 | |
---|
362 | /* |
---|
363 | #contentActionMenus, |
---|
364 | dl.actionMenu.activated dd, |
---|
365 | #content-views, |
---|
366 | #edit-bar { |
---|
367 | background-color: blue; |
---|
368 | border-color: blue; |
---|
369 | } |
---|
370 | dl.actionMenu a { |
---|
371 | background-color: blue; |
---|
372 | } |
---|
373 | */ |
---|
374 | |
---|
375 | /* If you want to hide the path bar (aka. breadcrumbs), uncomment the below: */ |
---|
376 | |
---|
377 | /* |
---|
378 | #breadcrumbs-you-are-here, |
---|
379 | #breadcrumbs-home, |
---|
380 | #breadcrumbs-current, |
---|
381 | #breadcrumbs-1 { |
---|
382 | display: none; |
---|
383 | } |
---|
384 | */ |
---|
385 | |
---|
386 | /* If you want variables in the CSS (for example for colors that are used * |
---|
387 | * in several locations), Plone has a built-in facility for this. An example * |
---|
388 | * is shown below, the variables are defined in the file "base_properties", * |
---|
389 | * and below we show the syntax for using them directly in the CSS file. * |
---|
390 | * Note that you always need to surround the relevant part (or the entire CSS * |
---|
391 | * file) with the dtml-with statements for it to work. */ |
---|
392 | |
---|
393 | /* |
---|
394 | |
---|
395 | /* |
---|
396 | <dtml-with base_properties> |
---|
397 | #content a:link { color: &dtml-linkColor;; } |
---|
398 | </dtml-with> |
---|
399 | */ |
---|